@adea-ai/ui 0.85.0 → 0.88.0

package/dist/components/theme/theme-mode-toggle.js

@@ -0,0 +1,82 @@
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip/tooltip.js";
+import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group/toggle-group.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { Monitor, Moon, Sun } from "lucide-solid";
+import { For, splitProps } from "solid-js";
+//#region src/components/theme/theme-mode-toggle.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var APPEARANCES = [
+	{
+		value: "light",
+		label: "Light",
+		icon: Sun
+	},
+	{
+		value: "dark",
+		label: "Dark",
+		icon: Moon
+	},
+	{
+		value: "system",
+		label: "System",
+		icon: Monitor
+	}
+];
+function ThemeModeToggle(props) {
+	const [local, rest] = splitProps(props, [
+		"mode",
+		"onModeChange",
+		"withLabels"
+	]);
+	return createComponent(ToggleGroup, mergeProps(rest, {
+		attached: true,
+		multiple: false,
+		get value() {
+			return local.mode;
+		},
+		onChange: (value) => {
+			const option = APPEARANCES.find((candidate) => candidate.value === value);
+			if (option) local.onModeChange(option.value);
+		},
+		get ["aria-label"]() {
+			return rest["aria-label"] ?? "Appearance";
+		},
+		get children() {
+			return createComponent(For, {
+				each: APPEARANCES,
+				children: (appearance) => createComponent(Tooltip, { get children() {
+					return [createComponent(TooltipTrigger, {
+						as: ToggleGroupItem,
+						get value() {
+							return appearance.value;
+						},
+						variant: "outline",
+						get size() {
+							return local.withLabels ? "sm" : "icon-sm";
+						},
+						get ["aria-label"]() {
+							return appearance.label;
+						},
+						get children() {
+							return [createComponent(appearance.icon, { "aria-hidden": "true" }), memo(() => memo(() => !!local.withLabels)() ? (() => {
+								var _el$ = _tmpl$();
+								insert(_el$, () => appearance.label);
+								return _el$;
+							})() : null)];
+						}
+					}), createComponent(TooltipContent, { get children() {
+						return [
+							"Use ",
+							memo(() => appearance.label.toLowerCase()),
+							" appearance"
+						];
+					} })];
+				} })
+			});
+		}
+	}));
+}
+//#endregion
+export { ThemeModeToggle };
+
+//# sourceMappingURL=theme-mode-toggle.js.map

