agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/ShimmerText/ShimmerText.js

@@ -0,0 +1,35 @@
+import e from "./ShimmerText.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ui/ShimmerText/ShimmerText.tsx
+var n = {
+	slow: 6,
+	normal: 4,
+	fast: 3
+};
+function r(e) {
+	return typeof e == "number" ? e : n[e];
+}
+function i({ children: n, size: i = "md", speed: a = "normal", className: o = "", style: s }) {
+	let c = String(n), l = Array.from(c), u = Math.max(l.length - 1, 1), d = {
+		"--shimmer-duration-factor": r(a),
+		...s
+	};
+	return /* @__PURE__ */ t("span", {
+		className: `${e.root} ${e[i]} ${o}`.trim(),
+		style: d,
+		"aria-label": c,
+		children: /* @__PURE__ */ t("span", {
+			className: e.content,
+			"aria-hidden": "true",
+			children: l.map((n, r) => /* @__PURE__ */ t("span", {
+				className: e.character,
+				style: { "--shimmer-phase": 1 - r / u },
+				children: n
+			}, `${n}-${r}`))
+		})
+	});
+}
+//#endregion
+export { i as ShimmerText };
+
+//# sourceMappingURL=ShimmerText.js.map

package/dist/ui/ShimmerText/ShimmerText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerText.js","names":[],"sources":["../../../ui/ShimmerText/ShimmerText.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { ShimmerTextProps, ShimmerTextSpeed } from \"./ShimmerText.types\";\nimport styles from \"./ShimmerText.module.css\";\n\nexport type { ShimmerTextProps, ShimmerTextSize, ShimmerTextSpeed } from \"./ShimmerText.types\";\n\nconst NAMED_SPEED_FACTORS: Record<Exclude<ShimmerTextSpeed, number>, number> = {\n  slow: 6,\n  normal: 4,\n  fast: 3,\n};\n\nfunction getDurationFactor(speed: ShimmerTextSpeed): number {\n  if (typeof speed === \"number\") return speed;\n  return NAMED_SPEED_FACTORS[speed];\n}\n\nexport function ShimmerText({\n  children,\n  size = \"md\",\n  speed = \"normal\",\n  className = \"\",\n  style,\n}: ShimmerTextProps) {\n  const text = String(children);\n  const characters = Array.from(text);\n  const phaseSpan = Math.max(characters.length - 1, 1);\n  const cssVars = {\n    \"--shimmer-duration-factor\": getDurationFactor(speed),\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <span className={`${styles.root} ${styles[size]} ${className}`.trim()} style={cssVars} aria-label={text}>\n      <span className={styles.content} aria-hidden=\"true\">\n        {characters.map((character, index) => (\n          <span\n            className={styles.character}\n            style={{ \"--shimmer-phase\": 1 - index / phaseSpan } as CSSProperties}\n            key={`${character}-${index}`}\n          >\n            {character}\n          </span>\n        ))}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;AAMA,IAAM,IAAyE;CAC7E,MAAM;CACN,QAAQ;CACR,MAAM;AACR;AAEA,SAAS,EAAkB,GAAiC;CAE1D,OADI,OAAO,KAAU,WAAiB,IAC/B,EAAoB;AAC7B;AAEA,SAAgB,EAAY,EAC1B,aACA,UAAO,MACP,WAAQ,UACR,eAAY,IACZ,YACmB;CACnB,IAAM,IAAO,OAAO,CAAQ,GACtB,IAAa,MAAM,KAAK,CAAI,GAC5B,IAAY,KAAK,IAAI,EAAW,SAAS,GAAG,CAAC,GAC7C,IAAU;EACd,6BAA6B,EAAkB,CAAK;EACpD,GAAG;CACL;CAEA,OACE,kBAAC,QAAD;EAAM,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO,GAAM,GAAG,IAAY,KAAK;EAAG,OAAO;EAAS,cAAY;EACjG,UAAA,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAS,eAAY;GAC1C,UAAA,EAAW,KAAK,GAAW,MAC1B,kBAAC,QAAD;IACE,WAAW,EAAO;IAClB,OAAO,EAAE,mBAAmB,IAAI,IAAQ,EAAU;IAGjD,UAAA;GACG,GAHC,GAAG,EAAU,GAAG,GAGjB,CACP;EACG,CAAA;CACF,CAAA;AAEV"}

