@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/ui/status-chip/status-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-chip.js","names":["Show","splitProps","ComponentProps","JSX","cva","cn","Tooltip","TooltipContent","TooltipTrigger","statusDotVariants","variants","tone","neutral","success","warning","danger","info","unknown","defaultVariants","labelTone","Record","StatusTone","StatusChipProps","Omit","label","detail","trailing","Element","StatusChip","props","local","rest","chip","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$effect","_$className","_$createComponent","when","fallback","children","as","StatusEntry","Readonly","id","name","StatusList","entries","compact","_el$3","_tmpl$2","map","entry","_el$4","_tmpl$4","_el$6","_el$5","_tmpl$3","_$mergeProps","_$className","_$createComponent"],"sources":["../../../../src/components/ui/status-chip/status-chip.tsx"],"sourcesContent":["import { Show, splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport { cva } from '#lib/variants'\nimport { cn } from '#lib/utils'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../tooltip'\n\n/**\n * StatusChip.\n *\n * A state, said in one word, with the reason available on hover. It exists\n * because a status readout has three parts that are always the same three parts —\n * a tone, a label, and the detail that justifies the label — and rendering them\n * ad hoc produces the two failures this component is here to prevent: a colour\n * with no text (unreadable to anyone who cannot see it) and a bare word with no\n * explanation (\"Needs configuration\" — of what?).\n *\n * The tones are deliberately not a rainbow. Six cover what a status can actually\n * mean:\n *\n * - `neutral` — fine, and there is nothing to say about it.\n * - `success` — a check passed, a capability is ready, a job finished.\n * - `warning` — degraded, or needs a decision from the user.\n * - `danger` — blocked, failed, unrecoverable without intervention.\n * - `info` — in flight or scheduled; work is happening, nothing is wrong.\n * - `unknown` — the honest absence of information.\n *\n * `unknown` is not the same as `neutral`, and collapsing them is the mistake\n * worth avoiding: \"this is idle\" and \"we have not been told yet\" are different\n * facts, and a product that shows the second as the first is lying quietly. The\n * ring is hollow so it also reads as different in greyscale.\n *\n * The dot is `aria-hidden` and the label carries the meaning, so a tone is never\n * the only signal.\n */\nexport const statusDotVariants = cva('size-2 shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      neutral: 'bg-muted-foreground',\n      success: 'bg-success',\n      warning: 'bg-warning',\n      danger: 'bg-destructive',\n      info: 'bg-info',\n      unknown: 'border border-muted-foreground bg-transparent',\n    },\n  },\n  defaultVariants: { tone: 'neutral' },\n})\n\nconst labelTone: Record<StatusTone, string> = {\n  neutral: 'text-foreground',\n  success: 'text-success',\n  warning: 'text-warning',\n  danger: 'text-destructive',\n  info: 'text-info',\n  unknown: 'text-muted-foreground',\n}\n\nexport type StatusTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'unknown'\n\nexport type StatusChipProps = Omit<ComponentProps<'span'>, 'children'> & {\n  tone?: StatusTone\n  label: string\n  /** Why the status is what it is. Shown in a tooltip; omit for a self-evident label. */\n  detail?: string\n  /** A trailing slot: a timestamp, a retry affordance, a count. */\n  trailing?: JSX.Element\n}\n\nexport function StatusChip(props: StatusChipProps) {\n  const [local, rest] = splitProps(props, ['tone', 'label', 'detail', 'trailing', 'class'])\n\n  const chip = (\n    <span\n      class={cn(\n        'inline-flex w-fit items-center gap-1.5 text-xs font-medium whitespace-nowrap',\n        labelTone[local.tone ?? 'neutral'],\n        local.class\n      )}\n      {...rest}\n    >\n      <span class={statusDotVariants({ tone: local.tone })} aria-hidden=\"true\" />\n      {local.label}\n      {local.trailing}\n    </span>\n  )\n\n  return (\n    <Show when={local.detail} fallback={chip}>\n      {(detail) => (\n        <Tooltip>\n          <TooltipTrigger as=\"span\" class=\"inline-flex\">\n            {chip}\n          </TooltipTrigger>\n          <TooltipContent>{detail()}</TooltipContent>\n        </Tooltip>\n      )}\n    </Show>\n  )\n}\n\nexport type StatusEntry = Readonly<{\n  /** A stable key for the row. */\n  id: string\n  /** What is being reported — \"Configuration\", \"Runtime\", \"Sync\". */\n  name: string\n  tone: StatusTone\n  label: string\n  detail?: string\n}>\n\n/**\n * StatusList.\n *\n * The several-facts-about-one-thing shape: an agent with a configuration state, a\n * runtime state and an activity state; a service with a build, a deploy and a\n * health check. It is a definition list rather than a table because there is no\n * column to sort or compare — the rows are facets of a single subject, and a\n * screen reader should hear them as such.\n *\n * Fixed width on the name column is what makes a column of these scannable; the\n * rows line up without a table's semantics.\n */\nexport function StatusList(props: {\n  entries: readonly StatusEntry[]\n  class?: string\n  /** Hide the name column and show only the chips — for a compact badge strip. */\n  compact?: boolean\n}) {\n  return (\n    <dl class={cn('grid gap-2 text-sm', props.class)}>\n      {props.entries.map((entry) => (\n        <div class=\"flex items-baseline justify-between gap-4\">\n          <Show when={!props.compact}>\n            <dt class=\"text-muted-foreground\">{entry.name}</dt>\n          </Show>\n          <dd class={cn(!props.compact && 'shrink-0')}>\n            <StatusChip tone={entry.tone} label={entry.label} detail={entry.detail} />\n          </dd>\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAaS,oBAAoBL,IAAI,gCAAgC;CACnEM,UAAU,EACRC,MAAM;EACJC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,SAAS;CACX,EACF;CACAC,iBAAiB,EAAEP,MAAM,UAAU;AACrC,CAAC;AAED,IAAMQ,YAAwC;CAC5CP,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACRC,MAAM;CACNC,SAAS;AACX;AAaA,SAAgBW,WAAWC,OAAwB;CACjD,MAAM,CAACC,OAAOC,QAAQ9B,WAAW4B,OAAO;EAAC;EAAQ;EAAS;EAAU;EAAY;CAAO,CAAC;CAExF,MAAMG,cAAI;EAAA,IAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG;EAAAC,OAAAJ,MAAAK,WAAA,EAAA,KAAA,WAAA;GAAA,OAECjC,GACL,gFACAc,UAAUW,MAAMnB,QAAQ,YACxBmB,MAAMS,KACR;EAAC,EAAA,GACGR,IAAI,GAAA,OAAA,IAAA;EAAAS,OAAAP,YAGPH,MAAMN,OAAK,IAAA;EAAAgB,OAAAP,YACXH,MAAMJ,UAAQ,IAAA;EAAAe,aAAAC,UAAAP,OAFF1B,kBAAkB,EAAEE,MAAMmB,MAAMnB,KAAK,CAAC,CAAC,CAAA;EAAA,OAAAsB;CAAA,EAAA,CAAA;CAMxD,OAAAU,gBACG3C,MAAI;EAAA,IAAC4C,OAAI;GAAA,OAAEd,MAAML;EAAM;EAAEoB,UAAUb;EAAIc,WACpCrB,WAAMkB,gBACLrC,SAAO,EAAA,IAAAwC,WAAA;GAAA,OAAA,CAAAH,gBACLnC,gBAAc;IAACuC,IAAE;IAAA,SAAA;IAAAD,UACfd;GAAI,CAAA,GAAAW,gBAENpC,gBAAc,EAAA,IAAAuC,WAAA;IAAA,OAAErB,OAAO;GAAC,EAAA,CAAA,CAAA;EAAA,EAAA,CAAA;CAE5B,CAAA;AAGP;;;;;;;;;;;;;AAwBA,SAAgB2B,WAAWvB,OAKxB;CACD,cAAA;EAAA,IAAA0B,QAAAC,QAAA;EAAAhB,OAAAe,aAEK1B,MAAMwB,QAAQI,KAAKC,iBAAK;GAAA,IAAAC,QAAAC,QAAA,GAAAC,QAAAF,MAAAvB;GAAAI,OAAAmB,OAAAhB,gBAEpB3C,MAAI;IAAA,IAAC4C,OAAI;KAAA,OAAE,CAACf,MAAMyB;IAAO;IAAA,IAAAR,WAAA;KAAA,IAAAgB,QAAAC,QAAA;KAAAvB,OAAAsB,aACWJ,MAAMP,IAAI;KAAA,OAAAW;IAAA;GAAA,CAAA,GAAAD,KAAA;GAAArB,OAAAqB,OAAAlB,gBAG5Cf,YAAU;IAAA,IAACjB,OAAI;KAAA,OAAE+C,MAAM/C;IAAI;IAAA,IAAEa,QAAK;KAAA,OAAEkC,MAAMlC;IAAK;IAAA,IAAEC,SAAM;KAAA,OAAEiC,MAAMjC;IAAM;GAAA,CAAA,CAAA;GAAAgB,aAAAC,UAAAmB,OAD7DxD,GAAG,CAACwB,MAAMyB,WAAW,UAAU,CAAC,CAAA;GAAA,OAAAK;EAAA,EAAA,CAAA,CAI9C,CAAC;EAAAlB,aAAAC,UAAAa,OAVOlD,GAAG,sBAAsBwB,MAAMU,KAAK,CAAC,CAAA;EAAA,OAAAgB;CAAA,EAAA,CAAA;AAapD"}

package/dist/components/ui/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch, SwitchDescription, SwitchLabel, type SwitchProps } from './switch';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/ui/switch/switch.d.ts

