@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/ui/alert-dialog/alert-dialog.js

@@ -0,0 +1,155 @@
+import { cn } from "../../../lib/utils.js";
+import { overlayMotion, overlayPositioner, overlayScrim, overlaySurface } from "../../../lib/overlay.js";
+import { className, createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
+import { createEffect, createSignal, splitProps } from "solid-js";
+import { AlertDialog } from "@kobalte/core/alert-dialog";
+//#region src/components/ui/alert-dialog/alert-dialog.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=alert-dialog-header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=alert-dialog-footer>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class=contents>`);
+/**
+* AlertDialog.
+*
+* A dialog that cannot be dismissed by accident: Escape and a click on the scrim
+* do nothing, and the user must choose one of the actions. That is the whole
+* difference from Dialog, and it is why this exists as its own component rather
+* than a prop — a caller has to reach for it deliberately.
+*
+* The consequence is a rule of use: this is for confirming a destructive or
+* irreversible step. Wrapping an ordinary form in an AlertDialog traps someone who
+* wants to back out.
+*
+* There is deliberately no close button in the corner. An X has no label, and the
+* point of this surface is that every exit is a named choice.
+*/
+function AlertDialog$1(props) {
+	return createComponent(AlertDialog, props);
+}
+function AlertDialogTrigger(props) {
+	return createComponent(AlertDialog.Trigger, props);
+}
+function AlertDialogPortal(props) {
+	return createComponent(AlertDialog.Portal, props);
+}
+function AlertDialogOverlay(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(AlertDialog.Overlay, mergeProps({ get ["class"]() {
+		return cn(overlayScrim, "data-expanded:animate-in data-expanded:fade-in-0 data-closed:animate-out data-closed:fade-out-0", local.class);
+	} }, rest));
+}
+/**
+* The panel.
+*
+* Kobalte's `AlertDialog.Content` is `Dialog.Content` with `role="alertdialog"`
+* and nothing else — Escape and an outside click dismiss it exactly as they
+* dismiss a Dialog. That is a real gap in the primitive, so the blocking is
+* implemented here, and it is the whole difference between this component and a
+* Dialog:
+*
+*   - Escape is prevented, because a key that closes a confirmation is a key that
+*     makes "confirm" meaningless.
+*   - Pointer and focus interactions outside are prevented, including the scrim
+*     click, for the same reason.
+*
+* There is deliberately no prop to turn this off. A surface that can be escaped
+* accidentally does not need to be an AlertDialog; it is a Dialog, and using this
+* one would be a claim about the flow that is not true.
+*/
+var blockDismissal = {
+	onEscapeKeyDown: (event) => event.preventDefault(),
+	onPointerDownOutside: (event) => event.preventDefault(),
+	onFocusOutside: (event) => event.preventDefault(),
+	onInteractOutside: (event) => event.preventDefault()
+};
+function AlertDialogContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(AlertDialog.Portal, { get children() {
+		return [createComponent(AlertDialogOverlay, {}), (() => {
+			var _el$ = _tmpl$();
+			className(_el$, overlayPositioner);
+			insert(_el$, createComponent(AlertDialog.Content, mergeProps(blockDismissal, { get ["class"]() {
+				return cn(overlaySurface, overlayMotion, "grid w-full max-w-md gap-4 p-5", local.class);
+			} }, rest)));
+			return _el$;
+		})()];
+	} });
+}
+function AlertDialogHeader(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("flex flex-col gap-1.5 text-start", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+function AlertDialogFooter(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
+}
+function AlertDialogTitle(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(AlertDialog.Title, mergeProps({ get ["class"]() {
+		return cn("text-base leading-none font-semibold tracking-tight", local.class);
+	} }, rest));
+}
+function AlertDialogDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(AlertDialog.Description, mergeProps({ get ["class"]() {
+		return cn("text-muted-foreground text-sm", local.class);
+	} }, rest));
+}
+/**
+* One of the dialog's two named choices.
+*
+* Kobalte labels its close button "Dismiss" by default, because a generic close
+* button is usually an icon with no text of its own. In an AlertDialog it is
+* something else: the named choices. An `aria-label` there *replaces* the visible
+* text, so a screen reader hears "Dismiss" twice and the user cannot tell the
+* destructive action from the safe one.
+*
+* The injected label is removed rather than overridden with an empty one. An empty
+* `aria-label` is not reliably ignored — some name computations treat its presence
+* as an explicit empty name, which leaves the button unnamed — so the attribute
+* has to go, and the visible text becomes the name. A caller whose button is an
+* icon passes its own `aria-label`, and that one is left alone.
+*
+* Applied through a layout-neutral wrapper because Kobalte keeps the `ref` for its
+* own dismissable layer and does not forward it. The wrapper is `display: contents`
+* so the button remains the flex item its parent lays out.
+*/
+function AlertDialogChoice(props) {
+	const [local, rest] = splitProps(props, ["class", "aria-label"]);
+	const [wrapper, setWrapper] = createSignal();
+	createEffect(() => {
+		const root = wrapper();
+		if (!root || local["aria-label"] !== void 0) return;
+		root.querySelector("button")?.removeAttribute("aria-label");
+	});
+	return (() => {
+		var _el$4 = _tmpl$4();
+		use(setWrapper, _el$4);
+		insert(_el$4, createComponent(AlertDialog.CloseButton, mergeProps({ get ["class"]() {
+			return cn(local.class);
+		} }, rest)));
+		return _el$4;
+	})();
+}
+function AlertDialogAction(props) {
+	return createComponent(AlertDialogChoice, props);
+}
+function AlertDialogCancel(props) {
+	return createComponent(AlertDialogChoice, props);
+}
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["AlertDialog","KobalteAlertDialog","ComponentProps","createEffect","createSignal","splitProps","overlayMotion","overlayPositioner","overlayScrim","overlaySurface","cn","props","_$createComponent","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","AlertDialogOverlay","Overlay","local","rest","_$mergeProps","class","blockDismissal","onEscapeKeyDown","event","KeyboardEvent","preventDefault","onPointerDownOutside","Event","onFocusOutside","onInteractOutside","const","AlertDialogContent","Content","children","_el$","_tmpl$","_$className","_$insert","AlertDialogHeader","_el$2","_tmpl$2","_$spread","AlertDialogFooter","_el$3","_tmpl$3","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogChoice","CloseButton","wrapper","setWrapper","HTMLSpanElement","root","undefined","querySelector","removeAttribute","_el$4","_tmpl$4","_$use","AlertDialogAction","AlertDialogCancel","AlertDialog","_$createComponent","KobalteAlertDialog","_$mergeProps"],"sources":["../../../../src/components/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as KobalteAlertDialog } from '@kobalte/core/alert-dialog'\nimport type { ComponentProps } from 'solid-js'\nimport { createEffect, createSignal, splitProps } from 'solid-js'\nimport { overlayMotion, overlayPositioner, overlayScrim, overlaySurface } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * AlertDialog.\n *\n * A dialog that cannot be dismissed by accident: Escape and a click on the scrim\n * do nothing, and the user must choose one of the actions. That is the whole\n * difference from Dialog, and it is why this exists as its own component rather\n * than a prop — a caller has to reach for it deliberately.\n *\n * The consequence is a rule of use: this is for confirming a destructive or\n * irreversible step. Wrapping an ordinary form in an AlertDialog traps someone who\n * wants to back out.\n *\n * There is deliberately no close button in the corner. An X has no label, and the\n * point of this surface is that every exit is a named choice.\n */\nexport function AlertDialog(props: ComponentProps<typeof KobalteAlertDialog>) {\n  return <KobalteAlertDialog {...props} />\n}\n\nexport function AlertDialogTrigger(props: ComponentProps<typeof KobalteAlertDialog.Trigger>) {\n  return <KobalteAlertDialog.Trigger {...props} />\n}\n\nexport function AlertDialogPortal(props: ComponentProps<typeof KobalteAlertDialog.Portal>) {\n  return <KobalteAlertDialog.Portal {...props} />\n}\n\nexport function AlertDialogOverlay(props: ComponentProps<typeof KobalteAlertDialog.Overlay>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteAlertDialog.Overlay\n      class={cn(\n        overlayScrim,\n        'data-expanded:animate-in data-expanded:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * The panel.\n *\n * Kobalte's `AlertDialog.Content` is `Dialog.Content` with `role=\"alertdialog\"`\n * and nothing else — Escape and an outside click dismiss it exactly as they\n * dismiss a Dialog. That is a real gap in the primitive, so the blocking is\n * implemented here, and it is the whole difference between this component and a\n * Dialog:\n *\n *   - Escape is prevented, because a key that closes a confirmation is a key that\n *     makes \"confirm\" meaningless.\n *   - Pointer and focus interactions outside are prevented, including the scrim\n *     click, for the same reason.\n *\n * There is deliberately no prop to turn this off. A surface that can be escaped\n * accidentally does not need to be an AlertDialog; it is a Dialog, and using this\n * one would be a claim about the flow that is not true.\n */\nconst blockDismissal = {\n  onEscapeKeyDown: (event: KeyboardEvent) => event.preventDefault(),\n  onPointerDownOutside: (event: Event) => event.preventDefault(),\n  onFocusOutside: (event: Event) => event.preventDefault(),\n  onInteractOutside: (event: Event) => event.preventDefault(),\n} as const\n\nexport function AlertDialogContent(props: ComponentProps<typeof KobalteAlertDialog.Content>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteAlertDialog.Portal>\n      <AlertDialogOverlay />\n      <div class={overlayPositioner}>\n        <KobalteAlertDialog.Content\n          {...blockDismissal}\n          class={cn(overlaySurface, overlayMotion, 'grid w-full max-w-md gap-4 p-5', local.class)}\n          {...rest}\n        />\n      </div>\n    </KobalteAlertDialog.Portal>\n  )\n}\n\nexport function AlertDialogHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      class={cn('flex flex-col gap-1.5 text-start', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function AlertDialogFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      class={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function AlertDialogTitle(props: ComponentProps<typeof KobalteAlertDialog.Title>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteAlertDialog.Title\n      class={cn('text-base leading-none font-semibold tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function AlertDialogDescription(\n  props: ComponentProps<typeof KobalteAlertDialog.Description>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteAlertDialog.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/**\n * One of the dialog's two named choices.\n *\n * Kobalte labels its close button \"Dismiss\" by default, because a generic close\n * button is usually an icon with no text of its own. In an AlertDialog it is\n * something else: the named choices. An `aria-label` there *replaces* the visible\n * text, so a screen reader hears \"Dismiss\" twice and the user cannot tell the\n * destructive action from the safe one.\n *\n * The injected label is removed rather than overridden with an empty one. An empty\n * `aria-label` is not reliably ignored — some name computations treat its presence\n * as an explicit empty name, which leaves the button unnamed — so the attribute\n * has to go, and the visible text becomes the name. A caller whose button is an\n * icon passes its own `aria-label`, and that one is left alone.\n *\n * Applied through a layout-neutral wrapper because Kobalte keeps the `ref` for its\n * own dismissable layer and does not forward it. The wrapper is `display: contents`\n * so the button remains the flex item its parent lays out.\n */\nfunction AlertDialogChoice(props: ComponentProps<typeof KobalteAlertDialog.CloseButton>) {\n  const [local, rest] = splitProps(props, ['class', 'aria-label'])\n  const [wrapper, setWrapper] = createSignal<HTMLSpanElement>()\n\n  createEffect(() => {\n    const root = wrapper()\n    if (!root || local['aria-label'] !== undefined) return\n    root.querySelector('button')?.removeAttribute('aria-label')\n  })\n\n  return (\n    <span ref={setWrapper} class=\"contents\">\n      <KobalteAlertDialog.CloseButton class={cn(local.class)} {...rest} />\n    </span>\n  )\n}\n\nexport function AlertDialogAction(props: ComponentProps<typeof KobalteAlertDialog.CloseButton>) {\n  return <AlertDialogChoice {...props} />\n}\n\nexport function AlertDialogCancel(props: ComponentProps<typeof KobalteAlertDialog.CloseButton>) {\n  return <AlertDialogChoice {...props} />\n}\n"],"mappings":"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"}

