@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/ui/command/command.js

@@ -0,0 +1,137 @@
+import { cn } from "../../../lib/utils.js";
+import { menuItem } from "../../../lib/overlay.js";
+import { className, createComponent, effect, insert, mergeProps, template, use } from "solid-js/web";
+import { Search } from "lucide-solid";
+import { createEffect, createSignal, splitProps } from "solid-js";
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandRoot, CommandSeparator, useCommandState } from "cmdk-solid";
+//#region src/components/ui/command/command.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=command-input-wrapper class="flex h-11 items-center gap-2 border-b border-border px-3">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class=contents>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span>`);
+/**
+* Command.
+*
+* The command palette: a filtered list of everything the user can do, ranked
+* by fuzzy match. It is the one place in an app where a keyboard-first surface
+* is the *primary* one, so it carries rules the rest of the system does not:
+*
+*   - Every item must be reachable by typing its name. If a user has to
+*     remember which group it lives in, the palette has failed at its job.
+*   - Groups exist for reading, not for navigation. The ranking crosses them.
+*   - The empty state is not an apology — it should offer the closest thing
+*     the app could guess, or say plainly that nothing matched.
+*
+* cmdk-solid supplies the filter, the scoring, the `aria-activedescendant`
+* wiring and the arrow-key navigation.
+*/
+function Command(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandRoot, mergeProps({ get ["class"]() {
+		return cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-xl", local.class);
+	} }, rest));
+}
+function CommandDialog$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandDialog, mergeProps({ get ["class"]() {
+		return cn("bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2", "overflow-hidden rounded-xl border border-border shadow-xl", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", local.class);
+	} }, rest));
+}
+function CommandInput$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(Search, {
+			"class": "size-4 shrink-0 text-muted-foreground",
+			"aria-hidden": "true"
+		}), null);
+		insert(_el$, createComponent(CommandInput, mergeProps({ get ["class"]() {
+			return cn("h-full w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-50", local.class);
+		} }, rest)), null);
+		return _el$;
+	})();
+}
+/**
+* The scrolling list.
+*
+* Two DOM corrections, and both are deliberate. cmdk builds a `role="listbox"`
+* whose children include two elements ARIA does not allow there:
+*
+*   - a bare `<div cmdk-list-sizer>` with no role, wrapped around every group;
+*   - a `<div cmdk-separator role="separator">`, and `separator` is a menu and
+*     toolbar role — inside a listbox the only owned elements may be `option`
+*     and `group`.
+*
+* Both are pure presentation: the sizer is layout, and the separator is a
+* hairline between groups that the groups already structure. `role="presentation"`
+* is their accurate role rather than a workaround — each is flattened out of the
+* accessibility tree, and the options inside are reached exactly as before.
+*
+* Written onto the mounted nodes rather than through props, because cmdk owns
+* this markup and does not forward a `ref`; in an effect rather than `onMount`,
+* because cmdk renders the sizer with the first item, after the list itself.
+*/
+function CommandList$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	const [wrapper, setWrapper] = createSignal();
+	const resultCount = useCommandState((state) => state.filtered.count);
+	createEffect(() => {
+		const root = wrapper();
+		if (!root) return;
+		for (const selector of ["[cmdk-list-sizer]", "[cmdk-separator]"]) root.querySelector(selector)?.setAttribute("role", "presentation");
+		root.querySelector("[cmdk-list]")?.setAttribute("role", resultCount() > 0 ? "listbox" : "presentation");
+	});
+	return (() => {
+		var _el$2 = _tmpl$2();
+		use(setWrapper, _el$2);
+		insert(_el$2, createComponent(CommandList, mergeProps({ get ["class"]() {
+			return cn("max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden p-1", local.class);
+		} }, rest)));
+		return _el$2;
+	})();
+}
+function CommandEmpty$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandEmpty, mergeProps({
+		role: "status",
+		get ["class"]() {
+			return cn("text-muted-foreground py-8 text-center text-sm", local.class);
+		}
+	}, rest));
+}
+function CommandGroup$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandGroup, mergeProps({ get ["class"]() {
+		return cn("text-foreground overflow-hidden p-1", "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-2xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase", local.class);
+	} }, rest));
+}
+function CommandItem$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandItem, mergeProps({ get ["class"]() {
+		return cn(menuItem, "data-[selected=true]:bg-surface-hover data-[selected=true]:text-foreground", local.class);
+	} }, rest));
+}
+function CommandSeparator$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandSeparator, mergeProps({ get ["class"]() {
+		return cn("bg-border -mx-1 my-1 h-px", local.class);
+	} }, rest));
+}
+function CommandLoading$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(CommandLoading, mergeProps({ get ["class"]() {
+		return cn("text-muted-foreground py-6 text-center text-sm", local.class);
+	} }, rest));
+}
+/** The keyboard hint a palette item usually carries. */
+function CommandShortcut(props) {
+	return (() => {
+		var _el$3 = _tmpl$3();
+		insert(_el$3, () => props.children);
+		effect(() => className(_el$3, cn("text-muted-foreground ms-auto font-mono text-2xs tracking-widest", props.class)));
+		return _el$3;
+	})();
+}
+//#endregion
+export { Command, CommandDialog$1 as CommandDialog, CommandEmpty$1 as CommandEmpty, CommandGroup$1 as CommandGroup, CommandInput$1 as CommandInput, CommandItem$1 as CommandItem, CommandList$1 as CommandList, CommandLoading$1 as CommandLoading, CommandSeparator$1 as CommandSeparator, CommandShortcut };
+
+//# sourceMappingURL=command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","names":["CommandDialog","CmdkDialog","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandInput","CmdkInput","CommandItem","CmdkItem","CommandList","CmdkList","CommandLoading","CmdkLoading","CommandRoot","CmdkRoot","CommandSeparator","CmdkSeparator","useCommandState","Search","ComponentProps","createEffect","createSignal","splitProps","menuItem","cn","Command","props","local","rest","_$createComponent","_$mergeProps","class","_el$","_tmpl$","_$insert","wrapper","setWrapper","HTMLDivElement","resultCount","state","filtered","count","root","selector","querySelector","setAttribute","_el$2","_tmpl$2","_$use","role","CommandShortcut","children","_el$3","_tmpl$3","_$effect","_$className","_$createComponent","CmdkRoot","_$mergeProps","CommandDialog","CmdkDialog","CommandInput","CmdkInput","CommandList","CmdkList","CommandEmpty","CmdkEmpty","CommandGroup","CmdkGroup","CommandItem","CmdkItem","CommandSeparator","CmdkSeparator","CommandLoading","CmdkLoading","_$className"],"sources":["../../../../src/components/ui/command/command.tsx"],"sourcesContent":["import {\n  CommandDialog as CmdkDialog,\n  CommandEmpty as CmdkEmpty,\n  CommandGroup as CmdkGroup,\n  CommandInput as CmdkInput,\n  CommandItem as CmdkItem,\n  CommandList as CmdkList,\n  CommandLoading as CmdkLoading,\n  CommandRoot as CmdkRoot,\n  CommandSeparator as CmdkSeparator,\n  useCommandState,\n} from 'cmdk-solid'\nimport { Search } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { createEffect, createSignal, splitProps } from 'solid-js'\nimport { menuItem } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Command.\n *\n * The command palette: a filtered list of everything the user can do, ranked\n * by fuzzy match. It is the one place in an app where a keyboard-first surface\n * is the *primary* one, so it carries rules the rest of the system does not:\n *\n *   - Every item must be reachable by typing its name. If a user has to\n *     remember which group it lives in, the palette has failed at its job.\n *   - Groups exist for reading, not for navigation. The ranking crosses them.\n *   - The empty state is not an apology — it should offer the closest thing\n *     the app could guess, or say plainly that nothing matched.\n *\n * cmdk-solid supplies the filter, the scoring, the `aria-activedescendant`\n * wiring and the arrow-key navigation.\n */\nexport function Command(props: ComponentProps<typeof CmdkRoot>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkRoot\n      class={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-xl',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandDialog(props: ComponentProps<typeof CmdkDialog>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkDialog\n      class={cn(\n        'bg-popover text-popover-foreground fixed top-1/3 left-1/2 z-(--z-dialog) w-full max-w-lg -translate-x-1/2 -translate-y-1/2',\n        'overflow-hidden rounded-xl border border-border shadow-xl',\n        'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n        'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandInput(props: ComponentProps<typeof CmdkInput>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      class=\"flex h-11 items-center gap-2 border-b border-border px-3\"\n    >\n      <Search class=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n      <CmdkInput\n        class={cn(\n          'h-full w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      />\n    </div>\n  )\n}\n\n/**\n * The scrolling list.\n *\n * Two DOM corrections, and both are deliberate. cmdk builds a `role=\"listbox\"`\n * whose children include two elements ARIA does not allow there:\n *\n *   - a bare `<div cmdk-list-sizer>` with no role, wrapped around every group;\n *   - a `<div cmdk-separator role=\"separator\">`, and `separator` is a menu and\n *     toolbar role — inside a listbox the only owned elements may be `option`\n *     and `group`.\n *\n * Both are pure presentation: the sizer is layout, and the separator is a\n * hairline between groups that the groups already structure. `role=\"presentation\"`\n * is their accurate role rather than a workaround — each is flattened out of the\n * accessibility tree, and the options inside are reached exactly as before.\n *\n * Written onto the mounted nodes rather than through props, because cmdk owns\n * this markup and does not forward a `ref`; in an effect rather than `onMount`,\n * because cmdk renders the sizer with the first item, after the list itself.\n */\nexport function CommandList(props: ComponentProps<typeof CmdkList>) {\n  const [local, rest] = splitProps(props, ['class'])\n  const [wrapper, setWrapper] = createSignal<HTMLDivElement>()\n  const resultCount = useCommandState((state) => state.filtered.count)\n\n  createEffect(() => {\n    const root = wrapper()\n    if (!root) return\n    for (const selector of ['[cmdk-list-sizer]', '[cmdk-separator]']) {\n      root.querySelector(selector)?.setAttribute('role', 'presentation')\n    }\n\n    /*\n     * A `listbox` must own at least one `option`, so a listbox with nothing in it\n     * is invalid ARIA — which is what a search with no matches produces. When\n     * there are no results the list is inert, so it becomes presentational and\n     * the empty message carries the information instead. It keeps its `id`, so\n     * the input's `aria-controls` still resolves.\n     */\n    root\n      .querySelector('[cmdk-list]')\n      ?.setAttribute('role', resultCount() > 0 ? 'listbox' : 'presentation')\n  })\n\n  return (\n    <div ref={setWrapper} class=\"contents\">\n      <CmdkList\n        class={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden p-1', local.class)}\n        {...rest}\n      />\n    </div>\n  )\n}\n\nexport function CommandEmpty(props: ComponentProps<typeof CmdkEmpty>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkEmpty\n      /*\n       * A status rather than plain text: when the list is presentational, this is\n       * the only thing that tells a screen reader the search matched nothing.\n       */\n      role=\"status\"\n      class={cn('text-muted-foreground py-8 text-center text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandGroup(props: ComponentProps<typeof CmdkGroup>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkGroup\n      class={cn(\n        'text-foreground overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-2xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-wide [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandItem(props: ComponentProps<typeof CmdkItem>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <CmdkItem\n      class={cn(\n        menuItem,\n        'data-[selected=true]:bg-surface-hover data-[selected=true]:text-foreground',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CommandSeparator(props: ComponentProps<typeof CmdkSeparator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <CmdkSeparator class={cn('bg-border -mx-1 my-1 h-px', local.class)} {...rest} />\n}\n\nexport function CommandLoading(props: ComponentProps<typeof CmdkLoading>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <CmdkLoading\n      class={cn('text-muted-foreground py-6 text-center text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** The keyboard hint a palette item usually carries. */\nexport function CommandShortcut(props: {\n  class?: string\n  children?: ComponentProps<'span'>['children']\n}) {\n  return (\n    <span\n      class={cn('text-muted-foreground ms-auto font-mono text-2xs tracking-widest', props.class)}\n    >\n      {props.children}\n    </span>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, } from './command';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,eAAe,GAChB,MAAM,WAAW,CAAA"}

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

