@kitn.ai/ui
Version:
Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.
2 lines (1 loc) • 1.31 kB
JavaScript
import{s,k as n,m as o,i as a,t as u}from"./define-CNSKFZCd.js";import{c as d}from"./index-BCRhi84a.js";import{c as l}from"./cn-CU7UAWzk.js";var c=u("<button>");const f=d("inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",ghost:"hover:bg-muted text-foreground",subtle:"text-muted-foreground hover:bg-accent hover:text-foreground",outline:"bg-muted/50 text-foreground hover:bg-muted",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90"},size:{sm:"h-8 px-3 text-xs rounded-md",md:"h-9 px-4 text-sm",lg:"h-10 px-6 text-sm",icon:"h-9 w-9","icon-sm":"h-7 w-7"},align:{start:"justify-start",center:"justify-center",end:"justify-end"}},defaultVariants:{variant:"default",size:"md",align:"center"}});function g(r){const[e,i]=s(r,["variant","size","align","full","class","children"]);return(()=>{var t=c();return n(t,o({get class(){return l(f({variant:e.variant,size:e.size,align:e.align}),e.full&&"w-full",e.class)}},i),!1,!0),a(t,()=>e.children),t})()}export{g as B};