package/dist/components/ui/alert-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './alert-dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAA"}

package/dist/components/ui/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * AspectRatio.
+ *
+ * Holds a box to a ratio so its content cannot change the layout as it loads. The
+ * problem it solves is a specific one: an image or an embed whose intrinsic size is
+ * unknown until it arrives pushes everything below it down when it does, and a
+ * preview or a grid of cards is where that is most visible.
+ *
+ * CSS `aspect-ratio` rather than the padding-top trick a decade of libraries used:
+ * the property is supported everywhere this system runs, it does not require a
+ * wrapper element, and it does not break when the child is positioned.
+ *
+ * The child fills the box, so a caller passes the image, video or iframe directly
+ * and never sizes it.
+ */
+export type AspectRatioProps = ComponentProps<'div'> & {
+    /** Width divided by height, e.g. `16 / 9` or `1`. */
+    ratio?: number;
+};
+export declare function AspectRatio(props: AspectRatioProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/ui/aspect-ratio/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/aspect-ratio/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAalD"}

package/dist/components/ui/aspect-ratio/aspect-ratio.js

@@ -0,0 +1,29 @@
+import { cn } from "../../../lib/utils.js";
+import { insert, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/aspect-ratio/aspect-ratio.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=aspect-ratio>`);
+function AspectRatio(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"ratio",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({
+			get style() {
+				return { "aspect-ratio": String(local.ratio ?? 16 / 9) };
+			},
+			get ["class"]() {
+				return cn("relative w-full [&>*]:absolute [&>*]:inset-0 [&>*]:size-full", local.class);
+			}
+		}, rest), false, true);
+		insert(_el$, () => local.children);
+		return _el$;
+	})();
+}
+//#endregion
+export { AspectRatio };
+
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/ui/aspect-ratio/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":["ComponentProps","splitProps","cn","AspectRatioProps","ratio","AspectRatio","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","style","String","class","_$insert","children","_$mergeProps"],"sources":["../../../../src/components/ui/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * AspectRatio.\n *\n * Holds a box to a ratio so its content cannot change the layout as it loads. The\n * problem it solves is a specific one: an image or an embed whose intrinsic size is\n * unknown until it arrives pushes everything below it down when it does, and a\n * preview or a grid of cards is where that is most visible.\n *\n * CSS `aspect-ratio` rather than the padding-top trick a decade of libraries used:\n * the property is supported everywhere this system runs, it does not require a\n * wrapper element, and it does not break when the child is positioned.\n *\n * The child fills the box, so a caller passes the image, video or iframe directly\n * and never sizes it.\n */\nexport type AspectRatioProps = ComponentProps<'div'> & {\n  /** Width divided by height, e.g. `16 / 9` or `1`. */\n  ratio?: number\n}\n\nexport function AspectRatio(props: AspectRatioProps) {\n  const [local, rest] = splitProps(props, ['class', 'ratio', 'children'])\n\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      style={{ 'aspect-ratio': String(local.ratio ?? 16 / 9) }}\n      class={cn('relative w-full [&>*]:absolute [&>*]:inset-0 [&>*]:size-full', local.class)}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAwBA,SAAgBK,YAAYC,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQP,WAAWK,OAAO;EAAC;EAAS;EAAS;CAAU,CAAC;CAEtE,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA;GAAA,IAGIC,QAAK;IAAA,OAAE,EAAE,gBAAgBC,OAAOP,MAAMH,SAAS,KAAK,CAAC,EAAE;GAAC;GAAA,KAAA,WAAA;IAAA,OACjDF,GAAG,gEAAgEK,MAAMQ,KAAK;GAAC;EAAA,GAClFP,IAAI,GAAA,OAAA,IAAA;EAAAQ,OAAAP,YAEPF,MAAMU,QAAQ;EAAA,OAAAR;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/ui/aspect-ratio/index.d.ts

@@ -0,0 +1,2 @@
+export { AspectRatio, type AspectRatioProps } from './aspect-ratio';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/aspect-ratio/index.d.ts.map

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

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

@@ -0,0 +1,41 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * Avatar.
+ *
+ * The fallback is painted *under* the image and the image is removed on error,
+ * which is the arrangement that avoids every flicker case: a cached image
+ * covers the fallback on the first paint, a slow image shows the fallback
+ * until it arrives, and a broken image leaves the fallback in place instead of
+ * a browser glyph.
+ *
+ * Initials are derived here so the rule lives in one place rather than in
+ * every caller's string slicing: two words give two letters, one word gives
+ * one, and a name with no letters gives nothing rather than a stray dot.
+ */
+export declare function initialsFrom(name: string): string;
+declare const avatarSizes: {
+    readonly xs: "size-5 text-2xs";
+    readonly sm: "size-6 text-2xs";
+    readonly md: "size-8 text-xs";
+    readonly lg: "size-10 text-sm";
+    readonly xl: "size-12 text-base";
+};
+export type AvatarProps = ComponentProps<'span'> & {
+    size?: keyof typeof avatarSizes;
+};
+export declare function Avatar(props: AvatarProps): import("solid-js").JSX.Element;
+export type AvatarImageProps = Omit<ComponentProps<'img'>, 'onError'> & {
+    onLoadingStatusChange?: (status: 'loading' | 'loaded' | 'error') => void;
+};
+export declare function AvatarImage(props: AvatarImageProps): import("solid-js").JSX.Element;
+export type AvatarFallbackProps = ComponentProps<'span'> & {
+    /** A person or entity name. Initials are derived from it. */
+    name?: string;
+    /** Replace the derived initials with a glyph or emoji string. */
+    content?: string;
+    /** How long to wait before showing the fallback, in ms. 0 shows it at once. */
+    delay?: number;
+};
+export declare function AvatarFallback(props: AvatarFallbackProps): import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED,QAAA,MAAM,WAAW;;;;;;CAMP,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;CAChC,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,kCAcxC;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG;IACtE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;CACzE,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAqBlD;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IACzD,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAwBxD"}

package/dist/components/ui/avatar/avatar.js

@@ -0,0 +1,106 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { Show, createSignal, splitProps } from "solid-js";
+//#region src/components/ui/avatar/avatar.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span data-slot=avatar>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<img data-slot=avatar-image>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span data-slot=avatar-fallback><span aria-hidden=true>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class=visually-hidden>`);
+/**
+* Avatar.
+*
+* The fallback is painted *under* the image and the image is removed on error,
+* which is the arrangement that avoids every flicker case: a cached image
+* covers the fallback on the first paint, a slow image shows the fallback
+* until it arrives, and a broken image leaves the fallback in place instead of
+* a browser glyph.
+*
+* Initials are derived here so the rule lives in one place rather than in
+* every caller's string slicing: two words give two letters, one word gives
+* one, and a name with no letters gives nothing rather than a stray dot.
+*/
+function initialsFrom(name) {
+	const parts = name.trim().split(/\s+/).filter(Boolean);
+	const first = parts[0]?.[0] ?? "";
+	if (!first) return "";
+	return (first + (parts.length > 1 ? parts[parts.length - 1]?.[0] ?? "" : "")).toUpperCase();
+}
+var avatarSizes = {
+	xs: "size-5 text-2xs",
+	sm: "size-6 text-2xs",
+	md: "size-8 text-xs",
+	lg: "size-10 text-sm",
+	xl: "size-12 text-base"
+};
+function Avatar(props) {
+	const [local, rest] = splitProps(props, ["class", "size"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("relative flex shrink-0 overflow-hidden rounded-full select-none", avatarSizes[local.size ?? "md"], local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
+}
+function AvatarImage(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"alt",
+		"onLoadingStatusChange"
+	]);
+	const [status, setStatus] = createSignal("loading");
+	const update = (next) => {
+		setStatus(next);
+		local.onLoadingStatusChange?.(next);
+	};
+	return createComponent(Show, {
+		get when() {
+			return status() !== "error";
+		},
+		get children() {
+			var _el$2 = _tmpl$2();
+			_el$2.addEventListener("error", () => update("error"));
+			_el$2.addEventListener("load", () => update("loaded"));
+			spread(_el$2, mergeProps({
+				get alt() {
+					return local.alt ?? "";
+				},
+				get ["class"]() {
+					return cn("absolute inset-0 z-10 aspect-square size-full object-cover", local.class);
+				}
+			}, rest), false, false);
+			return _el$2;
+		}
+	});
+}
+function AvatarFallback(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"name",
+		"content",
+		"delay"
+	]);
+	const [revealed, setRevealed] = createSignal((local.delay ?? 0) <= 0);
+	if ((local.delay ?? 0) > 0) setTimeout(() => setRevealed(true), local.delay);
+	const label = () => local.content ?? initialsFrom(local.name ?? "");
+	return (() => {
+		var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full font-medium", { "opacity-0": !revealed() }, local.class);
+		} }, rest), false, true);
+		insert(_el$4, label);
+		insert(_el$3, (() => {
+			var _c$ = memo(() => !!local.name);
+			return () => _c$() ? (() => {
+				var _el$5 = _tmpl$4();
+				insert(_el$5, () => local.name);
+				return _el$5;
+			})() : null;
+		})(), null);
+		return _el$3;
+	})();
+}
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage, initialsFrom };
+
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["ComponentProps","createSignal","Show","splitProps","cn","initialsFrom","name","parts","trim","split","filter","Boolean","first","last","length","toUpperCase","avatarSizes","xs","sm","md","lg","xl","const","AvatarProps","size","Avatar","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","AvatarImageProps","Omit","onLoadingStatusChange","status","AvatarImage","setStatus","update","next","_$createComponent","when","children","_el$2","_tmpl$2","addEventListener","alt","AvatarFallbackProps","content","delay","AvatarFallback","revealed","setRevealed","setTimeout","label","_el$3","_tmpl$3","_el$4","firstChild","_$insert","_c$","_$memo","_el$5","_tmpl$4","_$mergeProps","_$createComponent","_$memo"],"sources":["../../../../src/components/ui/avatar/avatar.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { createSignal, Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Avatar.\n *\n * The fallback is painted *under* the image and the image is removed on error,\n * which is the arrangement that avoids every flicker case: a cached image\n * covers the fallback on the first paint, a slow image shows the fallback\n * until it arrives, and a broken image leaves the fallback in place instead of\n * a browser glyph.\n *\n * Initials are derived here so the rule lives in one place rather than in\n * every caller's string slicing: two words give two letters, one word gives\n * one, and a name with no letters gives nothing rather than a stray dot.\n */\nexport function initialsFrom(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  const first = parts[0]?.[0] ?? ''\n  if (!first) return ''\n  const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : ''\n  return (first + last).toUpperCase()\n}\n\nconst avatarSizes = {\n  xs: 'size-5 text-2xs',\n  sm: 'size-6 text-2xs',\n  md: 'size-8 text-xs',\n  lg: 'size-10 text-sm',\n  xl: 'size-12 text-base',\n} as const\n\nexport type AvatarProps = ComponentProps<'span'> & {\n  size?: keyof typeof avatarSizes\n}\n\nexport function Avatar(props: AvatarProps) {\n  const [local, rest] = splitProps(props, ['class', 'size'])\n\n  return (\n    <span\n      data-slot=\"avatar\"\n      class={cn(\n        'relative flex shrink-0 overflow-hidden rounded-full select-none',\n        avatarSizes[local.size ?? 'md'],\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type AvatarImageProps = Omit<ComponentProps<'img'>, 'onError'> & {\n  onLoadingStatusChange?: (status: 'loading' | 'loaded' | 'error') => void\n}\n\nexport function AvatarImage(props: AvatarImageProps) {\n  const [local, rest] = splitProps(props, ['class', 'alt', 'onLoadingStatusChange'])\n  const [status, setStatus] = createSignal<'loading' | 'loaded' | 'error'>('loading')\n\n  const update = (next: 'loading' | 'loaded' | 'error') => {\n    setStatus(next)\n    local.onLoadingStatusChange?.(next)\n  }\n\n  return (\n    <Show when={status() !== 'error'}>\n      <img\n        data-slot=\"avatar-image\"\n        alt={local.alt ?? ''}\n        class={cn('absolute inset-0 z-10 aspect-square size-full object-cover', local.class)}\n        onLoad={() => update('loaded')}\n        onError={() => update('error')}\n        {...rest}\n      />\n    </Show>\n  )\n}\n\nexport type AvatarFallbackProps = ComponentProps<'span'> & {\n  /** A person or entity name. Initials are derived from it. */\n  name?: string\n  /** Replace the derived initials with a glyph or emoji string. */\n  content?: string\n  /** How long to wait before showing the fallback, in ms. 0 shows it at once. */\n  delay?: number\n}\n\nexport function AvatarFallback(props: AvatarFallbackProps) {\n  const [local, rest] = splitProps(props, ['class', 'name', 'content', 'delay'])\n  const [revealed, setRevealed] = createSignal((local.delay ?? 0) <= 0)\n\n  if ((local.delay ?? 0) > 0) {\n    setTimeout(() => setRevealed(true), local.delay)\n  }\n\n  const label = () => local.content ?? initialsFrom(local.name ?? '')\n\n  return (\n    <span\n      data-slot=\"avatar-fallback\"\n      class={cn(\n        'bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full font-medium',\n        { 'opacity-0': !revealed() },\n        local.class\n      )}\n      {...rest}\n    >\n      <span aria-hidden=\"true\">{label()}</span>\n      {local.name ? <span class=\"visually-hidden\">{local.name}</span> : null}\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,SAAgBK,aAAaC,MAAsB;CACjD,MAAMC,QAAQD,KAAKE,KAAK,CAAC,CAACC,MAAM,KAAK,CAAC,CAACC,OAAOC,OAAO;CACrD,MAAMC,QAAQL,MAAM,EAAE,GAAG,MAAM;CAC/B,IAAI,CAACK,OAAO,OAAO;CAEnB,QAAQA,SADKL,MAAMO,SAAS,IAAKP,MAAMA,MAAMO,SAAS,EAAE,GAAG,MAAM,KAAM,IAAA,CACjDC,YAAY;AACpC;AAEA,IAAMC,cAAc;CAClBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;AACN;AAMA,SAAgBI,OAAOC,OAAoB;CACzC,MAAM,CAACC,OAAOC,QAAQzB,WAAWuB,OAAO,CAAC,SAAS,MAAM,CAAC;CAEzD,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAGW5B,GACL,mEACAY,YAAYW,MAAMH,QAAQ,OAC1BG,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGd;AAMA,SAAgBS,YAAYZ,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQzB,WAAWuB,OAAO;EAAC;EAAS;EAAO;CAAuB,CAAC;CACjF,MAAM,CAACW,QAAQE,aAAatC,aAA6C,SAAS;CAElF,MAAMuC,UAAUC,SAAyC;EACvDF,UAAUE,IAAI;EACdd,MAAMS,wBAAwBK,IAAI;CACpC;CAEA,OAAAC,gBACGxC,MAAI;EAAA,IAACyC,OAAI;GAAA,OAAEN,OAAO,MAAM;EAAO;EAAA,IAAAO,WAAA;GAAA,IAAAC,QAAAC,QAAA;GAAAD,MAAAE,iBAAA,eAMbP,OAAO,OAAO,CAAC;GAAAK,MAAAE,iBAAA,cADhBP,OAAO,QAAQ,CAAC;GAAAT,OAAAc,OAAAb,WAAA;IAAA,IAF9BgB,MAAG;KAAA,OAAErB,MAAMqB,OAAO;IAAE;IAAA,KAAA,WAAA;KAAA,OACb5C,GAAG,8DAA8DuB,MAAMM,KAAK;IAAC;GAAA,GAGhFL,IAAI,GAAA,OAAA,KAAA;GAAA,OAAAiB;EAAA;CAAA,CAAA;AAIhB;AAWA,SAAgBO,eAAe1B,OAA4B;CACzD,MAAM,CAACC,OAAOC,QAAQzB,WAAWuB,OAAO;EAAC;EAAS;EAAQ;EAAW;CAAO,CAAC;CAC7E,MAAM,CAAC2B,UAAUC,eAAerD,cAAc0B,MAAMwB,SAAS,MAAM,CAAC;CAEpE,KAAKxB,MAAMwB,SAAS,KAAK,GACvBI,iBAAiBD,YAAY,IAAI,GAAG3B,MAAMwB,KAAK;CAGjD,MAAMK,cAAc7B,MAAMuB,WAAW7C,aAAasB,MAAMrB,QAAQ,EAAE;CAElE,cAAA;EAAA,IAAAmD,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;EAAA7B,OAAA0B,OAAAzB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGW5B,GACL,sGACA,EAAE,aAAa,CAACiD,SAAS,EAAE,GAC3B1B,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,IAAA;EAAAiC,OAAAF,OAEkBH,KAAK;EAAAK,OAAAJ,cAAA;GAAA,IAAAK,MAAAC,WAAA,CAAA,CAC9BpC,MAAMrB,IAAI;GAAA,aAAVwD,IAAA,WAAA;IAAA,IAAAE,QAAAC,QAAA;IAAAJ,OAAAG,aAA4CrC,MAAMrB,IAAI;IAAA,OAAA0D;GAAA,EAAA,CAAA,IAAW;EAAI,EAAA,CAAA,GAAA,IAAA;EAAA,OAAAP;CAAA,EAAA,CAAA;AAG5E"}

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

