themelia-ui 1.0.0

package/dist/layout/page.js

@@ -0,0 +1,160 @@
+"use client";
+import "../core.css";
+import "../css/page.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { c as t } from "../buttons-CabBjPap.js";
+import { n, t as r } from "../action-menu-jAPdRvbi.js";
+import { v as i } from "../display-DTWjv_bB.js";
+import { o as a } from "../navigation-CRCc8lpn.js";
+import { t as o } from "../layout.types-CTDrZCGP.js";
+import { t as s } from "../containers-wQ0_fDyL.js";
+import { ArrowLeftIcon as c } from "lucide-react";
+import * as l from "react";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/layout/page/page-header.strings.ts
+var h = {
+	back: "Back",
+	titleIcon: "Open"
+}, g = {
+	page: "page-module__page___LLUa8",
+	body: "page-module__body___EYahU",
+	headerBack: "page-module__headerBack___F5Rzk",
+	headerBackRule: "page-module__headerBackRule___Bf5o8",
+	headerTitleIcon: "page-module__headerTitleIcon___ebAts",
+	actions: "page-module__actions___V9goE"
+};
+//#endregion
+//#region src/components/layout/page/page-header.tsx
+function _({ title: n, description: r, eyebrow: s, level: l = 1, titleIcon: u, titleIconHref: d, onTitleIconClick: f, strings: _, backHref: v, onBack: y, titleBadges: b, breadcrumbs: x, actions: S, slots: C, withSeparator: w, renderLink: T, className: E, children: D }) {
+	let O = {
+		...h,
+		..._
+	}, k = o({ renderLink: T }), A = v || y ? /* @__PURE__ */ m("div", {
+		className: g.headerBack,
+		children: [v && !y ? /* @__PURE__ */ p(t, {
+			render: k({
+				href: v,
+				children: null
+			}),
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: !0,
+			"aria-label": O.back,
+			children: /* @__PURE__ */ p(c, { "aria-hidden": !0 })
+		}) : /* @__PURE__ */ p(t, {
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: !0,
+			"aria-label": O.back,
+			onClick: y,
+			children: /* @__PURE__ */ p(c, { "aria-hidden": !0 })
+		}), /* @__PURE__ */ p(i, {
+			orientation: "vertical",
+			className: g.headerBackRule
+		})]
+	}) : null, j = (() => {
+		if (!u) return null;
+		let e = /* @__PURE__ */ p(u, { "aria-hidden": !0 });
+		return f ? /* @__PURE__ */ p(t, {
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: !0,
+			"aria-label": O.titleIcon,
+			onClick: f,
+			children: e
+		}) : d ? /* @__PURE__ */ p(t, {
+			render: k({
+				href: d,
+				children: null
+			}),
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: !0,
+			"aria-label": O.titleIcon,
+			children: e
+		}) : /* @__PURE__ */ p("span", {
+			"aria-hidden": !0,
+			className: g.headerTitleIcon,
+			children: e
+		});
+	})();
+	return /* @__PURE__ */ p(a, {
+		"data-slot": "page-header",
+		className: e("page-header--component", E),
+		title: n,
+		description: r,
+		eyebrow: s,
+		level: l,
+		breadcrumbs: x,
+		leading: C?.back ?? A,
+		beforeTitle: C?.beforeTitle,
+		afterDescription: C?.afterDescription,
+		titlePrefix: j,
+		badges: b,
+		actions: C?.actions ?? S,
+		withSeparator: w,
+		children: D
+	});
+}
+//#endregion
+//#region src/components/layout/page/page.tsx
+var v = l.forwardRef(function({ header: t, maxWidth: n = "xl", gutter: r = "md", bodyProps: i, className: a, children: o, ...c }, l) {
+	let { className: u, ...d } = i ?? {};
+	return /* @__PURE__ */ m(s, {
+		ref: l,
+		maxWidth: n,
+		gutter: r,
+		"data-slot": "page",
+		className: e("page--component", g.page, a),
+		...c,
+		children: [!!t && /* @__PURE__ */ p(_, { ...t }), o != null && /* @__PURE__ */ p("div", {
+			...d,
+			"data-slot": "page-body",
+			className: e("page--body", g.body, u),
+			children: o
+		})]
+	});
+}), y = { menuLabel: "Page actions" };
+//#endregion
+//#region src/components/layout/page/page-actions.tsx
+function b({ actions: t, display: i = "auto", breakpoint: a = 1040, maxInlineActions: o = 3, strings: s, renderLink: c, className: l }) {
+	let h = {
+		...y,
+		...s
+	}, _ = c ? (e) => c({
+		...e,
+		children: e.children ?? null
+	}) : void 0, v = d(() => (t ?? []).filter((e) => e.visible !== !1), [t]), [b, x] = f(!1);
+	if (u(() => {
+		if (i !== "auto" || typeof window > "u") return;
+		let e = () => x(window.innerWidth <= a);
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [i, a]), v.length === 0) return null;
+	if (i === "menu" || i === "auto" && b) return /* @__PURE__ */ p("div", {
+		className: e("page-actions--component", g.actions, l),
+		children: /* @__PURE__ */ p(n, {
+			actions: v,
+			strings: { trigger: h.menuLabel },
+			align: "end",
+			preserveOrder: !0,
+			renderLink: _
+		})
+	});
+	let S = v.filter((e) => e.placement === "inline"), C = v.filter((e) => e.placement === "menu"), w = v.filter((e) => e.placement !== "inline" && e.placement !== "menu"), T = Math.max(0, o - S.length), E = [...S, ...w.slice(0, T)], D = [...w.slice(T), ...C];
+	return /* @__PURE__ */ m("div", {
+		className: e("page-actions--component", g.actions, l),
+		children: [/* @__PURE__ */ p(r, {
+			actions: E,
+			renderLink: _
+		}), D.length > 0 && /* @__PURE__ */ p(n, {
+			actions: D,
+			strings: { trigger: h.menuLabel },
+			align: "end",
+			preserveOrder: !0,
+			renderLink: _
+		})]
+	});
+}
+//#endregion
+export { v as Page, b as PageActions, _ as PageHeader, y as defaultPageActionsStrings, h as defaultPageHeaderStrings };

package/dist/layout/settings.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime-BocRIvOZ.cjs"),t=require("../navigation-Zce9nqTO.cjs"),n=require("../containers-BRpJt5S4.cjs"),r=require("../navigation-36v_IMTz.cjs");let i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime"),o=require("clsx");function s({title:e,description:i,items:s,groups:c,currentPath:l,aside:u,renderLink:d,actions:f,stickyAside:p=!0,className:m,children:h,...g}){let _=u??(0,a.jsx)(r.i,{items:s,groups:c,currentPath:l,renderLink:d});return(0,a.jsx)(`div`,{"data-slot":`aside-nav-shell`,className:(0,o.clsx)(`aside-nav-shell--component`,m),...g,children:(0,a.jsx)(n.i,{header:e||i||f?(0,a.jsx)(t.o,{title:e,description:i,actions:f}):void 0,main:h,aside:_,asidePosition:`start`,stickyAside:p})})}var c=s;exports.AsideNavShell=s,exports.SettingsShell=c;