@@ -0,0 +1,32 @@
+import { ContextMenu as KobalteContextMenu } from '@kobalte/core/context-menu';
+import type { ComponentProps } from 'solid-js';
+/**
+ * ContextMenu.
+ *
+ * The same actions as DropdownMenu, opened by right-click. The trigger is the
+ * region the menu belongs to — a file row, a canvas, a code block — and the
+ * menu opens at the pointer.
+ *
+ * The accessibility rule for this component is not about its own markup: a
+ * context menu must never hold the *only* route to an action, because a
+ * right-click is unavailable on touch and undiscoverable on a trackpad. Every
+ * item here should also appear somewhere reachable, usually a DropdownMenu on
+ * the same row.
+ */
+export declare function ContextMenu(props: ComponentProps<typeof KobalteContextMenu>): import("solid-js").JSX.Element;
+export declare function ContextMenuTrigger(props: ComponentProps<typeof KobalteContextMenu.Trigger>): import("solid-js").JSX.Element;
+export declare function ContextMenuContent(props: ComponentProps<typeof KobalteContextMenu.Content>): import("solid-js").JSX.Element;
+export declare function ContextMenuItem(props: ComponentProps<typeof KobalteContextMenu.Item> & {
+    variant?: 'default' | 'destructive';
+    shortcut?: string;
+}): import("solid-js").JSX.Element;
+export declare function ContextMenuCheckboxItem(props: ComponentProps<typeof KobalteContextMenu.CheckboxItem>): import("solid-js").JSX.Element;
+export declare function ContextMenuRadioGroup(props: ComponentProps<typeof KobalteContextMenu.RadioGroup>): import("solid-js").JSX.Element;
+export declare function ContextMenuRadioItem(props: ComponentProps<typeof KobalteContextMenu.RadioItem>): import("solid-js").JSX.Element;
+export declare function ContextMenuLabel(props: ComponentProps<typeof KobalteContextMenu.GroupLabel>): import("solid-js").JSX.Element;
+export declare function ContextMenuGroup(props: ComponentProps<typeof KobalteContextMenu.Group>): import("solid-js").JSX.Element;
+export declare function ContextMenuSeparator(props: ComponentProps<typeof KobalteContextMenu.Separator>): import("solid-js").JSX.Element;
+export declare function ContextMenuSub(props: ComponentProps<typeof KobalteContextMenu.Sub>): import("solid-js").JSX.Element;
+export declare function ContextMenuSubTrigger(props: ComponentProps<typeof KobalteContextMenu.SubTrigger>): import("solid-js").JSX.Element;
+export declare function ContextMenuSubContent(props: ComponentProps<typeof KobalteContextMenu.SubContent>): import("solid-js").JSX.Element;
+//# sourceMappingURL=context-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/context-menu/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAY9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,kCAE3E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,kCAE1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,kCAiB1F;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,kCAwBF;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,YAAY,CAAC,kCAY9D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAEhG;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,kCAW9F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAG3F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,kCAEtF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,kCAG9F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,CAAC,kCAElF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAShG;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,kCAiBhG"}

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

