@cascivo/react 1.0.0 → 1.2.0

package/dist/node/shell-header/shell-header.js

@@ -1,169 +1 @@
-"use client";
-
-import { usePopover as e } from "../popover/use-popover.js";
-import t from "./shell-header.module.js";
-import { cn as n, getLinkComponent as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region ../components/src/shell-header/shell-header.tsx
-function d(e) {
-	return typeof e == "object" && !!e && "name" in e;
-}
-function f(e) {
-	return "items" in e;
-}
-function p({ item: n }) {
-	o();
-	let s = r(), { triggerRef: c, popoverRef: d, isOpen: f, anchorName: p, toggle: m, close: h } = e(), g = n.items.some((e) => e.active), _ = i(!1);
-	a(() => {
-		if (!_.value || !f.value) return;
-		_.value = !1;
-		let e = d.current;
-		e && e.querySelector("[role=\"menuitem\"]")?.focus();
-	});
-	function v(e) {
-		e.key === "ArrowDown" ? (e.preventDefault(), f.value ? d.current?.querySelector("[role=\"menuitem\"]")?.focus() : (_.value = !0, m())) : e.key === "Escape" && (e.preventDefault(), h());
-	}
-	function y(e) {
-		let t = Array.from(d.current?.querySelectorAll("[role=\"menuitem\"]") ?? []), n = t.indexOf(document.activeElement);
-		e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Escape" && (h(), c.current?.focus());
-	}
-	return /* @__PURE__ */ u("li", {
-		className: t.navMenuWrapper,
-		children: [/* @__PURE__ */ u("button", {
-			ref: c,
-			type: "button",
-			"aria-haspopup": "menu",
-			"aria-expanded": f.value,
-			"data-state": g ? "active" : void 0,
-			style: { anchorName: p },
-			className: t.navMenuTrigger,
-			onClick: m,
-			onKeyDown: v,
-			children: [n.label, /* @__PURE__ */ l("svg", {
-				viewBox: "0 0 16 16",
-				width: "12",
-				height: "12",
-				"aria-hidden": "true",
-				className: t.chevron,
-				children: /* @__PURE__ */ l("path", {
-					d: "M4 6l4 4 4-4",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.5",
-					strokeLinecap: "round",
-					strokeLinejoin: "round"
-				})
-			})]
-		}), /* @__PURE__ */ l("div", {
-			ref: d,
-			popover: "auto",
-			role: "menu",
-			"aria-label": n.label,
-			"data-state": f.value ? "open" : "closed",
-			style: { positionAnchor: p },
-			className: t.navMenuPanel,
-			onKeyDown: y,
-			children: n.items.map((e, n) => /* @__PURE__ */ l(s, {
-				href: e.href,
-				role: "menuitem",
-				"aria-current": e.active ? "page" : void 0,
-				"data-state": e.active ? "active" : void 0,
-				className: t.navMenuItem,
-				onClick: h,
-				children: e.label
-			}, e.id ?? `${n}-${e.href}`))
-		})]
-	});
-}
-function m({ brand: e, nav: i, center: a, actions: m, end: h, onMenuClick: g, menuExpanded: _, skipToContentHref: v = "#cascade-main", labels: y, className: b }) {
-	o();
-	let x = r(), S = y?.nav ?? c(s.shellHeader.nav), C = _ ? y?.closeMenu ?? c(s.shellHeader.closeMenu) : y?.openMenu ?? c(s.shellHeader.openMenu);
-	return /* @__PURE__ */ u("header", {
-		role: "banner",
-		className: n(t.header, b),
-		children: [
-			v !== !1 && /* @__PURE__ */ l("a", {
-				href: v,
-				className: t.skipLink,
-				children: y?.skipToContent ?? c(s.shellHeader.skipToContent)
-			}),
-			g && /* @__PURE__ */ l("button", {
-				type: "button",
-				"aria-label": C,
-				"aria-expanded": _ ?? !1,
-				className: t.menuButton,
-				onClick: g,
-				children: /* @__PURE__ */ l("svg", {
-					viewBox: "0 0 16 16",
-					width: "16",
-					height: "16",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ l("path", {
-						d: "M2 4h12M2 8h12M2 12h12",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						strokeLinecap: "round"
-					})
-				})
-			}),
-			e != null && (d(e) ? /* @__PURE__ */ u(x, {
-				href: e.href ?? "/",
-				"aria-label": [e.prefix, e.name].filter(Boolean).join(" "),
-				className: t.brand,
-				children: [e.prefix && /* @__PURE__ */ l("span", {
-					className: t.brandPrefix,
-					children: e.prefix
-				}), /* @__PURE__ */ l("span", {
-					className: t.brandName,
-					children: e.name
-				})]
-			}) : /* @__PURE__ */ l("div", {
-				className: t.brand,
-				children: e
-			})),
-			i && i.length > 0 && /* @__PURE__ */ l("nav", {
-				"aria-label": S,
-				className: t.nav,
-				children: /* @__PURE__ */ l("ul", {
-					className: t.navList,
-					children: i.map((e, n) => f(e) ? /* @__PURE__ */ l(p, { item: e }, e.id ?? `${n}-${e.label}`) : /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(x, {
-						href: e.href,
-						"aria-current": e.active ? "page" : void 0,
-						"data-state": e.active ? "active" : void 0,
-						className: t.navLink,
-						...e.onClick ? { onClick: e.onClick } : {},
-						children: e.label
-					}) }, e.id ?? `${n}-${e.href}`))
-				})
-			}),
-			a ? /* @__PURE__ */ l("div", {
-				className: t.center,
-				children: a
-			}) : /* @__PURE__ */ l("div", { className: t.spacer }),
-			m && m.length > 0 && /* @__PURE__ */ l("div", {
-				className: t.actions,
-				children: m.map((e) => /* @__PURE__ */ l("button", {
-					type: "button",
-					"aria-label": e.label,
-					"aria-pressed": e.active ?? !1,
-					title: e.label,
-					"data-state": e.active ? "active" : void 0,
-					className: t.action,
-					onClick: e.onClick,
-					children: /* @__PURE__ */ l("span", {
-						className: t.actionIcon,
-						"aria-hidden": "true",
-						children: e.icon
-					})
-				}, e.id))
-			}),
-			h && /* @__PURE__ */ l("div", {
-				className: t.end,
-				children: h
-			})
-		]
-	});
-}
-//#endregion
-export { m as ShellHeader };
+"use client";import{usePopover as e}from"../popover/use-popover.js";import t from"./shell-header.module.js";import{cn as n,getLinkComponent as r,useSignal as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{builtin as s,t as c}from"@cascivo/i18n";import{jsx as l,jsxs as u}from"react/jsx-runtime";function isBrandObject(e){return typeof e==`object`&&!!e&&`name`in e}function isNavMenu(e){return`items`in e}function NavMenu({item:n}){o();let s=r(),{triggerRef:c,popoverRef:d,isOpen:f,anchorName:p,toggle:m,close:h}=e(),g=n.items.some(e=>e.active),_=i(!1);a(()=>{if(!_.value||!f.value)return;_.value=!1;let e=d.current;e&&e.querySelector(`[role="menuitem"]`)?.focus()});function handleTriggerKeyDown(e){e.key===`ArrowDown`?(e.preventDefault(),f.value?d.current?.querySelector(`[role="menuitem"]`)?.focus():(_.value=!0,m())):e.key===`Escape`&&(e.preventDefault(),h())}function handlePanelKeyDown(e){let t=Array.from(d.current?.querySelectorAll(`[role="menuitem"]`)??[]),n=t.indexOf(document.activeElement);e.key===`ArrowDown`?(e.preventDefault(),t[(n+1)%t.length]?.focus()):e.key===`ArrowUp`?(e.preventDefault(),t[(n-1+t.length)%t.length]?.focus()):e.key===`Escape`&&(h(),c.current?.focus())}return u(`li`,{className:t.navMenuWrapper,children:[u(`button`,{ref:c,type:`button`,"aria-haspopup":`menu`,"aria-expanded":f.value,"data-state":g?`active`:void 0,style:{anchorName:p},className:t.navMenuTrigger,onClick:m,onKeyDown:handleTriggerKeyDown,children:[n.label,l(`svg`,{viewBox:`0 0 16 16`,width:`12`,height:`12`,"aria-hidden":`true`,className:t.chevron,children:l(`path`,{d:`M4 6l4 4 4-4`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})]}),l(`div`,{ref:d,popover:`auto`,role:`menu`,"aria-label":n.label,"data-state":f.value?`open`:`closed`,style:{positionAnchor:p},className:t.navMenuPanel,onKeyDown:handlePanelKeyDown,children:n.items.map((e,n)=>l(s,{href:e.href,role:`menuitem`,"aria-current":e.active?`page`:void 0,"data-state":e.active?`active`:void 0,className:t.navMenuItem,onClick:h,children:e.label},e.id??`${n}-${e.href}`))})]})}function ShellHeader({brand:e,nav:i,center:a,actions:d,end:f,onMenuClick:p,menuExpanded:m,skipToContentHref:h=`#cascade-main`,labels:g,className:_}){o();let v=r(),y=g?.nav??c(s.shellHeader.nav),b=m?g?.closeMenu??c(s.shellHeader.closeMenu):g?.openMenu??c(s.shellHeader.openMenu);return u(`header`,{role:`banner`,className:n(t.header,_),children:[h!==!1&&l(`a`,{href:h,className:t.skipLink,children:g?.skipToContent??c(s.shellHeader.skipToContent)}),p&&l(`button`,{type:`button`,"aria-label":b,"aria-expanded":m??!1,className:t.menuButton,onClick:p,children:l(`svg`,{viewBox:`0 0 16 16`,width:`16`,height:`16`,"aria-hidden":`true`,children:l(`path`,{d:`M2 4h12M2 8h12M2 12h12`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})}),e!=null&&(isBrandObject(e)?u(v,{href:e.href??`/`,"aria-label":[e.prefix,e.name].filter(Boolean).join(` `),className:t.brand,children:[e.prefix&&l(`span`,{className:t.brandPrefix,children:e.prefix}),l(`span`,{className:t.brandName,children:e.name})]}):l(`div`,{className:t.brand,children:e})),i&&i.length>0&&l(`nav`,{"aria-label":y,className:t.nav,children:l(`ul`,{className:t.navList,children:i.map((e,n)=>isNavMenu(e)?l(NavMenu,{item:e},e.id??`${n}-${e.label}`):l(`li`,{children:l(v,{href:e.href,"aria-current":e.active?`page`:void 0,"data-state":e.active?`active`:void 0,className:t.navLink,...e.onClick?{onClick:e.onClick}:{},children:e.label})},e.id??`${n}-${e.href}`))})}),a?l(`div`,{className:t.center,children:a}):l(`div`,{className:t.spacer}),d&&d.length>0&&l(`div`,{className:t.actions,children:d.map(e=>l(`button`,{type:`button`,"aria-label":e.label,"aria-pressed":e.active??!1,title:e.label,"data-state":e.active?`active`:void 0,className:t.action,onClick:e.onClick,children:l(`span`,{className:t.actionIcon,"aria-hidden":`true`,children:e.icon})},e.id))}),f&&l(`div`,{className:t.end,children:f})]})}export{ShellHeader};

package/dist/node/shell-header/shell-header.module.js

@@ -1,24 +1 @@
-var e = {
-	header: "_header_6njjo_2",
-	skipLink: "_skipLink_6njjo_14",
-	menuButton: "_menuButton_6njjo_36",
-	brand: "_brand_6njjo_59",
-	brandPrefix: "_brandPrefix_6njjo_69",
-	brandName: "_brandName_6njjo_73",
-	nav: "_nav_6njjo_77",
-	navList: "_navList_6njjo_81",
-	navLink: "_navLink_6njjo_90",
-	navMenuWrapper: "_navMenuWrapper_6njjo_119",
-	navMenuTrigger: "_navMenuTrigger_6njjo_124",
-	chevron: "_chevron_6njjo_156",
-	navMenuPanel: "_navMenuPanel_6njjo_164",
-	navMenuItem: "_navMenuItem_6njjo_197",
-	spacer: "_spacer_6njjo_219",
-	center: "_center_6njjo_226",
-	actions: "_actions_6njjo_235",
-	action: "_action_6njjo_235",
-	actionIcon: "_actionIcon_6njjo_269",
-	end: "_end_6njjo_277"
-};
-//#endregion
-export { e as default };
+var e={header:`_header_awr9h_2`,skipLink:`_skipLink_awr9h_14`,menuButton:`_menuButton_awr9h_36`,brand:`_brand_awr9h_59`,brandPrefix:`_brandPrefix_awr9h_69`,brandName:`_brandName_awr9h_73`,nav:`_nav_awr9h_77`,navList:`_navList_awr9h_81`,navLink:`_navLink_awr9h_90`,navMenuWrapper:`_navMenuWrapper_awr9h_119`,navMenuTrigger:`_navMenuTrigger_awr9h_124`,chevron:`_chevron_awr9h_156`,navMenuPanel:`_navMenuPanel_awr9h_164`,navMenuItem:`_navMenuItem_awr9h_197`,spacer:`_spacer_awr9h_219`,center:`_center_awr9h_226`,actions:`_actions_awr9h_235`,action:`_action_awr9h_235`,actionIcon:`_actionIcon_awr9h_269`,end:`_end_awr9h_277`};export{e as default};

package/dist/node/side-nav/side-nav.js

@@ -1,334 +1 @@
-"use client";
-
-import { Tooltip as e } from "../tooltip/tooltip.js";
-import { usePopover as t } from "../popover/use-popover.js";
-import n from "./side-nav.module.js";
-import { Fragment as r, useId as i } from "react";
-import { cn as a, focusElement as o, getLinkComponent as s, useControllableSignal as c, useSignal as l, useSignals as u } from "@cascivo/core";
-import { builtin as d, t as f } from "@cascivo/i18n";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region ../components/src/side-nav/side-nav.tsx
-function g(e) {
-	return !("type" in e);
-}
-function _() {
-	return /* @__PURE__ */ m("svg", {
-		viewBox: "0 0 16 16",
-		width: "14",
-		height: "14",
-		"aria-hidden": "true",
-		className: n.checkMark,
-		children: /* @__PURE__ */ m("path", {
-			d: "M3.5 8.5l3 3 6-7",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "1.5",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-function v(e, { inMenu: t, onActivate: r, extraClass: i }) {
-	let o = t ? "menuitem" : void 0, c = a(n.link, n.sublink, i), l = /* @__PURE__ */ h(p, { children: [
-		e.icon ? /* @__PURE__ */ m("span", {
-			className: n.icon,
-			"aria-hidden": "true",
-			children: e.icon
-		}) : null,
-		/* @__PURE__ */ m("span", {
-			className: n.label,
-			children: e.label
-		}),
-		e.selected ? /* @__PURE__ */ m(_, {}) : null
-	] });
-	return e.onSelect && !e.href ? /* @__PURE__ */ m("button", {
-		type: "button",
-		role: o,
-		"aria-current": e.active ? "page" : void 0,
-		"data-state": e.active ? "active" : void 0,
-		"data-selected": e.selected || void 0,
-		disabled: e.disabled,
-		className: c,
-		onClick: () => {
-			e.onSelect?.(), r?.();
-		},
-		children: l
-	}) : /* @__PURE__ */ m(s(), {
-		href: e.disabled ? void 0 : e.href,
-		role: o,
-		"aria-current": e.active ? "page" : void 0,
-		"aria-disabled": e.disabled || void 0,
-		tabIndex: e.disabled ? -1 : void 0,
-		"data-state": e.active ? "active" : void 0,
-		"data-selected": e.selected || void 0,
-		className: c,
-		onClick: (t) => {
-			if (e.disabled) {
-				t.preventDefault();
-				return;
-			}
-			e.onSelect?.(), r?.();
-		},
-		children: l
-	});
-}
-function y(e) {
-	if (typeof Intl < "u" && "Segmenter" in Intl) {
-		let t = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-		for (let n of t.segment(e)) return n.segment;
-	}
-	return [...e][0] ?? "";
-}
-function b({ item: e }) {
-	let { triggerRef: i, popoverRef: a, isOpen: s, anchorName: c, open: l, close: u, toggle: d } = t(), f = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
-		ref: i,
-		type: "button",
-		"aria-haspopup": "menu",
-		"aria-expanded": s.value,
-		"aria-label": e.label,
-		"data-state": s.value ? "open" : "closed",
-		style: { anchorName: c },
-		className: n.groupTrigger,
-		onClick: () => d(),
-		onKeyDown: (e) => {
-			if (e.key === "ArrowDown") {
-				e.preventDefault(), s.value || l();
-				let t = a.current;
-				t && setTimeout(() => {
-					t.querySelector(f)?.focus();
-				}, 0);
-			} else e.key === "Escape" && u();
-		},
-		children: e.icon ? /* @__PURE__ */ m("span", {
-			className: n.icon,
-			"aria-hidden": "true",
-			children: e.icon
-		}) : /* @__PURE__ */ m("span", {
-			className: n.fallbackIcon,
-			"data-fallback-icon": !0,
-			"aria-hidden": "true",
-			children: y(e.label)
-		})
-	}), /* @__PURE__ */ h("div", {
-		ref: a,
-		popover: "auto",
-		role: "menu",
-		"aria-label": e.label,
-		style: { positionAnchor: c },
-		className: n.railFlyout,
-		onKeyDown: (e) => {
-			let t = a.current;
-			if (!t) return;
-			let n = Array.from(t.querySelectorAll(f)), r = n.indexOf(e.target);
-			e.key === "ArrowDown" ? (e.preventDefault(), n[(r + 1) % n.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[(r - 1 + n.length) % n.length]?.focus()) : e.key === "Escape" && (e.preventDefault(), u(), o(i.current));
-		},
-		children: [/* @__PURE__ */ m("div", {
-			className: n.railFlyoutCaption,
-			"aria-hidden": "true",
-			children: e.label
-		}), e.items.map((e, t) => g(e) ? /* @__PURE__ */ m(r, { children: v(e, {
-			inMenu: !0,
-			onActivate: u,
-			extraClass: n.flyoutItem
-		}) }, t) : e.type === "separator" ? /* @__PURE__ */ m("div", {
-			role: "separator",
-			className: n.flyoutSeparator
-		}, t) : /* @__PURE__ */ m("div", {
-			className: n.railFlyoutCaption,
-			"aria-hidden": "true",
-			children: e.label
-		}, t))]
-	})] });
-}
-function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onCollapsedChange: x, ariaLabel: S, label: C, collapseLabel: w, expandLabel: T, expandOnHover: E = !1, showCollapseToggle: D = !0, header: O, footer: k, className: A }) {
-	u();
-	let j = S ?? C ?? f(d.sideNav.nav), M = w ?? f(d.sideNav.collapse), N = T ?? f(d.sideNav.expand), P = i(), [F] = c({
-		value: o,
-		defaultValue: _
-	}), I = r ?? (t ? [{ items: t }] : [{ items: [] }]), L = l(I.flatMap((e) => e.items).filter((e) => e.items?.some((e) => g(e) && e.active)).map((e) => e.label)), R = (e) => {
-		let t = L.value;
-		L.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
-	}, z = () => {
-		let e = !F.value;
-		o === void 0 && (F.value = e), x?.(e);
-	}, B = F.value;
-	return /* @__PURE__ */ h("nav", {
-		"aria-label": j,
-		"data-state": B ? "collapsed" : "expanded",
-		"data-expand-on-hover": B && E ? "" : void 0,
-		className: a(n.sideNav, A),
-		children: [
-			O && /* @__PURE__ */ m("div", {
-				className: n.header,
-				children: O
-			}),
-			/* @__PURE__ */ m("ul", {
-				className: n.list,
-				children: I.map((t, r) => /* @__PURE__ */ h("li", {
-					className: n.group,
-					children: [t.label && /* @__PURE__ */ m("h3", {
-						className: n.groupLabel,
-						children: t.label
-					}), /* @__PURE__ */ m("ul", {
-						className: n.groupItems,
-						children: t.items.map((t, i) => {
-							let a = `${r}-${i}`;
-							if (t.items) {
-								if (B && !E) return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(b, { item: t }) }, t.id ?? a);
-								let e = L.value.includes(t.label), r = `${P}-group-${a}`;
-								return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("button", {
-									type: "button",
-									"aria-expanded": e,
-									"aria-controls": r,
-									"aria-label": B ? t.label : void 0,
-									"data-state": e ? "open" : "closed",
-									className: n.groupTrigger,
-									onClick: () => R(t.label),
-									children: [
-										t.icon ? /* @__PURE__ */ m("span", {
-											className: n.icon,
-											"aria-hidden": "true",
-											children: t.icon
-										}) : B ? /* @__PURE__ */ m("span", {
-											className: n.fallbackIcon,
-											"data-fallback-icon": !0,
-											"aria-hidden": "true",
-											children: y(t.label)
-										}) : null,
-										/* @__PURE__ */ m("span", {
-											className: n.label,
-											"data-rail-hidden": B || void 0,
-											children: t.label
-										}),
-										/* @__PURE__ */ m("svg", {
-											viewBox: "0 0 16 16",
-											width: "12",
-											height: "12",
-											"aria-hidden": "true",
-											className: n.groupIndicator,
-											children: /* @__PURE__ */ m("path", {
-												d: "M4 6l4 4 4-4",
-												fill: "none",
-												stroke: "currentColor",
-												strokeWidth: "1.5",
-												strokeLinecap: "round",
-												strokeLinejoin: "round"
-											})
-										})
-									]
-								}), /* @__PURE__ */ m("div", {
-									id: r,
-									"data-state": e ? "open" : "closed",
-									className: n.sublist,
-									children: /* @__PURE__ */ m("ul", {
-										className: n.sublistInner,
-										children: t.items.map((e, t) => g(e) ? /* @__PURE__ */ m("li", { children: v(e, { inMenu: !1 }) }, t) : e.type === "separator" ? /* @__PURE__ */ m("li", {
-											role: "separator",
-											className: n.subSeparator
-										}, t) : /* @__PURE__ */ m("li", {
-											className: n.subGroupLabel,
-											children: e.label
-										}, t))
-									})
-								})] }, t.id ?? a);
-							}
-							let o = /* @__PURE__ */ h(p, { children: [
-								t.icon ? /* @__PURE__ */ m("span", {
-									className: n.icon,
-									"aria-hidden": "true",
-									children: t.icon
-								}) : B ? /* @__PURE__ */ m("span", {
-									className: n.fallbackIcon,
-									"data-fallback-icon": !0,
-									"aria-hidden": "true",
-									children: y(t.label)
-								}) : null,
-								/* @__PURE__ */ m("span", {
-									className: n.label,
-									"data-rail-hidden": B || void 0,
-									children: t.label
-								}),
-								t.trailing == null ? null : /* @__PURE__ */ m("span", {
-									className: n.trailing,
-									"data-rail-hidden": B || void 0,
-									children: t.trailing
-								})
-							] }), c = t.tone && t.tone !== "default" ? t.tone : void 0, l = {
-								href: t.disabled ? void 0 : t.href,
-								"aria-current": t.active ? "page" : void 0,
-								"aria-label": B ? t.label : void 0,
-								"aria-disabled": t.disabled || void 0,
-								tabIndex: t.disabled ? -1 : void 0,
-								"data-state": t.active ? "active" : void 0,
-								"data-tone": c,
-								className: n.link,
-								onClick: (e) => {
-									if (t.disabled) {
-										e.preventDefault();
-										return;
-									}
-									t.onClick?.(e);
-								}
-							};
-							if (t.render) return /* @__PURE__ */ m("li", {
-								className: n.customItem,
-								children: t.render({
-									collapsed: B,
-									children: o,
-									linkProps: l
-								})
-							}, t.id ?? a);
-							let u = s(), d = t.onClick && !t.href ? /* @__PURE__ */ m("button", {
-								type: "button",
-								"aria-current": t.active ? "page" : void 0,
-								"aria-label": B ? t.label : void 0,
-								"data-state": t.active ? "active" : void 0,
-								"data-tone": c,
-								className: n.link,
-								disabled: t.disabled,
-								onClick: (e) => t.onClick?.(e),
-								children: o
-							}) : /* @__PURE__ */ m(u, {
-								...l,
-								children: o
-							});
-							return /* @__PURE__ */ m("li", { children: B && !E ? /* @__PURE__ */ m(e, {
-								content: t.label,
-								placement: "right",
-								children: d
-							}) : d }, t.id ?? a);
-						})
-					})]
-				}, t.id ?? r))
-			}),
-			k && /* @__PURE__ */ m("div", {
-				className: n.footer,
-				children: k
-			}),
-			D && /* @__PURE__ */ m("button", {
-				type: "button",
-				"aria-label": B ? N : M,
-				className: n.collapseToggle,
-				onClick: z,
-				children: /* @__PURE__ */ m("svg", {
-					viewBox: "0 0 16 16",
-					width: "14",
-					height: "14",
-					"aria-hidden": "true",
-					className: n.collapseIcon,
-					children: /* @__PURE__ */ m("path", {
-						d: "M10 4l-4 4 4 4",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "1.5",
-						strokeLinecap: "round",
-						strokeLinejoin: "round"
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { x as SideNav };
+"use client";import{Tooltip as e}from"../tooltip/tooltip.js";import{usePopover as t}from"../popover/use-popover.js";import n from"./side-nav.module.js";import{Fragment as r,useId as i}from"react";import{cn as a,focusElement as o,getLinkComponent as s,useSignal as c,useSignals as l}from"@cascivo/core";import{builtin as u,t as d}from"@cascivo/i18n";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";function isLinkSubItem(e){return!(`type`in e)}function renderSlot(e,t){return typeof e==`function`?e({collapsed:t}):e}function CheckMark(){return p(`svg`,{viewBox:`0 0 16 16`,width:`14`,height:`14`,"aria-hidden":`true`,className:n.checkMark,children:p(`path`,{d:`M3.5 8.5l3 3 6-7`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function renderSubControl(e,{inMenu:t,onActivate:r,extraClass:i}){let o=t?`menuitem`:void 0,c=a(n.link,n.sublink,i),l=m(f,{children:[e.icon?p(`span`,{className:n.icon,"aria-hidden":`true`,children:e.icon}):null,p(`span`,{className:n.label,children:e.label}),e.selected?p(CheckMark,{}):null]});return e.onSelect&&!e.href?p(`button`,{type:`button`,role:o,"aria-current":e.active?`page`:void 0,"data-state":e.active?`active`:void 0,"data-selected":e.selected||void 0,disabled:e.disabled,className:c,onClick:()=>{e.onSelect?.(),r?.()},children:l}):p(s(),{href:e.disabled?void 0:e.href,role:o,"aria-current":e.active?`page`:void 0,"aria-disabled":e.disabled||void 0,tabIndex:e.disabled?-1:void 0,"data-state":e.active?`active`:void 0,"data-selected":e.selected||void 0,className:c,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.(),r?.()},children:l})}function firstGrapheme(e){if(typeof Intl<`u`&&`Segmenter`in Intl){let t=new Intl.Segmenter(void 0,{granularity:`grapheme`});for(let n of t.segment(e))return n.segment}return[...e][0]??``}function RailGroupFlyout({item:e}){let{triggerRef:i,popoverRef:a,isOpen:s,anchorName:c,open:l,close:u,toggle:d}=t(),h=`[role="menuitem"]:not([disabled]):not([aria-disabled="true"])`;return m(f,{children:[p(`button`,{ref:i,type:`button`,"aria-haspopup":`menu`,"aria-expanded":s.value,"aria-label":e.label,"data-state":s.value?`open`:`closed`,style:{anchorName:c},className:n.groupTrigger,onClick:()=>d(),onKeyDown:e=>{if(e.key===`ArrowDown`){e.preventDefault(),s.value||l();let t=a.current;t&&setTimeout(()=>{t.querySelector(h)?.focus()},0)}else e.key===`Escape`&&u()},children:e.icon?p(`span`,{className:n.icon,"aria-hidden":`true`,children:e.icon}):p(`span`,{className:n.fallbackIcon,"data-fallback-icon":!0,"aria-hidden":`true`,children:firstGrapheme(e.label)})}),m(`div`,{ref:a,popover:`auto`,role:`menu`,"aria-label":e.label,style:{positionAnchor:c},className:n.railFlyout,onKeyDown:e=>{let t=a.current;if(!t)return;let n=Array.from(t.querySelectorAll(h)),r=n.indexOf(e.target);e.key===`ArrowDown`?(e.preventDefault(),n[(r+1)%n.length]?.focus()):e.key===`ArrowUp`?(e.preventDefault(),n[(r-1+n.length)%n.length]?.focus()):e.key===`Escape`&&(e.preventDefault(),u(),o(i.current))},children:[p(`div`,{className:n.railFlyoutCaption,"aria-hidden":`true`,children:e.label}),e.items.map((e,t)=>isLinkSubItem(e)?p(r,{children:renderSubControl(e,{inMenu:!0,onActivate:u,extraClass:n.flyoutItem})},t):e.type===`separator`?p(`div`,{role:`separator`,className:n.flyoutSeparator},t):p(`div`,{className:n.railFlyoutCaption,"aria-hidden":`true`,children:e.label},t))]})]})}function SideNav({items:t,groups:r,collapsed:o,defaultCollapsed:h=!1,onCollapsedChange:g,ariaLabel:_,label:v,collapseLabel:y,expandLabel:b,expandOnHover:x=!1,showCollapseToggle:S=!0,header:C,footer:w,className:T}){l();let E=_??v??d(u.sideNav.nav),D=y??d(u.sideNav.collapse),O=b??d(u.sideNav.expand),k=i(),A=c(h),j=o??A.value,M=r??(t?[{items:t}]:[{items:[]}]),N=c(M.flatMap(e=>e.items).filter(e=>e.items?.some(e=>isLinkSubItem(e)&&e.active)).map(e=>e.label)),toggleGroup=e=>{let t=N.value;N.value=t.includes(e)?t.filter(t=>t!==e):[...t,e]};return m(`nav`,{"aria-label":E,"data-state":j?`collapsed`:`expanded`,"data-expand-on-hover":j&&x?``:void 0,className:a(n.sideNav,T),children:[C!=null&&C!==!1&&p(`div`,{className:n.header,children:renderSlot(C,j)}),p(`ul`,{className:n.list,children:M.map((t,r)=>m(`li`,{className:n.group,children:[t.label&&p(`h3`,{className:n.groupLabel,children:t.label}),p(`ul`,{className:n.groupItems,children:t.items.map((t,i)=>{let a=`${r}-${i}`;if(t.items){if(j&&!x)return p(`li`,{children:p(RailGroupFlyout,{item:t})},t.id??a);let e=N.value.includes(t.label),r=`${k}-group-${a}`;return m(`li`,{children:[m(`button`,{type:`button`,"aria-expanded":e,"aria-controls":r,"aria-label":j?t.label:void 0,"data-state":e?`open`:`closed`,className:n.groupTrigger,onClick:()=>toggleGroup(t.label),children:[t.icon?p(`span`,{className:n.icon,"aria-hidden":`true`,children:t.icon}):j?p(`span`,{className:n.fallbackIcon,"data-fallback-icon":!0,"aria-hidden":`true`,children:firstGrapheme(t.label)}):null,p(`span`,{className:n.label,"data-rail-hidden":j||void 0,children:t.label}),p(`svg`,{viewBox:`0 0 16 16`,width:`12`,height:`12`,"aria-hidden":`true`,className:n.groupIndicator,children:p(`path`,{d:`M4 6l4 4 4-4`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})]}),p(`div`,{id:r,"data-state":e?`open`:`closed`,className:n.sublist,children:p(`ul`,{className:n.sublistInner,children:t.items.map((e,t)=>isLinkSubItem(e)?p(`li`,{children:renderSubControl(e,{inMenu:!1})},t):e.type===`separator`?p(`li`,{role:`separator`,className:n.subSeparator},t):p(`li`,{className:n.subGroupLabel,children:e.label},t))})})]},t.id??a)}let o=m(f,{children:[t.icon?p(`span`,{className:n.icon,"aria-hidden":`true`,children:t.icon}):j?p(`span`,{className:n.fallbackIcon,"data-fallback-icon":!0,"aria-hidden":`true`,children:firstGrapheme(t.label)}):null,p(`span`,{className:n.label,"data-rail-hidden":j||void 0,children:t.label}),t.trailing==null?null:p(`span`,{className:n.trailing,"data-rail-hidden":j||void 0,children:t.trailing})]}),c=t.tone&&t.tone!=="default"?t.tone:void 0,l={href:t.disabled?void 0:t.href,"aria-current":t.active?`page`:void 0,"aria-label":j?t.label:void 0,"aria-disabled":t.disabled||void 0,tabIndex:t.disabled?-1:void 0,"data-state":t.active?`active`:void 0,"data-tone":c,className:n.link,onClick:e=>{if(t.disabled){e.preventDefault();return}t.onClick?.(e)}};if(t.render)return p(`li`,{className:n.customItem,children:t.render({collapsed:j,children:o,linkProps:l})},t.id??a);let u=s(),d=t.onClick&&!t.href?p(`button`,{type:`button`,"aria-current":t.active?`page`:void 0,"aria-label":j?t.label:void 0,"data-state":t.active?`active`:void 0,"data-tone":c,className:n.link,disabled:t.disabled,onClick:e=>t.onClick?.(e),children:o}):p(u,{...l,children:o});return p(`li`,{children:j&&!x?p(e,{content:t.label,placement:`right`,children:d}):d},t.id??a)})})]},t.id??r))}),w!=null&&w!==!1&&p(`div`,{className:n.footer,children:renderSlot(w,j)}),S&&p(`button`,{type:`button`,"aria-label":j?O:D,className:n.collapseToggle,onClick:()=>{let e=!j;o===void 0&&(A.value=e),g?.(e)},children:p(`svg`,{viewBox:`0 0 16 16`,width:`14`,height:`14`,"aria-hidden":`true`,className:n.collapseIcon,children:p(`path`,{d:`M10 4l-4 4 4 4`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})})]})}export{SideNav};

package/dist/node/side-nav/side-nav.module.js

@@ -1,31 +1 @@
-var e = {
-	sideNav: "_sideNav_uayvm_2",
-	label: "_label_uayvm_24",
-	trailing: "_trailing_uayvm_25",
-	groupIndicator: "_groupIndicator_uayvm_29",
-	link: "_link_uayvm_50",
-	groupTrigger: "_groupTrigger_uayvm_51",
-	fallbackIcon: "_fallbackIcon_uayvm_60",
-	list: "_list_uayvm_67",
-	sublistInner: "_sublistInner_uayvm_68",
-	groupItems: "_groupItems_uayvm_69",
-	group: "_group_uayvm_29",
-	groupLabel: "_groupLabel_uayvm_84",
-	checkMark: "_checkMark_uayvm_185",
-	icon: "_icon_uayvm_191",
-	sublist: "_sublist_uayvm_68",
-	sublink: "_sublink_uayvm_251",
-	subSeparator: "_subSeparator_uayvm_263",
-	subGroupLabel: "_subGroupLabel_uayvm_270",
-	header: "_header_uayvm_282",
-	footer: "_footer_uayvm_289",
-	customItem: "_customItem_uayvm_297",
-	collapseToggle: "_collapseToggle_uayvm_302",
-	collapseIcon: "_collapseIcon_uayvm_328",
-	railFlyout: "_railFlyout_uayvm_337",
-	railFlyoutCaption: "_railFlyoutCaption_uayvm_369",
-	flyoutItem: "_flyoutItem_uayvm_379",
-	flyoutSeparator: "_flyoutSeparator_uayvm_384"
-};
-//#endregion
-export { e as default };
+var e={sideNav:`_sideNav_11mx5_2`,label:`_label_11mx5_24`,trailing:`_trailing_11mx5_25`,groupIndicator:`_groupIndicator_11mx5_29`,groupLabel:`_groupLabel_11mx5_39`,group:`_group_11mx5_29`,groupItems:`_groupItems_11mx5_47`,link:`_link_11mx5_79`,groupTrigger:`_groupTrigger_11mx5_80`,fallbackIcon:`_fallbackIcon_11mx5_89`,list:`_list_11mx5_96`,sublistInner:`_sublistInner_11mx5_97`,checkMark:`_checkMark_11mx5_214`,icon:`_icon_11mx5_220`,sublist:`_sublist_11mx5_97`,sublink:`_sublink_11mx5_280`,subSeparator:`_subSeparator_11mx5_292`,subGroupLabel:`_subGroupLabel_11mx5_299`,header:`_header_11mx5_311`,footer:`_footer_11mx5_318`,customItem:`_customItem_11mx5_326`,collapseToggle:`_collapseToggle_11mx5_331`,collapseIcon:`_collapseIcon_11mx5_357`,railFlyout:`_railFlyout_11mx5_366`,railFlyoutCaption:`_railFlyoutCaption_11mx5_398`,flyoutItem:`_flyoutItem_11mx5_408`,flyoutSeparator:`_flyoutSeparator_11mx5_413`};export{e as default};

package/dist/node/skeleton/skeleton.js

@@ -1,23 +1 @@
-import e from "./skeleton.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/skeleton/skeleton.tsx
-function r({ variant: r = "text", width: i, height: a, lines: o = 1, className: s, style: c, ...l }) {
-	let u = {
-		...i !== void 0 && { "--cascivo-skeleton-width": i },
-		...a !== void 0 && { "--cascivo-skeleton-height": a }
-	};
-	return /* @__PURE__ */ n("div", {
-		"aria-hidden": "true",
-		"data-variant": r,
-		className: t(e.skeleton, s),
-		style: {
-			...u,
-			...c
-		},
-		...l,
-		children: r === "text" && Array.from({ length: o }, (t, r) => /* @__PURE__ */ n("span", { className: e.line }, r))
-	});
-}
-//#endregion
-export { r as Skeleton };
+import e from"./skeleton.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function Skeleton({variant:r=`text`,width:i,height:a,lines:o=1,className:s,style:c,...l}){let u={...i!==void 0&&{"--cascivo-skeleton-width":i},...a!==void 0&&{"--cascivo-skeleton-height":a}};return n(`div`,{"aria-hidden":`true`,"data-variant":r,className:t(e.skeleton,s),style:{...u,...c},...l,children:r===`text`&&Array.from({length:o},(t,r)=>n(`span`,{className:e.line},r))})}export{Skeleton};

package/dist/node/skeleton/skeleton.module.js

@@ -1,7 +1 @@
-var e = {
-	skeleton: "_skeleton_14kv6_2",
-	line: "_line_14kv6_23",
-	"cascade-shimmer": "_cascade-shimmer_14kv6_1"
-};
-//#endregion
-export { e as default };
+var e={skeleton:`_skeleton_1a3ar_2`,line:`_line_1a3ar_23`};export{e as default};

package/dist/node/skip-nav/skip-nav.js

@@ -1,28 +1 @@
-"use client";
-
-import e from "./skip-nav.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o } from "react/jsx-runtime";
-//#region ../components/src/skip-nav/skip-nav.tsx
-var s = "cascade-skip-target", c = t(function({ targetId: t = s, labels: c, className: l, ...u }, d) {
-	r();
-	let f = c?.label ?? a(i.skipNav.label);
-	return /* @__PURE__ */ o("a", {
-		ref: d,
-		href: `#${t}`,
-		className: n(e.link, l),
-		...u,
-		children: f
-	});
-});
-function l({ id: e = s, ...t }) {
-	return /* @__PURE__ */ o("div", {
-		id: e,
-		tabIndex: -1,
-		...t
-	});
-}
-//#endregion
-export { c as SkipNavLink, l as SkipNavTarget };
+"use client";import e from"./skip-nav.module.js";import{forwardRef as t}from"react";import{cn as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{jsx as o}from"react/jsx-runtime";var s=`cascade-skip-target`,c=t(function({targetId:t=s,labels:c,className:l,...u},d){r();let f=c?.label??a(i.skipNav.label);return o(`a`,{ref:d,href:`#${t}`,className:n(e.link,l),...u,children:f})});function SkipNavTarget({id:e=s,...t}){return o(`div`,{id:e,tabIndex:-1,...t})}export{c as SkipNavLink,SkipNavTarget};

package/dist/node/skip-nav/skip-nav.module.js

@@ -1,3 +1 @@
-var e = { link: "_link_19qpc_2" };
-//#endregion
-export { e as default };
+var e={link:`_link_19qpc_2`};export{e as default};