@@ -0,0 +1,36 @@
+import { Switch as KobalteSwitch } from '@kobalte/core/switch';
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Switch.
+ *
+ * For a setting that takes effect the moment it is flipped. The distinction
+ * from Checkbox is behaviour, not looks: a switch applies immediately and
+ * belongs in a settings row, while a checkbox is a value the user is still
+ * composing and is applied when a form is submitted. A switch inside an unsaved
+ * form is the mistake this split exists to prevent.
+ *
+ * `Switch.Input` renders a real hidden checkbox, so the control is
+ * form-native, keyboard-operable, and its `aria-checked` follows the state the
+ * user sees.
+ */
+export type SwitchProps = Omit<ComponentProps<typeof KobalteSwitch>, 'children'> & {
+    controlClass?: string;
+    thumbClass?: string;
+    labelClass?: string;
+    descriptionClass?: string;
+    /**
+     * Replaces the control and label. Omit it to get the default control beside
+     * `label` and `description`; supply it to compose the parts yourself.
+     */
+    children?: JSX.Element;
+};
+export declare function Switch(props: SwitchProps): JSX.Element;
+/**
+ * The switch's own label. Valid only inside a `<Switch>`: it is Kobalte's label
+ * for that root's control, and outside one there is nothing to associate with.
+ * A label drawn *beside* a switch — a settings row with the control trailing —
+ * is plain text, and the switch takes an `aria-label` instead.
+ */
+export declare function SwitchLabel(props: ComponentProps<typeof KobalteSwitch.Label>): JSX.Element;
+export declare function SwitchDescription(props: ComponentProps<typeof KobalteSwitch.Description>): JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/ui/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAiDxC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,eAK5E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,eAKxF"}