@@ -0,0 +1,119 @@
+import { cn } from "../../../lib/utils.js";
+import { menuItem, menuLabel, menuSeparator, overlayMotion, overlaySurface } from "../../../lib/overlay.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { Check, ChevronRight, Circle } from "lucide-solid";
+import { splitProps } from "solid-js";
+import { ContextMenu } from "@kobalte/core/context-menu";
+//#region src/components/ui/context-menu/context-menu.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="text-muted-foreground ms-auto font-mono text-2xs tracking-widest">`);
+/**
+* ContextMenu.
+*
+* The same actions as DropdownMenu, opened by right-click. The trigger is the
+* region the menu belongs to — a file row, a canvas, a code block — and the
+* menu opens at the pointer.
+*
+* The accessibility rule for this component is not about its own markup: a
+* context menu must never hold the *only* route to an action, because a
+* right-click is unavailable on touch and undiscoverable on a trackpad. Every
+* item here should also appear somewhere reachable, usually a DropdownMenu on
+* the same row.
+*/
+function ContextMenu$1(props) {
+	return createComponent(ContextMenu, props);
+}
+function ContextMenuTrigger(props) {
+	return createComponent(ContextMenu.Trigger, props);
+}
+function ContextMenuContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(ContextMenu.Portal, { get children() {
+		return createComponent(ContextMenu.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));
+	} });
+}
+function ContextMenuItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"variant",
+		"shortcut",
+		"children"
+	]);
+	return createComponent(ContextMenu.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)];
+	} }));
+}
+function ContextMenuCheckboxItem(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(ContextMenu.CheckboxItem, mergeProps({ get ["class"]() {
+		return cn(menuItem, "pe-8", local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(ContextMenu.ItemIndicator, {
+			"class": "absolute end-2 flex size-4 items-center justify-center",
+			get children() {
+				return createComponent(Check, { "class": "size-4" });
+			}
+		})];
+	} }));
+}
+function ContextMenuRadioGroup(props) {
+	return createComponent(ContextMenu.RadioGroup, props);
+}
+function ContextMenuRadioItem(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(ContextMenu.RadioItem, mergeProps({ get ["class"]() {
+		return cn(menuItem, "pe-8", local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(ContextMenu.ItemIndicator, {
+			"class": "absolute end-2 flex size-4 items-center justify-center",
+			get children() {
+				return createComponent(Circle, { "class": "size-2 fill-current" });
+			}
+		})];
+	} }));
+}
+function ContextMenuLabel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(ContextMenu.GroupLabel, mergeProps({ get ["class"]() {
+		return cn(menuLabel, local.class);
+	} }, rest));
+}
+function ContextMenuGroup(props) {
+	return createComponent(ContextMenu.Group, props);
+}
+function ContextMenuSeparator(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(ContextMenu.Separator, mergeProps({ get ["class"]() {
+		return cn(menuSeparator, local.class);
+	} }, rest));
+}
+function ContextMenuSub(props) {
+	return createComponent(ContextMenu.Sub, props);
+}
+function ContextMenuSubTrigger(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(ContextMenu.SubTrigger, mergeProps({ get ["class"]() {
+		return cn(menuItem, local.class);
+	} }, rest, { get children() {
+		return [memo(() => local.children), createComponent(ChevronRight, { "class": "ms-auto size-4" })];
+	} }));
+}
+function ContextMenuSubContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(ContextMenu.Portal, { get children() {
+		return createComponent(ContextMenu.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 { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+
+//# sourceMappingURL=context-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["ContextMenu","KobalteContextMenu","Check","ChevronRight","Circle","ComponentProps","splitProps","menuContentPadding","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","cn","props","_$createComponent","ContextMenuTrigger","Trigger","ContextMenuContent","Content","local","rest","Portal","children","_$mergeProps","class","ContextMenuItem","Item","variant","shortcut","_$memo","_el$","_tmpl$","_$insert","ContextMenuCheckboxItem","CheckboxItem","ItemIndicator","ContextMenuRadioGroup","RadioGroup","ContextMenuRadioItem","RadioItem","ContextMenuLabel","GroupLabel","ContextMenuGroup","Group","ContextMenuSeparator","Separator","ContextMenuSub","Sub","ContextMenuSubTrigger","SubTrigger","ContextMenuSubContent","SubContent","ContextMenu","_$createComponent","KobalteContextMenu","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/context-menu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as KobalteContextMenu } from '@kobalte/core/context-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} from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * ContextMenu.\n *\n * The same actions as DropdownMenu, opened by right-click. The trigger is the\n * region the menu belongs to — a file row, a canvas, a code block — and the\n * menu opens at the pointer.\n *\n * The accessibility rule for this component is not about its own markup: a\n * context menu must never hold the *only* route to an action, because a\n * right-click is unavailable on touch and undiscoverable on a trackpad. Every\n * item here should also appear somewhere reachable, usually a DropdownMenu on\n * the same row.\n */\nexport function ContextMenu(props: ComponentProps<typeof KobalteContextMenu>) {\n  return <KobalteContextMenu {...props} />\n}\n\nexport function ContextMenuTrigger(props: ComponentProps<typeof KobalteContextMenu.Trigger>) {\n  return <KobalteContextMenu.Trigger {...props} />\n}\n\nexport function ContextMenuContent(props: ComponentProps<typeof KobalteContextMenu.Content>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteContextMenu.Portal>\n      <KobalteContextMenu.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    </KobalteContextMenu.Portal>\n  )\n}\n\nexport function ContextMenuItem(\n  props: ComponentProps<typeof KobalteContextMenu.Item> & {\n    variant?: 'default' | 'destructive'\n    shortcut?: string\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'variant', 'shortcut', 'children'])\n\n  return (\n    <KobalteContextMenu.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    </KobalteContextMenu.Item>\n  )\n}\n\nexport function ContextMenuCheckboxItem(\n  props: ComponentProps<typeof KobalteContextMenu.CheckboxItem>\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteContextMenu.CheckboxItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteContextMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Check class=\"size-4\" />\n      </KobalteContextMenu.ItemIndicator>\n    </KobalteContextMenu.CheckboxItem>\n  )\n}\n\nexport function ContextMenuRadioGroup(props: ComponentProps<typeof KobalteContextMenu.RadioGroup>) {\n  return <KobalteContextMenu.RadioGroup {...props} />\n}\n\nexport function ContextMenuRadioItem(props: ComponentProps<typeof KobalteContextMenu.RadioItem>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteContextMenu.RadioItem class={cn(menuItem, 'pe-8', local.class)} {...rest}>\n      {local.children}\n      <KobalteContextMenu.ItemIndicator class=\"absolute end-2 flex size-4 items-center justify-center\">\n        <Circle class=\"size-2 fill-current\" />\n      </KobalteContextMenu.ItemIndicator>\n    </KobalteContextMenu.RadioItem>\n  )\n}\n\nexport function ContextMenuLabel(props: ComponentProps<typeof KobalteContextMenu.GroupLabel>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteContextMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function ContextMenuGroup(props: ComponentProps<typeof KobalteContextMenu.Group>) {\n  return <KobalteContextMenu.Group {...props} />\n}\n\nexport function ContextMenuSeparator(props: ComponentProps<typeof KobalteContextMenu.Separator>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteContextMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\nexport function ContextMenuSub(props: ComponentProps<typeof KobalteContextMenu.Sub>) {\n  return <KobalteContextMenu.Sub {...props} />\n}\n\nexport function ContextMenuSubTrigger(props: ComponentProps<typeof KobalteContextMenu.SubTrigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteContextMenu.SubTrigger class={cn(menuItem, local.class)} {...rest}>\n      {local.children}\n      <ChevronRight class=\"ms-auto size-4\" />\n    </KobalteContextMenu.SubTrigger>\n  )\n}\n\nexport function ContextMenuSubContent(props: ComponentProps<typeof KobalteContextMenu.SubContent>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteContextMenu.Portal>\n      <KobalteContextMenu.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    </KobalteContextMenu.Portal>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from './context-menu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/context-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,gBAAgB,CAAA"}

package/dist/components/ui/detail-panel/detail-panel.d.ts

@@ -0,0 +1,61 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+/**
+ * DetailPanel.
+ *
+ * The companion surface to a list: something is selected over there, and its
+ * detail is here. Every application grows one — an artifact, a task, a member, a
+ * file, a commit — and every one of them is a header, a body, and a way to close.
+ *
+ * It is an `<aside>` with a label, not a `<div>`. That is the whole reason it is a
+ * component: a detail panel is a *second region* next to the main content, and a
+ * screen reader user needs to be able to skip to it, name it, and know when it
+ * appeared. A div with a heading inside is invisible to that navigation. The
+ * label is wired to the title by id, so the panel announces itself as the thing
+ * it is showing rather than as "complementary".
+ *
+ * The header is sticky and the body scrolls, because a detail panel is usually
+ * taller than its viewport and the close affordance must not scroll away — the
+ * panel is dismissed far more often than it is read to the end.
+ *
+ * `DetailPanelSection` is the repeating unit of a detail body: a small caption
+ * and its value. Definition-list semantics, because these are facets of one
+ * subject rather than a table with columns to compare.
+ */
+export type DetailPanelProps = ComponentProps<'aside'> & {
+    /** The panel's name, for its accessible label. Usually the selected item's name. */
+    label: string;
+};
+export declare function DetailPanel(props: DetailPanelProps): JSX.Element;
+export type DetailPanelHeaderProps = ComponentProps<'header'> & {
+    /** A small caption above the title: what kind of thing this is. */
+    eyebrow?: string;
+    title: string;
+    /** Trailing controls, before the close button. */
+    actions?: JSX.Element;
+    onDismiss?: () => void;
+    /** Accessible name for the dismiss control. Defaults to `Dismiss <title>`. */
+    dismissLabel?: string;
+};
+export declare function DetailPanelHeader(props: DetailPanelHeaderProps): JSX.Element;
+export declare function DetailPanelBody(props: ComponentProps<'div'>): JSX.Element;
+/**
+ * A group of related facets. Renders a `<dl>`, so its children are
+ * `DetailPanelField`s; a section whose content is not name/value pairs — a
+ * preview, a list, a form — belongs directly in `DetailPanelBody` with its own
+ * layout rather than inside this.
+ */
+export declare function DetailPanelSection(props: ComponentProps<'dl'> & {
+    title: string;
+}): JSX.Element;
+/**
+ * One facet: a name and its value. `muted` is for a value that is absent or
+ * unknown, so "—" reads as *no value* rather than as a value that happens to be
+ * a dash.
+ */
+export declare function DetailPanelField(props: {
+    name: string;
+    value?: JSX.Element;
+    /** Render the value in the muted colour: an absent, unknown, or inherited value. */
+    muted?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=detail-panel.d.ts.map

package/dist/components/ui/detail-panel/detail-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/detail-panel/detail-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAK1F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAelD;AAED,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC9D,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAgD9D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAQ3D;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eAajF;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,oFAAoF;IACpF,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,eASA"}

package/dist/components/ui/detail-panel/detail-panel.js

@@ -0,0 +1,132 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { className, createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { X } from "lucide-solid";
+import { Show, createUniqueId, splitProps } from "solid-js";
+//#region src/components/ui/detail-panel/detail-panel.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<aside>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<p class="text-2xs font-semibold tracking-wide text-muted-foreground uppercase">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<header><div class=min-w-0><h2 class="truncate text-sm font-semibold text-foreground"></h2></div><div class="flex shrink-0 items-center gap-1">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div class="grid gap-2"><h3 class="text-2xs font-semibold tracking-wide text-muted-foreground uppercase"></h3><dl>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div class="flex items-baseline justify-between gap-4 text-sm"><dt class=text-muted-foreground></dt><dd>`);
+function DetailPanel(props) {
+	const [local, rest] = splitProps(props, [
+		"label",
+		"class",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({
+			get ["class"]() {
+				return cn("flex h-full min-h-0 flex-col overflow-hidden border-l border-border bg-card", local.class);
+			},
+			get ["aria-label"]() {
+				return local.label;
+			}
+		}, rest), false, true);
+		insert(_el$, () => local.children);
+		return _el$;
+	})();
+}
+function DetailPanelHeader(props) {
+	const [local, rest] = splitProps(props, [
+		"eyebrow",
+		"title",
+		"actions",
+		"onDismiss",
+		"dismissLabel",
+		"class",
+		"children"
+	]);
+	const titleId = createUniqueId();
+	return (() => {
+		var _el$2 = _tmpl$3(), _el$3 = _el$2.firstChild, _el$5 = _el$3.firstChild, _el$6 = _el$3.nextSibling;
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("sticky top-0 z-(--z-sticky) flex shrink-0 items-start justify-between gap-3 border-b border-border bg-card px-4 py-3", local.class);
+		} }, rest), false, true);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return local.eyebrow;
+			},
+			get children() {
+				var _el$4 = _tmpl$2();
+				insert(_el$4, () => local.eyebrow);
+				return _el$4;
+			}
+		}), _el$5);
+		setAttribute(_el$5, "id", titleId);
+		insert(_el$5, () => local.title);
+		insert(_el$3, () => local.children, null);
+		insert(_el$6, () => local.actions, null);
+		insert(_el$6, createComponent(Show, {
+			get when() {
+				return local.onDismiss;
+			},
+			children: (dismiss) => createComponent(Button, {
+				variant: "ghost",
+				size: "icon-sm",
+				get ["aria-label"]() {
+					return local.dismissLabel ?? `Dismiss ${local.title}`;
+				},
+				onClick: () => dismiss()(),
+				get children() {
+					return createComponent(X, { "aria-hidden": "true" });
+				}
+			})
+		}), null);
+		return _el$2;
+	})();
+}
+function DetailPanelBody(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$7 = _tmpl$4();
+		spread(_el$7, mergeProps({ get ["class"]() {
+			return cn("min-h-0 flex-1 overflow-y-auto px-4 py-3", local.class);
+		} }, rest), false, true);
+		insert(_el$7, () => local.children);
+		return _el$7;
+	})();
+}
+/**
+* A group of related facets. Renders a `<dl>`, so its children are
+* `DetailPanelField`s; a section whose content is not name/value pairs — a
+* preview, a list, a form — belongs directly in `DetailPanelBody` with its own
+* layout rather than inside this.
+*/
+function DetailPanelSection(props) {
+	const [local, rest] = splitProps(props, [
+		"title",
+		"class",
+		"children"
+	]);
+	return (() => {
+		var _el$8 = _tmpl$5(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+		insert(_el$9, () => local.title);
+		spread(_el$0, mergeProps({ get ["class"]() {
+			return cn("grid gap-2", local.class);
+		} }, rest), false, true);
+		insert(_el$0, () => local.children);
+		return _el$8;
+	})();
+}
+/**
+* One facet: a name and its value. `muted` is for a value that is absent or
+* unknown, so "—" reads as *no value* rather than as a value that happens to be
+* a dash.
+*/
+function DetailPanelField(props) {
+	return (() => {
+		var _el$1 = _tmpl$6(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+		insert(_el$10, () => props.name);
+		insert(_el$11, () => props.value ?? "—");
+		effect(() => className(_el$11, cn("text-right", props.muted ? "text-muted-foreground" : "text-foreground")));
+		return _el$1;
+	})();
+}
+//#endregion
+export { DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection };
+
+//# sourceMappingURL=detail-panel.js.map

package/dist/components/ui/detail-panel/detail-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-panel.js","names":["createUniqueId","Show","splitProps","ComponentProps","JSX","X","Button","cn","DetailPanelProps","label","DetailPanel","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","aria-label","_$insert","children","DetailPanelHeaderProps","eyebrow","title","actions","Element","onDismiss","dismissLabel","DetailPanelHeader","titleId","_el$2","_tmpl$3","_el$3","firstChild","_el$5","_el$6","nextSibling","_$createComponent","when","_el$4","_tmpl$2","_$setAttribute","dismiss","variant","size","onClick","DetailPanelBody","_el$7","_tmpl$4","DetailPanelSection","_el$8","_tmpl$5","_el$9","_el$0","DetailPanelField","name","value","muted","_el$1","_tmpl$6","_el$10","_el$11","_$effect","_$className","_$mergeProps","_$createComponent","_$className"],"sources":["../../../../src/components/ui/detail-panel/detail-panel.tsx"],"sourcesContent":["import { createUniqueId, Show, splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport { X } from 'lucide-solid'\nimport { Button } from '../button'\nimport { cn } from '#lib/utils'\n\n/**\n * DetailPanel.\n *\n * The companion surface to a list: something is selected over there, and its\n * detail is here. Every application grows one — an artifact, a task, a member, a\n * file, a commit — and every one of them is a header, a body, and a way to close.\n *\n * It is an `<aside>` with a label, not a `<div>`. That is the whole reason it is a\n * component: a detail panel is a *second region* next to the main content, and a\n * screen reader user needs to be able to skip to it, name it, and know when it\n * appeared. A div with a heading inside is invisible to that navigation. The\n * label is wired to the title by id, so the panel announces itself as the thing\n * it is showing rather than as \"complementary\".\n *\n * The header is sticky and the body scrolls, because a detail panel is usually\n * taller than its viewport and the close affordance must not scroll away — the\n * panel is dismissed far more often than it is read to the end.\n *\n * `DetailPanelSection` is the repeating unit of a detail body: a small caption\n * and its value. Definition-list semantics, because these are facets of one\n * subject rather than a table with columns to compare.\n */\nexport type DetailPanelProps = ComponentProps<'aside'> & {\n  /** The panel's name, for its accessible label. Usually the selected item's name. */\n  label: string\n}\n\nexport function DetailPanel(props: DetailPanelProps) {\n  const [local, rest] = splitProps(props, ['label', 'class', 'children'])\n\n  return (\n    <aside\n      class={cn(\n        'flex h-full min-h-0 flex-col overflow-hidden border-l border-border bg-card',\n        local.class\n      )}\n      aria-label={local.label}\n      {...rest}\n    >\n      {local.children}\n    </aside>\n  )\n}\n\nexport type DetailPanelHeaderProps = ComponentProps<'header'> & {\n  /** A small caption above the title: what kind of thing this is. */\n  eyebrow?: string\n  title: string\n  /** Trailing controls, before the close button. */\n  actions?: JSX.Element\n  onDismiss?: () => void\n  /** Accessible name for the dismiss control. Defaults to `Dismiss <title>`. */\n  dismissLabel?: string\n}\n\nexport function DetailPanelHeader(props: DetailPanelHeaderProps) {\n  const [local, rest] = splitProps(props, [\n    'eyebrow',\n    'title',\n    'actions',\n    'onDismiss',\n    'dismissLabel',\n    'class',\n    'children',\n  ])\n  const titleId = createUniqueId()\n\n  return (\n    <header\n      class={cn(\n        'sticky top-0 z-(--z-sticky) flex shrink-0 items-start justify-between gap-3 border-b border-border bg-card px-4 py-3',\n        local.class\n      )}\n      {...rest}\n    >\n      <div class=\"min-w-0\">\n        <Show when={local.eyebrow}>\n          <p class=\"text-2xs font-semibold tracking-wide text-muted-foreground uppercase\">\n            {local.eyebrow}\n          </p>\n        </Show>\n        <h2 id={titleId} class=\"truncate text-sm font-semibold text-foreground\">\n          {local.title}\n        </h2>\n        {local.children}\n      </div>\n      <div class=\"flex shrink-0 items-center gap-1\">\n        {local.actions}\n        <Show when={local.onDismiss}>\n          {(dismiss) => (\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={local.dismissLabel ?? `Dismiss ${local.title}`}\n              onClick={() => dismiss()()}\n            >\n              <X aria-hidden=\"true\" />\n            </Button>\n          )}\n        </Show>\n      </div>\n    </header>\n  )\n}\n\nexport function DetailPanelBody(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <div class={cn('min-h-0 flex-1 overflow-y-auto px-4 py-3', local.class)} {...rest}>\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * A group of related facets. Renders a `<dl>`, so its children are\n * `DetailPanelField`s; a section whose content is not name/value pairs — a\n * preview, a list, a form — belongs directly in `DetailPanelBody` with its own\n * layout rather than inside this.\n */\nexport function DetailPanelSection(props: ComponentProps<'dl'> & { title: string }) {\n  const [local, rest] = splitProps(props, ['title', 'class', 'children'])\n\n  return (\n    <div class=\"grid gap-2\">\n      <h3 class=\"text-2xs font-semibold tracking-wide text-muted-foreground uppercase\">\n        {local.title}\n      </h3>\n      <dl class={cn('grid gap-2', local.class)} {...rest}>\n        {local.children}\n      </dl>\n    </div>\n  )\n}\n\n/**\n * One facet: a name and its value. `muted` is for a value that is absent or\n * unknown, so \"—\" reads as *no value* rather than as a value that happens to be\n * a dash.\n */\nexport function DetailPanelField(props: {\n  name: string\n  value?: JSX.Element\n  /** Render the value in the muted colour: an absent, unknown, or inherited value. */\n  muted?: boolean\n}) {\n  return (\n    <div class=\"flex items-baseline justify-between gap-4 text-sm\">\n      <dt class=\"text-muted-foreground\">{props.name}</dt>\n      <dd class={cn('text-right', props.muted ? 'text-muted-foreground' : 'text-foreground')}>\n        {props.value ?? '—'}\n      </dd>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/detail-panel/index.d.ts

@@ -0,0 +1,2 @@
+export { DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, type DetailPanelHeaderProps, type DetailPanelProps, } from './detail-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/detail-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/detail-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}

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

@@ -0,0 +1,40 @@
+import { Dialog as KobalteDialog } from '@kobalte/core/dialog';
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Dialog.
+ *
+ * A modal surface for a decision or a short task. `Dialog.Portal` keeps the
+ * panel out of the app's stacking and overflow contexts, `Dialog.Overlay`
+ * dims what is behind it, and Kobalte handles the focus trap, the escape key,
+ * scroll locking and returning focus to the trigger on close.
+ *
+ * The close button is part of the content rather than optional, because every
+ * modal needs a way out that is not the keyboard. A dialog whose only exit is
+ * Escape is a trap for anyone using a pointer.
+ */
+export declare function Dialog(props: ComponentProps<typeof KobalteDialog>): JSX.Element;
+export declare function DialogTrigger(props: ComponentProps<typeof KobalteDialog.Trigger>): JSX.Element;
+export declare function DialogPortal(props: ComponentProps<typeof KobalteDialog.Portal>): JSX.Element;
+export declare function DialogOverlay(props: ComponentProps<typeof KobalteDialog.Overlay>): JSX.Element;
+export type DialogContentProps = ComponentProps<typeof KobalteDialog.Content> & {
+    /**
+     * Replaces the default close button. Pass `false` to remove it — only for a
+     * dialog that cannot be dismissed (an update that must finish); anything the
+     * user can escape from needs the button.
+     */
+    closeButton?: JSX.Element | false;
+};
+export declare function DialogContent(props: DialogContentProps): JSX.Element;
+export declare function DialogHeader(props: ComponentProps<'div'>): JSX.Element;
+export declare function DialogFooter(props: ComponentProps<'div'>): JSX.Element;
+export declare function DialogTitle(props: ComponentProps<typeof KobalteDialog.Title>): JSX.Element;
+export declare function DialogDescription(props: ComponentProps<typeof KobalteDialog.Description>): JSX.Element;
+export declare function DialogCloseButton(props: ComponentProps<typeof KobalteDialog.CloseButton>): JSX.Element;
+/**
+ * The close control, unstyled and polymorphic — for a footer's text "Cancel" or
+ * "Close", which is a different control from the corner icon `DialogCloseButton`
+ * draws. Take it as `as={Button}` so it carries the button's variants rather than
+ * a copied class string.
+ */
+export declare function DialogClose(props: ComponentProps<typeof KobalteDialog.CloseButton>): JSX.Element;
+//# sourceMappingURL=dialog.d.ts.map