@adea-ai/ui 0.60.4 → 0.61.0

package/dist/components/layout/side-rail/side-rail.js

@@ -0,0 +1,336 @@
+import { cn } from "../../../lib/utils.js";
+import { SideRailContext, createSideRailValue } from "./side-rail-context.js";
+import { Portal, className, createComponent, effect, insert, memo, mergeProps, setStyleProperty, spread, template, use } from "solid-js/web";
+import { Show, createMemo, createSignal, splitProps } from "solid-js";
+import { Polymorphic } from "@kobalte/core/polymorphic";
+//#region src/components/layout/side-rail/side-rail.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=side-rail-header>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=side-rail-content>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=side-rail-footer>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div class="text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=side-rail-section>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="relative flex size-4 shrink-0 items-center justify-center [&amp;_svg]:size-4"><span class="absolute -top-1 -end-1 flex items-center justify-center">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<span class="flex size-4 shrink-0 items-center justify-center [&amp;_svg]:size-4">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only">`);
+var _tmpl$9 = /*#__PURE__*/ template(`<span aria-hidden=true class="text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden">`);
+var _tmpl$0 = /*#__PURE__*/ template(`<span class="ms-auto shrink-0">`);
+var _tmpl$1 = /*#__PURE__*/ template(`<span class="text-muted-foreground shrink-0 font-mono text-2xs leading-none">`);
+var _tmpl$10 = /*#__PURE__*/ template(`<div aria-hidden=true data-slot=side-rail-tip><span>`);
+var _tmpl$11 = /*#__PURE__*/ template(`<button type=button><span class="flex size-4 shrink-0 items-center justify-center [&amp;_svg]:size-4"></span><span class="min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only">`);
+var _tmpl$12 = /*#__PURE__*/ template(`<div aria-hidden=true data-slot=side-rail-tip class="bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg"><span class="flex size-4 shrink-0 items-center justify-center [&amp;_svg]:size-4">`);
+function SideRail(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"collapsed",
+		"aria-label",
+		"children"
+	]);
+	const collapsed = () => local.collapsed ?? false;
+	const value = createSideRailValue(collapsed, createMemo(() => collapsed() ? "var(--rail-width)" : "var(--rail-width-expanded)"));
+	return createComponent(SideRailContext.Provider, {
+		value,
+		get children() {
+			return createComponent(Polymorphic, mergeProps({
+				as: "nav",
+				get ["aria-label"]() {
+					return local["aria-label"] ?? "Primary";
+				},
+				get ["data-collapsed"]() {
+					return collapsed() ? "true" : "false";
+				},
+				get ["class"]() {
+					return cn("group/rail bg-sidebar text-sidebar-foreground flex h-full shrink-0 flex-col border-e border-sidebar-border", "transition-[width] duration-150 ease-out", {
+						"w-rail": collapsed(),
+						"w-rail-expanded": !collapsed()
+					}, local.class);
+				}
+			}, rest, { get children() {
+				return local.children;
+			} }));
+		}
+	});
+}
+/** The header slot: the app mark, and the product name when there is room. */
+function SideRailHeader(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("h-topbar flex shrink-0 items-center gap-2.5 px-3 group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0", local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
+}
+/** The scrolling middle. Keeps the header and the footer pinned. */
+function SideRailContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-2 py-2", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+/** The pinned footer: account, settings, help. */
+function SideRailFooter(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("flex shrink-0 flex-col gap-0.5 border-t border-sidebar-border px-2 py-2", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
+}
+/** A titled group of rail destinations. The title hides when collapsed. */
+function SideRailSection(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"children"
+	]);
+	return (() => {
+		var _el$4 = _tmpl$5();
+		spread(_el$4, mergeProps({ get ["class"]() {
+			return cn("flex flex-col gap-0.5", local.class);
+		} }, rest), false, true);
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return local.label;
+			},
+			get children() {
+				var _el$5 = _tmpl$4();
+				insert(_el$5, () => local.label);
+				return _el$5;
+			}
+		}), null);
+		insert(_el$4, () => local.children, null);
+		return _el$4;
+	})();
+}
+/**
+* The classes a rail row uses. Exported so a caller's own element — a router link,
+* a custom button — can match the rail exactly instead of approximating it.
+*/
+var sideRailItemClass = [
+	"group/rail-item flex h-rail-item min-w-0 w-full items-center gap-2.5 rounded-md px-3 text-sm font-medium",
+	"group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0",
+	"transition-[color,background-color,transform] ease-out outline-none select-none",
+	"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle",
+	"hover:scale-[1.02] active:scale-[0.97] group-data-[collapsed=true]/rail:hover:scale-100 group-data-[collapsed=true]/rail:active:scale-[0.98]",
+	"[&_svg]:size-4 [&_svg]:shrink-0"
+].join(" ");
+var sideRailItemStateClass = {
+	active: "bg-sidebar-accent text-sidebar-accent-foreground",
+	idle: "text-sidebar-muted-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-foreground"
+};
+function SideRailItem(props) {
+	const [local, rest] = splitProps(props, [
+		"as",
+		"class",
+		"active",
+		"label",
+		"badge",
+		"trailing",
+		"shortcut",
+		"keyshortcuts",
+		"children"
+	]);
+	const [row, setRow] = createSignal();
+	const [tip, setTip] = createSignal(null);
+	const collapsed = () => row()?.closest("[data-collapsed]")?.getAttribute("data-collapsed") === "true";
+	const showTip = () => {
+		const element = row();
+		if (!element || !collapsed()) return;
+		const rect = element.getBoundingClientRect();
+		setTip({
+			top: rect.top,
+			left: rect.right + 8,
+			height: rect.height
+		});
+	};
+	const hideTip = () => setTip(null);
+	return [createComponent(Polymorphic, mergeProps({
+		get as() {
+			return local.as ?? "a";
+		},
+		ref: setRow,
+		get ["aria-current"]() {
+			return local.active ? "page" : void 0;
+		},
+		get ["aria-keyshortcuts"]() {
+			return local.keyshortcuts;
+		},
+		get ["data-active"]() {
+			return local.active ? "" : void 0;
+		},
+		get ["class"]() {
+			return cn(sideRailItemClass, local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle, local.class);
+		},
+		onPointerEnter: showTip,
+		onPointerLeave: hideTip,
+		onFocus: showTip,
+		onBlur: hideTip
+	}, rest, { get children() {
+		return [
+			createComponent(Show, {
+				get when() {
+					return local.badge;
+				},
+				get children() {
+					var _el$6 = _tmpl$6(), _el$7 = _el$6.firstChild;
+					insert(_el$6, () => local.children, _el$7);
+					insert(_el$7, () => local.badge);
+					return _el$6;
+				}
+			}),
+			createComponent(Show, {
+				get when() {
+					return !local.badge;
+				},
+				get children() {
+					var _el$8 = _tmpl$7();
+					insert(_el$8, () => local.children);
+					return _el$8;
+				}
+			}),
+			(() => {
+				var _el$9 = _tmpl$8();
+				insert(_el$9, () => local.label);
+				return _el$9;
+			})(),
+			createComponent(Show, {
+				get when() {
+					return memo(() => !!local.shortcut)() && local.trailing === void 0;
+				},
+				get children() {
+					var _el$0 = _tmpl$9();
+					insert(_el$0, () => local.shortcut);
+					return _el$0;
+				}
+			}),
+			createComponent(Show, {
+				get when() {
+					return local.trailing;
+				},
+				get children() {
+					var _el$1 = _tmpl$0();
+					insert(_el$1, () => local.trailing);
+					return _el$1;
+				}
+			})
+		];
+	} })), createComponent(Show, {
+		get when() {
+			return tip();
+		},
+		children: (position) => createComponent(Portal, { get children() {
+			var _el$10 = _tmpl$10(), _el$11 = _el$10.firstChild;
+			insert(_el$11, () => local.children);
+			insert(_el$10, () => local.label, null);
+			insert(_el$10, createComponent(Show, {
+				get when() {
+					return local.shortcut;
+				},
+				get children() {
+					var _el$12 = _tmpl$1();
+					insert(_el$12, () => local.shortcut);
+					return _el$12;
+				}
+			}), null);
+			effect((_p$) => {
+				var _v$ = cn("bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip)", "flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg"), _v$2 = `${position().top}px`, _v$3 = `${position().left}px`, _v$4 = `${position().height}px`, _v$5 = cn("flex size-4 shrink-0 items-center justify-center [&_svg]:size-4", { "text-primary": local.active });
+				_v$ !== _p$.e && className(_el$10, _p$.e = _v$);
+				_v$2 !== _p$.t && setStyleProperty(_el$10, "top", _p$.t = _v$2);
+				_v$3 !== _p$.a && setStyleProperty(_el$10, "left", _p$.a = _v$3);
+				_v$4 !== _p$.o && setStyleProperty(_el$10, "height", _p$.o = _v$4);
+				_v$5 !== _p$.i && className(_el$11, _p$.i = _v$5);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0,
+				i: void 0
+			});
+			return _el$10;
+		} })
+	})];
+}
+/** A non-navigating rail control: a collapse toggle, a "new" action. */
+function SideRailButton(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"shortcut",
+		"children"
+	]);
+	const [row, setRow] = createSignal();
+	const [tip, setTip] = createSignal(null);
+	const collapsed = () => row()?.closest("[data-collapsed]")?.getAttribute("data-collapsed") === "true";
+	const showTip = () => {
+		const element = row();
+		if (!element || !collapsed()) return;
+		const rect = element.getBoundingClientRect();
+		setTip({
+			top: rect.top,
+			left: rect.right + 8,
+			height: rect.height
+		});
+	};
+	return [(() => {
+		var _el$13 = _tmpl$11(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
+		_el$13.addEventListener("blur", () => setTip(null));
+		_el$13.addEventListener("focus", showTip);
+		_el$13.addEventListener("pointerleave", () => setTip(null));
+		_el$13.addEventListener("pointerenter", showTip);
+		use(setRow, _el$13);
+		spread(_el$13, mergeProps({
+			get ["aria-label"]() {
+				return local.label;
+			},
+			get ["class"]() {
+				return cn(sideRailItemClass, sideRailItemStateClass.idle, "disabled:pointer-events-none disabled:opacity-50", local.class);
+			}
+		}, rest), false, true);
+		insert(_el$14, () => local.children);
+		insert(_el$15, () => local.label);
+		insert(_el$13, createComponent(Show, {
+			get when() {
+				return local.shortcut;
+			},
+			get children() {
+				var _el$16 = _tmpl$9();
+				insert(_el$16, () => local.shortcut);
+				return _el$16;
+			}
+		}), null);
+		return _el$13;
+	})(), createComponent(Show, {
+		get when() {
+			return tip();
+		},
+		children: (position) => createComponent(Portal, { get children() {
+			var _el$17 = _tmpl$12(), _el$18 = _el$17.firstChild;
+			insert(_el$18, () => local.children);
+			insert(_el$17, () => local.label, null);
+			effect((_p$) => {
+				var _v$6 = `${position().top}px`, _v$7 = `${position().left}px`, _v$8 = `${position().height}px`;
+				_v$6 !== _p$.e && setStyleProperty(_el$17, "top", _p$.e = _v$6);
+				_v$7 !== _p$.t && setStyleProperty(_el$17, "left", _p$.t = _v$7);
+				_v$8 !== _p$.a && setStyleProperty(_el$17, "height", _p$.a = _v$8);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0
+			});
+			return _el$17;
+		} })
+	})];
+}
+//#endregion
+export { SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, sideRailItemClass, sideRailItemStateClass };
+
+//# sourceMappingURL=side-rail.js.map