package/dist/components/ui/switch/switch.js

@@ -0,0 +1,74 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Switch } from "@kobalte/core/switch";
+//#region src/components/ui/switch/switch.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="grid gap-0.5">`);
+function Switch$1(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"controlClass",
+		"thumbClass",
+		"labelClass",
+		"descriptionClass",
+		"children",
+		"aria-label",
+		"aria-labelledby"
+	]);
+	return createComponent(Switch, mergeProps({ get ["class"]() {
+		return cn("group/switch flex items-center gap-2.5", local.class);
+	} }, rest, { get children() {
+		return [
+			createComponent(Switch.Input, {
+				get ["aria-label"]() {
+					return local["aria-label"];
+				},
+				get ["aria-labelledby"]() {
+					return local["aria-labelledby"];
+				}
+			}),
+			createComponent(Switch.Control, {
+				get ["class"]() {
+					return cn("bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent", "transition-colors ease-out outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "data-[checked]:bg-primary", "data-[invalid]:border-destructive", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", local.controlClass);
+				},
+				get children() {
+					return createComponent(Switch.Thumb, { get ["class"]() {
+						return cn("bg-background pointer-events-none block size-4 rounded-full shadow-xs", "transition-transform ease-out", "data-[checked]:translate-x-4", local.thumbClass);
+					} });
+				}
+			}),
+			memo(() => local.children ?? (() => {
+				var _el$ = _tmpl$();
+				insert(_el$, createComponent(Switch.Label, { get ["class"]() {
+					return cn("text-sm leading-none font-medium", local.labelClass);
+				} }), null);
+				insert(_el$, createComponent(Switch.Description, { get ["class"]() {
+					return cn("text-muted-foreground text-sm", local.descriptionClass);
+				} }), null);
+				return _el$;
+			})())
+		];
+	} }));
+}
+/**
+* The switch's own label. Valid only inside a `<Switch>`: it is Kobalte's label
+* for that root's control, and outside one there is nothing to associate with.
+* A label drawn *beside* a switch — a settings row with the control trailing —
+* is plain text, and the switch takes an `aria-label` instead.
+*/
+function SwitchLabel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Switch.Label, mergeProps({ get ["class"]() {
+		return cn("text-sm leading-none font-medium", local.class);
+	} }, rest));
+}
+function SwitchDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Switch.Description, mergeProps({ get ["class"]() {
+		return cn("text-muted-foreground text-sm", local.class);
+	} }, rest));
+}
+//#endregion
+export { Switch$1 as Switch, SwitchDescription, SwitchLabel };
+
+//# sourceMappingURL=switch.js.map