package/dist/layout/settings.css

@@ -0,0 +1,15 @@
+@import "../core.css";
+@import "../css/navigation.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/dropdown-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/containers.css";
+@import "../css/navigation2.css";
+@import "../css/item.css";

package/dist/layout/settings.js

@@ -0,0 +1,36 @@
+"use client";
+import "../core.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../navigation-CRCc8lpn.js";
+import { i as n } from "../containers-wQ0_fDyL.js";
+import { i as r } from "../navigation-DD2Psc66.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/layout/settings/settings.tsx
+function a({ title: a, description: o, items: s, groups: c, currentPath: l, aside: u, renderLink: d, actions: f, stickyAside: p = !0, className: m, children: h, ...g }) {
+	let _ = u ?? /* @__PURE__ */ i(r, {
+		items: s,
+		groups: c,
+		currentPath: l,
+		renderLink: d
+	});
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "aside-nav-shell",
+		className: e("aside-nav-shell--component", m),
+		...g,
+		children: /* @__PURE__ */ i(n, {
+			header: a || o || f ? /* @__PURE__ */ i(t, {
+				title: a,
+				description: o,
+				actions: f
+			}) : void 0,
+			main: h,
+			aside: _,
+			asidePosition: "start",
+			stickyAside: p
+		})
+	});
+}
+var o = a;
+//#endregion
+export { a as AsideNavShell, o as SettingsShell };