package/dist/components/layout/side-rail/side-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-rail.js","names":["Polymorphic","PolymorphicProps","ComponentProps","JSX","ValidComponent","Show","createMemo","createSignal","splitProps","Portal","cn","SideRailContext","createSideRailValue","SideRailProps","T","class","collapsed","SideRail","props","local","rest","value","_$createComponent","Provider","children","_$mergeProps","as","aria-label","data-collapsed","SideRailHeader","_el$","_tmpl$","_$spread","SideRailContent","_el$2","_tmpl$2","SideRailFooter","_el$3","_tmpl$3","SideRailSection","label","_el$4","_tmpl$5","_$insert","when","_el$5","_tmpl$4","sideRailItemClass","join","sideRailItemStateClass","active","idle","SideRailItemProps","badge","Element","trailing","shortcut","keyshortcuts","SideRailItem","row","setRow","HTMLElement","tip","setTip","top","left","height","closest","getAttribute","showTip","element","rect","getBoundingClientRect","right","hideTip","ref","aria-current","undefined","aria-keyshortcuts","data-active","onPointerEnter","onPointerLeave","onFocus","onBlur","Record","_el$6","_tmpl$6","_el$7","firstChild","_el$8","_tmpl$7","_el$9","_tmpl$8","_$memo","_el$0","_tmpl$9","_el$1","_tmpl$0","position","_el$10","_tmpl$10","_el$11","_el$12","_tmpl$1","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","_$setStyleProperty","a","o","i","SideRailButton","Omit","_el$13","_tmpl$11","_el$14","_el$15","nextSibling","addEventListener","_$use","_el$16","_el$17","_tmpl$12","_el$18","_v$6","_v$7","_v$8","_$createComponent","_$mergeProps","_$memo","_$className","_$setStyleProperty"],"sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createMemo, createSignal, splitProps } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport { cn } from '#lib/utils'\nimport { SideRailContext, createSideRailValue } from './side-rail-context'\n\n/**\n * SideRail.\n *\n * The narrow, persistent column of top-level destinations at the window's leading\n * edge: the app mark, the primary sections, and a footer for account and settings.\n * It is the one piece of chrome that is always on screen, which is why it is a\n * component rather than something each view arranges.\n *\n * Two forms, one component. Collapsed it is an icon column; expanded it carries\n * labels. Both widths come from `--rail-width` (74px) and `--rail-width-expanded`\n * (236px), so an app cannot pick its own and end up a few pixels out of step with\n * the app beside it.\n *\n * The rail does not own its collapsed state; the app does. That state has to\n * survive a reload and usually lives with the rest of the window preferences, and\n * a rail that kept it privately could not be restored.\n */\nexport type SideRailProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    collapsed?: boolean\n    'aria-label'?: string\n  }\n>\n\nexport function SideRail<T extends ValidComponent = 'nav'>(props: SideRailProps<T>) {\n  const [local, rest] = splitProps(props as SideRailProps, [\n    'class',\n    'collapsed',\n    'aria-label',\n    'children',\n  ])\n\n  const collapsed = () => local.collapsed ?? false\n  const value = createSideRailValue(\n    collapsed,\n    createMemo(() => (collapsed() ? 'var(--rail-width)' : 'var(--rail-width-expanded)'))\n  )\n\n  return (\n    <SideRailContext.Provider value={value}>\n      <Polymorphic\n        as=\"nav\"\n        aria-label={local['aria-label'] ?? 'Primary'}\n        /* Rendered in both states, with a real value, so the descendant selectors\n           below can key on true *and* false — an absent attribute would leave the\n           expanded form matching neither. */\n        data-collapsed={collapsed() ? 'true' : 'false'}\n        class={cn(\n          'group/rail bg-sidebar text-sidebar-foreground flex h-full shrink-0 flex-col border-e border-sidebar-border',\n          'transition-[width] duration-150 ease-out',\n          { 'w-rail': collapsed(), 'w-rail-expanded': !collapsed() },\n          local.class\n        )}\n        {...(rest as ComponentProps<'nav'>)}\n      >\n        {local.children}\n      </Polymorphic>\n    </SideRailContext.Provider>\n  )\n}\n\n/** The header slot: the app mark, and the product name when there is room. */\nexport function SideRailHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-header\"\n      class={cn(\n        'h-topbar flex shrink-0 items-center gap-2.5 px-3 group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The scrolling middle. Keeps the header and the footer pinned. */\nexport function SideRailContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-content\"\n      class={cn(\n        'flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The pinned footer: account, settings, help. */\nexport function SideRailFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-footer\"\n      class={cn(\n        'flex shrink-0 flex-col gap-0.5 border-t border-sidebar-border px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** A titled group of rail destinations. The title hides when collapsed. */\nexport function SideRailSection(props: ComponentProps<'div'> & { label?: string }) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'children'])\n\n  return (\n    <div data-slot=\"side-rail-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <Show when={local.label}>\n        <div class=\"text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden\">\n          {local.label}\n        </div>\n      </Show>\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * The classes a rail row uses. Exported so a caller's own element — a router link,\n * a custom button — can match the rail exactly instead of approximating it.\n */\nexport const sideRailItemClass = [\n  'group/rail-item flex h-rail-item min-w-0 w-full items-center gap-2.5 rounded-md px-3 text-sm font-medium',\n  'group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n  'transition-[color,background-color,transform] ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  /*\n   * The donor's row scales up slightly under the pointer and down under a press.\n   * It is a CSS transform rather than a motion-library gesture because the two are\n   * the same thing here and the transform costs nothing at runtime: no wrapper\n   * element, no listener, and it works on whatever element a caller renders the row\n   * as — an anchor, a button, a router's own link.\n   *\n   * The collapsed rail opts out: a 1.02 scale on a 74px column pushes the row past\n   * the rail's own edge, which reads as a glitch rather than as feedback.\n   */\n  'hover:scale-[1.02] active:scale-[0.97] group-data-[collapsed=true]/rail:hover:scale-100 group-data-[collapsed=true]/rail:active:scale-[0.98]',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sideRailItemStateClass = {\n  active: 'bg-sidebar-accent text-sidebar-accent-foreground',\n  idle: 'text-sidebar-muted-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-foreground',\n}\n\n/**\n * A rail destination.\n *\n * ## The tooltip is the rail's hover affordance, not a generic bubble\n *\n * Collapsed, the row has no text, so the label has to come from somewhere. This\n * ports the donor's treatment rather than using a standard tooltip, because the\n * details are what make it read as part of the rail:\n *\n *   - It is **flush with the row**: positioned at the row's own top and given the\n *     row's own height, so it continues the row outward instead of floating near\n *     it. A centred bubble with an arrow reads as a separate object.\n *   - It **repeats the icon**, which anchors it to the row it belongs to.\n *   - It carries the **keyboard chord**, which is the one piece of information a\n *     collapsed rail otherwise cannot show.\n *   - It opens on **hover and on focus**, so a keyboard user gets the same label a\n *     pointer user does.\n *   - It is `pointer-events-none` and `aria-hidden`: the row already carries the\n *     name (as a visually hidden span when collapsed), so this is decoration and\n *     must never be the accessible name.\n *\n * ## The chord on the row\n *\n * Expanded, the row shows its chord on hover and on focus — and the chord is\n * declared once to assistive technology through `aria-keyshortcuts` rather than\n * being read out as glyphs. The visible badge is `aria-hidden` for that reason.\n */\nexport type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    /** Marks the item as the current destination. */\n    active?: boolean\n    /**\n     * The item's accessible name. Required, and always in the accessibility tree:\n     * collapsed it moves into the tooltip and a visually hidden span rather than\n     * being deleted.\n     */\n    label: string\n    /** A count or a dot, rendered over the icon's corner. */\n    badge?: JSX.Element\n    /** An indicator pinned to the trailing edge in the expanded form. */\n    trailing?: JSX.Element\n    /** The chord as it should be drawn, e.g. `⌘1`. Shown on hover and focus. */\n    shortcut?: string\n    /**\n     * The same chord in the ARIA grammar, e.g. `Meta+1`. Declared to assistive\n     * technology instead of the display glyphs, which are not a keyboard shortcut\n     * a screen reader can parse. Supply it whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n>\n\nexport function SideRailItem<T extends ValidComponent = 'a'>(props: SideRailItemProps<T>) {\n  const [local, rest] = splitProps(props as SideRailItemProps, [\n    'as',\n    'class',\n    'active',\n    'label',\n    'badge',\n    'trailing',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  const hideTip = () => setTip(null)\n\n  return (\n    <>\n      <Polymorphic\n        as={local.as ?? 'a'}\n        ref={setRow}\n        aria-current={local.active ? 'page' : undefined}\n        aria-keyshortcuts={local.keyshortcuts}\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          local.class\n        )}\n        onPointerEnter={showTip}\n        onPointerLeave={hideTip}\n        onFocus={showTip}\n        onBlur={hideTip}\n        {...(rest as Record<string, unknown>)}\n      >\n        <Show when={local.badge}>\n          <span class=\"relative flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n            {local.children}\n            <span class=\"absolute -top-1 -end-1 flex items-center justify-center\">\n              {local.badge}\n            </span>\n          </span>\n        </Show>\n        <Show when={!local.badge}>\n          <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n            {local.children}\n          </span>\n        </Show>\n\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n\n        <Show when={local.shortcut && local.trailing === undefined}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n\n        <Show when={local.trailing}>\n          <span class=\"ms-auto shrink-0\">{local.trailing}</span>\n        </Show>\n      </Polymorphic>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                'bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip)',\n                'flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span\n                class={cn('flex size-4 shrink-0 items-center justify-center [&_svg]:size-4', {\n                  'text-primary': local.active,\n                })}\n              >\n                {local.children}\n              </span>\n              {local.label}\n              <Show when={local.shortcut}>\n                <span class=\"text-muted-foreground shrink-0 font-mono text-2xs leading-none\">\n                  {local.shortcut}\n                </span>\n              </Show>\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n\n/** A non-navigating rail control: a collapse toggle, a \"new\" action. */\nexport function SideRailButton(\n  props: Omit<ComponentProps<'button'>, 'type'> & { label: string; shortcut?: string }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'shortcut', 'children'])\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={setRow}\n        aria-label={local.label}\n        onPointerEnter={showTip}\n        onPointerLeave={() => setTip(null)}\n        onFocus={showTip}\n        onBlur={() => setTip(null)}\n        class={cn(\n          sideRailItemClass,\n          sideRailItemStateClass.idle,\n          'disabled:pointer-events-none disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      >\n        <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n          {local.children}\n        </span>\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n        <Show when={local.shortcut}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n      </button>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class=\"bg-card text-card-foreground border-border pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 rounded-md border ps-3 pe-3 text-sm font-medium whitespace-nowrap shadow-lg\"\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span class=\"flex size-4 shrink-0 items-center justify-center [&_svg]:size-4\">\n                {local.children}\n              </span>\n              {local.label}\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/sidebar-nav/index.d.ts

@@ -0,0 +1,2 @@
+export { SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavSection, SidebarNavTitle, sidebarNavItemClass, sidebarNavItemStateClass, type SidebarNavItemProps, type SidebarNavProps, } from './sidebar-nav';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/sidebar-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,mBAAmB,EACxB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA"}

package/dist/components/layout/sidebar-nav/sidebar-nav.d.ts

@@ -0,0 +1,62 @@
+import type { PolymorphicProps } from '@kobalte/core/polymorphic';
+import type { ComponentProps, JSX, ValidComponent } from 'solid-js';
+/**
+ * SidebarNav.
+ *
+ * The secondary navigation column: the list of things inside the destination
+ * the rail selected — projects, sessions, files, threads. It is a different
+ * object from the rail, not a wider version of it, which is why it is a separate
+ * component rather than the rail with labels on.
+ *
+ * Rows share one recipe with the rail's, so a row in a sidebar and a row in a
+ * rail read as the same kind of thing at the same density. That recipe is
+ * exactly KiroCrew's nav row: `text-sm font-medium`, `gap-2.5`, `px-3 py-2`,
+ * `rounded-md`, `transition-colors`.
+ *
+ * The width comes from `--sidebar-width`. Sections collapse by default only when
+ * the caller says so, because a section that starts collapsed and holds the
+ * user's own work is a hidden default.
+ */
+export type SidebarNavProps<T extends ValidComponent = 'nav'> = PolymorphicProps<T, {
+    class?: string;
+    'aria-label'?: string;
+}>;
+export declare function SidebarNav<T extends ValidComponent = 'nav'>(props: SidebarNavProps<T>): JSX.Element;
+export declare function SidebarNavHeader(props: ComponentProps<'div'>): JSX.Element;
+export declare function SidebarNavTitle(props: ComponentProps<'div'>): JSX.Element;
+/** The scrolling middle of the sidebar. */
+export declare function SidebarNavContent(props: ComponentProps<'div'>): JSX.Element;
+export declare function SidebarNavFooter(props: ComponentProps<'div'>): JSX.Element;
+/**
+ * A titled, collapsible group. Collapsible because a list of projects
+ * inevitably outgrows the column, and the user needs to put the ones they are
+ * not using away *without* them disappearing into a menu.
+ */
+export declare function SidebarNavSection(props: ComponentProps<'div'> & {
+    label: string;
+    /** Render a disclosure control instead of a plain heading. */
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    /** Count shown beside the label. */
+    count?: number;
+    /** A control at the trailing edge of the heading row. */
+    action?: JSX.Element;
+}): JSX.Element;
+export type SidebarNavItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<T, {
+    class?: string;
+    active?: boolean;
+    /** Indent one level, for a child row such as a branch under a project. */
+    nested?: boolean;
+    /** Trailing slot: a count, a status dot, a hover action. */
+    trailing?: JSX.Element;
+}>;
+/** A sidebar row. Exported classes, so a caller's own element can match it. */
+export declare const sidebarNavItemClass: string;
+export declare const sidebarNavItemStateClass: {
+    active: string;
+    idle: string;
+};
+export declare function SidebarNavItem<T extends ValidComponent = 'a'>(props: SidebarNavItemProps<T>): JSX.Element;
+/** A row that is a button rather than a destination — "New project". */
+export declare function SidebarNavButton(props: ComponentProps<'button'>): JSX.Element;
+//# sourceMappingURL=sidebar-nav.d.ts.map

package/dist/components/layout/sidebar-nav/sidebar-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAGjE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAInE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC9E,CAAC,EACD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAC1C,CAAA;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,eAgBrF;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS3D;AAED,2CAA2C;AAC3C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS7D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS5D;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACrB,eA6DF;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAChF,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CACF,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,QAKrB,CAAA;AAEX,eAAO,MAAM,wBAAwB;;;CAGpC,CAAA;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA4B3F;AAED,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,eAiB/D"}