package/dist/components/ui/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["Switch","KobalteSwitch","ComponentProps","JSX","splitProps","cn","SwitchProps","Omit","controlClass","thumbClass","labelClass","descriptionClass","children","Element","props","local","rest","_$createComponent","_$mergeProps","class","Input","aria-label","aria-labelledby","Control","Thumb","_$memo","_el$","_tmpl$","_$insert","Label","Description","SwitchLabel","SwitchDescription","Switch","_$createComponent","KobalteSwitch","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/switch/switch.tsx"],"sourcesContent":["import { Switch as KobalteSwitch } from '@kobalte/core/switch'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Switch.\n *\n * For a setting that takes effect the moment it is flipped. The distinction\n * from Checkbox is behaviour, not looks: a switch applies immediately and\n * belongs in a settings row, while a checkbox is a value the user is still\n * composing and is applied when a form is submitted. A switch inside an unsaved\n * form is the mistake this split exists to prevent.\n *\n * `Switch.Input` renders a real hidden checkbox, so the control is\n * form-native, keyboard-operable, and its `aria-checked` follows the state the\n * user sees.\n */\nexport type SwitchProps = Omit<ComponentProps<typeof KobalteSwitch>, 'children'> & {\n  controlClass?: string\n  thumbClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  /**\n   * Replaces the control and label. Omit it to get the default control beside\n   * `label` and `description`; supply it to compose the parts yourself.\n   */\n  children?: JSX.Element\n}\n\nexport function Switch(props: SwitchProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'thumbClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'aria-label',\n    'aria-labelledby',\n  ])\n\n  return (\n    <KobalteSwitch class={cn('group/switch flex items-center gap-2.5', local.class)} {...rest}>\n      {/* The name belongs on the input; see Checkbox for why. */}\n      <KobalteSwitch.Input\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n      />\n      <KobalteSwitch.Control\n        class={cn(\n          'bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent',\n          'transition-colors ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary',\n          'data-[invalid]:border-destructive',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteSwitch.Thumb\n          class={cn(\n            'bg-background pointer-events-none block size-4 rounded-full shadow-xs',\n            'transition-transform ease-out',\n            'data-[checked]:translate-x-4',\n            local.thumbClass\n          )}\n        />\n      </KobalteSwitch.Control>\n      {local.children ?? (\n        <div class=\"grid gap-0.5\">\n          <KobalteSwitch.Label class={cn('text-sm leading-none font-medium', local.labelClass)} />\n          <KobalteSwitch.Description\n            class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n          />\n        </div>\n      )}\n    </KobalteSwitch>\n  )\n}\n\n/**\n * The switch's own label. Valid only inside a `<Switch>`: it is Kobalte's label\n * for that root's control, and outside one there is nothing to associate with.\n * A label drawn *beside* a switch — a settings row with the control trailing —\n * is plain text, and the switch takes an `aria-label` instead.\n */\nexport function SwitchLabel(props: ComponentProps<typeof KobalteSwitch.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSwitch.Label class={cn('text-sm leading-none font-medium', local.class)} {...rest} />\n  )\n}\n\nexport function SwitchDescription(props: ComponentProps<typeof KobalteSwitch.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteSwitch.Description class={cn('text-muted-foreground text-sm', local.class)} {...rest} />\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgBA,SAAOc,OAAoB;CACzC,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAiB,CAClB;CAED,OAAAG,gBACGhB,QAAaiB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQb,GAAG,0CAA0CU,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAJ,WAAA;EAAA,OAAA;GAAAK,gBAEtFhB,OAAcmB,OAAK;IAAA,KAAA,gBAAA;KAAA,OACNL,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;GAAA,CAAA;GAAAE,gBAE1ChB,OAAcsB,SAAO;IAAA,KAAA,WAAA;KAAA,OACblB,GACL,6FACA,2CACA,oFACA,6BACA,qCACA,iEACAU,MAAMP,YACR;IAAC;IAAA,IAAAI,WAAA;KAAA,OAAAK,gBAEAhB,OAAcuB,OAAK,EAAA,KAAA,WAAA;MAAA,OACXnB,GACL,yEACA,iCACA,gCACAU,MAAMN,UACR;KAAC,EAAA,CAAA;IAAA;GAAA,CAAA;GAAAgB,WAGJV,MAAMH,mBAAQ;IAAA,IAAAc,OAAAC,OAAA;IAAAC,OAAAF,MAAAT,gBAEVhB,OAAc4B,OAAK,EAAA,KAAA,WAAA;KAAA,OAAQxB,GAAG,oCAAoCU,MAAML,UAAU;IAAC,EAAA,CAAA,GAAA,IAAA;IAAAkB,OAAAF,MAAAT,gBACnFhB,OAAc6B,aAAW,EAAA,KAAA,WAAA;KAAA,OACjBzB,GAAG,iCAAiCU,MAAMJ,gBAAgB;IAAC,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAe;GAAA,EAAA,CAAA,CAGvE;EAAA;CAAA,EAAA,CAAA,CAAA;AAGP;;;;;;;AAQA,SAAgBK,YAAYjB,OAAmD;CAC7E,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGhB,OAAc4B,OAAKX,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQb,GAAG,oCAAoCU,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAE7F;AAEA,SAAgBgB,kBAAkBlB,OAAyD;CACzF,MAAM,CAACC,OAAOC,QAAQZ,WAAWU,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGhB,OAAc6B,aAAWZ,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQb,GAAG,iCAAiCU,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAEhG"}

package/dist/components/ui/table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, } from './table';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,QAAQ,GACT,MAAM,SAAS,CAAA"}

package/dist/components/ui/table/table.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * Table.
+ *
+ * Semantic markup, not a grid of divs. A `<table>` with a caption, a header
+ * scope and cells is navigable by a screen reader in ways a flex layout cannot
+ * be reproduced into, and it is what makes "row 3 of 12, Name column" work.
+ *
+ * Two decisions worth keeping:
+ *
+ *   - The header is sticky by default. A scrollable table whose header leaves
+ *     the viewport makes every row below it anonymous.
+ *   - Numbers are right-aligned and tabular. `text-end` plus `tabular-nums` is
+ *     what lets a column of figures be compared by eye; a proportional font
+ *     with ragged digits is unreadable at a glance.
+ *
+ * `TableNumericCell` exists so callers do not have to remember the second
+ * half of that rule.
+ */
+export declare function Table(props: ComponentProps<'table'>): import("solid-js").JSX.Element;
+export declare function TableHeader(props: ComponentProps<'thead'>): import("solid-js").JSX.Element;
+export declare function TableBody(props: ComponentProps<'tbody'>): import("solid-js").JSX.Element;
+export declare function TableFooter(props: ComponentProps<'tfoot'>): import("solid-js").JSX.Element;
+export declare function TableRow(props: ComponentProps<'tr'>): import("solid-js").JSX.Element;
+export declare function TableHead(props: ComponentProps<'th'>): import("solid-js").JSX.Element;
+export declare function TableCell(props: ComponentProps<'td'>): import("solid-js").JSX.Element;
+export declare function TableNumericCell(props: ComponentProps<'td'>): import("solid-js").JSX.Element;
+export declare function TableCaption(props: ComponentProps<'caption'>): import("solid-js").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/ui/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,kCAQnD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,kCAYzD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,kCAKvD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,kCAYzD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAcnD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAcpD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAGpD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,kCAS3D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,kCAS5D"}

