@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 1.5 kB
JavaScript
import {a}from'./chunk-JUNHRB4B.js';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';var e=cva("inline-flex w-fit shrink-0 items-center gap-1.5 overflow-hidden whitespace-nowrap rounded-full border px-2.5 py-1 font-medium text-xs transition-colors",{variants:{variant:{default:"border-transparent bg-muted text-muted-foreground **:data-[slot=status-indicator]:bg-muted-foreground",success:"border-success/20 bg-success/10 text-success **:data-[slot=status-indicator]:bg-success",error:"border-error/20 bg-error/10 text-error **:data-[slot=status-indicator]:bg-error",warning:"border-warning/20 bg-warning/10 text-warning **:data-[slot=status-indicator]:bg-warning",primary:"border-primary/20 bg-primary/10 text-primary **:data-[slot=status-indicator]:bg-primary "}},defaultVariants:{variant:"default"}});function x({className:a$1,variant:t="default",asChild:o,...s}){return jsx(o?Slot:"div",{"data-slot":"status","data-variant":t,...s,className:a(e({variant:t}),a$1)})}function y(a$1){let{className:t,...o}=a$1;return jsx("div",{"data-slot":"status-indicator",...o,className:a("relative flex size-2 shrink-0 rounded-full","before:absolute before:inset-0 before:animate-ping before:rounded-full before:bg-inherit","after:absolute after:inset-0.5 after:rounded-full after:bg-inherit",t)})}function V({className:a$1,...t}){return jsx("div",{"data-slot":"status-label",...t,className:a("leading-none",a$1)})}export{x as a,y as b,V as c};