package/{ui → dist/ui}/ShimmerText/ShimmerText.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_fwqgk_1 {
   --shimmer-text-duration: calc(var(--motion-modal-duration) * var(--shimmer-duration-factor, 4));
   display: inline-block;
   color: var(--text-primary);
@@ -7,27 +7,27 @@
   line-height: var(--type-line-body);
 }
 
-.content {
+._content_fwqgk_10 {
   white-space: pre-wrap;
 }
 
-.character {
+._character_fwqgk_14 {
   display: inline-block;
   opacity: 0.45;
-  animation: shimmer-wave var(--shimmer-text-duration) var(--motion-expand-easing) infinite;
+  animation: _shimmer-wave_fwqgk_1 var(--shimmer-text-duration) var(--motion-expand-easing) infinite;
   animation-delay: calc(var(--shimmer-text-duration) * var(--shimmer-phase) * -1);
 }
 
-.sm {
+._sm_fwqgk_21 {
   font-size: var(--type-size-body-sm);
 }
 
-.lg {
+._lg_fwqgk_25 {
   font-size: var(--type-size-heading-sm);
   font-weight: var(--type-weight-heading);
 }
 
-@keyframes shimmer-wave {
+@keyframes _shimmer-wave_fwqgk_1 {
   0%,
   100% {
     opacity: 0.35;
@@ -39,7 +39,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .character {
+  ._character_fwqgk_14 {
     opacity: 1;
     animation: none;
   }

package/dist/ui/ShimmerText/ShimmerText.module.js

@@ -0,0 +1,14 @@
+import "./ShimmerText.module.css";
+//#region ui/ShimmerText/ShimmerText.module.css
+var e = "_root_fwqgk_1", t = "_content_fwqgk_10", n = "_character_fwqgk_14", r = "_sm_fwqgk_21", i = "_lg_fwqgk_25", a = {
+	root: e,
+	content: t,
+	character: n,
+	"shimmer-wave": "_shimmer-wave_fwqgk_1",
+	sm: r,
+	lg: i
+};
+//#endregion
+export { n as character, t as content, a as default, i as lg, e as root, r as sm };
+
+//# sourceMappingURL=ShimmerText.module.js.map

package/dist/ui/ShimmerText/ShimmerText.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerText.module.js","names":[],"sources":["../../../ui/ShimmerText/ShimmerText.module.css"],"sourcesContent":[".root {\n  --shimmer-text-duration: calc(var(--motion-modal-duration) * var(--shimmer-duration-factor, 4));\n  display: inline-block;\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  line-height: var(--type-line-body);\n}\n\n.content {\n  white-space: pre-wrap;\n}\n\n.character {\n  display: inline-block;\n  opacity: 0.45;\n  animation: shimmer-wave var(--shimmer-text-duration) var(--motion-expand-easing) infinite;\n  animation-delay: calc(var(--shimmer-text-duration) * var(--shimmer-phase) * -1);\n}\n\n.sm {\n  font-size: var(--type-size-body-sm);\n}\n\n.lg {\n  font-size: var(--type-size-heading-sm);\n  font-weight: var(--type-weight-heading);\n}\n\n@keyframes shimmer-wave {\n  0%,\n  100% {\n    opacity: 0.35;\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .character {\n    opacity: 1;\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/ui/ShimmerText/ShimmerText.types.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, ReactNode } from 'react';
+export type ShimmerTextSize = "sm" | "md" | "lg";
+export type ShimmerTextSpeed = number | "slow" | "normal" | "fast";
+export interface ShimmerTextProps {
+    children: ReactNode;
+    size?: ShimmerTextSize;
+    speed?: ShimmerTextSpeed;
+    className?: string;
+    style?: CSSProperties;
+}

package/dist/ui/ShimmerText/index.d.ts

@@ -0,0 +1,2 @@
+export { ShimmerText } from './ShimmerText';
+export type { ShimmerTextProps, ShimmerTextSize, ShimmerTextSpeed } from './ShimmerText.types';

package/dist/ui/SideNav/SideNav.d.ts

@@ -0,0 +1,3 @@
+import { SideNavProps } from './SideNav.types';
+export type { SideNavGroup, SideNavItem, SideNavProps, SideNavRadius, SideNavSide, } from './SideNav.types';
+export declare function SideNav({ title, mark, showHeader, radius, open: openProp, defaultOpen, onOpenChange, side, groups, items, footer, }: SideNavProps): import("react").JSX.Element;

package/dist/ui/SideNav/SideNav.js

@@ -0,0 +1,176 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Button as t } from "../Button/Button.js";
+import n from "./SideNav.module.js";
+import { useId as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ui/SideNav/SideNav.tsx
+var c = 16;
+function l({ item: t, expanded: r }) {
+	let i = !!(t.items && t.items.length > 0);
+	return /* @__PURE__ */ s(a, { children: [
+		t.icon ? /* @__PURE__ */ o("span", {
+			className: n.icon,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ o(e, {
+				name: t.icon,
+				size: c
+			})
+		}) : null,
+		/* @__PURE__ */ o("span", {
+			className: n.label,
+			children: t.label
+		}),
+		t.badge || i ? /* @__PURE__ */ s("span", {
+			className: n.meta,
+			children: [t.badge ? /* @__PURE__ */ o("span", {
+				className: n.badge,
+				children: t.badge
+			}) : null, i ? /* @__PURE__ */ o("span", {
+				className: `${n.chevron} ${r ? n.chevronOpen : ""}`,
+				children: /* @__PURE__ */ o(e, {
+					name: "ChevronRight",
+					size: c
+				})
+			}) : null]
+		}) : null
+	] });
+}
+function u({ item: e, rail: t }) {
+	let a = !!(e.items && e.items.length > 0), c = r(), [d, f] = i(a), p = [
+		n.item,
+		e.active ? n.itemActive : "",
+		e.disabled ? n.itemDisabled : ""
+	].filter(Boolean).join(" ");
+	return a ? /* @__PURE__ */ s("li", {
+		className: n.entry,
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			className: p,
+			disabled: e.disabled,
+			"aria-expanded": d,
+			"aria-controls": c,
+			"aria-current": e.active ? "page" : void 0,
+			onClick: () => {
+				t || f((e) => !e);
+			},
+			children: /* @__PURE__ */ o(l, {
+				item: e,
+				expanded: d
+			})
+		}), d && !t ? /* @__PURE__ */ o("ul", {
+			className: n.submenu,
+			id: c,
+			children: e.items.map((e) => /* @__PURE__ */ o(u, {
+				item: e,
+				rail: t
+			}, e.id))
+		}) : null]
+	}) : e.onClick && !e.disabled ? /* @__PURE__ */ o("li", {
+		className: n.entry,
+		children: /* @__PURE__ */ o("button", {
+			type: "button",
+			className: p,
+			"aria-current": e.active ? "page" : void 0,
+			onClick: e.onClick,
+			children: /* @__PURE__ */ o(l, { item: e })
+		})
+	}) : e.href && !e.disabled ? /* @__PURE__ */ o("li", {
+		className: n.entry,
+		children: /* @__PURE__ */ o("a", {
+			href: e.href,
+			className: p,
+			"aria-current": e.active ? "page" : void 0,
+			children: /* @__PURE__ */ o(l, { item: e })
+		})
+	}) : /* @__PURE__ */ o("li", {
+		className: n.entry,
+		children: /* @__PURE__ */ o("button", {
+			type: "button",
+			className: p,
+			disabled: e.disabled,
+			"aria-current": e.active ? "page" : void 0,
+			children: /* @__PURE__ */ o(l, { item: e })
+		})
+	});
+}
+function d({ items: e, rail: t }) {
+	return /* @__PURE__ */ o("ul", {
+		className: n.list,
+		children: e.map((e) => /* @__PURE__ */ o(u, {
+			item: e,
+			rail: t
+		}, e.id))
+	});
+}
+function f({ title: e, mark: r, showHeader: a = !0, radius: c = "md", open: l, defaultOpen: u = !0, onOpenChange: f, side: p = "left", groups: m, items: h = [], footer: g }) {
+	let _ = typeof l == "boolean", [v, y] = i(u), b = a ? _ ? l : v : !0, x = !!(m && m.length > 0), S = (r && r.length > 0 ? r : e.charAt(0)) || "·";
+	function C(e) {
+		_ || y(e), f?.(e);
+	}
+	return /* @__PURE__ */ s("aside", {
+		className: `${n.root} ${c === "none" ? n.radiusNone : ""} ${b ? "" : n.rootClosed}`.trim(),
+		"aria-label": e,
+		"data-side": p,
+		children: [
+			a ? /* @__PURE__ */ s("header", {
+				className: n.header,
+				children: [
+					b ? /* @__PURE__ */ o("span", {
+						className: n.mark,
+						"aria-hidden": !0,
+						children: S
+					}) : /* @__PURE__ */ o("button", {
+						type: "button",
+						className: `${n.mark} ${n.markButton}`,
+						"aria-label": "Open",
+						onClick: () => C(!0),
+						children: S
+					}),
+					/* @__PURE__ */ o("p", {
+						className: n.title,
+						children: e
+					}),
+					b ? /* @__PURE__ */ o("span", {
+						className: n.close,
+						children: /* @__PURE__ */ o(t, {
+							variant: "tertiary",
+							size: "sm",
+							iconStart: p === "right" ? "PanelRightClose" : "PanelLeftClose",
+							ariaLabel: "Close",
+							onClick: () => C(!1)
+						})
+					}) : null
+				]
+			}) : null,
+			/* @__PURE__ */ o("nav", {
+				className: n.nav,
+				"aria-label": e,
+				children: x ? m.map((e) => /* @__PURE__ */ s("div", {
+					className: n.section,
+					children: [/* @__PURE__ */ o("p", {
+						className: n.sectionLabel,
+						children: e.label
+					}), /* @__PURE__ */ o(d, {
+						items: e.items,
+						rail: !b
+					})]
+				}, e.label)) : /* @__PURE__ */ o(d, {
+					items: h,
+					rail: !b
+				})
+			}),
+			g ? /* @__PURE__ */ o("div", {
+				className: n.footer,
+				children: /* @__PURE__ */ o(d, {
+					items: Array.isArray(g) ? g : [g],
+					rail: !b
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { f as SideNav };
+
+//# sourceMappingURL=SideNav.js.map

package/dist/ui/SideNav/SideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","names":[],"sources":["../../../ui/SideNav/SideNav.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { SideNavItem, SideNavProps } from \"./SideNav.types\";\nimport styles from \"./SideNav.module.css\";\n\nexport type {\n  SideNavGroup,\n  SideNavItem,\n  SideNavProps,\n  SideNavRadius,\n  SideNavSide,\n} from \"./SideNav.types\";\n\nconst ICON_SIZE = 16;\n\nfunction ItemBody({\n  item,\n  expanded,\n}: {\n  item: SideNavItem;\n  expanded?: boolean;\n}) {\n  const nested = Boolean(item.items && item.items.length > 0);\n\n  return (\n    <>\n      {item.icon ? (\n        <span className={styles.icon} aria-hidden>\n          <LucideByName name={item.icon} size={ICON_SIZE} />\n        </span>\n      ) : null}\n      <span className={styles.label}>{item.label}</span>\n      {item.badge || nested ? (\n        <span className={styles.meta}>\n          {item.badge ? <span className={styles.badge}>{item.badge}</span> : null}\n          {nested ? (\n            <span className={`${styles.chevron} ${expanded ? styles.chevronOpen : \"\"}`}>\n              <LucideByName name=\"ChevronRight\" size={ICON_SIZE} />\n            </span>\n          ) : null}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nfunction NavItem({ item, rail }: { item: SideNavItem; rail: boolean }) {\n  const nested = Boolean(item.items && item.items.length > 0);\n  const submenuId = useId();\n  const [expanded, setExpanded] = useState(nested);\n\n  const className = [\n    styles.item,\n    item.active ? styles.itemActive : \"\",\n    item.disabled ? styles.itemDisabled : \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  if (nested) {\n    return (\n      <li className={styles.entry}>\n        <button\n          type=\"button\"\n          className={className}\n          disabled={item.disabled}\n          aria-expanded={expanded}\n          aria-controls={submenuId}\n          aria-current={item.active ? \"page\" : undefined}\n          onClick={() => {\n            if (!rail) setExpanded((current) => !current);\n          }}\n        >\n          <ItemBody item={item} expanded={expanded} />\n        </button>\n        {expanded && !rail ? (\n          <ul className={styles.submenu} id={submenuId}>\n            {item.items!.map((child) => (\n              <NavItem key={child.id} item={child} rail={rail} />\n            ))}\n          </ul>\n        ) : null}\n      </li>\n    );\n  }\n\n  if (item.onClick && !item.disabled) {\n    return (\n      <li className={styles.entry}>\n        <button\n          type=\"button\"\n          className={className}\n          aria-current={item.active ? \"page\" : undefined}\n          onClick={item.onClick}\n        >\n          <ItemBody item={item} />\n        </button>\n      </li>\n    );\n  }\n\n  if (item.href && !item.disabled) {\n    return (\n      <li className={styles.entry}>\n        <a\n          href={item.href}\n          className={className}\n          aria-current={item.active ? \"page\" : undefined}\n        >\n          <ItemBody item={item} />\n        </a>\n      </li>\n    );\n  }\n\n  return (\n    <li className={styles.entry}>\n      <button\n        type=\"button\"\n        className={className}\n        disabled={item.disabled}\n        aria-current={item.active ? \"page\" : undefined}\n      >\n        <ItemBody item={item} />\n      </button>\n    </li>\n  );\n}\n\nfunction NavList({ items, rail }: { items: SideNavItem[]; rail: boolean }) {\n  return (\n    <ul className={styles.list}>\n      {items.map((item) => (\n        <NavItem key={item.id} item={item} rail={rail} />\n      ))}\n    </ul>\n  );\n}\n\nexport function SideNav({\n  title,\n  mark,\n  showHeader = true,\n  radius = \"md\",\n  open: openProp,\n  defaultOpen = true,\n  onOpenChange,\n  side = \"left\",\n  groups,\n  items = [],\n  footer,\n}: SideNavProps) {\n  const isControlled = typeof openProp === \"boolean\";\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const expanded = showHeader ? (isControlled ? openProp : uncontrolledOpen) : true;\n  const useGroups = Boolean(groups && groups.length > 0);\n  const markLetter = (mark && mark.length > 0 ? mark : title.charAt(0)) || \"·\";\n\n  function setOpen(next: boolean) {\n    if (!isControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  }\n\n  return (\n    <aside\n      className={`${styles.root} ${radius === \"none\" ? styles.radiusNone : \"\"} ${expanded ? \"\" : styles.rootClosed}`.trim()}\n      aria-label={title}\n      data-side={side}\n    >\n      {showHeader ? (\n        <header className={styles.header}>\n          {expanded ? (\n            <span className={styles.mark} aria-hidden>\n              {markLetter}\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              className={`${styles.mark} ${styles.markButton}`}\n              aria-label=\"Open\"\n              onClick={() => setOpen(true)}\n            >\n              {markLetter}\n            </button>\n          )}\n          <p className={styles.title}>{title}</p>\n          {expanded ? (\n            <span className={styles.close}>\n              <Button\n                variant=\"tertiary\"\n                size=\"sm\"\n                iconStart={side === \"right\" ? \"PanelRightClose\" : \"PanelLeftClose\"}\n                ariaLabel=\"Close\"\n                onClick={() => setOpen(false)}\n              />\n            </span>\n          ) : null}\n        </header>\n      ) : null}\n\n      <nav className={styles.nav} aria-label={title}>\n        {useGroups\n          ? groups!.map((group) => (\n              <div key={group.label} className={styles.section}>\n                <p className={styles.sectionLabel}>{group.label}</p>\n                <NavList items={group.items} rail={!expanded} />\n              </div>\n            ))\n          : <NavList items={items} rail={!expanded} />}\n      </nav>\n\n      {footer ? (\n        <div className={styles.footer}>\n          <NavList items={Array.isArray(footer) ? footer : [footer]} rail={!expanded} />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"mappings":"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"}

package/{ui → dist/ui}/SideNav/SideNav.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_gf2bo_1 {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -16,16 +16,16 @@
     max-width var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.radiusNone {
+._radiusNone_gf2bo_19 {
   border-radius: var(--radius-0);
 }
 
-.rootClosed {
+._rootClosed_gf2bo_23 {
   width: var(--layout-sidebar-compact);
   max-width: var(--layout-sidebar-compact);
 }
 
-.header {
+._header_gf2bo_28 {
   position: relative;
   display: flex;
   align-items: center;
@@ -38,13 +38,13 @@
   transition: padding var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.rootClosed .header {
+._rootClosed_gf2bo_23 ._header_gf2bo_28 {
   justify-content: center;
   gap: 0;
   padding: var(--space-inset-sm);
 }
 
-.mark {
+._mark_gf2bo_47 {
   display: grid;
   place-items: center;
   flex-shrink: 0;
@@ -62,17 +62,17 @@
   line-height: 1;
 }
 
-.markButton {
+._markButton_gf2bo_65 {
   appearance: none;
   cursor: pointer;
 }
 
-.markButton:focus-visible {
+._markButton_gf2bo_65:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.title {
+._title_gf2bo_75 {
   min-width: 0;
   margin: 0;
   overflow: hidden;
@@ -86,7 +86,7 @@
   transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.rootClosed .title {
+._rootClosed_gf2bo_23 ._title_gf2bo_75 {
   flex: 0 0 0;
   width: 0;
   min-width: 0;
@@ -98,13 +98,13 @@
   pointer-events: none;
 }
 
-.close {
+._close_gf2bo_101 {
   margin-inline-start: auto;
   flex-shrink: 0;
   transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.nav {
+._nav_gf2bo_107 {
   flex: 1;
   display: grid;
   align-content: start;
@@ -117,22 +117,22 @@
   transition: padding var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.nav::-webkit-scrollbar {
+._nav_gf2bo_107::-webkit-scrollbar {
   display: none;
 }
 
-.rootClosed .nav {
+._rootClosed_gf2bo_23 ._nav_gf2bo_107 {
   padding: var(--space-inset-sm);
 }
 
-.section {
+._section_gf2bo_128 {
   position: relative;
   display: grid;
   gap: var(--space-stack-xs);
   min-width: 0;
 }
 
-.sectionLabel {
+._sectionLabel_gf2bo_135 {
   margin: 0;
   padding-inline: var(--space-inset-md);
   overflow: hidden;
@@ -147,14 +147,14 @@
     padding var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.rootClosed .sectionLabel {
+._rootClosed_gf2bo_23 ._sectionLabel_gf2bo_135 {
   opacity: 0;
   max-height: 0;
   padding: 0;
   pointer-events: none;
 }
 
-.list {
+._list_gf2bo_157 {
   display: grid;
   gap: 0;
   margin: 0;
@@ -162,12 +162,12 @@
   list-style: none;
 }
 
-.entry {
+._entry_gf2bo_165 {
   display: grid;
   min-width: 0;
 }
 
-.item {
+._item_gf2bo_170 {
   position: relative;
   display: flex;
   align-items: center;
@@ -190,7 +190,7 @@
   transition: padding var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.rootClosed .item {
+._rootClosed_gf2bo_23 ._item_gf2bo_170 {
   width: auto;
   justify-self: center;
   justify-content: center;
@@ -201,30 +201,30 @@
   overflow: hidden;
 }
 
-.item:hover:not(:disabled):not(.itemDisabled) {
+._item_gf2bo_170:hover:not(:disabled):not(._itemDisabled_gf2bo_204) {
   background: var(--surface-muted);
   color: var(--text-primary);
 }
 
-.itemActive,
-.itemActive:hover:not(:disabled):not(.itemDisabled) {
+._itemActive_gf2bo_209,
+._itemActive_gf2bo_209:hover:not(:disabled):not(._itemDisabled_gf2bo_204) {
   background: var(--surface-brand-subtle);
   color: var(--text-brand);
 }
 
-.item:focus-visible {
+._item_gf2bo_170:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.item:disabled,
-.itemDisabled {
+._item_gf2bo_170:disabled,
+._itemDisabled_gf2bo_204 {
   background: var(--surface-disabled);
   color: var(--text-disabled);
   cursor: not-allowed;
 }
 
-.icon {
+._icon_gf2bo_227 {
   display: grid;
   place-items: center;
   flex-shrink: 0;
@@ -233,16 +233,16 @@
   color: var(--icon-secondary);
 }
 
-.itemActive .icon {
+._itemActive_gf2bo_209 ._icon_gf2bo_227 {
   color: var(--icon-brand);
 }
 
-.item:disabled .icon,
-.itemDisabled .icon {
+._item_gf2bo_170:disabled ._icon_gf2bo_227,
+._itemDisabled_gf2bo_204 ._icon_gf2bo_227 {
   color: var(--text-disabled);
 }
 
-.label {
+._label_gf2bo_245 {
   min-width: 0;
   flex: 1;
   overflow: hidden;
@@ -251,8 +251,8 @@
   transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.rootClosed .label,
-.rootClosed .meta {
+._rootClosed_gf2bo_23 ._label_gf2bo_245,
+._rootClosed_gf2bo_23 ._meta_gf2bo_255 {
   flex: 0 0 0;
   width: 0;
   min-width: 0;
@@ -265,7 +265,7 @@
   pointer-events: none;
 }
 
-.meta {
+._meta_gf2bo_255 {
   display: flex;
   align-items: center;
   gap: var(--space-inline-xs);
@@ -275,7 +275,7 @@
   transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.badge {
+._badge_gf2bo_278 {
   padding: var(--space-inset-2xs) var(--space-inset-xs);
   border-radius: var(--radius-pill);
   background: var(--surface-muted);
@@ -286,12 +286,12 @@
   line-height: 1;
 }
 
-.itemActive .badge {
+._itemActive_gf2bo_209 ._badge_gf2bo_278 {
   background: var(--surface-brand-subtle);
   color: var(--text-brand);
 }
 
-.chevron {
+._chevron_gf2bo_294 {
   display: grid;
   place-items: center;
   flex-shrink: 0;
@@ -299,11 +299,11 @@
   transition: transform var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.chevronOpen {
+._chevronOpen_gf2bo_302 {
   transform: rotate(90deg);
 }
 
-.submenu {
+._submenu_gf2bo_306 {
   display: grid;
   margin: 0;
   margin-inline-start: var(--space-inset-lg);
@@ -313,35 +313,35 @@
   border-inline-start: var(--border-divider) solid var(--border-faint);
 }
 
-.rootClosed .submenu {
+._rootClosed_gf2bo_23 ._submenu_gf2bo_306 {
   margin-inline-start: 0;
   padding-inline-start: 0;
   border-inline-start: 0;
 }
 
-.footer {
+._footer_gf2bo_322 {
   flex-shrink: 0;
   padding: var(--space-inset-md) var(--space-inset-lg);
   border-top: var(--border-divider) solid var(--border-subtle);
   transition: padding var(--motion-expand-duration) var(--motion-expand-easing);
 }
 
-.rootClosed .footer {
+._rootClosed_gf2bo_23 ._footer_gf2bo_322 {
   padding: var(--space-inset-sm);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .root,
-  .header,
-  .nav,
-  .footer,
-  .item,
-  .title,
-  .label,
-  .sectionLabel,
-  .meta,
-  .close,
-  .chevron {
+  ._root_gf2bo_1,
+  ._header_gf2bo_28,
+  ._nav_gf2bo_107,
+  ._footer_gf2bo_322,
+  ._item_gf2bo_170,
+  ._title_gf2bo_75,
+  ._label_gf2bo_245,
+  ._sectionLabel_gf2bo_135,
+  ._meta_gf2bo_255,
+  ._close_gf2bo_101,
+  ._chevron_gf2bo_294 {
     transition: none;
   }
 }

package/dist/ui/SideNav/SideNav.module.js

@@ -0,0 +1,32 @@
+import "./SideNav.module.css";
+//#region ui/SideNav/SideNav.module.css
+var e = "_root_gf2bo_1", t = "_radiusNone_gf2bo_19", n = "_rootClosed_gf2bo_23", r = "_header_gf2bo_28", i = "_mark_gf2bo_47", a = "_markButton_gf2bo_65", o = "_title_gf2bo_75", s = "_close_gf2bo_101", c = "_nav_gf2bo_107", l = "_section_gf2bo_128", u = "_sectionLabel_gf2bo_135", d = "_list_gf2bo_157", f = "_entry_gf2bo_165", p = "_item_gf2bo_170", m = "_itemDisabled_gf2bo_204", h = "_itemActive_gf2bo_209", g = "_icon_gf2bo_227", _ = "_label_gf2bo_245", v = "_meta_gf2bo_255", y = "_badge_gf2bo_278", b = "_chevron_gf2bo_294", x = "_chevronOpen_gf2bo_302", S = "_submenu_gf2bo_306", C = "_footer_gf2bo_322", w = {
+	root: e,
+	radiusNone: t,
+	rootClosed: n,
+	header: r,
+	mark: i,
+	markButton: a,
+	title: o,
+	close: s,
+	nav: c,
+	section: l,
+	sectionLabel: u,
+	list: d,
+	entry: f,
+	item: p,
+	itemDisabled: m,
+	itemActive: h,
+	icon: g,
+	label: _,
+	meta: v,
+	badge: y,
+	chevron: b,
+	chevronOpen: x,
+	submenu: S,
+	footer: C
+};
+//#endregion
+export { y as badge, b as chevron, x as chevronOpen, s as close, w as default, f as entry, C as footer, r as header, g as icon, p as item, h as itemActive, m as itemDisabled, _ as label, d as list, i as mark, a as markButton, v as meta, c as nav, t as radiusNone, e as root, n as rootClosed, l as section, u as sectionLabel, S as submenu, o as title };
+
+//# sourceMappingURL=SideNav.module.js.map