package/dist/components/ui/table/table.js

@@ -0,0 +1,129 @@
+import { cn } from "../../../lib/utils.js";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/table/table.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=table-container class="relative w-full overflow-x-auto"><table data-slot=table>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<thead data-slot=table-header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<tbody data-slot=table-body>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<tfoot data-slot=table-footer>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<tr data-slot=table-row>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<th data-slot=table-head>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<td data-slot=table-cell>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<caption data-slot=table-caption>`);
+/**
+* Table.
+*
+* Semantic markup, not a grid of divs. A `<table>` with a caption, a header
+* scope and cells is navigable by a screen reader in ways a flex layout cannot
+* be reproduced into, and it is what makes "row 3 of 12, Name column" work.
+*
+* Two decisions worth keeping:
+*
+*   - The header is sticky by default. A scrollable table whose header leaves
+*     the viewport makes every row below it anonymous.
+*   - Numbers are right-aligned and tabular. `text-end` plus `tabular-nums` is
+*     what lets a column of figures be compared by eye; a proportional font
+*     with ragged digits is unreadable at a glance.
+*
+* `TableNumericCell` exists so callers do not have to remember the second
+* half of that rule.
+*/
+function Table(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("w-full caption-bottom text-sm", local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
+}
+function TableHeader(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$2();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("[&_tr]:border-b [&_tr]:border-border sticky top-0 z-(--z-docked) bg-background", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
+}
+function TableBody(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$4 = _tmpl$3();
+		spread(_el$4, mergeProps({ get ["class"]() {
+			return cn("[&_tr:last-child]:border-0", local.class);
+		} }, rest), false, false);
+		return _el$4;
+	})();
+}
+function TableFooter(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$4();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("bg-surface-hover border-t border-border font-medium [&>tr]:last:border-b-0", local.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
+}
+function TableRow(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$6 = _tmpl$5();
+		spread(_el$6, mergeProps({ get ["class"]() {
+			return cn("border-b border-border transition-colors ease-out", "hover:bg-surface-hover data-[state=selected]:bg-primary-subtle", local.class);
+		} }, rest), false, false);
+		return _el$6;
+	})();
+}
+function TableHead(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$7 = _tmpl$6();
+		spread(_el$7, mergeProps({
+			get scope() {
+				return props.scope ?? "col";
+			},
+			get ["class"]() {
+				return cn("text-muted-foreground h-9 px-3 text-start align-middle text-xs font-medium whitespace-nowrap", local.class);
+			}
+		}, rest), false, false);
+		return _el$7;
+	})();
+}
+function TableCell(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$8 = _tmpl$7();
+		spread(_el$8, mergeProps({ get ["class"]() {
+			return cn("px-3 py-2 align-middle", local.class);
+		} }, rest), false, false);
+		return _el$8;
+	})();
+}
+function TableNumericCell(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$9 = _tmpl$7();
+		spread(_el$9, mergeProps({ get ["class"]() {
+			return cn("px-3 py-2 text-end align-middle tabular-nums", local.class);
+		} }, rest), false, false);
+		return _el$9;
+	})();
+}
+function TableCaption(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$0 = _tmpl$8();
+		spread(_el$0, mergeProps({ get ["class"]() {
+			return cn("text-muted-foreground mt-3 text-sm", local.class);
+		} }, rest), false, false);
+		return _el$0;
+	})();
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow };
+
+//# sourceMappingURL=table.js.map

package/dist/components/ui/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["ComponentProps","splitProps","cn","Table","props","local","rest","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","TableHeader","_el$3","_tmpl$2","TableBody","_el$4","_tmpl$3","TableFooter","_el$5","_tmpl$4","TableRow","_el$6","_tmpl$5","TableHead","_el$7","_tmpl$6","scope","TableCell","_el$8","_tmpl$7","TableNumericCell","_el$9","TableCaption","_el$0","_tmpl$8","_$mergeProps"],"sources":["../../../../src/components/ui/table/table.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Table.\n *\n * Semantic markup, not a grid of divs. A `<table>` with a caption, a header\n * scope and cells is navigable by a screen reader in ways a flex layout cannot\n * be reproduced into, and it is what makes \"row 3 of 12, Name column\" work.\n *\n * Two decisions worth keeping:\n *\n *   - The header is sticky by default. A scrollable table whose header leaves\n *     the viewport makes every row below it anonymous.\n *   - Numbers are right-aligned and tabular. `text-end` plus `tabular-nums` is\n *     what lets a column of figures be compared by eye; a proportional font\n *     with ragged digits is unreadable at a glance.\n *\n * `TableNumericCell` exists so callers do not have to remember the second\n * half of that rule.\n */\nexport function Table(props: ComponentProps<'table'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <div data-slot=\"table-container\" class=\"relative w-full overflow-x-auto\">\n      <table data-slot=\"table\" class={cn('w-full caption-bottom text-sm', local.class)} {...rest} />\n    </div>\n  )\n}\n\nexport function TableHeader(props: ComponentProps<'thead'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <thead\n      data-slot=\"table-header\"\n      class={cn(\n        '[&_tr]:border-b [&_tr]:border-border sticky top-0 z-(--z-docked) bg-background',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TableBody(props: ComponentProps<'tbody'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <tbody data-slot=\"table-body\" class={cn('[&_tr:last-child]:border-0', local.class)} {...rest} />\n  )\n}\n\nexport function TableFooter(props: ComponentProps<'tfoot'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      class={cn(\n        'bg-surface-hover border-t border-border font-medium [&>tr]:last:border-b-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TableRow(props: ComponentProps<'tr'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <tr\n      data-slot=\"table-row\"\n      class={cn(\n        'border-b border-border transition-colors ease-out',\n        'hover:bg-surface-hover data-[state=selected]:bg-primary-subtle',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TableHead(props: ComponentProps<'th'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <th\n      data-slot=\"table-head\"\n      scope={props.scope ?? 'col'}\n      class={cn(\n        'text-muted-foreground h-9 px-3 text-start align-middle text-xs font-medium whitespace-nowrap',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TableCell(props: ComponentProps<'td'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <td data-slot=\"table-cell\" class={cn('px-3 py-2 align-middle', local.class)} {...rest} />\n}\n\nexport function TableNumericCell(props: ComponentProps<'td'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <td\n      data-slot=\"table-cell\"\n      class={cn('px-3 py-2 text-end align-middle tabular-nums', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function TableCaption(props: ComponentProps<'caption'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      class={cn('text-muted-foreground mt-3 text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger, type TabsListProps, type TabsTriggerProps, } from './tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAA"}

package/dist/components/ui/tabs/tabs.d.ts

@@ -0,0 +1,23 @@
+import { Tabs as KobalteTabs } from '@kobalte/core/tabs';
+import type { ComponentProps } from 'solid-js';
+/**
+ * Tabs.
+ *
+ * For switching between sibling views of the *same* subject — a file's code,
+ * diff and history. Not for moving between pages: a tab is expected to keep
+ * its panel and its scroll position, which a route does not.
+ *
+ * `appearance="segmented"` gives the joined bar KiroCrew uses inside a pane
+ * where a full-width underline would collide with the panel's own header rule.
+ */
+export declare function Tabs(props: ComponentProps<typeof KobalteTabs>): import("solid-js").JSX.Element;
+export type TabsListProps = ComponentProps<typeof KobalteTabs.List> & {
+    appearance?: 'underline' | 'segmented';
+};
+export declare function TabsList(props: TabsListProps): import("solid-js").JSX.Element;
+export type TabsTriggerProps = ComponentProps<typeof KobalteTabs.Trigger> & {
+    appearance?: 'underline' | 'segmented';
+};
+export declare function TabsTrigger(props: TabsTriggerProps): import("solid-js").JSX.Element;
+export declare function TabsContent(props: ComponentProps<typeof KobalteTabs.Content>): import("solid-js").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAQ7D;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;CACvC,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,kCAgB5C;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG;IAC1E,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;CACvC,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAoBlD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,kCAG5E"}

package/dist/components/ui/tabs/tabs.js

@@ -0,0 +1,43 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Tabs } from "@kobalte/core/tabs";
+//#region src/components/ui/tabs/tabs.tsx
+/**
+* Tabs.
+*
+* For switching between sibling views of the *same* subject — a file's code,
+* diff and history. Not for moving between pages: a tab is expected to keep
+* its panel and its scroll position, which a route does not.
+*
+* `appearance="segmented"` gives the joined bar KiroCrew uses inside a pane
+* where a full-width underline would collide with the panel's own header rule.
+*/
+function Tabs$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Tabs, mergeProps({ get ["class"]() {
+		return cn("flex flex-col gap-2 data-[orientation=vertical]:flex-row", local.class);
+	} }, rest));
+}
+function TabsList(props) {
+	const [local, rest] = splitProps(props, ["class", "appearance"]);
+	return createComponent(Tabs.List, mergeProps({ get ["class"]() {
+		return cn("inline-flex w-fit shrink-0 items-center justify-center", local.appearance === "segmented" ? "gap-0.5 rounded-lg bg-surface-hover p-0.5" : "gap-1 rounded-none border-b border-border", "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", local.class);
+	} }, rest));
+}
+function TabsTrigger(props) {
+	const [local, rest] = splitProps(props, ["class", "appearance"]);
+	return createComponent(Tabs.Trigger, mergeProps({ get ["class"]() {
+		return cn("inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium", "transition-colors ease-out outline-none select-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "disabled:pointer-events-none disabled:opacity-50", "text-muted-foreground hover:text-foreground data-[selected]:text-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4", local.appearance === "segmented" ? "h-control-sm rounded-md px-control-sm data-[selected]:bg-card data-[selected]:shadow-xs" : "h-control-md -mb-px rounded-none border-b-2 border-transparent px-2 pb-2 data-[selected]:border-primary", local.class);
+	} }, rest));
+}
+function TabsContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Tabs.Content, mergeProps({ get ["class"]() {
+		return cn("flex-1 outline-none", local.class);
+	} }, rest));
+}
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/ui/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["Tabs","KobalteTabs","ComponentProps","splitProps","cn","props","local","rest","_$createComponent","_$mergeProps","class","TabsListProps","List","appearance","TabsList","TabsTriggerProps","Trigger","TabsTrigger","TabsContent","Content","Tabs","_$createComponent","KobalteTabs","_$mergeProps"],"sources":["../../../../src/components/ui/tabs/tabs.tsx"],"sourcesContent":["import { Tabs as KobalteTabs } from '@kobalte/core/tabs'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Tabs.\n *\n * For switching between sibling views of the *same* subject — a file's code,\n * diff and history. Not for moving between pages: a tab is expected to keep\n * its panel and its scroll position, which a route does not.\n *\n * `appearance=\"segmented\"` gives the joined bar KiroCrew uses inside a pane\n * where a full-width underline would collide with the panel's own header rule.\n */\nexport function Tabs(props: ComponentProps<typeof KobalteTabs>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteTabs\n      class={cn('flex flex-col gap-2 data-[orientation=vertical]:flex-row', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type TabsListProps = ComponentProps<typeof KobalteTabs.List> & {\n  appearance?: 'underline' | 'segmented'\n}\n\nexport function TabsList(props: TabsListProps) {\n  const [local, rest] = splitProps(props, ['class', 'appearance'])\n\n  return (\n    <KobalteTabs.List\n      class={cn(\n        'inline-flex w-fit shrink-0 items-center justify-center',\n        local.appearance === 'segmented'\n          ? 'gap-0.5 rounded-lg bg-surface-hover p-0.5'\n          : 'gap-1 rounded-none border-b border-border',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type TabsTriggerProps = ComponentProps<typeof KobalteTabs.Trigger> & {\n  appearance?: 'underline' | 'segmented'\n}\n\nexport function TabsTrigger(props: TabsTriggerProps) {\n  const [local, rest] = splitProps(props, ['class', 'appearance'])\n\n  return (\n    <KobalteTabs.Trigger\n      class={cn(\n        'inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium',\n        'transition-colors ease-out outline-none select-none',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'disabled:pointer-events-none disabled:opacity-50',\n        'text-muted-foreground hover:text-foreground data-[selected]:text-foreground',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n        local.appearance === 'segmented'\n          ? 'h-control-sm rounded-md px-control-sm data-[selected]:bg-card data-[selected]:shadow-xs'\n          : 'h-control-md -mb-px rounded-none border-b-2 border-transparent px-2 pb-2 data-[selected]:border-primary',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TabsContent(props: ComponentProps<typeof KobalteTabs.Content>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteTabs.Content class={cn('flex-1 outline-none', local.class)} {...rest} />\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgBA,OAAKK,OAA2C;CAC9D,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGP,MAAWQ,WAAA,EAAA,KAAA,WAAA;EAAA,OACHL,GAAG,4DAA4DE,MAAMI,KAAK;CAAC,EAAA,GAC9EH,IAAI,CAAA;AAGd;AAMA,SAAgBO,SAAST,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,SAAS,YAAY,CAAC;CAE/D,OAAAG,gBACGP,KAAYW,MAAIH,WAAA,EAAA,KAAA,WAAA;EAAA,OACRL,GACL,0DACAE,MAAMO,eAAe,cACjB,8CACA,6CACJ,kFACAP,MAAMI,KACR;CAAC,EAAA,GACGH,IAAI,CAAA;AAGd;AAMA,SAAgBU,YAAYZ,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,SAAS,YAAY,CAAC;CAE/D,OAAAG,gBACGP,KAAYe,SAAOP,WAAA,EAAA,KAAA,WAAA;EAAA,OACXL,GACL,kGACA,uDACA,oFACA,oDACA,+EACA,+DACAE,MAAMO,eAAe,cACjB,4FACA,2GACJP,MAAMI,KACR;CAAC,EAAA,GACGH,IAAI,CAAA;AAGd;AAEA,SAAgBW,YAAYb,OAAmD;CAC7E,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQP,KAAYkB,SAAOV,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAG,uBAAuBE,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AACrF"}

