@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/ui/drawer/drawer.js

@@ -0,0 +1,106 @@
+import { cn } from "../../../lib/utils.js";
+import { className, createComponent, effect, memo, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+import DrawerPrimitive from "@corvu/drawer";
+//#region src/components/ui/drawer/drawer.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=drawer-header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=drawer-body>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=drawer-footer>`);
+/**
+* Drawer.
+*
+* A sheet the user can drag away: it opens from an edge, carries a handle, and
+* closes by swipe as well as by button. That drag affordance is the reason to
+* choose it over Sheet — the gesture is for content the user is *finishing*
+* with (a summary, a queue, a confirmation), not for browsing.
+*
+* On a large window a Drawer is usually the wrong control: dragging is a touch
+* idiom, and on a desktop the same content is better as a Sheet or a Dialog.
+* The exceptions are the surfaces a pointer also drags naturally — a bottom
+* console, a media panel.
+*
+* corvu supplies the drag physics, the snap points and the pointer capture.
+*/
+function Drawer(props) {
+	return createComponent(DrawerPrimitive, props);
+}
+function DrawerTrigger(props) {
+	return createComponent(DrawerPrimitive.Trigger, props);
+}
+function DrawerOverlay(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DrawerPrimitive.Overlay, mergeProps({ get ["class"]() {
+		return cn("fixed inset-0 z-(--z-drawer) bg-scrim/50", "data-[open]:animate-in data-[open]:fade-in-0 data-[closed]:animate-out data-[closed]:fade-out-0", local.class);
+	} }, rest));
+}
+function DrawerContent(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"withHandle",
+		"children"
+	]);
+	return createComponent(DrawerPrimitive.Portal, { get children() {
+		return [createComponent(DrawerOverlay, {}), createComponent(DrawerPrimitive.Content, mergeProps({ get ["class"]() {
+			return cn("group/drawer bg-popover text-popover-foreground fixed z-(--z-drawer) flex flex-col border-border shadow-lg", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:max-h-[85vh] data-[side=bottom]:rounded-t-xl data-[side=bottom]:border-t", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:max-h-[85vh] data-[side=top]:rounded-b-xl data-[side=top]:border-b", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-80 data-[side=left]:rounded-e-xl data-[side=left]:border-e", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-80 data-[side=right]:rounded-s-xl data-[side=right]:border-s", local.class);
+		} }, rest, { get children() {
+			return [memo(() => memo(() => !!local.withHandle)() ? (() => {
+				var _el$ = _tmpl$();
+				effect(() => className(_el$, cn("bg-muted shrink-0 self-center", "group-data-[side=bottom]/drawer:mt-2 group-data-[side=bottom]/drawer:h-1.5 group-data-[side=bottom]/drawer:w-10 group-data-[side=bottom]/drawer:rounded-full")));
+				return _el$;
+			})() : null), memo(() => local.children)];
+		} }))];
+	} });
+}
+function DrawerTitle(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DrawerPrimitive.Label, mergeProps({ get ["class"]() {
+		return cn("text-base leading-none font-semibold tracking-tight", local.class);
+	} }, rest));
+}
+function DrawerDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DrawerPrimitive.Description, mergeProps({ get ["class"]() {
+		return cn("text-muted-foreground text-sm", local.class);
+	} }, rest));
+}
+function DrawerCloseButton(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DrawerPrimitive.Close, mergeProps({ get ["class"]() {
+		return cn("focus-ring", local.class);
+	} }, rest));
+}
+function DrawerHeader(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 p-5 pb-3 text-start", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+function DrawerBody(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("min-h-0 flex-1 overflow-y-auto px-5 pb-4", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
+}
+function DrawerFooter(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$4 = _tmpl$4();
+		spread(_el$4, mergeProps({ get ["class"]() {
+			return cn("flex flex-col-reverse gap-2 p-5 pt-3 sm:flex-row sm:justify-end", local.class);
+		} }, rest), false, false);
+		return _el$4;
+	})();
+}
+//#endregion
+export { Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger };
+
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive","ComponentProps","splitProps","cn","Drawer","props","_$createComponent","DrawerTrigger","Trigger","DrawerOverlay","Overlay","local","rest","_$mergeProps","class","DrawerContentProps","Content","withHandle","DrawerContent","Portal","children","_$memo","_el$","_tmpl$","_$effect","_$className","DrawerTitle","Label","DrawerDescription","Description","DrawerCloseButton","Close","DrawerHeader","_el$2","_tmpl$2","_$spread","DrawerBody","_el$3","_tmpl$3","DrawerFooter","_el$4","_tmpl$4","_$createComponent","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/drawer/drawer.tsx"],"sourcesContent":["import DrawerPrimitive from '@corvu/drawer'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Drawer.\n *\n * A sheet the user can drag away: it opens from an edge, carries a handle, and\n * closes by swipe as well as by button. That drag affordance is the reason to\n * choose it over Sheet — the gesture is for content the user is *finishing*\n * with (a summary, a queue, a confirmation), not for browsing.\n *\n * On a large window a Drawer is usually the wrong control: dragging is a touch\n * idiom, and on a desktop the same content is better as a Sheet or a Dialog.\n * The exceptions are the surfaces a pointer also drags naturally — a bottom\n * console, a media panel.\n *\n * corvu supplies the drag physics, the snap points and the pointer capture.\n */\nexport function Drawer(props: ComponentProps<typeof DrawerPrimitive>) {\n  return <DrawerPrimitive {...props} />\n}\n\nexport function DrawerTrigger(props: ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger {...props} />\n}\n\nexport function DrawerOverlay(props: ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <DrawerPrimitive.Overlay\n      class={cn(\n        'fixed inset-0 z-(--z-drawer) bg-scrim/50',\n        'data-[open]:animate-in data-[open]:fade-in-0 data-[closed]:animate-out data-[closed]:fade-out-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {\n  /**\n   * Draw the grabber at the leading edge of the sheet.\n   *\n   * It is an affordance, not the drag target: corvu makes the whole sheet\n   * draggable, exactly as the platform's own sheets behave. So this is\n   * `aria-hidden` decoration that tells the user the sheet can be pulled — it\n   * carries no behaviour and must not be the only thing that moves.\n   */\n  withHandle?: boolean\n}\n\nexport function DrawerContent(props: DrawerContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'withHandle', 'children'])\n\n  return (\n    <DrawerPrimitive.Portal>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        class={cn(\n          'group/drawer bg-popover text-popover-foreground fixed z-(--z-drawer) flex flex-col border-border shadow-lg',\n          'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:max-h-[85vh] data-[side=bottom]:rounded-t-xl data-[side=bottom]:border-t',\n          'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:max-h-[85vh] data-[side=top]:rounded-b-xl data-[side=top]:border-b',\n          'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-80 data-[side=left]:rounded-e-xl data-[side=left]:border-e',\n          'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-80 data-[side=right]:rounded-s-xl data-[side=right]:border-s',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.withHandle ? (\n          <span\n            aria-hidden=\"true\"\n            class={cn(\n              'bg-muted shrink-0 self-center',\n              'group-data-[side=bottom]/drawer:mt-2 group-data-[side=bottom]/drawer:h-1.5 group-data-[side=bottom]/drawer:w-10 group-data-[side=bottom]/drawer:rounded-full'\n            )}\n          />\n        ) : null}\n        {local.children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  )\n}\n\nexport function DrawerTitle(props: ComponentProps<typeof DrawerPrimitive.Label>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <DrawerPrimitive.Label\n      class={cn('text-base leading-none font-semibold tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerDescription(props: ComponentProps<typeof DrawerPrimitive.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <DrawerPrimitive.Description\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerCloseButton(props: ComponentProps<typeof DrawerPrimitive.Close>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <DrawerPrimitive.Close class={cn('focus-ring', local.class)} {...rest} />\n}\n\nexport function DrawerHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      class={cn('flex flex-col gap-1.5 p-5 pb-3 text-start', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerBody(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-body\"\n      class={cn('min-h-0 flex-1 overflow-y-auto px-5 pb-4', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DrawerFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      class={cn('flex flex-col-reverse gap-2 p-5 pt-3 sm:flex-row sm:justify-end', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, type DrawerContentProps, } from './drawer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,UAAU,CAAA"}

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,48 @@
+import { DropdownMenu as KobalteDropdownMenu } from '@kobalte/core/dropdown-menu';
+import type { ComponentProps } from 'solid-js';
+/**
+ * DropdownMenu.
+ *
+ * A list of actions on a trigger. This is the right home for "what can I do
+ * with this thing": rename, duplicate, export, delete. It is not a Select
+ * (which holds a *value* the user is choosing) and not a Popover (which holds
+ * arbitrary content).
+ *
+ * Kobalte supplies the full menu contract — arrow keys, typeahead, the roving
+ * highlight, Escape to close and return focus — which is exactly what a
+ * hand-rolled `div` with click handlers gets wrong.
+ *
+ * The `destructive` variant on an item is a *colour*, not a confirmation.
+ * Pairing it with an AlertDialog is the caller's job.
+ */
+export declare function DropdownMenu(props: ComponentProps<typeof KobalteDropdownMenu>): import("solid-js").JSX.Element;
+export declare function DropdownMenuTrigger(props: ComponentProps<typeof KobalteDropdownMenu.Trigger>): import("solid-js").JSX.Element;
+export declare function DropdownMenuPortal(props: ComponentProps<typeof KobalteDropdownMenu.Portal>): import("solid-js").JSX.Element;
+export type DropdownMenuContentProps = ComponentProps<typeof KobalteDropdownMenu.Content> & {
+    hideArrow?: boolean;
+};
+export declare function DropdownMenuContent(props: DropdownMenuContentProps): import("solid-js").JSX.Element;
+export declare function DropdownMenuItem(props: ComponentProps<typeof KobalteDropdownMenu.Item> & {
+    /** Colour the row as a destructive action. Confirm it separately. */
+    variant?: 'default' | 'destructive';
+    /** Draw a shortcut hint at the trailing edge of the row. */
+    shortcut?: string;
+}): import("solid-js").JSX.Element;
+/**
+ * The chord drawn at a row's trailing edge.
+ *
+ * A component as well as the `shortcut` prop on an item, because a caller composing
+ * a row by hand needs the same treatment — and because the alternative is every
+ * caller inventing the same mono-and-dimmed span.
+ */
+export declare function DropdownMenuShortcut(props: ComponentProps<'span'>): import("solid-js").JSX.Element;
+export declare function DropdownMenuCheckboxItem(props: ComponentProps<typeof KobalteDropdownMenu.CheckboxItem>): import("solid-js").JSX.Element;
+export declare function DropdownMenuRadioGroup(props: ComponentProps<typeof KobalteDropdownMenu.RadioGroup>): import("solid-js").JSX.Element;
+export declare function DropdownMenuRadioItem(props: ComponentProps<typeof KobalteDropdownMenu.RadioItem>): import("solid-js").JSX.Element;
+export declare function DropdownMenuLabel(props: ComponentProps<typeof KobalteDropdownMenu.GroupLabel>): import("solid-js").JSX.Element;
+export declare function DropdownMenuGroup(props: ComponentProps<typeof KobalteDropdownMenu.Group>): import("solid-js").JSX.Element;
+export declare function DropdownMenuSeparator(props: ComponentProps<typeof KobalteDropdownMenu.Separator>): import("solid-js").JSX.Element;
+export declare function DropdownMenuSub(props: ComponentProps<typeof KobalteDropdownMenu.Sub>): import("solid-js").JSX.Element;
+export declare function DropdownMenuSubTrigger(props: ComponentProps<typeof KobalteDropdownMenu.SubTrigger>): import("solid-js").JSX.Element;
+export declare function DropdownMenuSubContent(props: ComponentProps<typeof KobalteDropdownMenu.SubContent>): import("solid-js").JSX.Element;
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAa9C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,kCAE7E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,kCAE5F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,kCAE1F;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,OAAO,CAAC,GAAG;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,kCAoBlE;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IACvD,qEAAqE;IACrE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,kCAwBF;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,kCASjE;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,YAAY,CAAC,kCAY/D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAG7D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,kCAWhG;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAG7F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,KAAK,CAAC,kCAExF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,kCAGhG;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG,CAAC,kCAEpF;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAU7D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,mBAAmB,CAAC,UAAU,CAAC,kCAkB7D"}

package/dist/components/ui/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,151 @@
+import { cn } from "../../../lib/utils.js";
+import { menuItem, menuLabel, menuSeparator, overlayMotion, overlaySurface } from "../../../lib/overlay.js";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { Check, ChevronRight, Circle } from "lucide-solid";
+import { splitProps } from "solid-js";
+import { DropdownMenu } from "@kobalte/core/dropdown-menu";
+//#region src/components/ui/dropdown-menu/dropdown-menu.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="text-muted-foreground ms-auto font-mono text-2xs tracking-widest">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-slot=dropdown-menu-shortcut>`);
+/**
+* DropdownMenu.
+*
+* A list of actions on a trigger. This is the right home for "what can I do
+* with this thing": rename, duplicate, export, delete. It is not a Select
+* (which holds a *value* the user is choosing) and not a Popover (which holds
+* arbitrary content).
+*
+* Kobalte supplies the full menu contract — arrow keys, typeahead, the roving
+* highlight, Escape to close and return focus — which is exactly what a
+* hand-rolled `div` with click handlers gets wrong.
+*
+* The `destructive` variant on an item is a *colour*, not a confirmation.
+* Pairing it with an AlertDialog is the caller's job.
+*/
+function DropdownMenu$1(props) {
+	return createComponent(DropdownMenu, props);
+}
+function DropdownMenuTrigger(props) {
+	return createComponent(DropdownMenu.Trigger, props);
+}
+function DropdownMenuPortal(props) {
+	return createComponent(DropdownMenu.Portal, props);
+}
+function DropdownMenuContent(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"hideArrow",
+		"children"
+	]);
+	return createComponent(DropdownMenu.Portal, { get children() {
+		return createComponent(DropdownMenu.Content, mergeProps({ get ["class"]() {
+			return cn(overlaySurface, overlayMotion, "z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden", "p-1", local.class);
+		} }, rest, { get children() {
+			return [memo(() => memo(() => !!!local.hideArrow)() && createComponent(DropdownMenu.Arrow, {
+				"aria-hidden": "true",
+				"class": "fill-popover stroke-border"
+			})), memo(() => local.children)];
+		} }));
+	} });
+}
+function DropdownMenuItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"variant",
+		"shortcut",
+		"children"
+	]);
+	return createComponent(DropdownMenu.Item, mergeProps({ get ["class"]() {
+		return cn(menuItem, { "text-destructive data-[highlighted]:bg-destructive-subtle data-[highlighted]:text-destructive": local.variant === "destructive" }, local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), memo(() => memo(() => !!local.shortcut)() ? (() => {
+			var _el$ = _tmpl$();
+			insert(_el$, () => local.shortcut);
+			return _el$;
+		})() : null)];
+	} }));
+}
+/**
+* The chord drawn at a row's trailing edge.
+*
+* A component as well as the `shortcut` prop on an item, because a caller composing
+* a row by hand needs the same treatment — and because the alternative is every
+* caller inventing the same mono-and-dimmed span.
+*/
+function DropdownMenuShortcut(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("text-muted-foreground ms-auto font-mono text-2xs tracking-widest", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+function DropdownMenuCheckboxItem(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(DropdownMenu.CheckboxItem, mergeProps({ get ["class"]() {
+		return cn(menuItem, "pe-8", local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(DropdownMenu.ItemIndicator, {
+			"class": "absolute end-2 flex size-4 items-center justify-center",
+			get children() {
+				return createComponent(Check, { "class": "size-4" });
+			}
+		})];
+	} }));
+}
+function DropdownMenuRadioGroup(props) {
+	return createComponent(DropdownMenu.RadioGroup, props);
+}
+function DropdownMenuRadioItem(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(DropdownMenu.RadioItem, mergeProps({ get ["class"]() {
+		return cn(menuItem, "pe-8", local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(DropdownMenu.ItemIndicator, {
+			"class": "absolute end-2 flex size-4 items-center justify-center",
+			get children() {
+				return createComponent(Circle, { "class": "size-2 fill-current" });
+			}
+		})];
+	} }));
+}
+function DropdownMenuLabel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu.GroupLabel, mergeProps({ get ["class"]() {
+		return cn(menuLabel, local.class);
+	} }, rest));
+}
+function DropdownMenuGroup(props) {
+	return createComponent(DropdownMenu.Group, props);
+}
+function DropdownMenuSeparator(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu.Separator, mergeProps({ get ["class"]() {
+		return cn(menuSeparator, local.class);
+	} }, rest));
+}
+function DropdownMenuSub(props) {
+	return createComponent(DropdownMenu.Sub, props);
+}
+function DropdownMenuSubTrigger(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(DropdownMenu.SubTrigger, mergeProps({ get ["class"]() {
+		return cn(menuItem, local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(ChevronRight, { "class": "ms-auto size-4" })];
+	} }));
+}
+function DropdownMenuSubContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu.Portal, { get children() {
+		return createComponent(DropdownMenu.SubContent, mergeProps({ get ["class"]() {
+			return cn(overlaySurface, overlayMotion, "z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden", "p-1", local.class);
+		} }, rest));
+	} });
+}
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/ui/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":["DropdownMenu","KobalteDropdownMenu","Check","ChevronRight","Circle","ComponentProps","splitProps","menuContentPadding","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","popoverArrow","cn","props","_$createComponent","DropdownMenuTrigger","Trigger","DropdownMenuPortal","Portal","DropdownMenuContentProps","Content","hideArrow","DropdownMenuContent","local","rest","children","_$mergeProps","class","_$memo","Arrow","DropdownMenuItem","Item","variant","shortcut","_el$","_tmpl$","_$insert","DropdownMenuShortcut","_el$2","_tmpl$2","_$spread","DropdownMenuCheckboxItem","CheckboxItem","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","GroupLabel","DropdownMenuGroup","Group","DropdownMenuSeparator","Separator","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent","DropdownMenu","_$createComponent","KobalteDropdownMenu","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as KobalteDropdownMenu } from '@kobalte/core/dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport {\n  menuContentPadding,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n  overlayMotion,\n  overlaySurface,\n  popoverArrow,\n} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * DropdownMenu.\n *\n * A list of actions on a trigger. This is the right home for \"what can I do\n * with this thing\": rename, duplicate, export, delete. It is not a Select\n * (which holds a *value* the user is choosing) and not a Popover (which holds\n * arbitrary content).\n *\n * Kobalte supplies the full menu contract — arrow keys, typeahead, the roving\n * highlight, Escape to close and return focus — which is exactly what a\n * hand-rolled `div` with click handlers gets wrong.\n *\n * The `destructive` variant on an item is a *colour*, not a confirmation.\n * Pairing it with an AlertDialog is the caller's job.\n */\nexport function DropdownMenu(props: ComponentProps<typeof KobalteDropdownMenu>) {\n  return <KobalteDropdownMenu {...props} />\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof KobalteDropdownMenu.Trigger>) {\n  return <KobalteDropdownMenu.Trigger {...props} />\n}\n\nexport function DropdownMenuPortal(props: ComponentProps<typeof KobalteDropdownMenu.Portal>) {\n  return <KobalteDropdownMenu.Portal {...props} />\n}\n\nexport type DropdownMenuContentProps = ComponentProps<typeof KobalteDropdownMenu.Content> & {\n  hideArrow?: boolean\n}\n\nexport function DropdownMenuContent(props: DropdownMenuContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children'])\n\n  return (\n    <KobalteDropdownMenu.Portal>\n      <KobalteDropdownMenu.Content\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[10rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      >\n        {!local.hideArrow && <KobalteDropdownMenu.Arrow aria-hidden=\"true\" class={popoverArrow} />}\n        {local.children}\n      </KobalteDropdownMenu.Content>\n    </KobalteDropdownMenu.Portal>\n  )\n}\n\nexport function DropdownMenuItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.Item> & {\n    /** Colour the row as a destructive action. Confirm it separately. */\n    variant?: 'default' | 'destructive'\n    /** Draw a shortcut hint at the trailing edge of the row. */\n    shortcut?: string\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'variant', 'shortcut', 'children'])\n\n  return (\n    <KobalteDropdownMenu.Item\n      class={cn(\n        menuItem,\n        {\n          'text-destructive data-[highlighted]:bg-destructive-subtle data-[highlighted]:text-destructive':\n            local.variant === 'destructive',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      {local.shortcut ? (\n        <span class=\"text-muted-foreground ms-auto font-mono text-2xs tracking-widest\">\n          {local.shortcut}\n        </span>\n      ) : null}\n    </KobalteDropdownMenu.Item>\n  )\n}\n\n/**\n * The chord drawn at a row's trailing edge.\n *\n * A component as well as the `shortcut` prop on an item, because a caller composing\n * a row by hand needs the same treatment — and because the alternative is every\n * caller inventing the same mono-and-dimmed span.\n */\nexport function DropdownMenuShortcut(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      class={cn('text-muted-foreground ms-auto font-mono text-2xs tracking-widest', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function DropdownMenuCheckboxItem(\n  props: ComponentProps<typeof KobalteDropdownMenu.CheckboxItem>\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteDropdownMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteDropdownMenu.ItemIndicator>\n    </KobalteDropdownMenu.CheckboxItem>\n  )\n}\n\nexport function DropdownMenuRadioGroup(\n  props: ComponentProps<typeof KobalteDropdownMenu.RadioGroup>\n) {\n  return <KobalteDropdownMenu.RadioGroup {...props} />\n}\n\nexport function DropdownMenuRadioItem(props: ComponentProps<typeof KobalteDropdownMenu.RadioItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteDropdownMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Circle class=\"size-2 fill-current\" />\n      </KobalteDropdownMenu.ItemIndicator>\n    </KobalteDropdownMenu.RadioItem>\n  )\n}\n\nexport function DropdownMenuLabel(props: ComponentProps<typeof KobalteDropdownMenu.GroupLabel>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDropdownMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function DropdownMenuGroup(props: ComponentProps<typeof KobalteDropdownMenu.Group>) {\n  return <KobalteDropdownMenu.Group {...props} />\n}\n\nexport function DropdownMenuSeparator(props: ComponentProps<typeof KobalteDropdownMenu.Separator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteDropdownMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof KobalteDropdownMenu.Sub>) {\n  return <KobalteDropdownMenu.Sub {...props} />\n}\n\nexport function DropdownMenuSubTrigger(\n  props: ComponentProps<typeof KobalteDropdownMenu.SubTrigger>\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteDropdownMenu.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n      {local.children}\n      <ChevronRight class=\"ms-auto size-4\" />\n    </KobalteDropdownMenu.SubTrigger>\n  )\n}\n\nexport function DropdownMenuSubContent(\n  props: ComponentProps<typeof KobalteDropdownMenu.SubContent>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteDropdownMenu.Portal>\n      <KobalteDropdownMenu.SubContent\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'z-(--z-menu) min-w-[8rem] origin-(--kb-menu-content-transform-origin) overflow-hidden',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      />\n    </KobalteDropdownMenu.Portal>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuContentProps, } from './dropdown-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,iBAAiB,CAAA"}

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

@@ -0,0 +1,27 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Empty.
+ *
+ * The state of a region that has nothing to show yet, or after a filter
+ * removed everything. It exists as a component because an empty state is where
+ * apps most often improvise: a bare grey sentence in one view and a centred
+ * illustration with two buttons in another.
+ *
+ * The shape is fixed — media, title, description, actions — so the only
+ * decisions a caller makes are which parts to include. A region with an
+ * action to offer must give `EmptyContent` something focusable, otherwise the
+ * state is a dead end.
+ */
+export declare function Empty(props: ComponentProps<'div'>): JSX.Element;
+export declare function EmptyHeader(props: ComponentProps<'div'>): JSX.Element;
+export type EmptyMediaProps = ComponentProps<'div'> & {
+    variant?: 'icon' | 'image';
+};
+export declare function EmptyMedia(props: EmptyMediaProps): JSX.Element;
+export declare function EmptyTitle(props: ComponentProps<'div'>): JSX.Element;
+export declare function EmptyDescription(props: ComponentProps<'div'>): JSX.Element;
+export declare function EmptyContent(props: ComponentProps<'div'>): JSX.Element;
+export type EmptyProps = ComponentProps<'div'> & {
+    children?: JSX.Element;
+};
+//# sourceMappingURL=empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAajD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASvD;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAkBhD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY5D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASxD;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,CAAA"}

package/dist/components/ui/{empty.js → empty/empty.js}

@@ -1,20 +1,32 @@
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../../lib/utils.js";
 import { mergeProps, spread, template } from "solid-js/web";
 import { splitProps } from "solid-js";
-import { cva } from "class-variance-authority";
-//#region src/components/ui/empty.tsx
+//#region src/components/ui/empty/empty.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=empty>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=empty-header>`);
-var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=empty-icon>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=empty-media>`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=empty-title>`);
 var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=empty-description>`);
 var _tmpl$6 = /*#__PURE__*/ template(`<div data-slot=empty-content>`);
+/**
+* Empty.
+*
+* The state of a region that has nothing to show yet, or after a filter
+* removed everything. It exists as a component because an empty state is where
+* apps most often improvise: a bare grey sentence in one view and a centred
+* illustration with two buttons in another.
+*
+* The shape is fixed — media, title, description, actions — so the only
+* decisions a caller makes are which parts to include. A region with an
+* action to offer must give `EmptyContent` something focusable, otherwise the
+* state is a dead end.
+*/
 function Empty(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return (() => {
 		var _el$ = _tmpl$();
 		spread(_el$, mergeProps({ get ["class"]() {
-			return cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance", local.class);
+			return cn("flex min-h-40 w-full flex-col items-center justify-center gap-4 rounded-lg px-6 py-10 text-center text-balance", local.class);
 		} }, rest), false, false);
 		return _el$;
 	})();
@@ -24,30 +36,21 @@ function EmptyHeader(props) {
 	return (() => {
 		var _el$2 = _tmpl$2();
 		spread(_el$2, mergeProps({ get ["class"]() {
-			return cn("flex max-w-sm flex-col items-center gap-2", local.class);
+			return cn("flex max-w-sm flex-col items-center gap-1.5", local.class);
 		} }, rest), false, false);
 		return _el$2;
 	})();
 }
-var emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
-	} },
-	defaultVariants: { variant: "default" }
-});
 function EmptyMedia(props) {
 	const [local, rest] = splitProps(props, ["class", "variant"]);
 	return (() => {
 		var _el$3 = _tmpl$3();
-		spread(_el$3, mergeProps({
-			get ["data-variant"]() {
-				return local.variant ?? "default";
-			},
-			get ["class"]() {
-				return cn(emptyMediaVariants({ variant: local.variant }), local.class);
-			}
-		}, rest), false, false);
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("flex shrink-0 items-center justify-center", {
+				"bg-muted text-muted-foreground size-9 rounded-lg [&_svg]:size-4": local.variant !== "image",
+				"size-24 rounded-xl [&_img]:size-full [&_img]:object-contain": local.variant === "image"
+			}, local.class);
+		} }, rest), false, false);
 		return _el$3;
 	})();
 }
@@ -66,7 +69,7 @@ function EmptyDescription(props) {
 	return (() => {
 		var _el$5 = _tmpl$5();
 		spread(_el$5, mergeProps({ get ["class"]() {
-			return cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", local.class);
+			return cn("text-muted-foreground text-sm [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4", local.class);
 		} }, rest), false, false);
 		return _el$5;
 	})();
@@ -76,10 +79,12 @@ function EmptyContent(props) {
 	return (() => {
 		var _el$6 = _tmpl$6();
 		spread(_el$6, mergeProps({ get ["class"]() {
-			return cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", local.class);
+			return cn("flex max-w-sm flex-col items-center gap-2", local.class);
 		} }, rest), false, false);
 		return _el$6;
 	})();
 }
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":["ComponentProps","JSX","splitProps","cn","Empty","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","EmptyHeader","_el$2","_tmpl$2","EmptyMediaProps","variant","EmptyMedia","_el$3","_tmpl$3","EmptyTitle","_el$4","_tmpl$4","EmptyDescription","_el$5","_tmpl$5","EmptyContent","_el$6","_tmpl$6","EmptyProps","children","Element","_$mergeProps"],"sources":["../../../../src/components/ui/empty/empty.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Empty.\n *\n * The state of a region that has nothing to show yet, or after a filter\n * removed everything. It exists as a component because an empty state is where\n * apps most often improvise: a bare grey sentence in one view and a centred\n * illustration with two buttons in another.\n *\n * The shape is fixed — media, title, description, actions — so the only\n * decisions a caller makes are which parts to include. A region with an\n * action to offer must give `EmptyContent` something focusable, otherwise the\n * state is a dead end.\n */\nexport function Empty(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <div\n      data-slot=\"empty\"\n      class={cn(\n        'flex min-h-40 w-full flex-col items-center justify-center gap-4 rounded-lg px-6 py-10 text-center text-balance',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function EmptyHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"empty-header\"\n      class={cn('flex max-w-sm flex-col items-center gap-1.5', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type EmptyMediaProps = ComponentProps<'div'> & {\n  variant?: 'icon' | 'image'\n}\n\nexport function EmptyMedia(props: EmptyMediaProps) {\n  const [local, rest] = splitProps(props, ['class', 'variant'])\n\n  return (\n    <div\n      data-slot=\"empty-media\"\n      class={cn(\n        'flex shrink-0 items-center justify-center',\n        {\n          'bg-muted text-muted-foreground size-9 rounded-lg [&_svg]:size-4':\n            local.variant !== 'image',\n          'size-24 rounded-xl [&_img]:size-full [&_img]:object-contain': local.variant === 'image',\n        },\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function EmptyTitle(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"empty-title\"\n      class={cn('text-sm font-medium tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function EmptyDescription(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"empty-description\"\n      class={cn(\n        'text-muted-foreground text-sm [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function EmptyContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"empty-content\"\n      class={cn('flex max-w-sm flex-col items-center gap-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type EmptyProps = ComponentProps<'div'> & { children?: JSX.Element }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBA,SAAgBI,MAAMC,OAA8B;CAClD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CAEjD,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GACL,kHACAG,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBK,YAAYR,OAA8B;CACxD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAS,QAAAC,QAAA;EAAAL,OAAAI,OAAAH,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GAAG,+CAA+CG,MAAMM,KAAK;EAAC,EAAA,GACjEL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAO;CAAA,EAAA,CAAA;AAGd;AAMA,SAAgBI,WAAWb,OAAwB;CACjD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,SAAS,SAAS,CAAC;CAE5D,cAAA;EAAA,IAAAc,QAAAC,QAAA;EAAAV,OAAAS,OAAAR,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GACL,6CACA;IACE,mEACEG,MAAMW,YAAY;IACpB,+DAA+DX,MAAMW,YAAY;GACnF,GACAX,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAY;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,WAAWhB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAiB,QAAAC,QAAA;EAAAb,OAAAY,OAAAX,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GAAG,sCAAsCG,MAAMM,KAAK;EAAC,EAAA,GACxDL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAe;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,iBAAiBnB,OAA8B;CAC7D,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAoB,QAAAC,QAAA;EAAAhB,OAAAe,OAAAd,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GACL,6FACAG,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAkB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,aAAatB,OAA8B;CACzD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAuB,QAAAC,QAAA;EAAAnB,OAAAkB,OAAAjB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GAAG,6CAA6CG,MAAMM,KAAK;EAAC,EAAA,GAC/DL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAqB;CAAA,EAAA,CAAA;AAGd"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,59 @@
+import { type Component, type ComponentProps, type JSX } from 'solid-js';
+import { type VariantProps } from '#lib/variants';
+/**
+ * EntityIcon.
+ *
+ * A tile that stands for a thing: a room, a project, an agent, an installed
+ * plugin, a workspace. Its job is to be identifiable in a column of its
+ * siblings, which is a different job from `Avatar`'s (identifying a *person*) and
+ * the reason the two are separate components rather than one with a `round` prop.
+ *
+ * Three decisions are baked in because getting them wrong is what makes icon
+ * grids look messy:
+ *
+ * 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.
+ * 2. **The tile owns its own contrast.** `tone` tints the background and the
+ *    glyph together, so a caller never picks a colour pair and never ships an
+ *    icon that disappears against its tile.
+ * 3. **Size is on the control ladder**, not arbitrary. A tile in a rail and a
+ *    tile in a detail header are the same two or three sizes every other
+ *    interactive element uses.
+ *
+ * `shape="rounded"` is the default because a rounded square reads as an object
+ * and a circle reads as a person; use `circle` only when the tile really does
+ * hold a face.
+ */
+export declare const entityIconVariants: (props?: ({
+    shape?: "rounded" | "circle" | "square" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    tone?: "success" | "warning" | "info" | "neutral" | "primary" | "bare" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+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;
+    /**
+     * A logo or icon — a Lucide icon reference (`icon={Wrench}`) or an element
+     * (`icon={<Wrench />}`). Both are accepted because both are what a caller
+     * naturally writes, and the difference is an implementation detail they should
+     * not have to know.
+     */
+    icon?: Component | JSX.Element;
+    /** Glyph for an entity with no icon. Defaults to the name's first two letters. */
+    fallback?: (name: string) => JSX.Element;
+    /** A corner badge: a status dot, an unread count, an installed tick. */
+    badge?: JSX.Element;
+    /** A second edge, drawn outside the tile — an active or selected ring. */
+    ring?: boolean;
+};
+/**
+ * Two letters from a name, chosen so the result is stable and readable: the
+ * first letter of the first two words when there are two ("Agent HQ" → "AH"),
+ * otherwise the first two characters ("Kitchen" → "Ki").
+ */
+export declare function monogram(name: string): string;
+export declare function EntityIcon(props: EntityIconProps): JSX.Element;
+export {};
+//# sourceMappingURL=entity-icon.d.ts.map

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

@@ -0,0 +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"}