@@ -0,0 +1,2 @@
+export { Avatar, AvatarFallback, AvatarImage, initialsFrom, type AvatarFallbackProps, type AvatarImageProps, type AvatarProps, } from './avatar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAA"}

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

@@ -0,0 +1,22 @@
+import { type PolymorphicProps } from '@kobalte/core/polymorphic';
+import { type ValidComponent } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * Badge.
+ *
+ * A short, non-interactive status label. If it can be clicked it is a Button
+ * with `size="2xs"`, not a Badge — the difference matters because a Badge
+ * carries no focus or pressed state and must never be the only way to reach an
+ * action.
+ */
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | "secondary" | "outline" | "subtle" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+export type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<T, BadgeVariantProps & {
+    class?: string;
+}>;
+export declare function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>): import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;;;8EA0BzB,CAAA;AAED,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,cAAc,GAAG,MAAM,IAAI,gBAAgB,CAC1E,CAAC,EACD,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CACvC,CAAA;AAED,wBAAgB,KAAK,CAAC,CAAC,SAAS,cAAc,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kCAU5E"}

package/dist/components/ui/badge/badge.js

@@ -0,0 +1,58 @@
+import { cn } from "../../../lib/utils.js";
+import { cva } from "../../../lib/variants.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Polymorphic } from "@kobalte/core/polymorphic";
+//#region src/components/ui/badge/badge.tsx
+/**
+* Badge.
+*
+* A short, non-interactive status label. If it can be clicked it is a Button
+* with `size="2xs"`, not a Badge — the difference matters because a Badge
+* carries no focus or pressed state and must never be the only way to reach an
+* action.
+*/
+var badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground",
+			secondary: "bg-secondary text-secondary-foreground",
+			outline: "border-border text-foreground",
+			/** Tinted status fills, for counts and states rather than actions. */
+			success: "bg-success-subtle text-success",
+			warning: "bg-warning-subtle text-warning",
+			destructive: "bg-destructive-subtle text-destructive",
+			info: "bg-info-subtle text-info",
+			subtle: "bg-primary-subtle text-primary"
+		},
+		size: {
+			sm: "h-4 px-1.5 text-2xs",
+			md: "h-5 px-2 text-xs",
+			lg: "h-6 px-2.5 text-xs"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+function Badge(props) {
+	const [local, rest] = splitProps(props, [
+		"variant",
+		"size",
+		"class"
+	]);
+	return createComponent(Polymorphic, mergeProps({
+		as: "span",
+		get ["class"]() {
+			return cn(badgeVariants({
+				variant: local.variant,
+				size: local.size
+			}), local.class);
+		}
+	}, rest));
+}
+//#endregion
+export { Badge, badgeVariants };
+
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["Polymorphic","PolymorphicProps","ComponentProps","splitProps","ValidComponent","cva","VariantProps","cn","badgeVariants","variants","variant","default","secondary","outline","success","warning","destructive","info","subtle","size","sm","md","lg","defaultVariants","BadgeVariantProps","BadgeProps","T","class","Badge","props","local","rest","_$createComponent","_$mergeProps","as","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/ui/badge/badge.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { type ComponentProps, splitProps, type ValidComponent } from 'solid-js'\nimport { cva, type VariantProps } from '#lib/variants'\nimport { cn } from '#lib/utils'\n\n/**\n * Badge.\n *\n * A short, non-interactive status label. If it can be clicked it is a Button\n * with `size=\"2xs\"`, not a Badge — the difference matters because a Badge\n * carries no focus or pressed state and must never be the only way to reach an\n * action.\n */\nexport const badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md border border-transparent font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground',\n        secondary: 'bg-secondary text-secondary-foreground',\n        outline: 'border-border text-foreground',\n        /** Tinted status fills, for counts and states rather than actions. */\n        success: 'bg-success-subtle text-success',\n        warning: 'bg-warning-subtle text-warning',\n        destructive: 'bg-destructive-subtle text-destructive',\n        info: 'bg-info-subtle text-info',\n        subtle: 'bg-primary-subtle text-primary',\n      },\n      size: {\n        sm: 'h-4 px-1.5 text-2xs',\n        md: 'h-5 px-2 text-xs',\n        lg: 'h-6 px-2.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ntype BadgeVariantProps = VariantProps<typeof badgeVariants>\n\nexport type BadgeProps<T extends ValidComponent = 'span'> = PolymorphicProps<\n  T,\n  BadgeVariantProps & { class?: string }\n>\n\nexport function Badge<T extends ValidComponent = 'span'>(props: BadgeProps<T>) {\n  const [local, rest] = splitProps(props as BadgeProps, ['variant', 'size', 'class'])\n\n  return (\n    <Polymorphic\n      as=\"span\"\n      class={cn(badgeVariants({ variant: local.variant, size: local.size }), local.class)}\n      {...(rest as ComponentProps<'span'>)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAaQ,gBAAgBH,IAC3B,iNACA;CACEI,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,WAAW;GACXC,SAAS;;GAETC,SAAS;GACTC,SAAS;GACTC,aAAa;GACbC,MAAM;GACNC,QAAQ;EACV;EACAC,MAAM;GACJC,IAAI;GACJC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfb,SAAS;EACTS,MAAM;CACR;AACF,CACF;AASA,SAAgBS,MAAyCC,OAAsB;CAC7E,MAAM,CAACC,OAAOC,QAAQ5B,WAAW0B,OAAqB;EAAC;EAAW;EAAQ;CAAO,CAAC;CAElF,OAAAG,gBACGhC,aAAWiC,WAAA;EACVC,IAAE;EAAA,KAAA,WAAA;GAAA,OACK3B,GAAGC,cAAc;IAAEE,SAASoB,MAAMpB;IAASS,MAAMW,MAAMX;GAAK,CAAC,GAAGW,MAAMH,KAAK;EAAC;CAAA,GAC9EI,IAA8B,CAAA;AAGzC"}

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

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants, type BadgeProps } from './badge';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,78 @@
+import { type JSX } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * Board.
+ *
+ * Columns of cards, with drag between them — the shape a task tracker, a CRM
+ * pipeline, a support queue and a release plan all share. It is generic in the
+ * one place that matters: the *column ids are the caller's*, and so is the rule
+ * that decides which moves are legal. The component knows nothing about tasks.
+ *
+ * The transitions are a predicate rather than a derived table because the legal
+ * moves in a real product are not "any column to any column". A task that is
+ * `completed` may be archived but not re-queued; a lead may become a customer but
+ * not a stranger again. A board that let you drop anything anywhere would encode
+ * a state machine in the UI that the server rejects — so `canDrop` is required,
+ * and a column that cannot receive the dragged card renders as unavailable rather
+ * than silently accepting a drop that will fail.
+ *
+ * Three input methods, because a drag-only board is unusable by keyboard:
+ * dragging with the pointer, `Ctrl`/`Cmd` + arrow keys to move a focused card
+ * between columns, and whatever the caller wires into `actions`. The card is
+ * focusable and its move is announced through a live region, so the board is
+ * operable without a mouse.
+ *
+ * The card is rendered by the caller through `children`, given the item and a set
+ * of drag props. That is deliberate: a card's contents are domain — a title, a
+ * priority tag, an assignee — and a board that rendered them itself could only
+ * ever serve one product.
+ */
+export type BoardColumn = Readonly<{
+    id: string;
+    label: string;
+    /** A count or a limit, shown beside the label. */
+    meta?: JSX.Element;
+    /** Dim the column and refuse drops — a lane that is closed or read-only. */
+    disabled?: boolean;
+}>;
+export type BoardMove = Readonly<{
+    itemId: string;
+    from: string;
+    to: string;
+}>;
+export type BoardProps<T> = {
+    columns: readonly BoardColumn[];
+    items: readonly T[];
+    /** The item's stable id. */
+    itemId: (item: T) => string;
+    /** The id of the column the item currently sits in. */
+    itemColumn: (item: T) => string;
+    /** Whether `item` may move from `from` to `to`. Required: see the note above. */
+    canDrop: (item: T, from: string, to: string) => boolean;
+    onMove: (move: BoardMove) => void;
+    /** The card body. `dragging` is true while this card is the one being dragged. */
+    children: (item: T, state: {
+        dragging: boolean;
+    }) => JSX.Element;
+    /** Shown when a column has no items. */
+    emptyColumn?: (column: BoardColumn) => JSX.Element;
+    /** The board's accessible name. Defaults to "Board". */
+    label?: string;
+    class?: string;
+};
+export declare function Board<T>(props: BoardProps<T>): JSX.Element;
+export declare const boardCardTitleVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BoardCardTitleProps = {
+    class?: string;
+    children: JSX.Element;
+} & VariantProps<typeof boardCardTitleVariants>;
+/** The card's title line, at the size a board card uses. */
+export declare function BoardCardTitle(props: BoardCardTitleProps): JSX.Element;
+/** A card's padding, so every card in an application is the same shape. */
+export declare function BoardCardBody(props: {
+    class?: string;
+    children: JSX.Element;
+}): JSX.Element;
+//# sourceMappingURL=board.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"board.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/board/board.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AACpF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAGtD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;CACX,CAAC,CAAA;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,OAAO,EAAE,SAAS,WAAW,EAAE,CAAA;IAC/B,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB,4BAA4B;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IAC3B,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IAC/B,iFAAiF;IACjF,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACvD,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACjC,kFAAkF;IAClF,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAA;IAChE,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAA;IAClD,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAOD,wBAAgB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAiK5C;AAED,eAAO,MAAM,sBAAsB;;8EAGjC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,YAAY,CACxF,OAAO,sBAAsB,CAC9B,CAAA;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAIxD;AAED,2EAA2E;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAE7E"}