package/dist/layout/sidebar.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../dropdown-menu-yJ7XUydU.cjs"),n=require("../action-menu-DcUKnD_n.cjs"),r=require("../display-BPuD0OAo.cjs"),i=require("../primitives-Bcjsjg7A.cjs"),a=require("../sidebar-D6SWxO0h.cjs"),o=require("../avatar-BbLcyt_E.cjs"),s=require("../layout.types-CMzK1wjV.cjs"),c=require("../path-ffsmozp3.cjs");let l=require("lucide-react"),u=require("react"),d=require("react/jsx-runtime"),f=require("clsx");var p={disclosure:`layout-sidebar-module__disclosure___SU9jd`,logo:`layout-sidebar-module__logo___I-oSr`,workspaceTrigger:`layout-sidebar-module__workspaceTrigger___IQYN2`,workspaceMark:`layout-sidebar-module__workspaceMark___NaOxd`,workspaceChevron:`layout-sidebar-module__workspaceChevron___gkhBD`,userTrigger:`layout-sidebar-module__userTrigger___tawYh`,userIdentity:`layout-sidebar-module__userIdentity___M-6X5`,userChevron:`layout-sidebar-module__userChevron___PnP1t`};function m({logo:e,collapsedLogo:t=null,className:n}){let{state:r}=a.E(),i=r===`collapsed`?t:e;return i?(0,d.jsx)(`div`,{"data-slot":`sidebar-logo`,className:(0,f.clsx)(`sidebar-logo--component`,p.logo,n),children:i}):null}var h={select:`Switch workspace`,label:`Workspaces`},g={profile:`Profile`,settings:`Settings`,logout:`Log out`,trigger:`Account`};function _({user:r,customContent:s,onProfile:c,onSettings:u,onLogout:f,strings:m,renderTrigger:h}){let _={...g,...m},{state:v,isMobile:y}=a.E(),b=y||v!==`collapsed`?`top`:`right`,x=i.I(r.name,{strategy:`first-words`}),S=[...c?[{id:`profile`,label:_.profile,icon:l.UserIcon,onClick:c}]:[],...u?[{id:`settings`,label:_.settings,icon:l.SettingsIcon,onClick:u}]:[],...f?[{id:`logout`,label:_.logout,icon:l.LogOutIcon,onClick:f,...c||u?{group:!0}:null}]:[]],C=(0,d.jsx)(a.m,{size:`lg`,className:p.userTrigger,"aria-label":v===`collapsed`?`${_.trigger}, ${r.name}`:void 0,children:h?.(r)??(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(o.r,{size:`sm`,children:[!!r.avatar&&(0,d.jsx)(o.c,{src:r.avatar,alt:``}),(0,d.jsx)(o.a,{children:x})]}),(0,d.jsxs)(`span`,{className:p.userIdentity,children:[(0,d.jsx)(e.o,{tag:`span`,weight:`medium`,children:r.name}),!!r.email&&(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:r.email})]}),(0,d.jsx)(l.ChevronsUpDownIcon,{"aria-hidden":!0,className:p.userChevron})]})});return(0,d.jsx)(a.d,{className:`sidebar-user--component`,children:(0,d.jsx)(a.h,{children:s?(0,d.jsxs)(t.t,{children:[(0,d.jsx)(t.g,{render:C}),(0,d.jsx)(t.r,{align:`end`,side:b,children:s})]}):(0,d.jsx)(n.n,{actions:S,align:`end`,side:b,renderTrigger:C})})})}function v({logo:e,collapsedLogo:t,workspaceLinks:i,renderLink:o,strings:c,contentClassName:u}){let f={...h,...c},m=s.t({renderLink:o}),{state:g}=a.E(),_=g===`collapsed`,v=_?t??e:e,y=i.map((e,t)=>({id:e.url||String(t),label:e.label,icon:e.icon??l.ExternalLinkIcon,href:e.url,external:e.external??!0,group:f.label}));return(0,d.jsx)(a.d,{className:`sidebar-workspace--component`,children:(0,d.jsx)(a.h,{children:(0,d.jsx)(n.n,{actions:y,align:`start`,side:`right`,contentClassName:u,preserveOrder:!0,renderLink:({children:e,...t})=>m({...t,children:e??null}),renderTrigger:(0,d.jsxs)(a.m,{size:`lg`,className:p.workspaceTrigger,children:[(0,d.jsx)(`span`,{className:p.workspaceMark,children:v}),(0,d.jsx)(r.d,{children:f.select}),!_&&(0,d.jsx)(l.ChevronsUpDownIcon,{"aria-hidden":!0,className:p.workspaceChevron})]})})})})}function y({icon:e,iconMap:t}){if(!e)return null;if(typeof e==`string`){let n=t?.[e];return n?(0,d.jsx)(n,{}):null}return(0,u.isValidElement)(e)?e:(0,d.jsx)(e,{"aria-hidden":!0})}function b(e,t){return e.handle?e.handle:e.href?e.href:typeof e.label==`string`?e.label:`nav-${t}`}function x({navigationGroups:e={},footerNavItems:t=[],currentUrl:n=`/`,iconMap:r,liveBadges:i,loading:o=!1,loadingRows:h=5,logo:g,collapsedLogo:x,workspaceLinks:S,workspaceStrings:C,header:w,user:T,onProfile:E,onSettings:D,onLogout:O,userStrings:k,footer:A,empty:j,collapsible:M=`icon`,variant:N=`sidebar`,side:P=`left`,className:F,surfaceClassName:I,renderItem:L,renderLink:R}){let z=s.t({renderLink:R}),B=(0,u.useMemo)(()=>{let r=[],i=e=>{for(let t of e)r.push(t.href),t.children?.length&&i(t.children)};for(let t of Object.values(e))i(t);return i(t),c.n(n,r)},[n,t,e]),V=e=>!!e&&!!B&&c.r(e)===c.r(B),H=e=>!!e&&!!B&&c.t(B,c.r(e)),U=e=>e.handle&&i?.[e.handle]!=null?i[e.handle]:e.badge,W=(0,u.useMemo)(()=>Object.entries(e),[e]),G=(e,t,n=0)=>{let i=!!e.children?.length,o=V(e.href)||i&&H(e.href),s=U(e),c=i&&(H(e.href)||e.children.some(e=>V(e.href)));if(L)return(0,d.jsx)(a.h,{children:L(e,{depth:n,active:o,expanded:c,badge:s,renderLink:z})},b(e,t));let u=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(y,{icon:e.icon,iconMap:r}),(0,d.jsx)(`span`,{children:e.label})]});return(0,d.jsxs)(a.h,{children:[e.href?(0,d.jsx)(a.m,{render:z({href:e.href,children:null,active:o,disabled:e.disabled,external:e.external}),active:o,"aria-disabled":e.disabled||void 0,children:u}):(0,d.jsxs)(a.m,{active:o,disabled:e.disabled,closeOnSelectMobile:!i,children:[u,i&&(0,d.jsx)(l.ChevronRightIcon,{"aria-hidden":!0,className:p.disclosure,"data-expanded":c||void 0})]}),s!=null&&(0,d.jsx)(a.p,{children:s}),i&&c&&(0,d.jsx)(a._,{children:e.children.map((e,t)=>(0,d.jsx)(a.y,{children:(0,d.jsx)(a.v,{render:z({href:e.href,children:null,active:V(e.href),disabled:e.disabled,external:e.external}),active:V(e.href),children:(0,d.jsx)(`span`,{children:e.label})})},b(e,t)))})]},b(e,t))};return(0,d.jsxs)(a.t,{collapsible:M,variant:N,side:P,className:(0,f.clsx)(`app-sidebar--component`,F),surfaceClassName:I,children:[(w!=null||!!g)&&(0,d.jsx)(a.c,{children:w??(S&&S.length>0?(0,d.jsx)(v,{logo:g,collapsedLogo:x,workspaceLinks:S,strings:C,renderLink:R}):(0,d.jsx)(m,{logo:g,collapsedLogo:x}))}),(0,d.jsx)(a.n,{children:o?Array.from({length:h},(e,t)=>(0,d.jsx)(a.i,{children:(0,d.jsx)(a.d,{children:(0,d.jsx)(a.h,{children:(0,d.jsx)(a.g,{showIcon:!0})})})},`skeleton-${t}`)):W.map(([e,t])=>(0,d.jsxs)(a.i,{children:[!!e&&(0,d.jsx)(a.s,{children:e}),(0,d.jsx)(a.o,{children:t.length===0&&j!=null?j:(0,d.jsx)(a.d,{children:t.map((e,t)=>G(e,t))})})]},e||`ungrouped`))}),(t.length>0||A!=null||!!T)&&(0,d.jsxs)(a.r,{children:[t.length>0&&(0,d.jsx)(a.d,{children:t.map((e,t)=>G(e,t))}),A??(!!T&&(0,d.jsx)(_,{user:T,onProfile:E,onSettings:D,onLogout:O,strings:k}))]}),(0,d.jsx)(a.b,{})]})}exports.AppSidebar=x,exports.SidebarIcon=y,exports.SidebarLogo=m,exports.SidebarUser=_,exports.SidebarWorkspace=v,exports.defaultSidebarUserStrings=g,exports.defaultSidebarWorkspaceStrings=h,exports.isPathMatch=c.t,exports.resolveActiveHref=c.n,exports.toPath=c.r;