package/dist/components/ui/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea } from './textarea';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/ui/textarea/textarea.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * Textarea.
+ *
+ * Shares the Input's border, focus and invalid treatment exactly — the two are
+ * the same control at different aspect ratios, and a form that mixes them must
+ * not show a seam between them.
+ *
+ * `field-sizing: content` lets the element grow with its content where the
+ * engine supports it, which is the behaviour a chat composer wants; `rows`
+ * remains the fallback so an unsupported engine still gets a usable height.
+ */
+export declare function Textarea(props: ComponentProps<'textarea'>): import("solid-js").JSX.Element;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,kCAoBzD"}

package/dist/components/ui/textarea/textarea.js

@@ -0,0 +1,30 @@
+import { cn } from "../../../lib/utils.js";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/textarea/textarea.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<textarea data-slot=textarea>`);
+/**
+* Textarea.
+*
+* Shares the Input's border, focus and invalid treatment exactly — the two are
+* the same control at different aspect ratios, and a form that mixes them must
+* not show a seam between them.
+*
+* `field-sizing: content` lets the element grow with its content where the
+* engine supports it, which is the behaviour a chat composer wants; `rows`
+* remains the fallback so an unsupported engine still gets a usable height.
+*/
+function Textarea(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-control-md py-2 text-sm", "transition-[color,box-shadow,border-color] ease-out outline-none", "placeholder:text-muted-foreground", "selection:bg-primary selection:text-primary-foreground", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive-subtle", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "resize-y", local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/components/ui/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":["ComponentProps","splitProps","cn","Textarea","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps"],"sources":["../../../../src/components/ui/textarea/textarea.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Textarea.\n *\n * Shares the Input's border, focus and invalid treatment exactly — the two are\n * the same control at different aspect ratios, and a form that mixes them must\n * not show a seam between them.\n *\n * `field-sizing: content` lets the element grow with its content where the\n * engine supports it, which is the behaviour a chat composer wants; `rows`\n * remains the fallback so an unsupported engine still gets a usable height.\n */\nexport function Textarea(props: ComponentProps<'textarea'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      class={cn(\n        'flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-control-md py-2 text-sm',\n        'transition-[color,box-shadow,border-color] ease-out outline-none',\n        'placeholder:text-muted-foreground',\n        'selection:bg-primary selection:text-primary-foreground',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive-subtle',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        'resize-y',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgBG,SAASC,OAAmC;CAC1D,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CAEjD,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GACL,sHACA,oEACA,qCACA,0DACA,oFACA,4FACA,gFACA,YACAG,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toaster, toast, toaster, type ToastOptions, type ToasterProps } from './toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/ui/toast/toast.d.ts

@@ -0,0 +1,68 @@
+import { Toast as KobalteToast, toaster } from '@kobalte/core/toast';
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Toast.
+ *
+ * A short, self-dismissing message about something that already happened.
+ *
+ * The rules that make toasts helpful rather than hostile are built into this
+ * API rather than left to callers:
+ *
+ *   - A toast never carries the only route to an action. Anything important
+ *     enough to need doing belongs in the interface, not in a message that
+ *     disappears. `action` exists, but it is a convenience, not a flow.
+ *   - Errors from user-initiated work get `priority="high"` so a screen reader
+ *     interrupts to announce them; background progress uses the default low
+ *     priority so it is not read over whatever the user is doing.
+ *   - A toast with a way to undo is preferred to a confirmation dialog for a
+ *     reversible action. Undo after the fact costs the user nothing; a modal
+ *     before it costs everyone a click.
+ *
+ * `Toaster` is mounted once, near the root of the app.
+ */
+type ToastTone = 'default' | 'success' | 'warning' | 'destructive' | 'info';
+export type ToastOptions = {
+    title: string;
+    description?: string;
+    tone?: ToastTone;
+    /** A control rendered inside the toast, usually an Undo. */
+    action?: JSX.Element;
+    /** Keep the toast until it is dismissed. Use for a failure the user must see. */
+    persistent?: boolean;
+    /** Milliseconds before auto-dismiss. Overrides the region's setting. */
+    duration?: number;
+    /** Which Toaster region to render into. */
+    region?: string;
+};
+/**
+ * The toast API. `show` is the general form; the tone helpers are shorthand for
+ * the four cases that come up constantly.
+ */
+export declare const toast: {
+    show(options: ToastOptions): number;
+    success(title: string, options?: Omit<ToastOptions, "title" | "tone">): number;
+    error(title: string, options?: Omit<ToastOptions, "title" | "tone">): number;
+    warning(title: string, options?: Omit<ToastOptions, "title" | "tone">): number;
+    info(title: string, options?: Omit<ToastOptions, "title" | "tone">): number;
+    /**
+     * A toast that resolves with a promise: pending, then success or failure.
+     * The right shape for an operation with a visible duration, because the user
+     * gets one message instead of three.
+     */
+    promise<T>(promise: Promise<T> | (() => Promise<T>), messages: {
+        pending: string;
+        success: string | ((data: T) => string);
+        error: string | ((error: unknown) => string);
+    }): Promise<T>;
+    dismiss: (id: number) => number;
+    clear: () => void;
+};
+export type ToasterProps = ComponentProps<typeof KobalteToast.Region> & {
+    /** Where the stack sits. Defaults to the bottom-right, clear of the shell. */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    region?: string;
+};
+/** Mount once, near the root. Renders the stack and owns its timing defaults. */
+export declare function Toaster(props: ToasterProps): JSX.Element;
+export { toaster };
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/ui/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAA4B,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE9F,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAA;AAgB3E,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAoDD;;;GAGG;AACH,eAAO,MAAM,KAAK;kBACF,YAAY,GAAG,MAAM;mBAKpB,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;iBAGjE,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;mBAG7D,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;gBAGlE,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;IAG3E;;;;OAIG;YACK,CAAC,WACE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,YAC9B;QACR,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACvC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAA;KAC7C,GACA,OAAO,CAAC,CAAC,CAAC;;;CAgCd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG;IACtE,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AASD,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eA4B1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}