package/dist/components/theme/theme-mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-mode-toggle.js","names":["Monitor","Moon","Sun","ComponentProps","For","splitProps","ToggleGroup","ToggleGroupItem","Tooltip","TooltipContent","TooltipTrigger","APPEARANCES","value","label","icon","const","ThemeModeToggleProps","Omit","mode","onModeChange","withLabels","ThemeModeToggle","props","local","rest","_$createComponent","_$mergeProps","attached","multiple","onChange","option","find","candidate","aria-label","children","each","appearance","as","variant","size","_$memo","_el$","_tmpl$","_$insert","toLowerCase","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../src/components/theme/theme-mode-toggle.tsx"],"sourcesContent":["import { Monitor, Moon, Sun } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { For, splitProps } from 'solid-js'\nimport { ToggleGroup, ToggleGroupItem } from '../ui/toggle-group/toggle-group'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\nconst APPEARANCES = [\n  { value: 'light', label: 'Light', icon: Sun },\n  { value: 'dark', label: 'Dark', icon: Moon },\n  { value: 'system', label: 'System', icon: Monitor },\n] as const\n\n/** Controlled appearance selection for hosts that own their preference storage. */\nexport type ThemeModeToggleProps = Omit<\n  ComponentProps<typeof ToggleGroup>,\n  'children' | 'value' | 'onChange' | 'multiple'\n> & {\n  mode: 'light' | 'dark' | 'system'\n  onModeChange: (mode: 'light' | 'dark' | 'system') => void\n  withLabels?: boolean\n}\n\nexport function ThemeModeToggle(props: ThemeModeToggleProps) {\n  const [local, rest] = splitProps(props, ['mode', 'onModeChange', 'withLabels'])\n  return (\n    <ToggleGroup\n      {...rest}\n      attached\n      multiple={false}\n      value={local.mode}\n      onChange={(value: string | null) => {\n        const option = APPEARANCES.find((candidate) => candidate.value === value)\n        if (option) local.onModeChange(option.value)\n      }}\n      aria-label={rest['aria-label'] ?? 'Appearance'}\n    >\n      <For each={APPEARANCES}>\n        {(appearance) => (\n          <Tooltip>\n            <TooltipTrigger\n              as={ToggleGroupItem}\n              value={appearance.value}\n              variant=\"outline\"\n              size={local.withLabels ? 'sm' : 'icon-sm'}\n              aria-label={appearance.label}\n            >\n              <appearance.icon aria-hidden=\"true\" />\n              {local.withLabels ? <span>{appearance.label}</span> : null}\n            </TooltipTrigger>\n            <TooltipContent>Use {appearance.label.toLowerCase()} appearance</TooltipContent>\n          </Tooltip>\n        )}\n      </For>\n    </ToggleGroup>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAMW,cAAc;CAClB;EAAEC,OAAO;EAASC,OAAO;EAASC,MAAMZ;CAAI;CAC5C;EAAEU,OAAO;EAAQC,OAAO;EAAQC,MAAMb;CAAK;CAC3C;EAAEW,OAAO;EAAUC,OAAO;EAAUC,MAAMd;CAAQ;AAAC;AAarD,SAAgBqB,gBAAgBC,OAA6B;CAC3D,MAAM,CAACC,OAAOC,QAAQnB,WAAWiB,OAAO;EAAC;EAAQ;EAAgB;CAAY,CAAC;CAC9E,OAAAG,gBACGnB,aAAWoB,WACNF,MAAI;EACRG,UAAQ;EACRC,UAAU;EAAK,IACfhB,QAAK;GAAA,OAAEW,MAAML;EAAI;EACjBW,WAAWjB,UAAyB;GAClC,MAAMkB,SAASnB,YAAYoB,MAAMC,cAAcA,UAAUpB,UAAUA,KAAK;GACxE,IAAIkB,QAAQP,MAAMJ,aAAaW,OAAOlB,KAAK;EAC7C;EAAC,KAAA,gBAAA;GAAA,OACWY,KAAK,iBAAiB;EAAY;EAAA,IAAAU,WAAA;GAAA,OAAAT,gBAE7CrB,KAAG;IAAC+B,MAAMxB;IAAWuB,WAClBE,eAAUX,gBACTjB,SAAO,EAAA,IAAA0B,WAAA;KAAA,OAAA,CAAAT,gBACLf,gBAAc;MACb2B,IAAI9B;MAAe,IACnBK,QAAK;OAAA,OAAEwB,WAAWxB;MAAK;MACvB0B,SAAO;MAAA,IACPC,OAAI;OAAA,OAAEhB,MAAMH,aAAa,OAAO;MAAS;MAAA,KAAA,gBAAA;OAAA,OAC7BgB,WAAWvB;MAAK;MAAA,IAAAqB,WAAA;OAAA,OAAA,CAAAT,gBAE3BW,WAAWtB,MAAI,EAAA,eAAA,OAAA,CAAA,GAAA0B,WACfA,WAAA,CAAA,CAAAjB,MAAMH,UAAU,CAAA,CAAA,WAAA;QAAA,IAAAqB,OAAAC,OAAA;QAAAC,OAAAF,YAAUL,WAAWvB,KAAK;QAAA,OAAA4B;OAAA,EAAA,CAAA,IAAW,IAAI,CAAA;MAAA;KAAA,CAAA,GAAAhB,gBAE3DhB,gBAAc,EAAA,IAAAyB,WAAA;MAAA,OAAA;OAAA;OAAAM,WAAMJ,WAAWvB,MAAM+B,YAAY,CAAC;OAAA;MAAA;KAAA,EAAA,CAAA,CAAA;IAAA,EAAA,CAAA;GAEtD,CAAA;EAAA;CAAA,CAAA,CAAA;AAIT"}

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

@@ -14,6 +14,8 @@ import type { ComponentProps, JSX } from 'solid-js';
  * the ring lives on the control and reads the input's focus state.
  */
 export type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {
+    /** ID for the hidden native checkbox input; useful with an external label. */
+    inputId?: string;
     controlClass?: string;
     labelClass?: string;
     descriptionClass?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAwE5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,eAGhF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,eAQ5F"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrF,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAsF5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,eAGhF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,eAQ5F"}

package/dist/components/ui/checkbox/checkbox.js

@@ -1,4 +1,5 @@
 import { cn } from "../../../lib/utils.js";
+import { useFormFieldControl } from "../../../lib/form-field.js";
 import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
 import { Check, Minus } from "lucide-solid";
 import { splitProps } from "solid-js";
@@ -19,10 +20,24 @@ function Checkbox$1(props) {
 		"aria-labelledby",
 		"aria-describedby",
 		"aria-invalid",
+		"aria-errormessage",
 		"aria-busy",
+		"id",
+		"inputId",
 		"title"
 	]);
+	const field = useFormFieldControl("control", {
+		id: local.inputId ?? local.id,
+		"aria-label": local["aria-label"],
+		"aria-labelledby": local["aria-labelledby"],
+		"aria-describedby": local["aria-describedby"],
+		"aria-invalid": local["aria-invalid"],
+		"aria-errormessage": local["aria-errormessage"]
+	});
 	return createComponent(Checkbox, mergeProps({
+		get id() {
+			return field ? void 0 : local.id;
+		},
 		get title() {
 			return local.title;
 		},
@@ -32,17 +47,23 @@ function Checkbox$1(props) {
 	}, rest, { get children() {
 		return [
 			createComponent(Checkbox.Input, {
+				get id() {
+					return field?.id ?? local.inputId;
+				},
 				get ["aria-label"]() {
 					return local["aria-label"];
 				},
 				get ["aria-labelledby"]() {
-					return local["aria-labelledby"];
+					return field?.["aria-labelledby"] ?? local["aria-labelledby"];
 				},
 				get ["aria-describedby"]() {
-					return local["aria-describedby"];
+					return field?.["aria-describedby"] ?? local["aria-describedby"];
 				},
 				get ["aria-invalid"]() {
-					return local["aria-invalid"];
+					return field?.["aria-invalid"] ?? local["aria-invalid"];
+				},
+				get ["aria-errormessage"]() {
+					return field?.["aria-errormessage"] ?? local["aria-errormessage"];
 				},
 				get ["aria-busy"]() {
 					return local["aria-busy"];

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","KobalteCheckbox","Check","Minus","ComponentProps","JSX","splitProps","cn","CheckboxProps","Omit","controlClass","labelClass","descriptionClass","label","Element","description","children","props","local","rest","_$createComponent","_$mergeProps","title","class","Input","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-busy","Control","Indicator","_$memo","indeterminate","_el$","_tmpl$","_$insert","_c$","Label","_c$2","Description","CheckboxLabel","CheckboxDescription","Checkbox","_$createComponent","KobalteCheckbox","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as KobalteCheckbox } from '@kobalte/core/checkbox'\nimport { Check, Minus } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Checkbox.\n *\n * Three states: unchecked, checked, and indeterminate. Indeterminate is what a\n * \"select all\" box shows when only some rows are selected; Kobalte expresses\n * it through `checked=\"indeterminate\"` rather than a second boolean, so there\n * is no way to render a box that is both.\n *\n * The paint is `Control` and the value is a real hidden `Input`, so the control\n * participates in a form submission and in native validation while looking\n * nothing like a browser checkbox. Focus is tracked by the input, which is why\n * the ring lives on the control and reads the input's focus state.\n */\nexport type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {\n  controlClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  label?: JSX.Element\n  description?: JSX.Element\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 Checkbox(props: CheckboxProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'label',\n    'description',\n    'indeterminate',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-busy',\n    'title',\n  ])\n\n  return (\n    <KobalteCheckbox\n      title={local.title}\n      class={cn('group/checkbox flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      {/*\n       * The name goes on the input, which is what carries the value and takes\n       * focus. On the Root it would land on a plain div and name nothing — the\n       * box would announce its state with no subject.\n       */}\n      <KobalteCheckbox.Input\n        aria-label={local['aria-label']}\n        aria-labelledby={local['aria-labelledby']}\n        aria-describedby={local['aria-describedby']}\n        aria-invalid={local['aria-invalid']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteCheckbox.Control\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-sm border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteCheckbox.Indicator class=\"flex items-center justify-center\">\n          {local.indeterminate ? <Minus class=\"size-3\" /> : <Check class=\"size-3\" />}\n        </KobalteCheckbox.Indicator>\n      </KobalteCheckbox.Control>\n      {local.children ??\n        (local.label || local.description ? (\n          <div class=\"grid gap-0.5\">\n            {local.label ? (\n              <KobalteCheckbox.Label class={cn('text-sm font-medium', local.labelClass)}>\n                {local.label}\n              </KobalteCheckbox.Label>\n            ) : null}\n            {local.description ? (\n              <KobalteCheckbox.Description\n                class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n              >\n                {local.description}\n              </KobalteCheckbox.Description>\n            ) : null}\n          </div>\n        ) : null)}\n    </KobalteCheckbox>\n  )\n}\n\n/**\n * The box's own label. Valid only inside a `<Checkbox>`, for the same reason as\n * `SwitchLabel`: outside its root there is no control to associate with.\n */\nexport function CheckboxLabel(props: ComponentProps<typeof KobalteCheckbox.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCheckbox.Label class={cn('text-sm font-medium', local.class)} {...rest} />\n}\n\nexport function CheckboxDescription(props: ComponentProps<typeof KobalteCheckbox.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteCheckbox.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAgCA,SAAgBA,WAASiB,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGnB,UAAeoB,WAAA;EAAA,IACdC,QAAK;GAAA,OAAEJ,MAAMI;EAAK;EAAA,KAAA,WAAA;GAAA,OACXf,GAAG,2CAA2CW,MAAMK,KAAK;EAAC;CAAA,GAC7DJ,MAAI,EAAA,IAAAH,WAAA;EAAA,OAAA;GAAAI,gBAOPnB,SAAgBuB,OAAK;IAAA,KAAA,gBAAA;KAAA,OACRN,MAAM;IAAa;IAAA,KAAA,qBAAA;KAAA,OACdA,MAAM;IAAkB;IAAA,KAAA,sBAAA;KAAA,OACvBA,MAAM;IAAmB;IAAA,KAAA,kBAAA;KAAA,OAC7BA,MAAM;IAAe;IAAA,KAAA,eAAA;KAAA,OACxBA,MAAM;IAAY;IAAA,IAC7BI,QAAK;KAAA,OAAEJ,MAAMI;IAAK;GAAA,CAAA;GAAAF,gBAEnBnB,SAAgB6B,SAAO;IAAA,KAAA,WAAA;KAAA,OACfvB,GACL,kGACA,qFACA,oFACA,kGACA,oHACA,kGACA,iEACAW,MAAMR,YACR;IAAC;IAAA,IAAAM,WAAA;KAAA,OAAAI,gBAEAnB,SAAgB8B,WAAS;MAAA,SAAA;MAAA,IAAAf,WAAA;OAAA,OACvBgB,WAAA,CAAA,CAAAd,MAAMe,aAAa,CAAA,CAAA,IAAAb,gBAAIjB,OAAK,EAAA,SAAA,SAAA,CAAA,IAAAiB,gBAAsBlB,OAAK,EAAA,SAAA,SAAA,CAAA;MAAkB;KAAA,CAAA;IAAA;GAAA,CAAA;GAAA8B,WAG7Ed,MAAMF,aACJE,MAAML,SAASK,MAAMH,qBAAW;IAAA,IAAAmB,OAAAC,OAAA;IAAAC,OAAAF,aAAA;KAAA,IAAAG,MAAAL,WAAA,CAAA,CAE5Bd,MAAML,KAAK;KAAA,aAAXwB,IAAA,IAAAjB,gBACEnB,SAAgBqC,OAAK;MAAA,KAAA,WAAA;OAAA,OAAQ/B,GAAG,uBAAuBW,MAAMP,UAAU;MAAC;MAAA,IAAAK,WAAA;OAAA,OACtEE,MAAML;MAAK;KAAA,CAAA,IAEZ;IAAI,EAAA,CAAA,GAAA,IAAA;IAAAuB,OAAAF,aAAA;KAAA,IAAAK,OAAAP,WAAA,CAAA,CACPd,MAAMH,WAAW;KAAA,aAAjBwB,KAAA,IAAAnB,gBACEnB,SAAgBuC,aAAW;MAAA,KAAA,WAAA;OAAA,OACnBjC,GAAG,iCAAiCW,MAAMN,gBAAgB;MAAC;MAAA,IAAAI,WAAA;OAAA,OAEjEE,MAAMH;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAmB;GAAA,EAAA,CAAA,IAER,KAAK;EAAA;CAAA,EAAA,CAAA,CAAA;AAGjB;;;;;AAMA,SAAgBO,cAAcxB,OAAqD;CACjF,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQnB,SAAgBqC,OAAKjB,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQd,GAAG,uBAAuBW,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AACvF;AAEA,SAAgBuB,oBAAoBzB,OAA2D;CAC7F,MAAM,CAACC,OAAOC,QAAQb,WAAWW,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBACGnB,SAAgBuC,aAAWnB,WAAA,EAAA,KAAA,WAAA;EAAA,OACnBd,GAAG,iCAAiCW,MAAMK,KAAK;CAAC,EAAA,GACnDJ,IAAI,CAAA;AAGd"}
+{"version":3,"file":"checkbox.js","names":["Checkbox","KobalteCheckbox","Check","Minus","ComponentProps","JSX","splitProps","useFormFieldControl","cn","CheckboxProps","Omit","inputId","controlClass","labelClass","descriptionClass","label","Element","description","children","props","local","rest","field","id","_$createComponent","_$mergeProps","undefined","title","class","Input","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","aria-busy","Control","Indicator","_$memo","indeterminate","_el$","_tmpl$","_$insert","_c$","Label","_c$2","Description","CheckboxLabel","CheckboxDescription","Checkbox","_$createComponent","KobalteCheckbox","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as KobalteCheckbox } from '@kobalte/core/checkbox'\nimport { Check, Minus } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { useFormFieldControl } from '#lib/form-field'\nimport { cn } from '#lib/utils'\n\n/**\n * Checkbox.\n *\n * Three states: unchecked, checked, and indeterminate. Indeterminate is what a\n * \"select all\" box shows when only some rows are selected; Kobalte expresses\n * it through `checked=\"indeterminate\"` rather than a second boolean, so there\n * is no way to render a box that is both.\n *\n * The paint is `Control` and the value is a real hidden `Input`, so the control\n * participates in a form submission and in native validation while looking\n * nothing like a browser checkbox. Focus is tracked by the input, which is why\n * the ring lives on the control and reads the input's focus state.\n */\nexport type CheckboxProps = Omit<ComponentProps<typeof KobalteCheckbox>, 'children'> & {\n  /** ID for the hidden native checkbox input; useful with an external label. */\n  inputId?: string\n  controlClass?: string\n  labelClass?: string\n  descriptionClass?: string\n  label?: JSX.Element\n  description?: JSX.Element\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 Checkbox(props: CheckboxProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'labelClass',\n    'descriptionClass',\n    'children',\n    'label',\n    'description',\n    'indeterminate',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-errormessage',\n    'aria-busy',\n    'id',\n    'inputId',\n    'title',\n  ])\n  const field = useFormFieldControl('control', {\n    id: local.inputId ?? local.id,\n    'aria-label': local['aria-label'],\n    'aria-labelledby': local['aria-labelledby'],\n    'aria-describedby': local['aria-describedby'],\n    'aria-invalid': local['aria-invalid'],\n    'aria-errormessage': local['aria-errormessage'],\n  })\n\n  return (\n    <KobalteCheckbox\n      id={field ? undefined : local.id}\n      title={local.title}\n      class={cn('group/checkbox flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      {/*\n       * The name goes on the input, which is what carries the value and takes\n       * focus. On the Root it would land on a plain div and name nothing — the\n       * box would announce its state with no subject.\n       */}\n      <KobalteCheckbox.Input\n        id={field?.id ?? local.inputId}\n        aria-label={local['aria-label']}\n        aria-labelledby={field?.['aria-labelledby'] ?? local['aria-labelledby']}\n        aria-describedby={field?.['aria-describedby'] ?? local['aria-describedby']}\n        aria-invalid={field?.['aria-invalid'] ?? local['aria-invalid']}\n        aria-errormessage={field?.['aria-errormessage'] ?? local['aria-errormessage']}\n        aria-busy={local['aria-busy']}\n        title={local.title}\n      />\n      <KobalteCheckbox.Control\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-sm border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteCheckbox.Indicator class=\"flex items-center justify-center\">\n          {local.indeterminate ? <Minus class=\"size-3\" /> : <Check class=\"size-3\" />}\n        </KobalteCheckbox.Indicator>\n      </KobalteCheckbox.Control>\n      {local.children ??\n        (local.label || local.description ? (\n          <div class=\"grid gap-0.5\">\n            {local.label ? (\n              <KobalteCheckbox.Label class={cn('text-sm font-medium', local.labelClass)}>\n                {local.label}\n              </KobalteCheckbox.Label>\n            ) : null}\n            {local.description ? (\n              <KobalteCheckbox.Description\n                class={cn('text-muted-foreground text-sm', local.descriptionClass)}\n              >\n                {local.description}\n              </KobalteCheckbox.Description>\n            ) : null}\n          </div>\n        ) : null)}\n    </KobalteCheckbox>\n  )\n}\n\n/**\n * The box's own label. Valid only inside a `<Checkbox>`, for the same reason as\n * `SwitchLabel`: outside its root there is no control to associate with.\n */\nexport function CheckboxLabel(props: ComponentProps<typeof KobalteCheckbox.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCheckbox.Label class={cn('text-sm font-medium', local.class)} {...rest} />\n}\n\nexport function CheckboxDescription(props: ComponentProps<typeof KobalteCheckbox.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteCheckbox.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAC/C,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,kCAGhE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAgBpF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,kCAahF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAoBpF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAsBpF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,kCAW9E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAGpF;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,kCAkB3E"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAM9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,KAAK,EAC/C,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,kCAGhE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAgBpF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,kCAmChF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAoBpF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAsBpF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,kCAW9E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,kCAGpF;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,kCAkB3E"}

package/dist/components/ui/combobox/combobox.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../lib/utils.js";
 import { menuItem, popoverArrow } from "../../../lib/overlay.js";
+import { useFormFieldControl } from "../../../lib/form-field.js";
 import { className, createComponent, delegateEvents, effect, insert, memo, mergeProps, template } from "solid-js/web";
 import { Check, ChevronDown, X } from "lucide-solid";
 import { Show, splitProps } from "solid-js";
@@ -29,10 +30,46 @@ function ComboboxControl(props) {
 	} }, rest));
 }
 function ComboboxInput(props) {
-	const [local, rest] = splitProps(props, ["class"]);
-	return createComponent(Combobox.Input, mergeProps({ get ["class"]() {
-		return cn("h-full flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground", "disabled:cursor-not-allowed", local.class);
-	} }, rest));
+	const [local, rest] = splitProps(props, [
+		"class",
+		"id",
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-invalid",
+		"aria-errormessage"
+	]);
+	const field = useFormFieldControl("control", {
+		id: local.id,
+		"aria-label": local["aria-label"],
+		"aria-labelledby": local["aria-labelledby"],
+		"aria-describedby": local["aria-describedby"],
+		"aria-invalid": local["aria-invalid"],
+		"aria-errormessage": local["aria-errormessage"]
+	});
+	return createComponent(Combobox.Input, mergeProps({
+		get id() {
+			return field?.id ?? local.id;
+		},
+		get ["aria-label"]() {
+			return local["aria-label"];
+		},
+		get ["aria-labelledby"]() {
+			return field?.["aria-labelledby"] ?? local["aria-labelledby"];
+		},
+		get ["aria-describedby"]() {
+			return field?.["aria-describedby"] ?? local["aria-describedby"];
+		},
+		get ["aria-invalid"]() {
+			return field?.["aria-invalid"] ?? local["aria-invalid"];
+		},
+		get ["aria-errormessage"]() {
+			return field?.["aria-errormessage"] ?? local["aria-errormessage"];
+		},
+		get ["class"]() {
+			return cn("h-full flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground", "disabled:cursor-not-allowed", local.class);
+		}
+	}, rest));
 }
 function ComboboxTrigger(props) {
 	const [local, rest] = splitProps(props, ["class", "children"]);

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["Combobox","KobalteCombobox","Check","ChevronDown","X","ComponentProps","Show","splitProps","menuContentPadding","menuItem","popoverArrow","cn","props","Option","OptGroup","_$createComponent","ComboboxControl","Control","local","rest","_$mergeProps","class","ComboboxInput","Input","ComboboxTrigger","Trigger","children","_$memo","Icon","ComboboxContent","Content","Portal","Listbox","Arrow","ComboboxItem","Item","ItemLabel","ItemIndicator","ComboboxSection","Section","ComboboxClear","onClear","when","_el$","_tmpl$","$$click","_$insert","_$effect","_$className","_$delegateEvents","Combobox","_$createComponent","KobalteCombobox","_$mergeProps","_$memo","_$className","_$delegateEvents"],"sources":["../../../../src/components/ui/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as KobalteCombobox } from '@kobalte/core/combobox'\nimport { Check, ChevronDown, X } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { menuContentPadding, menuItem, popoverArrow } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Combobox.\n *\n * A Select whose list is filterable by typing. The difference from Select is\n * not cosmetic: a Combobox has a text input, so the user can narrow forty\n * options to one without reading the list. Above roughly ten options the\n * search is the feature; below it, a Select is quieter and a RadioGroup is\n * better still.\n *\n * Kobalte supplies the filtering, the `aria-activedescendant` wiring, the\n * keyboard selection and the multiple-selection mode, which is the part a\n * hand-rolled version reliably gets wrong.\n */\nexport function Combobox<Option, OptGroup = never>(\n  props: ComponentProps<typeof KobalteCombobox<Option, OptGroup>>\n) {\n  return <KobalteCombobox {...props} />\n}\n\nexport function ComboboxControl(props: ComponentProps<typeof KobalteCombobox.Control>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteCombobox.Control\n      class={cn(\n        'border-input bg-transparent flex h-control-md w-full items-center gap-1.5 rounded-md border px-control-sm',\n        'transition-[color,box-shadow,border-color] ease-out',\n        'focus-within:border-ring focus-within:ring-3 focus-within:ring-primary-subtle',\n        'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function ComboboxInput(props: ComponentProps<typeof KobalteCombobox.Input>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteCombobox.Input\n      class={cn(\n        'h-full flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n        'disabled:cursor-not-allowed',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function ComboboxTrigger(props: ComponentProps<typeof KobalteCombobox.Trigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteCombobox.Trigger\n      class={cn(\n        'text-muted-foreground flex shrink-0 items-center justify-center rounded-sm outline-none',\n        'transition-colors ease-out hover:text-foreground',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'disabled:pointer-events-none disabled:opacity-50',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <KobalteCombobox.Icon>\n        <ChevronDown class=\"size-4\" />\n      </KobalteCombobox.Icon>\n    </KobalteCombobox.Trigger>\n  )\n}\n\nexport function ComboboxContent(props: ComponentProps<typeof KobalteCombobox.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteCombobox.Portal>\n      <KobalteCombobox.Content\n        class={cn(\n          'bg-popover text-popover-foreground rounded-xl border border-border shadow-lg',\n          'z-(--z-menu) max-h-72 min-w-(--kb-popper-anchor-width) origin-(--kb-combobox-content-transform-origin) overflow-hidden',\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-expanded:duration-150 data-closed:duration-100',\n          local.class\n        )}\n        {...rest}\n      >\n        <KobalteCombobox.Listbox class={cn('max-h-72 overflow-y-auto', menuContentPadding)} />\n        {local.children}\n        <KobalteCombobox.Arrow aria-hidden=\"true\" class={popoverArrow} />\n      </KobalteCombobox.Content>\n    </KobalteCombobox.Portal>\n  )\n}\n\nexport function ComboboxItem(props: ComponentProps<typeof KobalteCombobox.Item>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteCombobox.Item class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      <KobalteCombobox.ItemLabel>{local.children}</KobalteCombobox.ItemLabel>\n      <KobalteCombobox.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteCombobox.ItemIndicator>\n    </KobalteCombobox.Item>\n  )\n}\n\nexport function ComboboxSection(props: ComponentProps<typeof KobalteCombobox.Section>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCombobox.Section class={cn('flex flex-col', local.class)} {...rest} />\n}\n\n/** The clear affordance for a single-select Combobox with a value. */\nexport function ComboboxClear(props: { class?: string; onClear: () => void }) {\n  return (\n    <Show when={props.onClear}>\n      <button\n        type=\"button\"\n        aria-label=\"Clear selection\"\n        onClick={() => props.onClear()}\n        class={cn(\n          'text-muted-foreground flex size-4 shrink-0 items-center justify-center rounded-sm',\n          'transition-colors ease-out outline-none hover:text-foreground',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          props.class\n        )}\n      >\n        <X class=\"size-3.5\" />\n      </button>\n    </Show>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"combobox.js","names":["Combobox","KobalteCombobox","Check","ChevronDown","X","ComponentProps","Show","splitProps","menuContentPadding","menuItem","popoverArrow","useFormFieldControl","cn","props","Option","OptGroup","_$createComponent","ComboboxControl","Control","local","rest","_$mergeProps","class","ComboboxInput","Input","field","id","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","ComboboxTrigger","Trigger","children","_$memo","Icon","ComboboxContent","Content","Portal","Listbox","Arrow","ComboboxItem","Item","ItemLabel","ItemIndicator","ComboboxSection","Section","ComboboxClear","onClear","when","_el$","_tmpl$","$$click","_$insert","_$effect","_$className","_$delegateEvents","Combobox","_$createComponent","KobalteCombobox","_$mergeProps","_$memo","_$className","_$delegateEvents"],"sources":["../../../../src/components/ui/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as KobalteCombobox } from '@kobalte/core/combobox'\nimport { Check, ChevronDown, X } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { menuContentPadding, menuItem, popoverArrow } from '#lib/overlay'\nimport { useFormFieldControl } from '#lib/form-field'\nimport { cn } from '#lib/utils'\n\n/**\n * Combobox.\n *\n * A Select whose list is filterable by typing. The difference from Select is\n * not cosmetic: a Combobox has a text input, so the user can narrow forty\n * options to one without reading the list. Above roughly ten options the\n * search is the feature; below it, a Select is quieter and a RadioGroup is\n * better still.\n *\n * Kobalte supplies the filtering, the `aria-activedescendant` wiring, the\n * keyboard selection and the multiple-selection mode, which is the part a\n * hand-rolled version reliably gets wrong.\n */\nexport function Combobox<Option, OptGroup = never>(\n  props: ComponentProps<typeof KobalteCombobox<Option, OptGroup>>\n) {\n  return <KobalteCombobox {...props} />\n}\n\nexport function ComboboxControl(props: ComponentProps<typeof KobalteCombobox.Control>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteCombobox.Control\n      class={cn(\n        'border-input bg-transparent flex h-control-md w-full items-center gap-1.5 rounded-md border px-control-sm',\n        'transition-[color,box-shadow,border-color] ease-out',\n        'focus-within:border-ring focus-within:ring-3 focus-within:ring-primary-subtle',\n        'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n        'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function ComboboxInput(props: ComponentProps<typeof KobalteCombobox.Input>) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'id',\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-invalid',\n    'aria-errormessage',\n  ])\n  const field = useFormFieldControl('control', {\n    id: local.id,\n    'aria-label': local['aria-label'],\n    'aria-labelledby': local['aria-labelledby'],\n    'aria-describedby': local['aria-describedby'],\n    'aria-invalid': local['aria-invalid'],\n    'aria-errormessage': local['aria-errormessage'],\n  })\n\n  return (\n    <KobalteCombobox.Input\n      id={field?.id ?? local.id}\n      aria-label={local['aria-label']}\n      aria-labelledby={field?.['aria-labelledby'] ?? local['aria-labelledby']}\n      aria-describedby={field?.['aria-describedby'] ?? local['aria-describedby']}\n      aria-invalid={field?.['aria-invalid'] ?? local['aria-invalid']}\n      aria-errormessage={field?.['aria-errormessage'] ?? local['aria-errormessage']}\n      class={cn(\n        'h-full flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n        'disabled:cursor-not-allowed',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function ComboboxTrigger(props: ComponentProps<typeof KobalteCombobox.Trigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteCombobox.Trigger\n      class={cn(\n        'text-muted-foreground flex shrink-0 items-center justify-center rounded-sm outline-none',\n        'transition-colors ease-out hover:text-foreground',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'disabled:pointer-events-none disabled:opacity-50',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <KobalteCombobox.Icon>\n        <ChevronDown class=\"size-4\" />\n      </KobalteCombobox.Icon>\n    </KobalteCombobox.Trigger>\n  )\n}\n\nexport function ComboboxContent(props: ComponentProps<typeof KobalteCombobox.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteCombobox.Portal>\n      <KobalteCombobox.Content\n        class={cn(\n          'bg-popover text-popover-foreground rounded-xl border border-border shadow-lg',\n          'z-(--z-menu) max-h-72 min-w-(--kb-popper-anchor-width) origin-(--kb-combobox-content-transform-origin) overflow-hidden',\n          'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n          'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          'data-expanded:duration-150 data-closed:duration-100',\n          local.class\n        )}\n        {...rest}\n      >\n        <KobalteCombobox.Listbox class={cn('max-h-72 overflow-y-auto', menuContentPadding)} />\n        {local.children}\n        <KobalteCombobox.Arrow aria-hidden=\"true\" class={popoverArrow} />\n      </KobalteCombobox.Content>\n    </KobalteCombobox.Portal>\n  )\n}\n\nexport function ComboboxItem(props: ComponentProps<typeof KobalteCombobox.Item>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteCombobox.Item class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      <KobalteCombobox.ItemLabel>{local.children}</KobalteCombobox.ItemLabel>\n      <KobalteCombobox.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteCombobox.ItemIndicator>\n    </KobalteCombobox.Item>\n  )\n}\n\nexport function ComboboxSection(props: ComponentProps<typeof KobalteCombobox.Section>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteCombobox.Section class={cn('flex flex-col', local.class)} {...rest} />\n}\n\n/** The clear affordance for a single-select Combobox with a value. */\nexport function ComboboxClear(props: { class?: string; onClear: () => void }) {\n  return (\n    <Show when={props.onClear}>\n      <button\n        type=\"button\"\n        aria-label=\"Clear selection\"\n        onClick={() => props.onClear()}\n        class={cn(\n          'text-muted-foreground flex size-4 shrink-0 items-center justify-center rounded-sm',\n          'transition-colors ease-out outline-none hover:text-foreground',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          props.class\n        )}\n      >\n        <X class=\"size-3.5\" />\n      </button>\n    </Show>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 export { Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, } from './combobox';
+export { ValueCombobox, type ValueComboboxProps } from './value-combobox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/ui/combobox/index.js

@@ -1,2 +1,3 @@
 import { Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger } from "./combobox.js";
-export { Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger };
+import { ValueCombobox } from "./value-combobox.js";
+export { Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, ValueCombobox };

package/dist/components/ui/combobox/value-combobox.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+import { ComboboxInput } from './combobox';
+export type ValueComboboxChoice = {
+    value: string;
+    label: string | number;
+    textValue?: string;
+} | {
+    value: string;
+    label: JSX.Element;
+    textValue: string;
+};
+export type ValueComboboxProps = Omit<ComponentProps<typeof ComboboxInput>, 'value'> & {
+    value: string;
+    choices: ValueComboboxChoice[];
+    onValueChange: (value: string) => void;
+};
+/** A single-choice combobox for a controlled string value and labelled choices. */
+export declare function ValueCombobox(props: ValueComboboxProps): JSX.Element;
+//# sourceMappingURL=value-combobox.d.ts.map

package/dist/components/ui/combobox/value-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/value-combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAA6B,aAAa,EAAgB,MAAM,YAAY,CAAA;AAEnF,MAAM,MAAM,mBAAmB,GAC3B;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG;IACrF,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAmBtD"}

package/dist/components/ui/combobox/value-combobox.js

@@ -0,0 +1,42 @@
+import { Combobox, ComboboxContent, ComboboxInput, ComboboxItem } from "./combobox.js";
+import { createComponent } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/combobox/value-combobox.tsx
+/** A single-choice combobox for a controlled string value and labelled choices. */
+function ValueCombobox(props) {
+	const [local, rest] = splitProps(props, [
+		"value",
+		"choices",
+		"onValueChange"
+	]);
+	return createComponent(Combobox, {
+		get options() {
+			return local.choices;
+		},
+		optionValue: "value",
+		optionTextValue: (choice) => choice.textValue ?? textFromLabel(choice.label),
+		optionLabel: (choice) => choice.textValue ?? textFromLabel(choice.label),
+		get value() {
+			return local.choices.find((choice) => String(choice.value) === local.value) ?? null;
+		},
+		onChange: (option) => option && local.onValueChange(String(option.value)),
+		itemComponent: (itemProps) => createComponent(ComboboxItem, {
+			get item() {
+				return itemProps.item;
+			},
+			get children() {
+				return itemProps.item.rawValue.label;
+			}
+		}),
+		get children() {
+			return [createComponent(ComboboxInput, rest), createComponent(ComboboxContent, {})];
+		}
+	});
+}
+function textFromLabel(label) {
+	return typeof label === "string" || typeof label === "number" ? String(label) : "";
+}
+//#endregion
+export { ValueCombobox };
+
+//# sourceMappingURL=value-combobox.js.map

package/dist/components/ui/combobox/value-combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-combobox.js","names":["splitProps","ComponentProps","JSX","Combobox","ComboboxContent","ComboboxInput","ComboboxItem","ValueComboboxChoice","value","label","textValue","Element","ValueComboboxProps","Omit","choices","onValueChange","ValueCombobox","props","local","rest","_$createComponent","options","optionValue","optionTextValue","choice","textFromLabel","optionLabel","find","String","onChange","option","itemComponent","itemProps","item","children","rawValue","_$createComponent"],"sources":["../../../../src/components/ui/combobox/value-combobox.tsx"],"sourcesContent":["import { splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport { Combobox, ComboboxContent, ComboboxInput, ComboboxItem } from './combobox'\n\nexport type ValueComboboxChoice =\n  | { value: string; label: string | number; textValue?: string }\n  | { value: string; label: JSX.Element; textValue: string }\n\nexport type ValueComboboxProps = Omit<ComponentProps<typeof ComboboxInput>, 'value'> & {\n  value: string\n  choices: ValueComboboxChoice[]\n  onValueChange: (value: string) => void\n}\n\n/** A single-choice combobox for a controlled string value and labelled choices. */\nexport function ValueCombobox(props: ValueComboboxProps) {\n  const [local, rest] = splitProps(props, ['value', 'choices', 'onValueChange'])\n\n  return (\n    <Combobox\n      options={local.choices}\n      optionValue=\"value\"\n      optionTextValue={(choice) => choice.textValue ?? textFromLabel(choice.label)}\n      optionLabel={(choice) => choice.textValue ?? textFromLabel(choice.label)}\n      value={local.choices.find((choice) => String(choice.value) === local.value) ?? null}\n      onChange={(option) => option && local.onValueChange(String(option.value))}\n      itemComponent={(itemProps) => (\n        <ComboboxItem item={itemProps.item}>{itemProps.item.rawValue.label}</ComboboxItem>\n      )}\n    >\n      <ComboboxInput {...rest} />\n      <ComboboxContent />\n    </Combobox>\n  )\n}\n\nfunction textFromLabel(label: JSX.Element) {\n  return typeof label === 'string' || typeof label === 'number' ? String(label) : ''\n}\n"],"mappings":";;;;;AAcA,SAAgBgB,cAAcC,OAA2B;CACvD,MAAM,CAACC,OAAOC,QAAQnB,WAAWiB,OAAO;EAAC;EAAS;EAAW;CAAe,CAAC;CAE7E,OAAAG,gBACGjB,UAAQ;EAAA,IACPkB,UAAO;GAAA,OAAEH,MAAMJ;EAAO;EACtBQ,aAAW;EACXC,kBAAkBC,WAAWA,OAAOd,aAAae,cAAcD,OAAOf,KAAK;EAC3EiB,cAAcF,WAAWA,OAAOd,aAAae,cAAcD,OAAOf,KAAK;EAAC,IACxED,QAAK;GAAA,OAAEU,MAAMJ,QAAQa,MAAMH,WAAWI,OAAOJ,OAAOhB,KAAK,MAAMU,MAAMV,KAAK,KAAK;EAAI;EACnFqB,WAAWC,WAAWA,UAAUZ,MAAMH,cAAca,OAAOE,OAAOtB,KAAK,CAAC;EACxEuB,gBAAgBC,cAASZ,gBACtBd,cAAY;GAAA,IAAC2B,OAAI;IAAA,OAAED,UAAUC;GAAI;GAAA,IAAAC,WAAA;IAAA,OAAGF,UAAUC,KAAKE,SAAS1B;GAAK;EAAA,CAAA;EACnE,IAAAyB,WAAA;GAAA,OAAA,CAAAd,gBAEAf,eAAkBc,IAAI,GAAAC,gBACtBhB,iBAAe,CAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAGtB;AAEA,SAASqB,cAAchB,OAAoB;CACzC,OAAO,OAAOA,UAAU,YAAY,OAAOA,UAAU,WAAWmB,OAAOnB,KAAK,IAAI;AAClF"}

package/dist/components/ui/empty/empty-state.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps, JSX } from 'solid-js';
+export type EmptyStateProps = Omit<ComponentProps<'div'>, 'children' | 'role' | 'aria-live'> & {
+    title: string;
+    detail: string;
+    busy?: boolean;
+    icon?: JSX.Element;
+    announceAs?: 'alert' | 'status';
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    action?: () => void;
+    actionLabel?: string;
+    actionTooltip?: string;
+};
+/** A semantic empty, loading, or error state built from the shared empty parts. */
+export declare function EmptyState(props: EmptyStateProps): JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/empty/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/empty/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAMnD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC,GAAG;IAC7F,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAkDhD"}

package/dist/components/ui/empty/empty-state.js

@@ -0,0 +1,96 @@
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./empty.js";
+import { Spinner } from "../spinner/spinner.js";
+import { ActionButton } from "../../composites/action-button/action-button.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { Search } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+//#region src/components/ui/empty/empty-state.tsx
+/** A semantic empty, loading, or error state built from the shared empty parts. */
+function EmptyState(props) {
+	const [local, rest] = splitProps(props, [
+		"title",
+		"detail",
+		"busy",
+		"icon",
+		"announceAs",
+		"headingLevel",
+		"action",
+		"actionLabel",
+		"actionTooltip",
+		"class"
+	]);
+	return createComponent(Empty, mergeProps(rest, {
+		get ["class"]() {
+			return local.class;
+		},
+		get role() {
+			return local.announceAs;
+		},
+		get ["aria-live"]() {
+			return local.announceAs === "status" ? "polite" : void 0;
+		},
+		get ["aria-busy"]() {
+			return local.busy || void 0;
+		},
+		get children() {
+			return [createComponent(EmptyHeader, { get children() {
+				return [
+					createComponent(Show, {
+						get when() {
+							return local.busy || local.icon;
+						},
+						get children() {
+							return createComponent(EmptyMedia, {
+								variant: "icon",
+								get children() {
+									return memo(() => !!local.busy)() ? createComponent(Spinner, {
+										label: false,
+										"aria-hidden": "true"
+									}) : local.icon ?? createComponent(Search, { "aria-hidden": "true" });
+								}
+							});
+						}
+					}),
+					createComponent(EmptyTitle, {
+						role: "heading",
+						get ["aria-level"]() {
+							return local.headingLevel ?? 1;
+						},
+						get children() {
+							return local.title;
+						}
+					}),
+					createComponent(EmptyDescription, { get children() {
+						return local.detail;
+					} })
+				];
+			} }), createComponent(Show, {
+				get when() {
+					return local.action;
+				},
+				get children() {
+					return createComponent(EmptyContent, { get children() {
+						return createComponent(ActionButton, {
+							get tooltip() {
+								return local.actionTooltip ?? local.actionLabel ?? "Try again";
+							},
+							get ["aria-label"]() {
+								return local.actionLabel ?? "Try again";
+							},
+							get onClick() {
+								return local.action;
+							},
+							get children() {
+								return local.actionLabel ?? "Try again";
+							}
+						});
+					} });
+				}
+			})];
+		}
+	}));
+}
+//#endregion
+export { EmptyState };
+
+//# sourceMappingURL=empty-state.js.map

package/dist/components/ui/empty/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":["Search","ComponentProps","JSX","Show","splitProps","ActionButton","Spinner","Empty","EmptyContent","EmptyDescription","EmptyHeader","EmptyMedia","EmptyTitle","EmptyStateProps","Omit","title","detail","busy","icon","Element","announceAs","headingLevel","action","actionLabel","actionTooltip","EmptyState","props","local","rest","_$createComponent","_$mergeProps","class","role","aria-live","undefined","aria-busy","children","when","variant","_$memo","label","aria-level","tooltip","aria-label","onClick","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/empty/empty-state.tsx"],"sourcesContent":["import { Search } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { ActionButton } from '../../composites/action-button'\nimport { Spinner } from '../spinner'\nimport { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './empty'\n\nexport type EmptyStateProps = Omit<ComponentProps<'div'>, 'children' | 'role' | 'aria-live'> & {\n  title: string\n  detail: string\n  busy?: boolean\n  icon?: JSX.Element\n  announceAs?: 'alert' | 'status'\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6\n  action?: () => void\n  actionLabel?: string\n  actionTooltip?: string\n}\n\n/** A semantic empty, loading, or error state built from the shared empty parts. */\nexport function EmptyState(props: EmptyStateProps) {\n  const [local, rest] = splitProps(props, [\n    'title',\n    'detail',\n    'busy',\n    'icon',\n    'announceAs',\n    'headingLevel',\n    'action',\n    'actionLabel',\n    'actionTooltip',\n    'class',\n  ])\n\n  return (\n    <Empty\n      {...rest}\n      class={local.class}\n      role={local.announceAs}\n      aria-live={local.announceAs === 'status' ? 'polite' : undefined}\n      aria-busy={local.busy || undefined}\n    >\n      <EmptyHeader>\n        <Show when={local.busy || local.icon}>\n          <EmptyMedia variant=\"icon\">\n            {local.busy ? (\n              <Spinner label={false} aria-hidden=\"true\" />\n            ) : (\n              (local.icon ?? <Search aria-hidden=\"true\" />)\n            )}\n          </EmptyMedia>\n        </Show>\n        <EmptyTitle role=\"heading\" aria-level={local.headingLevel ?? 1}>\n          {local.title}\n        </EmptyTitle>\n        <EmptyDescription>{local.detail}</EmptyDescription>\n      </EmptyHeader>\n      <Show when={local.action}>\n        <EmptyContent>\n          <ActionButton\n            tooltip={local.actionTooltip ?? local.actionLabel ?? 'Try again'}\n            aria-label={local.actionLabel ?? 'Try again'}\n            onClick={local.action}\n          >\n            {local.actionLabel ?? 'Try again'}\n          </ActionButton>\n        </EmptyContent>\n      </Show>\n    </Empty>\n  )\n}\n"],"mappings":";;;;;;;;AAoBA,SAAgByB,WAAWC,OAAwB;CACjD,MAAM,CAACC,OAAOC,QAAQxB,WAAWsB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGtB,OAAKuB,WACAF,MAAI;EAAA,KAAA,WAAA;GAAA,OACDD,MAAMI;EAAK;EAAA,IAClBC,OAAI;GAAA,OAAEL,MAAMP;EAAU;EAAA,KAAA,eAAA;GAAA,OACXO,MAAMP,eAAe,WAAW,WAAWc,KAAAA;EAAS;EAAA,KAAA,eAAA;GAAA,OACpDP,MAAMV,QAAQiB,KAAAA;EAAS;EAAA,IAAAE,WAAA;GAAA,OAAA,CAAAP,gBAEjCnB,aAAW,EAAA,IAAA0B,WAAA;IAAA,OAAA;KAAAP,gBACT1B,MAAI;MAAA,IAACkC,OAAI;OAAA,OAAEV,MAAMV,QAAQU,MAAMT;MAAI;MAAA,IAAAkB,WAAA;OAAA,OAAAP,gBACjClB,YAAU;QAAC2B,SAAO;QAAA,IAAAF,WAAA;SAAA,OAChBG,WAAA,CAAA,CAAAZ,MAAMV,IAAI,CAAA,CAAA,IAAAY,gBACRvB,SAAO;UAACkC,OAAO;UAAK,eAAA;SAAA,CAAA,IAEpBb,MAAMT,QAAIW,gBAAK7B,QAAM,EAAA,eAAA,OAAA,CAAA;QACvB;OAAA,CAAA;MAAA;KAAA,CAAA;KAAA6B,gBAGJjB,YAAU;MAACoB,MAAI;MAAA,KAAA,gBAAA;OAAA,OAAuBL,MAAMN,gBAAgB;MAAC;MAAA,IAAAe,WAAA;OAAA,OAC3DT,MAAMZ;MAAK;KAAA,CAAA;KAAAc,gBAEbpB,kBAAgB,EAAA,IAAA2B,WAAA;MAAA,OAAET,MAAMX;KAAM,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,GAAAa,gBAEhC1B,MAAI;IAAA,IAACkC,OAAI;KAAA,OAAEV,MAAML;IAAM;IAAA,IAAAc,WAAA;KAAA,OAAAP,gBACrBrB,cAAY,EAAA,IAAA4B,WAAA;MAAA,OAAAP,gBACVxB,cAAY;OAAA,IACXqC,UAAO;QAAA,OAAEf,MAAMH,iBAAiBG,MAAMJ,eAAe;OAAW;OAAA,KAAA,gBAAA;QAAA,OACpDI,MAAMJ,eAAe;OAAW;OAAA,IAC5CqB,UAAO;QAAA,OAAEjB,MAAML;OAAM;OAAA,IAAAc,WAAA;QAAA,OAEpBT,MAAMJ,eAAe;OAAW;MAAA,CAAA;KAAA,EAAA,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAM7C"}

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

@@ -1,2 +1,3 @@
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, type EmptyMediaProps, type EmptyProps, } from './empty';
+export { EmptyState, type EmptyStateProps } from './empty-state';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/ui/empty/index.js

@@ -1,2 +1,3 @@
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./empty.js";
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+import { EmptyState } from "./empty-state.js";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle };

package/dist/components/ui/entity-icon/entity-icon.d.ts

@@ -13,7 +13,8 @@ import { type VariantProps } from '#lib/variants';
  *
  * 1. **A glyph is always present.** A brand with no logo gets a monogram, not an
  *    empty box. `fallback` takes the name and returns the glyph, so a caller can
- *    choose initials, a domain letter, or a kind icon.
+ *    choose initials, a domain letter, or a kind icon. When `src` is supplied,
+ *    its contained image overlays that glyph and failure reveals the glyph below.
  * 2. **The tile owns its own contrast.** `tone` tints the background while
  *    monogram text keeps the body foreground; vector glyphs retain the status
  *    colour. A caller never picks a colour pair or ships a glyph that disappears.
@@ -34,6 +35,8 @@ type EntityIconVariantProps = VariantProps<typeof entityIconVariants>;
 export type EntityIconProps = Omit<ComponentProps<'span'>, 'children'> & EntityIconVariantProps & {
     /** The entity's name. Used for the accessible label and, via `fallback`, the monogram. */
     name: string;
+    /** Optional image URL. The image is decorative; `name` remains the accessible label. */
+    src?: string;
     /**
      * A logo or icon — a Lucide icon reference (`icon={Wrench}`) or an element
      * (`icon={<Wrench />}`). Both are accepted because both are what a caller

package/dist/components/ui/entity-icon/entity-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/entity-icon/entity-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAE1F,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,kBAAkB;;;;8EA+B9B,CAAA;AAED,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAErE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GACpE,sBAAsB,GAAG;IACvB,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAA;IACxC,wEAAwE;IACxE,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAEH;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI7C;AAiBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA2ChD"}
+{"version":3,"file":"entity-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/entity-icon/entity-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,GAAG,EACT,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,kBAAkB;;;;8EA+B9B,CAAA;AAED,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAErE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GACpE,sBAAsB,GAAG;IACvB,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,wFAAwF;IACxF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAA;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAA;IACxC,wEAAwE;IACxE,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAEH;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI7C;AAkCD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA+ChD"}