package/dist/layout/sidebar.css

@@ -0,0 +1,16 @@
+@import "../core.css";
+@import "../css/sidebar.css";
+@import "../css/typography.css";
+@import "../css/dropdown-menu.css";
+@import "../css/action-menu.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/sidebar2.css";
+@import "../css/skeleton.css";
+@import "../css/text-inputs.css";
+@import "../css/overlay.css";
+@import "../css/avatar.css";

package/dist/layout/sidebar.js

@@ -0,0 +1,266 @@
+"use client";
+import "../core.css";
+import "../css/sidebar.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { g as n, r, t as i } from "../dropdown-menu-Dg8jpvqM.js";
+import { n as a } from "../action-menu-jAPdRvbi.js";
+import { d as o } from "../display-DTWjv_bB.js";
+import { I as s } from "../primitives-D-cyAv5O.js";
+import { E as c, _ as l, b as u, c as d, d as f, g as p, h as m, i as h, m as g, n as _, o as v, p as y, r as b, s as x, t as S, v as C, y as ee } from "../sidebar-CBUzwh44.js";
+import { a as w, c as T, r as E } from "../avatar-y8bQHcPP.js";
+import { t as D } from "../layout.types-CTDrZCGP.js";
+import { n as O, r as k, t as A } from "../path-_-vHPVht.js";
+import { ChevronRightIcon as te, ChevronsUpDownIcon as j, ExternalLinkIcon as M, LogOutIcon as ne, SettingsIcon as N, UserIcon as P } from "lucide-react";
+import { isValidElement as F, useMemo as I } from "react";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+var B = {
+	disclosure: "layout-sidebar-module__disclosure___SU9jd",
+	logo: "layout-sidebar-module__logo___I-oSr",
+	workspaceTrigger: "layout-sidebar-module__workspaceTrigger___IQYN2",
+	workspaceMark: "layout-sidebar-module__workspaceMark___NaOxd",
+	workspaceChevron: "layout-sidebar-module__workspaceChevron___gkhBD",
+	userTrigger: "layout-sidebar-module__userTrigger___tawYh",
+	userIdentity: "layout-sidebar-module__userIdentity___M-6X5",
+	userChevron: "layout-sidebar-module__userChevron___PnP1t"
+};
+//#endregion
+//#region src/components/layout/sidebar/partials/sidebar-logo.tsx
+function V({ logo: t, collapsedLogo: n = null, className: r }) {
+	let { state: i } = c(), a = i === "collapsed" ? n : t;
+	return a ? /* @__PURE__ */ R("div", {
+		"data-slot": "sidebar-logo",
+		className: e("sidebar-logo--component", B.logo, r),
+		children: a
+	}) : null;
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.strings.ts
+var H = {
+	select: "Switch workspace",
+	label: "Workspaces"
+}, U = {
+	profile: "Profile",
+	settings: "Settings",
+	logout: "Log out",
+	trigger: "Account"
+};
+//#endregion
+//#region src/components/layout/sidebar/partials/sidebar-user.tsx
+function W({ user: e, customContent: o, onProfile: l, onSettings: u, onLogout: d, strings: p, renderTrigger: h }) {
+	let _ = {
+		...U,
+		...p
+	}, { state: v, isMobile: y } = c(), b = y || v !== "collapsed" ? "top" : "right", x = s(e.name, { strategy: "first-words" }), S = [
+		...l ? [{
+			id: "profile",
+			label: _.profile,
+			icon: P,
+			onClick: l
+		}] : [],
+		...u ? [{
+			id: "settings",
+			label: _.settings,
+			icon: N,
+			onClick: u
+		}] : [],
+		...d ? [{
+			id: "logout",
+			label: _.logout,
+			icon: ne,
+			onClick: d,
+			...l || u ? { group: !0 } : null
+		}] : []
+	], C = /* @__PURE__ */ R(g, {
+		size: "lg",
+		className: B.userTrigger,
+		"aria-label": v === "collapsed" ? `${_.trigger}, ${e.name}` : void 0,
+		children: h?.(e) ?? /* @__PURE__ */ z(L, { children: [
+			/* @__PURE__ */ z(E, {
+				size: "sm",
+				children: [!!e.avatar && /* @__PURE__ */ R(T, {
+					src: e.avatar,
+					alt: ""
+				}), /* @__PURE__ */ R(w, { children: x })]
+			}),
+			/* @__PURE__ */ z("span", {
+				className: B.userIdentity,
+				children: [/* @__PURE__ */ R(t, {
+					tag: "span",
+					weight: "medium",
+					children: e.name
+				}), !!e.email && /* @__PURE__ */ R(t, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: e.email
+				})]
+			}),
+			/* @__PURE__ */ R(j, {
+				"aria-hidden": !0,
+				className: B.userChevron
+			})
+		] })
+	});
+	return /* @__PURE__ */ R(f, {
+		className: "sidebar-user--component",
+		children: /* @__PURE__ */ R(m, { children: o ? /* @__PURE__ */ z(i, { children: [/* @__PURE__ */ R(n, { render: C }), /* @__PURE__ */ R(r, {
+			align: "end",
+			side: b,
+			children: o
+		})] }) : /* @__PURE__ */ R(a, {
+			actions: S,
+			align: "end",
+			side: b,
+			renderTrigger: C
+		}) })
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/partials/sidebar-workspace.tsx
+function G({ logo: e, collapsedLogo: t, workspaceLinks: n, renderLink: r, strings: i, contentClassName: s }) {
+	let l = {
+		...H,
+		...i
+	}, u = D({ renderLink: r }), { state: d } = c(), p = d === "collapsed", h = p ? t ?? e : e, _ = n.map((e, t) => ({
+		id: e.url || String(t),
+		label: e.label,
+		icon: e.icon ?? M,
+		href: e.url,
+		external: e.external ?? !0,
+		group: l.label
+	}));
+	return /* @__PURE__ */ R(f, {
+		className: "sidebar-workspace--component",
+		children: /* @__PURE__ */ R(m, { children: /* @__PURE__ */ R(a, {
+			actions: _,
+			align: "start",
+			side: "right",
+			contentClassName: s,
+			preserveOrder: !0,
+			renderLink: ({ children: e, ...t }) => u({
+				...t,
+				children: e ?? null
+			}),
+			renderTrigger: /* @__PURE__ */ z(g, {
+				size: "lg",
+				className: B.workspaceTrigger,
+				children: [
+					/* @__PURE__ */ R("span", {
+						className: B.workspaceMark,
+						children: h
+					}),
+					/* @__PURE__ */ R(o, { children: l.select }),
+					!p && /* @__PURE__ */ R(j, {
+						"aria-hidden": !0,
+						className: B.workspaceChevron
+					})
+				]
+			})
+		}) })
+	});
+}
+//#endregion
+//#region src/components/layout/sidebar/app-sidebar.tsx
+function K({ icon: e, iconMap: t }) {
+	if (!e) return null;
+	if (typeof e == "string") {
+		let n = t?.[e];
+		return n ? /* @__PURE__ */ R(n, {}) : null;
+	}
+	return F(e) ? e : /* @__PURE__ */ R(e, { "aria-hidden": !0 });
+}
+function q(e, t) {
+	return e.handle ? e.handle : e.href ? e.href : typeof e.label == "string" ? e.label : `nav-${t}`;
+}
+function J({ navigationGroups: t = {}, footerNavItems: n = [], currentUrl: r = "/", iconMap: i, liveBadges: a, loading: o = !1, loadingRows: s = 5, logo: c, collapsedLogo: w, workspaceLinks: T, workspaceStrings: E, header: j, user: M, onProfile: ne, onSettings: N, onLogout: P, userStrings: F, footer: H, empty: U, collapsible: J = "icon", variant: re = "sidebar", side: ie = "left", className: ae, surfaceClassName: oe, renderItem: Y, renderLink: X }) {
+	let Z = D({ renderLink: X }), Q = I(() => {
+		let e = [], i = (t) => {
+			for (let n of t) e.push(n.href), n.children?.length && i(n.children);
+		};
+		for (let e of Object.values(t)) i(e);
+		return i(n), O(r, e);
+	}, [
+		r,
+		n,
+		t
+	]), $ = (e) => !!e && !!Q && k(e) === k(Q), se = (e) => !!e && !!Q && A(Q, k(e)), ce = (e) => e.handle && a?.[e.handle] != null ? a[e.handle] : e.badge, le = I(() => Object.entries(t), [t]), ue = (e, t, n = 0) => {
+		let r = !!e.children?.length, a = $(e.href) || r && se(e.href), o = ce(e), s = r && (se(e.href) || e.children.some((e) => $(e.href)));
+		if (Y) return /* @__PURE__ */ R(m, { children: Y(e, {
+			depth: n,
+			active: a,
+			expanded: s,
+			badge: o,
+			renderLink: Z
+		}) }, q(e, t));
+		let c = /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(K, {
+			icon: e.icon,
+			iconMap: i
+		}), /* @__PURE__ */ R("span", { children: e.label })] });
+		return /* @__PURE__ */ z(m, { children: [
+			e.href ? /* @__PURE__ */ R(g, {
+				render: Z({
+					href: e.href,
+					children: null,
+					active: a,
+					disabled: e.disabled,
+					external: e.external
+				}),
+				active: a,
+				"aria-disabled": e.disabled || void 0,
+				children: c
+			}) : /* @__PURE__ */ z(g, {
+				active: a,
+				disabled: e.disabled,
+				closeOnSelectMobile: !r,
+				children: [c, r && /* @__PURE__ */ R(te, {
+					"aria-hidden": !0,
+					className: B.disclosure,
+					"data-expanded": s || void 0
+				})]
+			}),
+			o != null && /* @__PURE__ */ R(y, { children: o }),
+			r && s && /* @__PURE__ */ R(l, { children: e.children.map((e, t) => /* @__PURE__ */ R(ee, { children: /* @__PURE__ */ R(C, {
+				render: Z({
+					href: e.href,
+					children: null,
+					active: $(e.href),
+					disabled: e.disabled,
+					external: e.external
+				}),
+				active: $(e.href),
+				children: /* @__PURE__ */ R("span", { children: e.label })
+			}) }, q(e, t))) })
+		] }, q(e, t));
+	};
+	return /* @__PURE__ */ z(S, {
+		collapsible: J,
+		variant: re,
+		side: ie,
+		className: e("app-sidebar--component", ae),
+		surfaceClassName: oe,
+		children: [
+			(j != null || !!c) && /* @__PURE__ */ R(d, { children: j ?? (T && T.length > 0 ? /* @__PURE__ */ R(G, {
+				logo: c,
+				collapsedLogo: w,
+				workspaceLinks: T,
+				strings: E,
+				renderLink: X
+			}) : /* @__PURE__ */ R(V, {
+				logo: c,
+				collapsedLogo: w
+			})) }),
+			/* @__PURE__ */ R(_, { children: o ? Array.from({ length: s }, (e, t) => /* @__PURE__ */ R(h, { children: /* @__PURE__ */ R(f, { children: /* @__PURE__ */ R(m, { children: /* @__PURE__ */ R(p, { showIcon: !0 }) }) }) }, `skeleton-${t}`)) : le.map(([e, t]) => /* @__PURE__ */ z(h, { children: [!!e && /* @__PURE__ */ R(x, { children: e }), /* @__PURE__ */ R(v, { children: t.length === 0 && U != null ? U : /* @__PURE__ */ R(f, { children: t.map((e, t) => ue(e, t)) }) })] }, e || "ungrouped")) }),
+			(n.length > 0 || H != null || !!M) && /* @__PURE__ */ z(b, { children: [n.length > 0 && /* @__PURE__ */ R(f, { children: n.map((e, t) => ue(e, t)) }), H ?? (!!M && /* @__PURE__ */ R(W, {
+				user: M,
+				onProfile: ne,
+				onSettings: N,
+				onLogout: P,
+				strings: F
+			}))] }),
+			/* @__PURE__ */ R(u, {})
+		]
+	});
+}
+//#endregion
+export { J as AppSidebar, K as SidebarIcon, V as SidebarLogo, W as SidebarUser, G as SidebarWorkspace, U as defaultSidebarUserStrings, H as defaultSidebarWorkspaceStrings, A as isPathMatch, O as resolveActiveHref, k as toPath };

