@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/navigation/Pagination/Pagination.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("./Pagination.module.css.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=(e,t)=>e>t?[]:Array.from({length:t-e+1},(t,n)=>e+n),l=(e,t)=>Math.max(0,Math.floor(Number.isFinite(e)?e:t));function u({page:e,pageCount:t,siblingCount:n=1,boundaryCount:r=1}){let i=l(t,0);if(i===0)return[];let a=l(n,1),o=l(r,1),s=Math.min(Math.max(1,Math.floor(e)||1),i);if(i<=2*o+2*a+3)return c(1,i);let u=c(1,Math.min(o,i)),d=c(Math.max(i-o+1,o+1),i),f=Math.max(Math.min(s-a,i-o-a*2-1),o+2),p=Math.min(Math.max(s+a,o+a*2+2),i-o-1),m=[...u];return f>o+2?m.push(`ellipsis-start`):o+1<i-o&&m.push(o+1),m.push(...c(f,p)),p<i-o-1?m.push(`ellipsis-end`):i-o>o&&m.push(i-o),m.push(...d),m}var d={sm:a.default.sm,md:a.default.md,lg:a.default.lg},f=e=>(t,n,r)=>{switch(t){case`previous`:return e.previous;case`next`:return e.next;case`first`:return e.first;case`last`:return e.last;default:return r?e.currentPage(n):e.goToPage(n)}},p=e=>(t,n)=>(0,s.jsx)(s.Fragment,{children:e.split(/(\{page\}|\{total\})/).map((e,r)=>e===`{page}`?(0,s.jsx)(`strong`,{className:a.default.statusNumber,children:t},r):e===`{total}`?(0,s.jsx)(`strong`,{className:a.default.statusNumber,children:n},r):e)}),m=({pageCount:c,page:m,defaultPage:h=1,onPageChange:g,siblingCount:_=1,boundaryCount:v=1,showFirstLast:y=!1,compact:b=!1,size:x=`md`,variant:S=`ghost`,disabled:C=!1,getHref:w,onLinkClick:T,getItemAriaLabel:E,formatStatus:D,className:O,"aria-label":k,"aria-labelledby":A,...j})=>{let M=t.useMessages(),N=E??f(M.pagination),P=D??p(M.pagination.status),F=l(c,0),[I,L]=e.useControllableState({value:m,defaultValue:h,onChange:g}),R=F===0?1:Math.min(Math.max(1,Math.floor(I)||1),F),z=(0,o.useRef)(null),B=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=B.current;if(!e)return;B.current=null;let t=z.current;(t?.querySelector(`[aria-current="page"]`)??t?.querySelector(`[data-pagination-item="${e}"]:not([disabled])`)??t?.querySelector(`button:not([disabled]), a[href]`))?.focus()},[R]);let V=R<=1,H=R>=F,U=(e,t)=>{let n=Math.min(Math.max(1,e),Math.max(1,F));n!==R&&(t&&(n===1||n===F)&&(B.current=n===1?`next`:`previous`,requestAnimationFrame(()=>{B.current=null})),L(n))},W=(e,t,n=!1)=>{let r=Math.min(Math.max(1,e),Math.max(1,F));return{...w&&!n&&F>0?{href:w(r)}:{},onClick:e=>{if(!w){U(r,t);return}e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(T?.(r,e),e.defaultPrevented&&U(r,t))}}},G=(e,t,n,i)=>(0,s.jsx)(`li`,{className:a.default.item,children:(0,s.jsx)(r.IconButton,{...W(t,!0,C||n),variant:S,tone:`neutral`,size:x,disabled:C||n,"aria-label":N(e,t,!1),"data-pagination-item":e,children:i})},e),K=[y&&G(`first`,1,V,(0,s.jsx)(i.ChevronsLeftIcon,{})),G(`previous`,R-1,V,(0,s.jsx)(i.ChevronLeftIcon,{}))],q=[G(`next`,R+1,H,(0,s.jsx)(i.ChevronRightIcon,{})),y&&G(`last`,F,H,(0,s.jsx)(i.ChevronsRightIcon,{}))],J;return J=b?(0,s.jsx)(`li`,{className:n.cx(a.default.item,a.default.statusItem),children:(0,s.jsx)(`span`,{className:a.default.status,"aria-live":`polite`,"aria-atomic":`true`,"aria-disabled":C||void 0,children:F===0?P(0,0):P(R,F)})},`status`):u({page:R,pageCount:F,siblingCount:_,boundaryCount:v}).map(e=>{if(typeof e!=`number`)return(0,s.jsx)(`li`,{className:n.cx(a.default.item,a.default.ellipsis),"aria-hidden":`true`,children:`…`},e);let t=e===R;return(0,s.jsx)(`li`,{className:n.cx(a.default.item,t&&a.default.current),children:(0,s.jsx)(r.Button,{...W(e,!1,C),variant:t?`solid`:S,tone:t?`primary`:`neutral`,size:x,compact:!0,disabled:C,"aria-current":t?`page`:void 0,"aria-label":N(`page`,e,t),"data-pagination-item":`page`,children:e})},`page-${e}`)}),(0,s.jsx)(`nav`,{...j,"aria-label":A?k:k??M.pagination.nav,"aria-labelledby":A,className:n.cx(a.default.root,d[x],b&&a.default.compact,C&&a.default.disabled,O),children:(0,s.jsxs)(`ul`,{ref:z,className:a.default.list,children:[K,J,q]})})};exports.Pagination=m,exports.getPaginationRange=u;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("./Pagination.module.css.cjs.js"),a=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=(e,t)=>e>t?[]:Array.from({length:t-e+1},(t,n)=>e+n),l=(e,t)=>Math.max(0,Math.floor(Number.isFinite(e)?e:t));function u({page:e,pageCount:t,siblingCount:n=1,boundaryCount:r=1}){let i=l(t,0);if(i===0)return[];let a=l(n,1),o=l(r,1),s=Math.min(Math.max(1,Math.floor(e)||1),i);if(i<=2*o+2*a+3)return c(1,i);let u=c(1,Math.min(o,i)),d=c(Math.max(i-o+1,o+1),i),f=Math.max(Math.min(s-a,i-o-a*2-1),o+2),p=Math.min(Math.max(s+a,o+a*2+2),i-o-1),m=[...u];return f>o+2?m.push(`ellipsis-start`):o+1<i-o&&m.push(o+1),m.push(...c(f,p)),p<i-o-1?m.push(`ellipsis-end`):i-o>o&&m.push(i-o),m.push(...d),m}var d={sm:i.default.sm,md:i.default.md,lg:i.default.lg},f=e=>(t,n,r)=>{switch(t){case`previous`:return e.previous;case`next`:return e.next;case`first`:return e.first;case`last`:return e.last;default:return r?e.currentPage(n):e.goToPage(n)}},p=e=>(t,n)=>(0,s.jsx)(s.Fragment,{children:e.split(/(\{page\}|\{total\})/).map((e,r)=>e===`{page}`?(0,s.jsx)(`strong`,{className:i.default.statusNumber,children:t},r):e===`{total}`?(0,s.jsx)(`strong`,{className:i.default.statusNumber,children:n},r):e)}),m=({pageCount:c,page:m,defaultPage:h=1,onPageChange:g,siblingCount:_=1,boundaryCount:v=1,showFirstLast:y=!1,compact:b=!1,size:x=`md`,variant:S=`ghost`,disabled:C=!1,getHref:w,onLinkClick:T,getItemAriaLabel:E,formatStatus:D,className:O,"aria-label":k,"aria-labelledby":A,...j})=>{let M=a.useMessages(),N=E??f(M.pagination),P=D??p(M.pagination.status),F=l(c,0),[I,L]=e.useControllableState({value:m,defaultValue:h,onChange:g}),R=F===0?1:Math.min(Math.max(1,Math.floor(I)||1),F),z=(0,o.useRef)(null),B=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=B.current;if(!e)return;B.current=null;let t=z.current;(t?.querySelector(`[aria-current="page"]`)??t?.querySelector(`[data-pagination-item="${e}"]:not([disabled])`)??t?.querySelector(`button:not([disabled]), a[href]`))?.focus()},[R]);let V=R<=1,H=R>=F,U=(e,t)=>{let n=Math.min(Math.max(1,e),Math.max(1,F));n!==R&&(t&&(n===1||n===F)&&(B.current=n===1?`next`:`previous`,requestAnimationFrame(()=>{B.current=null})),L(n))},W=(e,t,n=!1)=>{let r=Math.min(Math.max(1,e),Math.max(1,F));return{...w&&!n&&F>0?{href:w(r)}:{},onClick:e=>{w?e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(T?.(r,e),e.defaultPrevented&&U(r,t)):U(r,t)}}},G=(e,t,r,a)=>(0,s.jsx)(`li`,{className:i.default.item,children:(0,s.jsx)(n.IconButton,{...W(t,!0,C||r),variant:S,tone:`neutral`,size:x,disabled:C||r,"aria-label":N(e,t,!1),"data-pagination-item":e,children:a})},e),K=[y&&G(`first`,1,V,(0,s.jsx)(r.ChevronsLeftIcon,{})),G(`previous`,R-1,V,(0,s.jsx)(r.ChevronLeftIcon,{}))],q=[G(`next`,R+1,H,(0,s.jsx)(r.ChevronRightIcon,{})),y&&G(`last`,F,H,(0,s.jsx)(r.ChevronsRightIcon,{}))],J;return J=b?(0,s.jsx)(`li`,{className:t.cx(i.default.item,i.default.statusItem),children:(0,s.jsx)(`span`,{className:i.default.status,"aria-live":`polite`,"aria-atomic":`true`,"aria-disabled":C||void 0,children:F===0?P(0,0):P(R,F)})},`status`):u({page:R,pageCount:F,siblingCount:_,boundaryCount:v}).map(e=>{if(typeof e!=`number`)return(0,s.jsx)(`li`,{className:t.cx(i.default.item,i.default.ellipsis),"aria-hidden":`true`,children:`…`},e);let r=e===R;return(0,s.jsx)(`li`,{className:t.cx(i.default.item,r&&i.default.current),children:(0,s.jsx)(n.Button,{...W(e,!1,C),variant:r?`solid`:S,tone:r?`primary`:`neutral`,size:x,compact:!0,disabled:C,"aria-current":r?`page`:void 0,"aria-label":N(`page`,e,r),"data-pagination-item":`page`,children:e})},`page-${e}`)}),(0,s.jsx)(`nav`,{...j,"aria-label":A?k:k??M.pagination.nav,"aria-labelledby":A,className:t.cx(i.default.root,d[x],b&&i.default.compact,C&&i.default.disabled,O),children:(0,s.jsxs)(`ul`,{ref:z,className:i.default.list,children:[K,J,q]})})};exports.Pagination=m,exports.getPaginationRange=u;

package/dist/components/navigation/Pagination/Pagination.mjs

@@ -1,12 +1,13 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { Button as r, IconButton as i } from "../../primitives/Button/Button.mjs";
-import { ChevronLeftIcon as a, ChevronRightIcon as o, ChevronsLeftIcon as s, ChevronsRightIcon as c } from "../../primitives/Icon/icons.mjs";
-import l from "./Pagination.module.css.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { Button as n, IconButton as r } from "../../primitives/Button/Button.mjs";
+import { ChevronLeftIcon as i, ChevronRightIcon as a, ChevronsLeftIcon as o, ChevronsRightIcon as s } from "../../primitives/Icon/icons.mjs";
+import c from "./Pagination.module.css.mjs";
+import { useMessages as l } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as u, useRef as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/navigation/Pagination/Pagination.tsx
+// src/components/navigation/Pagination/Pagination.tsx
 var h = (e, t) => e > t ? [] : Array.from({ length: t - e + 1 }, (t, n) => e + n), g = (e, t) => Math.max(0, Math.floor(Number.isFinite(e) ? e : t));
 function _({ page: e, pageCount: t, siblingCount: n = 1, boundaryCount: r = 1 }) {
 	let i = g(t, 0);
@@ -17,9 +18,9 @@ function _({ page: e, pageCount: t, siblingCount: n = 1, boundaryCount: r = 1 })
 	return u > o + 2 ? f.push("ellipsis-start") : o + 1 < i - o && f.push(o + 1), f.push(...h(u, d)), d < i - o - 1 ? f.push("ellipsis-end") : i - o > o && f.push(i - o), f.push(...l), f;
 }
 var v = {
-	sm: l.sm,
-	md: l.md,
-	lg: l.lg
+	sm: c.sm,
+	md: c.md,
+	lg: c.lg
 }, y = (e) => (t, n, r) => {
 	switch (t) {
 		case "previous": return e.previous;
@@ -29,13 +30,13 @@ var v = {
 		default: return r ? e.currentPage(n) : e.goToPage(n);
 	}
 }, ee = (e) => (t, n) => /* @__PURE__ */ p(f, { children: e.split(/(\{page\}|\{total\})/).map((e, r) => e === "{page}" ? /* @__PURE__ */ p("strong", {
-	className: l.statusNumber,
+	className: c.statusNumber,
 	children: t
 }, r) : e === "{total}" ? /* @__PURE__ */ p("strong", {
-	className: l.statusNumber,
+	className: c.statusNumber,
 	children: n
 }, r) : e) }), b = ({ pageCount: f, page: h, defaultPage: b = 1, onPageChange: x, siblingCount: S = 1, boundaryCount: C = 1, showFirstLast: w = !1, compact: T = !1, size: E = "md", variant: D = "ghost", disabled: O = !1, getHref: k, onLinkClick: A, getItemAriaLabel: j, formatStatus: M, className: N, "aria-label": P, "aria-labelledby": F, ...I }) => {
-	let L = t(), R = j ?? y(L.pagination), z = M ?? ee(L.pagination.status), B = g(f, 0), [V, H] = e({
+	let L = l(), R = j ?? y(L.pagination), z = M ?? ee(L.pagination.status), B = g(f, 0), [V, H] = e({
 		value: h,
 		defaultValue: b,
 		onChange: x
@@ -57,16 +58,12 @@ var v = {
 		return {
 			...k && !n && B > 0 ? { href: k(r) } : {},
 			onClick: (e) => {
-				if (!k) {
-					J(r, t);
-					return;
-				}
-				e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (A?.(r, e), e.defaultPrevented && J(r, t));
+				k ? e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (A?.(r, e), e.defaultPrevented && J(r, t)) : J(r, t);
 			}
 		};
-	}, X = (e, t, n, r) => /* @__PURE__ */ p("li", {
-		className: l.item,
-		children: /* @__PURE__ */ p(i, {
+	}, X = (e, t, n, i) => /* @__PURE__ */ p("li", {
+		className: c.item,
+		children: /* @__PURE__ */ p(r, {
 			...Y(t, !0, O || n),
 			variant: D,
 			tone: "neutral",
@@ -74,13 +71,13 @@ var v = {
 			disabled: O || n,
 			"aria-label": R(e, t, !1),
 			"data-pagination-item": e,
-			children: r
+			children: i
 		})
-	}, e), Z = [w && X("first", 1, K, /* @__PURE__ */ p(s, {})), X("previous", U - 1, K, /* @__PURE__ */ p(a, {}))], Q = [X("next", U + 1, q, /* @__PURE__ */ p(o, {})), w && X("last", B, q, /* @__PURE__ */ p(c, {}))], $;
+	}, e), Z = [w && X("first", 1, K, /* @__PURE__ */ p(o, {})), X("previous", U - 1, K, /* @__PURE__ */ p(i, {}))], Q = [X("next", U + 1, q, /* @__PURE__ */ p(a, {})), w && X("last", B, q, /* @__PURE__ */ p(s, {}))], $;
 	return $ = T ? /* @__PURE__ */ p("li", {
-		className: n(l.item, l.statusItem),
+		className: t(c.item, c.statusItem),
 		children: /* @__PURE__ */ p("span", {
-			className: l.status,
+			className: c.status,
 			"aria-live": "polite",
 			"aria-atomic": "true",
 			"aria-disabled": O || void 0,
@@ -93,22 +90,22 @@ var v = {
 		boundaryCount: C
 	}).map((e) => {
 		if (typeof e != "number") return /* @__PURE__ */ p("li", {
-			className: n(l.item, l.ellipsis),
+			className: t(c.item, c.ellipsis),
 			"aria-hidden": "true",
 			children: "…"
 		}, e);
-		let t = e === U;
+		let r = e === U;
 		return /* @__PURE__ */ p("li", {
-			className: n(l.item, t && l.current),
-			children: /* @__PURE__ */ p(r, {
+			className: t(c.item, r && c.current),
+			children: /* @__PURE__ */ p(n, {
 				...Y(e, !1, O),
-				variant: t ? "solid" : D,
-				tone: t ? "primary" : "neutral",
+				variant: r ? "solid" : D,
+				tone: r ? "primary" : "neutral",
 				size: E,
 				compact: !0,
 				disabled: O,
-				"aria-current": t ? "page" : void 0,
-				"aria-label": R("page", e, t),
+				"aria-current": r ? "page" : void 0,
+				"aria-label": R("page", e, r),
 				"data-pagination-item": "page",
 				children: e
 			})
@@ -117,10 +114,10 @@ var v = {
 		...I,
 		"aria-label": F ? P : P ?? L.pagination.nav,
 		"aria-labelledby": F,
-		className: n(l.root, v[E], T && l.compact, O && l.disabled, N),
+		className: t(c.root, v[E], T && c.compact, O && c.disabled, N),
 		children: /* @__PURE__ */ m("ul", {
 			ref: W,
-			className: l.list,
+			className: c.list,
 			children: [
 				Z,
 				$,
@@ -129,5 +126,4 @@ var v = {
 		})
 	});
 };
-//#endregion
 export { b as Pagination, _ as getPaginationRange };

package/dist/components/navigation/Pagination/Pagination.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Pagination/Pagination.module.css
+// src/components/navigation/Pagination/Pagination.module.css
 var e = "_root_wi9ss_17", t = "_sm_wi9ss_35", n = "_md_wi9ss_47", r = "_lg_wi9ss_59", i = "_list_wi9ss_71", a = "_item_wi9ss_93", o = "_current_wi9ss_109", s = "_ellipsis_wi9ss_153", c = "_statusItem_wi9ss_179", l = "_status_wi9ss_179", u = "_statusNumber_wi9ss_207", d = "_compact_wi9ss_221", f = "_disabled_wi9ss_233", p = {
 	root: e,
 	sm: t,
@@ -15,5 +15,4 @@ var e = "_root_wi9ss_17", t = "_sm_wi9ss_35", n = "_md_wi9ss_47", r = "_lg_wi9ss
 	compact: d,
 	disabled: f
 };
-//#endregion
 export { d as compact, o as current, p as default, f as disabled, s as ellipsis, a as item, r as lg, i as list, n as md, e as root, t as sm, l as status, c as statusItem, u as statusNumber };

package/dist/components/navigation/Sidebar/Sidebar.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFocusTrap.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../overlays/Drawer/Drawer.cjs.js"),o=require("./SidebarContext.cjs.js"),s=require("./Sidebar.module.css.cjs.js"),c=require("./SidebarParts.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:s.default.sm,md:s.default.md,lg:s.default.lg};function f({memory:e}){let n=(0,l.useRef)(null);return(0,l.useLayoutEffect)(()=>{let r=n.current?.parentElement;return()=>{let n=document.activeElement;r&&n instanceof HTMLElement&&r.contains(n)&&(e.current=t.getFocusable(r).indexOf(n))}},[e]),(0,u.jsx)(`span`,{ref:n,hidden:!0})}var p=({children:c,mode:p=`static`,collapsed:m,defaultCollapsed:h=!1,onCollapsedChange:g,open:_,defaultOpen:v=!1,onOpenChange:y,closeOnNavigate:b=!0,overlayLabel:x,size:S=`md`,tooltipPlacement:C=`end`,id:w,className:T,"aria-label":E,"aria-labelledby":D,ref:O,...k})=>{let A=(0,l.useRef)(null),j=r.useMergedRef(A,O),[M]=(0,l.useState)(()=>new Map),N=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=N.current;N.current=null;let n=A.current;if(e===null||e<0||!n)return;let r=t.getFocusable(n);(r[e]??r[0])?.focus()},[p]);let P=n.useMessages(),F=(0,l.useId)(),I=w??`sidebar-${F}`,L=D?void 0:E??P.sidebar.nav,[R,z]=e.useControllableState({value:m,defaultValue:h,onChange:g}),[B,V]=e.useControllableState({value:_,defaultValue:v,onChange:y}),H=p===`overlay`,U=!H&&R,W=H&&B,G=(0,l.useCallback)(e=>z(e),[z]),K=(0,l.useCallback)(e=>V(e),[V]),q=(0,l.useCallback)(()=>{H&&b&&V(!1)},[H,b,V]),J=(0,l.useMemo)(()=>({mode:p,collapsed:U,setCollapsed:G,open:W,setOpen:K,size:S,navId:I,tooltipPlacement:C,onNavigate:q,groupOpen:M}),[p,U,G,W,K,S,I,C,q,M]),Y=(0,u.jsxs)(`nav`,{...k,ref:j,id:I,"aria-label":L,"aria-labelledby":D,"data-mode":p,"data-collapsed":U||void 0,className:i.cx(s.default.root,d[S],H?s.default.overlay:s.default.static,U&&s.default.collapsed,T),children:[(0,u.jsx)(f,{memory:N}),c]});return(0,u.jsx)(o.SidebarContext.Provider,{value:J,children:H?(0,u.jsx)(a.Drawer,{open:W,onOpenChange:K,side:`start`,size:`sm`,children:(0,u.jsx)(a.Drawer.Content,{"aria-label":x??E??P.sidebar.nav,children:Y})}):Y})};p.displayName=`Sidebar`;var m=Object.assign(p,{Header:c.SidebarHeader,Body:c.SidebarBody,Section:c.SidebarSection,Item:c.SidebarItem,Group:c.SidebarGroup,Footer:c.SidebarFooter,Toggle:c.SidebarToggle});exports.Sidebar=m,exports.SidebarBody=c.SidebarBody,exports.SidebarFooter=c.SidebarFooter,exports.SidebarGroup=c.SidebarGroup,exports.SidebarHeader=c.SidebarHeader,exports.SidebarItem=c.SidebarItem,exports.SidebarSection=c.SidebarSection,exports.SidebarToggle=c.SidebarToggle,exports.useSidebar=o.useSidebar;
+"use client";const e=require("../../../hooks/useFocusTrap.cjs.js"),t=require("../../../hooks/useMergedRef.cjs.js"),n=require("../../../hooks/useControllableState.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../overlays/Drawer/Drawer.cjs.js"),a=require("./SidebarContext.cjs.js"),o=require("./SidebarParts.cjs.js"),s=require("./Sidebar.module.css.cjs.js"),c=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:s.default.sm,md:s.default.md,lg:s.default.lg};function f({memory:t}){let n=(0,l.useRef)(null);return(0,l.useLayoutEffect)(()=>{let r=n.current?.parentElement;return()=>{let n=document.activeElement;r&&n instanceof HTMLElement&&r.contains(n)&&(t.current=e.getFocusable(r).indexOf(n))}},[t]),(0,u.jsx)(`span`,{ref:n,hidden:!0})}var p=({children:o,mode:p=`static`,collapsed:m,defaultCollapsed:h=!1,onCollapsedChange:g,open:_,defaultOpen:v=!1,onOpenChange:y,closeOnNavigate:b=!0,overlayLabel:x,size:S=`md`,tooltipPlacement:C=`end`,id:w,className:T,"aria-label":E,"aria-labelledby":D,ref:O,...k})=>{let A=(0,l.useRef)(null),j=t.useMergedRef(A,O),[M]=(0,l.useState)(()=>new Map),N=(0,l.useRef)(null);(0,l.useEffect)(()=>{let t=N.current;N.current=null;let n=A.current;if(t===null||t<0||!n)return;let r=e.getFocusable(n);(r[t]??r[0])?.focus()},[p]);let P=c.useMessages(),F=(0,l.useId)(),I=w??`sidebar-${F}`,L=D?void 0:E??P.sidebar.nav,[R,z]=n.useControllableState({value:m,defaultValue:h,onChange:g}),[B,V]=n.useControllableState({value:_,defaultValue:v,onChange:y}),H=p===`overlay`,U=!H&&R,W=H&&B,G=(0,l.useCallback)(e=>z(e),[z]),K=(0,l.useCallback)(e=>V(e),[V]),q=(0,l.useCallback)(()=>{H&&b&&V(!1)},[H,b,V]),J=(0,l.useMemo)(()=>({mode:p,collapsed:U,setCollapsed:G,open:W,setOpen:K,size:S,navId:I,tooltipPlacement:C,onNavigate:q,groupOpen:M}),[p,U,G,W,K,S,I,C,q,M]),Y=(0,u.jsxs)(`nav`,{...k,ref:j,id:I,"aria-label":L,"aria-labelledby":D,"data-mode":p,"data-collapsed":U||void 0,className:r.cx(s.default.root,d[S],H?s.default.overlay:s.default.static,U&&s.default.collapsed,T),children:[(0,u.jsx)(f,{memory:N}),o]});return(0,u.jsx)(a.SidebarContext.Provider,{value:J,children:H?(0,u.jsx)(i.Drawer,{open:W,onOpenChange:K,side:`start`,size:`sm`,children:(0,u.jsx)(i.Drawer.Content,{"aria-label":x??E??P.sidebar.nav,children:Y})}):Y})};p.displayName=`Sidebar`;var m=Object.assign(p,{Header:o.SidebarHeader,Body:o.SidebarBody,Section:o.SidebarSection,Item:o.SidebarItem,Group:o.SidebarGroup,Footer:o.SidebarFooter,Toggle:o.SidebarToggle});exports.Sidebar=m,exports.SidebarBody=o.SidebarBody,exports.SidebarFooter=o.SidebarFooter,exports.SidebarGroup=o.SidebarGroup,exports.SidebarHeader=o.SidebarHeader,exports.SidebarItem=o.SidebarItem,exports.SidebarSection=o.SidebarSection,exports.SidebarToggle=o.SidebarToggle,exports.useSidebar=a.useSidebar;

package/dist/components/navigation/Sidebar/Sidebar.mjs

@@ -1,59 +1,60 @@
-import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { getFocusable as t } from "../../../hooks/useFocusTrap.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { useMergedRef as r } from "../../../hooks/useMergedRef.mjs";
-import { cx as i } from "../../../utils/cx.mjs";
-import { Drawer as a } from "../../overlays/Drawer/Drawer.mjs";
-import { SidebarContext as o, useSidebar as s } from "./SidebarContext.mjs";
-import c from "./Sidebar.module.css.mjs";
-import { SidebarBody as l, SidebarFooter as u, SidebarGroup as d, SidebarHeader as f, SidebarItem as p, SidebarSection as m, SidebarToggle as h } from "./SidebarParts.mjs";
+"use client";
+import { getFocusable as e } from "../../../hooks/useFocusTrap.mjs";
+import { useMergedRef as t } from "../../../hooks/useMergedRef.mjs";
+import { useControllableState as n } from "../../../hooks/useControllableState.mjs";
+import { cx as r } from "../../../utils/cx.mjs";
+import { Drawer as i } from "../../overlays/Drawer/Drawer.mjs";
+import { SidebarContext as a, useSidebar as o } from "./SidebarContext.mjs";
+import { SidebarBody as s, SidebarFooter as c, SidebarGroup as l, SidebarHeader as u, SidebarItem as d, SidebarSection as f, SidebarToggle as p } from "./SidebarParts.mjs";
+import m from "./Sidebar.module.css.mjs";
+import { useMessages as h } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useCallback as g, useEffect as _, useId as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-//#region src/components/navigation/Sidebar/Sidebar.tsx
-var ee = {
-	sm: c.sm,
-	md: c.md,
-	lg: c.lg
+import { jsx as C, jsxs as ee } from "react/jsx-runtime";
+// src/components/navigation/Sidebar/Sidebar.tsx
+var w = {
+	sm: m.sm,
+	md: m.md,
+	lg: m.lg
 };
-function T({ memory: e }) {
+function T({ memory: t }) {
 	let n = x(null);
 	return y(() => {
 		let r = n.current?.parentElement;
 		return () => {
 			let n = document.activeElement;
-			r && n instanceof HTMLElement && r.contains(n) && (e.current = t(r).indexOf(n));
+			r && n instanceof HTMLElement && r.contains(n) && (t.current = e(r).indexOf(n));
 		};
-	}, [e]), /* @__PURE__ */ C("span", {
+	}, [t]), /* @__PURE__ */ C("span", {
 		ref: n,
 		hidden: !0
 	});
 }
-var E = ({ children: s, mode: l = "static", collapsed: u, defaultCollapsed: d = !1, onCollapsedChange: f, open: p, defaultOpen: m = !1, onOpenChange: h, closeOnNavigate: y = !0, overlayLabel: E, size: D = "md", tooltipPlacement: O = "end", id: k, className: A, "aria-label": j, "aria-labelledby": M, ref: N, ...P }) => {
-	let F = x(null), I = r(F, N), [L] = S(() => /* @__PURE__ */ new Map()), R = x(null);
+var E = ({ children: o, mode: s = "static", collapsed: c, defaultCollapsed: l = !1, onCollapsedChange: u, open: d, defaultOpen: f = !1, onOpenChange: p, closeOnNavigate: y = !0, overlayLabel: E, size: D = "md", tooltipPlacement: O = "end", id: k, className: A, "aria-label": j, "aria-labelledby": M, ref: N, ...P }) => {
+	let F = x(null), I = t(F, N), [L] = S(() => /* @__PURE__ */ new Map()), R = x(null);
 	_(() => {
-		let e = R.current;
+		let t = R.current;
 		R.current = null;
 		let n = F.current;
-		if (e === null || e < 0 || !n) return;
-		let r = t(n);
-		(r[e] ?? r[0])?.focus();
-	}, [l]);
-	let z = n(), B = v(), V = k ?? `sidebar-${B}`, H = M ? void 0 : j ?? z.sidebar.nav, [U, W] = e({
-		value: u,
-		defaultValue: d,
-		onChange: f
-	}), [G, K] = e({
-		value: p,
-		defaultValue: m,
-		onChange: h
-	}), q = l === "overlay", J = !q && U, Y = q && G, X = g((e) => W(e), [W]), Z = g((e) => K(e), [K]), Q = g(() => {
+		if (t === null || t < 0 || !n) return;
+		let r = e(n);
+		(r[t] ?? r[0])?.focus();
+	}, [s]);
+	let z = h(), B = v(), V = k ?? `sidebar-${B}`, H = M ? void 0 : j ?? z.sidebar.nav, [U, W] = n({
+		value: c,
+		defaultValue: l,
+		onChange: u
+	}), [G, K] = n({
+		value: d,
+		defaultValue: f,
+		onChange: p
+	}), q = s === "overlay", J = !q && U, Y = q && G, X = g((e) => W(e), [W]), Z = g((e) => K(e), [K]), Q = g(() => {
 		q && y && K(!1);
 	}, [
 		q,
 		y,
 		K
 	]), te = b(() => ({
-		mode: l,
+		mode: s,
 		collapsed: J,
 		setCollapsed: X,
 		open: Y,
@@ -64,7 +65,7 @@ var E = ({ children: s, mode: l = "static", collapsed: u, defaultCollapsed: d =
 		onNavigate: Q,
 		groupOpen: L
 	}), [
-		l,
+		s,
 		J,
 		X,
 		Y,
@@ -74,25 +75,25 @@ var E = ({ children: s, mode: l = "static", collapsed: u, defaultCollapsed: d =
 		O,
 		Q,
 		L
-	]), $ = /* @__PURE__ */ w("nav", {
+	]), $ = /* @__PURE__ */ ee("nav", {
 		...P,
 		ref: I,
 		id: V,
 		"aria-label": H,
 		"aria-labelledby": M,
-		"data-mode": l,
+		"data-mode": s,
 		"data-collapsed": J || void 0,
-		className: i(c.root, ee[D], q ? c.overlay : c.static, J && c.collapsed, A),
-		children: [/* @__PURE__ */ C(T, { memory: R }), s]
+		className: r(m.root, w[D], q ? m.overlay : m.static, J && m.collapsed, A),
+		children: [/* @__PURE__ */ C(T, { memory: R }), o]
 	});
-	return /* @__PURE__ */ C(o.Provider, {
+	return /* @__PURE__ */ C(a.Provider, {
 		value: te,
-		children: q ? /* @__PURE__ */ C(a, {
+		children: q ? /* @__PURE__ */ C(i, {
 			open: Y,
 			onOpenChange: Z,
 			side: "start",
 			size: "sm",
-			children: /* @__PURE__ */ C(a.Content, {
+			children: /* @__PURE__ */ C(i.Content, {
 				"aria-label": E ?? j ?? z.sidebar.nav,
 				children: $
 			})
@@ -101,13 +102,12 @@ var E = ({ children: s, mode: l = "static", collapsed: u, defaultCollapsed: d =
 };
 E.displayName = "Sidebar";
 var D = Object.assign(E, {
-	Header: f,
-	Body: l,
-	Section: m,
-	Item: p,
-	Group: d,
-	Footer: u,
-	Toggle: h
+	Header: u,
+	Body: s,
+	Section: f,
+	Item: d,
+	Group: l,
+	Footer: c,
+	Toggle: p
 });
-//#endregion
-export { D as Sidebar, l as SidebarBody, u as SidebarFooter, d as SidebarGroup, f as SidebarHeader, p as SidebarItem, m as SidebarSection, h as SidebarToggle, s as useSidebar };
+export { D as Sidebar, s as SidebarBody, c as SidebarFooter, l as SidebarGroup, u as SidebarHeader, d as SidebarItem, f as SidebarSection, p as SidebarToggle, o as useSidebar };

package/dist/components/navigation/Sidebar/Sidebar.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Sidebar/Sidebar.module.css
+// src/components/navigation/Sidebar/Sidebar.module.css
 var e = "_root_1yk86_19", t = "_sm_1yk86_73", n = "_md_1yk86_93", r = "_lg_1yk86_101", i = "_collapsed_1yk86_141", a = "_overlay_1yk86_151", o = "_header_1yk86_169", s = "_body_1yk86_209", c = "_footer_1yk86_235", l = "_list_1yk86_255", u = "_section_1yk86_271", d = "_sectionHeading_1yk86_281", f = "_subList_1yk86_353", p = "_listItem_1yk86_377", m = "_item_1yk86_397", h = "_disabled_1yk86_467", g = "_icon_1yk86_485", _ = "_label_1yk86_515", v = "_badge_1yk86_533", y = "_chevron_1yk86_545", b = "_groupTrigger_1yk86_563", x = "_railDot_1yk86_573", S = "_active_1yk86_583", C = "_groupContent_1yk86_711", w = "_groupClip_1yk86_745", T = "_nested_1yk86_771", E = "_toggle_1yk86_805", D = "_toggleIcon_1yk86_823", O = {
 	root: e,
 	sm: t,
@@ -30,5 +30,4 @@ var e = "_root_1yk86_19", t = "_sm_1yk86_73", n = "_md_1yk86_93", r = "_lg_1yk86
 	toggle: E,
 	toggleIcon: D
 };
-//#endregion
 export { S as active, v as badge, s as body, y as chevron, i as collapsed, O as default, h as disabled, c as footer, w as groupClip, C as groupContent, b as groupTrigger, o as header, g as icon, m as item, _ as label, r as lg, l as list, p as listItem, n as md, T as nested, a as overlay, x as railDot, e as root, u as section, d as sectionHeading, t as sm, f as subList, E as toggle, D as toggleIcon };

package/dist/components/navigation/Sidebar/SidebarContext.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=(0,e.createContext)(null);function n(n){let r=(0,e.useContext)(t);if(!r)throw Error(`${n} must be used inside <Sidebar>.`);return r}function r(){let{mode:e,collapsed:t,setCollapsed:r,open:i,setOpen:a}=n(`useSidebar`);return{mode:e,collapsed:t,setCollapsed:r,open:i,setOpen:a}}var i=(0,e.createContext)(0);exports.SidebarContext=t,exports.SidebarDepthContext=i,exports.useSidebar=r,exports.useSidebarContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(n){let r=(0,e.useContext)(t);if(!r)throw Error(`${n} must be used inside <Sidebar>.`);return r}function r(){let{mode:e,collapsed:t,setCollapsed:r,open:i,setOpen:a}=n(`useSidebar`);return{mode:e,collapsed:t,setCollapsed:r,open:i,setOpen:a}}var i=(0,e.createContext)(0);exports.SidebarContext=t,exports.SidebarDepthContext=i,exports.useSidebar=r,exports.useSidebarContext=n;

package/dist/components/navigation/Sidebar/SidebarContext.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
-//#region src/components/navigation/Sidebar/SidebarContext.ts
+// src/components/navigation/Sidebar/SidebarContext.ts
 var n = e(null);
 function r(e) {
 	let r = t(n);
@@ -17,5 +18,4 @@ function i() {
 	};
 }
 var a = e(0);
-//#endregion
 export { n as SidebarContext, a as SidebarDepthContext, i as useSidebar, r as useSidebarContext };

package/dist/components/navigation/Sidebar/SidebarParts.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../data-display/Badge/Badge.cjs.js"),o=require("../../overlays/Tooltip/Tooltip.cjs.js"),s=require("./SidebarContext.cjs.js"),c=require("./Sidebar.module.css.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d=e=>e!==void 0&&e!==``&&e!==0;function f({badge:e,badgeLabel:t,badgeTone:n}){return d(e)?typeof e==`number`?(0,u.jsx)(a.Badge,{variant:`solid`,tone:n,size:`sm`,count:e,label:t}):(0,u.jsx)(a.Badge,{variant:`solid`,tone:n,size:`sm`,label:t,children:e}):null}function p({icon:e,label:t,badge:n,trailing:r}){return(0,u.jsxs)(u.Fragment,{children:[e!=null&&(0,u.jsx)(`span`,{className:c.default.icon,"aria-hidden":`true`,children:e}),(0,u.jsx)(`span`,{className:c.default.label,children:t}),n!=null&&(0,u.jsxs)(u.Fragment,{children:[` `,(0,u.jsx)(`span`,{className:c.default.badge,children:n}),(0,u.jsx)(`span`,{className:c.default.railDot,"aria-hidden":`true`})]}),r]})}function m(e,{badge:t,badgeLabel:n}){let r=d(t)?n||(typeof t==`number`?a.formatBadgeCount(t):t):null;return typeof e==`string`||typeof e==`number`?r==null?String(e):`${e} ${r}`:r==null?e:(0,u.jsxs)(u.Fragment,{children:[e,` `,r]})}var h=({className:e,children:t,...r})=>(0,u.jsx)(`div`,{...r,className:n.cx(c.default.header,e),children:t});h.displayName=`Sidebar.Header`;var g=({className:e,children:t,...r})=>(0,u.jsx)(`div`,{...r,className:n.cx(c.default.body,e),children:t});g.displayName=`Sidebar.Body`;var _=({className:e,children:t,...r})=>(0,u.jsx)(`div`,{...r,className:n.cx(c.default.footer,e),children:t});_.displayName=`Sidebar.Footer`;var v=({heading:e,headingLevel:t,className:r,children:i,...a})=>{let o=(0,l.useId)(),s=e!=null&&e!==!1&&e!==``,d=t?`h${t}`:`div`;return(0,u.jsxs)(`div`,{role:s?`group`:void 0,"aria-labelledby":s?o:void 0,...a,className:n.cx(c.default.section,r),children:[s&&(0,u.jsx)(d,{id:o,className:c.default.sectionHeading,children:e}),(0,u.jsx)(`ul`,{className:c.default.list,children:i})]})};v.displayName=`Sidebar.Section`;var y=e=>{let{children:t,icon:r,active:i=!1,badge:a,badgeLabel:d,badgeTone:h=`accent`,disabled:g=!1,className:_,href:v,role:y,onClick:b,"aria-current":x,...S}=e,{collapsed:C,tooltipPlacement:w,onNavigate:T}=s.useSidebarContext(`Sidebar.Item`),E=(0,l.useContext)(s.SidebarDepthContext),D=C&&E===0,O=f({badge:a,badgeLabel:d,badgeTone:h}),k=e=>{if(g){e.preventDefault();return}b?.(e),T()},A={...S,className:n.cx(c.default.item,E>0&&c.default.nested,i&&c.default.active,g&&c.default.disabled,_),"aria-current":i?x??`page`:x,"data-active":i||void 0,onClick:k},j=(0,u.jsx)(p,{icon:r,label:t,badge:O}),M=v===void 0?(0,u.jsx)(`button`,{type:`button`,...A,ref:S.ref,role:y,disabled:g,children:j}):(0,u.jsx)(`a`,{...A,ref:S.ref,href:g?void 0:v,role:g?`link`:y,"aria-disabled":g||void 0,children:j});return(0,u.jsx)(`li`,{className:c.default.listItem,children:(0,u.jsx)(o.Tooltip,{content:m(t,{badge:a,badgeLabel:d,badgeTone:h}),placement:w,relationship:`label`,disabled:!D,children:M})})};y.displayName=`Sidebar.Item`;var b=({label:t,icon:r,children:a,open:d,defaultOpen:h=!1,onOpenChange:g,active:_=!1,badge:v,badgeLabel:y,badgeTone:b=`accent`,disabled:x=!1,value:S,className:C,...w})=>{let{collapsed:T,setCollapsed:E,tooltipPlacement:D,groupOpen:O}=s.useSidebarContext(`Sidebar.Group`),k=(0,l.useContext)(s.SidebarDepthContext),A=T&&k===0,j=S??(typeof t==`string`?t:void 0),[M,N]=e.useControllableState({value:d,defaultValue:(j===void 0?void 0:O.get(j))??h,onChange:e=>{j!==void 0&&O.set(j,e),g?.(e)}}),P=(0,l.useId)(),F=M&&!A,I=F?`open`:`closed`,L=f({badge:v,badgeLabel:y,badgeTone:b}),R=()=>{A?(E(!1),N(!0)):N(!M)};return(0,u.jsxs)(`li`,{...w,className:n.cx(c.default.listItem,C),"data-state":I,children:[(0,u.jsx)(o.Tooltip,{content:m(t,{badge:v,badgeLabel:y,badgeTone:b}),placement:D,relationship:`label`,disabled:!A,children:(0,u.jsx)(`button`,{type:`button`,className:n.cx(c.default.item,c.default.groupTrigger,k>0&&c.default.nested,_&&!F&&c.default.active,x&&c.default.disabled),"aria-expanded":F,"aria-controls":P,"data-state":I,disabled:x,onClick:R,children:(0,u.jsx)(p,{icon:r,label:t,badge:L,trailing:(0,u.jsx)(`span`,{className:c.default.chevron,"aria-hidden":`true`,children:(0,u.jsx)(i.ChevronDownIcon,{size:`sm`})})})})}),(0,u.jsx)(`div`,{className:c.default.groupContent,"data-state":I,children:(0,u.jsx)(`div`,{className:c.default.groupClip,children:(0,u.jsx)(`ul`,{id:P,className:c.default.subList,children:(0,u.jsx)(s.SidebarDepthContext.Provider,{value:k+1,children:a})})})})]})};b.displayName=`Sidebar.Group`;var x=({collapseLabel:e,expandLabel:a,variant:l=`ghost`,tone:d=`neutral`,size:f=`sm`,className:p,children:m,onClick:h,...g})=>{let _=t.useMessages(),v=e??_.sidebar.collapse,y=a??_.sidebar.expand,{mode:b,collapsed:x,setCollapsed:S,navId:C,tooltipPlacement:w}=s.useSidebarContext(`Sidebar.Toggle`);if(b===`overlay`)return null;let T=x?y:v;return(0,u.jsx)(o.Tooltip,{content:T,placement:w,relationship:`label`,children:(0,u.jsx)(r.IconButton,{variant:l,tone:d,size:f,"aria-controls":C,...g,"aria-label":T,className:n.cx(c.default.toggle,p),onClick:e=>{h?.(e),e.defaultPrevented||S(!x)},children:m??(0,u.jsx)(`span`,{className:c.default.toggleIcon,children:(0,u.jsx)(i.ChevronLeftIcon,{})})})})};x.displayName=`Sidebar.Toggle`,exports.SidebarBody=g,exports.SidebarFooter=_,exports.SidebarGroup=b,exports.SidebarHeader=h,exports.SidebarItem=y,exports.SidebarSection=v,exports.SidebarToggle=x;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../data-display/Badge/Badge.cjs.js"),r=require("../../overlays/Tooltip/Tooltip.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./SidebarContext.cjs.js"),s=require("./Sidebar.module.css.cjs.js"),c=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d=e=>e!==void 0&&e!==``&&e!==0;function f({badge:e,badgeLabel:t,badgeTone:r}){return d(e)?typeof e==`number`?(0,u.jsx)(n.Badge,{variant:`solid`,tone:r,size:`sm`,count:e,label:t}):(0,u.jsx)(n.Badge,{variant:`solid`,tone:r,size:`sm`,label:t,children:e}):null}function p({icon:e,label:t,badge:n,trailing:r}){return(0,u.jsxs)(u.Fragment,{children:[e!=null&&(0,u.jsx)(`span`,{className:s.default.icon,"aria-hidden":`true`,children:e}),(0,u.jsx)(`span`,{className:s.default.label,children:t}),n!=null&&(0,u.jsxs)(u.Fragment,{children:[` `,(0,u.jsx)(`span`,{className:s.default.badge,children:n}),(0,u.jsx)(`span`,{className:s.default.railDot,"aria-hidden":`true`})]}),r]})}function m(e,{badge:t,badgeLabel:r}){let i=d(t)?r||(typeof t==`number`?n.formatBadgeCount(t):t):null;return typeof e==`string`||typeof e==`number`?i==null?String(e):`${e} ${i}`:i==null?e:(0,u.jsxs)(u.Fragment,{children:[e,` `,i]})}var h=({className:e,children:n,...r})=>(0,u.jsx)(`div`,{...r,className:t.cx(s.default.header,e),children:n});h.displayName=`Sidebar.Header`;var g=({className:e,children:n,...r})=>(0,u.jsx)(`div`,{...r,className:t.cx(s.default.body,e),children:n});g.displayName=`Sidebar.Body`;var _=({className:e,children:n,...r})=>(0,u.jsx)(`div`,{...r,className:t.cx(s.default.footer,e),children:n});_.displayName=`Sidebar.Footer`;var v=({heading:e,headingLevel:n,className:r,children:i,...a})=>{let o=(0,l.useId)(),c=e!=null&&e!==!1&&e!==``,d=n?`h${n}`:`div`;return(0,u.jsxs)(`div`,{role:c?`group`:void 0,"aria-labelledby":c?o:void 0,...a,className:t.cx(s.default.section,r),children:[c&&(0,u.jsx)(d,{id:o,className:s.default.sectionHeading,children:e}),(0,u.jsx)(`ul`,{className:s.default.list,children:i})]})};v.displayName=`Sidebar.Section`;var y=e=>{let{children:n,icon:i,active:a=!1,badge:c,badgeLabel:d,badgeTone:h=`accent`,disabled:g=!1,className:_,href:v,role:y,onClick:b,"aria-current":x,...S}=e,{collapsed:C,tooltipPlacement:w,onNavigate:T}=o.useSidebarContext(`Sidebar.Item`),E=(0,l.useContext)(o.SidebarDepthContext),D=C&&E===0,O=f({badge:c,badgeLabel:d,badgeTone:h}),k=e=>{g?e.preventDefault():(b?.(e),T())},A={...S,className:t.cx(s.default.item,E>0&&s.default.nested,a&&s.default.active,g&&s.default.disabled,_),"aria-current":a?x??`page`:x,"data-active":a||void 0,onClick:k},j=(0,u.jsx)(p,{icon:i,label:n,badge:O}),M=v===void 0?(0,u.jsx)(`button`,{type:`button`,...A,ref:S.ref,role:y,disabled:g,children:j}):(0,u.jsx)(`a`,{...A,ref:S.ref,href:g?void 0:v,role:g?`link`:y,"aria-disabled":g||void 0,children:j});return(0,u.jsx)(`li`,{className:s.default.listItem,children:(0,u.jsx)(r.Tooltip,{content:m(n,{badge:c,badgeLabel:d,badgeTone:h}),placement:w,relationship:`label`,disabled:!D,children:M})})};y.displayName=`Sidebar.Item`;var b=({label:n,icon:i,children:c,open:d,defaultOpen:h=!1,onOpenChange:g,active:_=!1,badge:v,badgeLabel:y,badgeTone:b=`accent`,disabled:x=!1,value:S,className:C,...w})=>{let{collapsed:T,setCollapsed:E,tooltipPlacement:D,groupOpen:O}=o.useSidebarContext(`Sidebar.Group`),k=(0,l.useContext)(o.SidebarDepthContext),A=T&&k===0,j=S??(typeof n==`string`?n:void 0),[M,N]=e.useControllableState({value:d,defaultValue:(j===void 0?void 0:O.get(j))??h,onChange:e=>{j!==void 0&&O.set(j,e),g?.(e)}}),P=(0,l.useId)(),F=M&&!A,I=F?`open`:`closed`,L=f({badge:v,badgeLabel:y,badgeTone:b}),R=()=>{A?(E(!1),N(!0)):N(!M)};return(0,u.jsxs)(`li`,{...w,className:t.cx(s.default.listItem,C),"data-state":I,children:[(0,u.jsx)(r.Tooltip,{content:m(n,{badge:v,badgeLabel:y,badgeTone:b}),placement:D,relationship:`label`,disabled:!A,children:(0,u.jsx)(`button`,{type:`button`,className:t.cx(s.default.item,s.default.groupTrigger,k>0&&s.default.nested,_&&!F&&s.default.active,x&&s.default.disabled),"aria-expanded":F,"aria-controls":P,"data-state":I,disabled:x,onClick:R,children:(0,u.jsx)(p,{icon:i,label:n,badge:L,trailing:(0,u.jsx)(`span`,{className:s.default.chevron,"aria-hidden":`true`,children:(0,u.jsx)(a.ChevronDownIcon,{size:`sm`})})})})}),(0,u.jsx)(`div`,{className:s.default.groupContent,"data-state":I,children:(0,u.jsx)(`div`,{className:s.default.groupClip,children:(0,u.jsx)(`ul`,{id:P,className:s.default.subList,children:(0,u.jsx)(o.SidebarDepthContext.Provider,{value:k+1,children:c})})})})]})};b.displayName=`Sidebar.Group`;var x=({collapseLabel:e,expandLabel:n,variant:l=`ghost`,tone:d=`neutral`,size:f=`sm`,className:p,children:m,onClick:h,...g})=>{let _=c.useMessages(),v=e??_.sidebar.collapse,y=n??_.sidebar.expand,{mode:b,collapsed:x,setCollapsed:S,navId:C,tooltipPlacement:w}=o.useSidebarContext(`Sidebar.Toggle`);if(b===`overlay`)return null;let T=x?y:v;return(0,u.jsx)(r.Tooltip,{content:T,placement:w,relationship:`label`,children:(0,u.jsx)(i.IconButton,{variant:l,tone:d,size:f,"aria-controls":C,...g,"aria-label":T,className:t.cx(s.default.toggle,p),onClick:e=>{h?.(e),e.defaultPrevented||S(!x)},children:m??(0,u.jsx)(`span`,{className:s.default.toggleIcon,children:(0,u.jsx)(a.ChevronLeftIcon,{})})})})};x.displayName=`Sidebar.Toggle`,exports.SidebarBody=g,exports.SidebarFooter=_,exports.SidebarGroup=b,exports.SidebarHeader=h,exports.SidebarItem=y,exports.SidebarSection=v,exports.SidebarToggle=x;