@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.33 kB
JavaScript
import{i as e,c as a,S as d,a as c,b as u,t as i}from"./define-CNSKFZCd.js";import{c as f}from"./cn-CU7UAWzk.js";var p=i('<p class="text-xs text-muted-foreground">'),x=i('<section><div part=header class="flex flex-col gap-0.5 px-1"><h3 class="text-xs font-semibold uppercase tracking-wide text-muted-foreground"></h3></div><div part=body class="divide-y divide-border overflow-hidden rounded-xl border border-border bg-surface">'),g=i('<span class="text-xs leading-snug text-muted-foreground">'),h=i("<div part=control class=shrink-0>"),v=i('<div><div part=label class="flex min-w-0 flex-col gap-0.5"><span class="text-sm text-foreground">');function b(r){return(()=>{var t=x(),s=t.firstChild,l=s.firstChild,n=s.nextSibling;return e(l,()=>r.heading),e(s,a(d,{get when(){return r.description},get children(){var o=p();return e(o,()=>r.description),o}}),null),e(n,()=>r.children),c(()=>u(t,f("flex flex-col gap-2",r.class))),t})()}function m(r){return(()=>{var t=v(),s=t.firstChild,l=s.firstChild;return e(l,()=>r.label),e(s,a(d,{get when(){return r.description},get children(){var n=g();return e(n,()=>r.description),n}}),null),e(t,a(d,{get when(){return r.control},get children(){var n=h();return e(n,()=>r.control),n}}),null),c(()=>u(t,f("flex items-center justify-between gap-4 px-4 py-3",r.class))),t})()}export{m as S,b as a};