package/dist/layout/workspace.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime-BocRIvOZ.cjs"),t=require("../typography-kBzTy-jM.cjs"),n=require("../feedback-lBKIc2cQ.cjs"),r=require("../display-BPuD0OAo.cjs"),i=require("../primitives-Bcjsjg7A.cjs"),a=require("../badge-CSoXP1oV.cjs"),o=require("../item-BXtuvlig.cjs");let s=require("lucide-react"),c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("@base-ui/react/merge-props"),d=require("@base-ui/react/use-render"),f=require("clsx");var p={label:`Workspace navigation`,current:`Current`,completion:e=>`${e}% complete`},m={label:`Workspace locales`,active:`Active`,completion:e=>`${e}% complete`},h={metadata:`Record metadata`,actions:`Record actions`},g={light:`workspace-module__light___cSS6g`,dark:`workspace-module__dark___cRj6P`,recordHeader:`workspace-module__recordHeader___T8D91`,top:`workspace-module__top___gz--L`,media:`workspace-module__media___tw3Qq`,identity:`workspace-module__identity___YPcBd`,titleRow:`workspace-module__titleRow___jpbrb`,actions:`workspace-module__actions___-OkIT`,metadata:`workspace-module__metadata___0r7oe`,metaItem:`workspace-module__metaItem___98W4f`,metaLabel:`workspace-module__metaLabel___M-s5i`,metaValue:`workspace-module__metaValue___9yNjQ`,secondary:`workspace-module__secondary___KBwaO`,nav:`workspace-module__nav___bYKaJ`,navGroups:`workspace-module__navGroups___2iZ-T`,navGroup:`workspace-module__navGroup___nCpk1`,navGroupHead:`workspace-module__navGroupHead___bQF-U`,navItems:`workspace-module__navItems___pytqK`,navItem:`workspace-module__navItem___WBTF2`,navStatusIcon:`workspace-module__navStatusIcon___a9dFk`,navProgress:`workspace-module__navProgress___2ch1b`,navFooter:`workspace-module__navFooter___bSbyx`,layout:`workspace-module__layout___xEy5N`,layoutHeader:`workspace-module__layoutHeader___SuOJE`,layoutBody:`workspace-module__layoutBody___dsY3Y`,layoutSidebar:`workspace-module__layoutSidebar___baA3g`,layoutContent:`workspace-module__layoutContent___sOFhv`,layoutRail:`workspace-module__layoutRail___ka22F`,layoutMeasure:`workspace-module__layoutMeasure___fpy-Y`,strip:`workspace-module__strip___dcIL8`,stripList:`workspace-module__stripList___olit0`,stripItem:`workspace-module__stripItem___m5cCI`,stripHead:`workspace-module__stripHead___k-Bvf`,stripActions:`workspace-module__stripActions___-5ZUU`};function _({title:e,description:n,media:i,badges:a,status:o,metadata:s,actions:c,strings:u,secondaryActions:d,headingLevel:p=1,className:m,children:_,...v}){let y={...h,...u};return(0,l.jsxs)(`div`,{"data-slot":`workspace-record-header`,className:(0,f.clsx)(`workspace-record-header--component`,g.recordHeader,m),...v,children:[(0,l.jsxs)(`div`,{className:g.top,children:[!!i&&(0,l.jsx)(`div`,{className:g.media,children:i}),(0,l.jsxs)(`div`,{className:g.identity,children:[(0,l.jsxs)(`div`,{className:g.titleRow,children:[(0,l.jsx)(t.a,{level:p,size:`xl`,truncate:!0,children:e}),a,o]}),!!n&&(0,l.jsx)(t.o,{size:`sm`,type:`secondary`,children:n})]}),!!c&&(0,l.jsx)(`div`,{role:`group`,"aria-label":y.actions,className:g.actions,children:c})]}),!!s?.length&&(0,l.jsx)(r.n,{layout:`inline`,density:`compact`,itemSeparator:!0,"aria-label":y.metadata,className:g.metadata,items:s.map((e,t)=>({id:e.id??String(t),label:e.label,value:e.value}))}),!!d&&(0,l.jsx)(`div`,{className:g.secondary,children:d}),_]})}function v({header:e,sidebar:t,rail:n,children:r,contentWidth:i=`wide`,label:a,sidebarWidth:o,railWidth:s,className:c,headerClassName:u,bodyClassName:d,sidebarClassName:p,contentClassName:m,contentRender:h,railClassName:_,style:v,...b}){return(0,l.jsxs)(`div`,{"data-slot":`workspace-layout`,"data-content-width":i,"data-has-sidebar":!!t||void 0,"data-has-rail":!!n||void 0,"aria-label":a,className:(0,f.clsx)(`workspace-layout--component`,g.layout,c),style:{...o?{"--workspace-sidebar-w":o}:null,...s?{"--workspace-rail-w":s}:null,...v},...b,children:[!!e&&(0,l.jsx)(`div`,{"data-slot":`workspace-header`,className:(0,f.clsx)(g.layoutHeader,u),children:e}),(0,l.jsxs)(`div`,{"data-slot":`workspace-body`,className:(0,f.clsx)(g.layoutBody,d),children:[!!t&&(0,l.jsx)(`div`,{"data-slot":`workspace-sidebar`,className:(0,f.clsx)(g.layoutSidebar,p),children:t}),(0,l.jsx)(y,{"data-slot":`workspace-content`,className:(0,f.clsx)(g.layoutContent,m),render:h,children:(0,l.jsx)(`div`,{className:g.layoutMeasure,children:r})}),!!n&&(0,l.jsx)(`aside`,{"data-slot":`workspace-rail`,className:(0,f.clsx)(g.layoutRail,_),children:n})]})]})}function y({className:e,render:t,...n}){return(0,d.useRender)({defaultTagName:`main`,props:(0,u.mergeProps)({className:e},n),render:t,state:{}})}var b={complete:s.CheckIcon,current:s.CircleIcon,attention:s.CircleAlertIcon,disabled:s.CircleIcon,idle:s.CircleIcon};function x(e){return Number.isFinite(e)?Math.min(100,Math.max(0,Math.round(e))):0}function S(e,t){return e.disabled?`disabled`:e.status?e.status:e.warning?`attention`:t?`current`:e.completion!==void 0&&x(e.completion)>=100?`complete`:`idle`}function C({groups:e,activeId:a,onSelect:s,renderItem:u,footerSlot:d,strings:m,className:h,..._}){let v={...p,...m};return(0,l.jsxs)(`nav`,{"data-slot":`workspace-nav`,"aria-label":_[`aria-label`]??v.label,className:(0,f.clsx)(`workspace-nav--component`,g.nav,h),..._,children:[(0,l.jsx)(`div`,{className:g.navGroups,children:e.map(e=>(0,l.jsxs)(`div`,{className:g.navGroup,children:[!!e.label&&(0,l.jsxs)(`div`,{className:g.navGroupHead,children:[(0,l.jsx)(t.i,{children:e.label}),!!e.description&&(0,l.jsx)(t.o,{size:`xs`,type:`secondary`,children:e.description})]}),(0,l.jsx)(o.o,{className:g.navItems,children:e.items.map((t,d)=>{let f=t.id===a,p=S(t,f),m=b[p],h=t.icon,_=t.completion===void 0?void 0:x(t.completion);return u?(0,l.jsx)(c.Fragment,{children:u(t,{active:f,group:e,index:d})},t.id):(0,l.jsxs)(o.t,{"aria-current":f||void 0,"aria-disabled":t.disabled||void 0,"data-active":f||void 0,"data-status":p,onClick:()=>!t.disabled&&s?.(t),className:g.navItem,children:[(0,l.jsx)(o.c,{variant:`icon`,children:h?(0,l.jsx)(h,{}):(0,l.jsx)(m,{className:g.navStatusIcon})}),(0,l.jsxs)(o.r,{children:[(0,l.jsxs)(o.u,{children:[t.label,f&&(0,l.jsx)(r.d,{children:v.current})]}),!!t.description&&(0,l.jsx)(o.i,{children:t.description}),_!==void 0&&(0,l.jsxs)(`div`,{className:g.navProgress,children:[(0,l.jsx)(n.s,{value:_,label:v.completion(_)}),(0,l.jsx)(i.H,{size:`xs`,children:v.completion(_)})]})]})]},t.id)})})]},e.id))}),!!d&&(0,l.jsx)(`div`,{className:g.navFooter,children:d})]})}function w({locales:e,activeLocale:r,onLocaleChange:i,actions:o,strings:s,className:c,...u}){let d={...m,...s};return(0,l.jsxs)(`div`,{"data-slot":`workspace-locale-strip`,role:`group`,"aria-label":d.label,className:(0,f.clsx)(`workspace-locale-strip--component`,g.strip,c),...u,children:[(0,l.jsx)(`div`,{className:g.stripList,children:e.map(e=>{let o=e.id===r,s=e.completion===void 0?void 0:Math.min(100,Math.max(0,Math.round(e.completion)));return(0,l.jsxs)(`button`,{type:`button`,"aria-pressed":o,disabled:e.disabled,onClick:()=>i?.(e),"data-active":o||void 0,className:g.stripItem,children:[(0,l.jsxs)(`span`,{className:g.stripHead,children:[(0,l.jsx)(t.o,{tag:`span`,weight:`medium`,children:e.label}),o&&(0,l.jsx)(a.t,{tone:`primary`,children:d.active}),!!e.status&&(0,l.jsx)(a.t,{tone:`neutral`,children:e.status})]}),!!e.description&&(0,l.jsx)(t.o,{tag:`span`,size:`xs`,type:`secondary`,children:e.description}),s!==void 0&&(0,l.jsx)(n.s,{value:s,label:d.completion(s)})]},e.id)})}),!!o&&(0,l.jsx)(`div`,{className:g.stripActions,children:o})]})}exports.WorkspaceLayout=v,exports.WorkspaceLocaleStrip=w,exports.WorkspaceNav=C,exports.WorkspaceRecordHeader=_,exports.defaultWorkspaceLocaleStripStrings=m,exports.defaultWorkspaceNavStrings=p,exports.defaultWorkspaceRecordHeaderStrings=h;

package/dist/layout/workspace.css

@@ -0,0 +1,11 @@
+@import "../core.css";
+@import "../css/workspace.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/item.css";