themelia-react-ui 2.0.5 → 2.0.6

package/dist/{item-DjCcM18E.js → item-FfWnaYST.js}

@@ -1,37 +1,38 @@
 "use client";
 import { S as e, d as t, p as n } from "./ui-provider-C-74NVLc.js";
-import { t as r } from "./utils-B6kKb8jB.js";
-import { t as i } from "./separator-Bb17I4pu.js";
-import { c as a, l as o } from "./typography-BQnine1k.js";
+import { t as r } from "./utils-DhuoqFy4.js";
+import { t as i } from "./separator-B9ewiCGO.js";
+import { c as a, l as o } from "./typography-C7-YMW1S.js";
 import { t as s } from "./text.styles-B64My8RZ.js";
 import { t as c } from "./focus-recipes-B653VaLq.js";
 import { n as l } from "./icon-size-B6PVwjbC.js";
 import { t as u } from "./row-recipes-DL8n7t_b.js";
 import { t as d } from "./composition.recipes-COdiFhxB.js";
-import * as f from "react";
-import { forwardRef as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { mergeProps as _ } from "@base-ui/react/merge-props";
-import { useRender as v } from "@base-ui/react/use-render";
-import { cva as y } from "class-variance-authority";
+import { t as f } from "./interaction-recipes-4wZ2tvfb.js";
+import * as p from "react";
+import { forwardRef as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { mergeProps as v } from "@base-ui/react/merge-props";
+import { useRender as y } from "@base-ui/react/use-render";
+import { cva as b } from "class-variance-authority";
 //#region src/components/ui/item.tsx
-function b({ className: e, ...t }) {
-	return /* @__PURE__ */ h("div", {
+function x({ className: e, ...t }) {
+	return /* @__PURE__ */ g("div", {
 		role: "list",
 		"data-slot": "item-group",
 		className: r("group/item-group flex w-full flex-col", e),
 		...t
 	});
 }
-function x({ className: e, ...t }) {
-	return /* @__PURE__ */ h(i, {
+function S({ className: e, ...t }) {
+	return /* @__PURE__ */ g(i, {
 		"data-slot": "item-separator",
 		orientation: "horizontal",
 		className: r("my-space-md", e),
 		...t
 	});
 }
-var S = y(`group/item flex w-full flex-wrap items-center rounded-radius border text-sm transition-colors outline-none ${c.frame} [a]:transition-colors [a]:hover:bg-accent [a]:hover:text-accent-foreground`, {
+var C = b(`group/item flex w-full flex-wrap items-center rounded-radius border text-sm transition-colors outline-none ${c.frame} [a]:transition-colors [a]:hover:bg-accent [a]:hover:text-accent-foreground`, {
 	variants: {
 		variant: {
 			default: "border-transparent",
@@ -48,14 +49,14 @@ var S = y(`group/item flex w-full flex-wrap items-center rounded-radius border t
 		variant: "default",
 		size: "default"
 	}
-}), C = f.createContext(!1);
-function w(e) {
-	return f.useContext(C) ? "span" : e;
+}), w = p.createContext(!1);
+function T(e) {
+	return p.useContext(w) ? "span" : e;
 }
-function T({ className: e, variant: t = "default", size: n = "default", render: i, ...a }) {
-	let o = v({
+function E({ className: e, variant: t = "default", size: n = "default", render: i, ...a }) {
+	let o = p.isValidElement(i) && i.type === "button", s = y({
 		defaultTagName: "div",
-		props: _({ className: r(S({
+		props: v({ className: r(o && f.nativeButtonReset, o && "text-start", C({
 			variant: t,
 			size: n,
 			className: e
@@ -67,12 +68,12 @@ function T({ className: e, variant: t = "default", size: n = "default", render:
 			size: n
 		}
 	});
-	return /* @__PURE__ */ h(C.Provider, {
+	return /* @__PURE__ */ g(w.Provider, {
 		value: i !== void 0,
-		children: o
+		children: s
 	});
 }
-var E = y("flex shrink-0 items-center justify-center gap-space-md group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+var D = b("flex shrink-0 items-center justify-center gap-space-md group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
 	variants: { variant: {
 		default: "bg-transparent",
 		icon: "[&_svg:not([class*='size-'])]:size-icon",
@@ -80,10 +81,10 @@ var E = y("flex shrink-0 items-center justify-center gap-space-md group-has-data
 	} },
 	defaultVariants: { variant: "default" }
 });
-function D({ className: e, variant: t = "default", ...n }) {
-	return v({
-		defaultTagName: w("div"),
-		props: _({ className: r(E({
+function O({ className: e, variant: t = "default", ...n }) {
+	return y({
+		defaultTagName: T("div"),
+		props: v({ className: r(D({
 			variant: t,
 			className: e
 		})) }, n),
@@ -93,146 +94,146 @@ function D({ className: e, variant: t = "default", ...n }) {
 		}
 	});
 }
-function O({ className: e, ...t }) {
-	return v({
-		defaultTagName: w("div"),
-		props: _({ className: r("flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", e) }, t),
+function k({ className: e, ...t }) {
+	return y({
+		defaultTagName: T("div"),
+		props: v({ className: r("flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", e) }, t),
 		state: { slot: "item-content" }
 	});
 }
-function k({ className: e, ...t }) {
-	return v({
-		defaultTagName: w("div"),
-		props: _({ className: r("line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4", e) }, t),
+function A({ className: e, ...t }) {
+	return y({
+		defaultTagName: T("div"),
+		props: v({ className: r("line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4", e) }, t),
 		state: { slot: "item-title" }
 	});
 }
-function A({ className: e, ...t }) {
-	return v({
-		defaultTagName: w("p"),
-		props: _({ className: r("m-0 line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e) }, t),
+function j({ className: e, ...t }) {
+	return y({
+		defaultTagName: T("p"),
+		props: v({ className: r("m-0 line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e) }, t),
 		state: { slot: "item-description" }
 	});
 }
-function j({ className: e, ...t }) {
-	return v({
-		defaultTagName: w("div"),
-		props: _({ className: r("flex items-center", e) }, t),
+function M({ className: e, ...t }) {
+	return y({
+		defaultTagName: T("div"),
+		props: v({ className: r("flex items-center", e) }, t),
 		state: { slot: "item-actions" }
 	});
 }
-function M({ className: e, ...t }) {
-	return v({
-		defaultTagName: w("div"),
-		props: _({ className: r("flex basis-full items-center justify-between gap-space-md", e) }, t),
+function N({ className: e, ...t }) {
+	return y({
+		defaultTagName: T("div"),
+		props: v({ className: r("flex basis-full items-center justify-between gap-space-md", e) }, t),
 		state: { slot: "item-header" }
 	});
 }
-function N({ className: e, ...t }) {
-	return v({
-		defaultTagName: w("div"),
-		props: _({ className: r("flex basis-full items-center justify-between gap-space-md", e) }, t),
+function P({ className: e, ...t }) {
+	return y({
+		defaultTagName: T("div"),
+		props: v({ className: r("flex basis-full items-center justify-between gap-space-md", e) }, t),
 		state: { slot: "item-footer" }
 	});
 }
 //#endregion
 //#region src/components/base/item/item.tsx
-var P = p(function(i, a) {
-	let o = "title" in i, { size: s, density: l = "default", variant: d, padding: f = "none", textGap: p = "dense", render: _, className: v, children: y, media: b, mediaVariant: x, title: S, description: C, trailing: w, actions: E, titleBold: D, descriptionClamp: O, ...k } = i, { defaultVariant: A = "default" } = n(), { defaultScale: j } = t(), M = e(s, j), N = M === "sm" ? "xs" : "sm", P = d ?? A, F = M === "sm" ? "text-pxs" : M === "lg" ? "text-base" : "text-sm", I = f === "default" ? "px-row-x" : "px-0", B = P === "default" && f === "none" ? "in-data-[slot=item-group]:first:pt-0 in-data-[slot=item-group]:last:pb-0" : void 0, V = P === "default" ? `border-0 ${c.edge}` : void 0, U = o ? /* @__PURE__ */ g(m, { children: [
-		b == null ? null : /* @__PURE__ */ h(L, {
+var F = m(function(i, a) {
+	let o = "title" in i, { size: s, density: l = "default", variant: d, padding: f = "none", textGap: p = "dense", render: m, className: v, children: y, media: b, mediaVariant: x, title: S, description: C, trailing: w, actions: T, titleBold: D, descriptionClamp: O, ...k } = i, { defaultVariant: A = "default" } = n(), { defaultScale: j } = t(), M = e(s, j), N = M === "sm" ? "xs" : "sm", P = d ?? A, F = M === "sm" ? "text-pxs" : M === "lg" ? "text-base" : "text-sm", I = f === "default" ? "px-row-x" : "px-0", L = P === "default" && f === "none" ? "in-data-[slot=item-group]:first:pt-0 in-data-[slot=item-group]:last:pb-0" : void 0, V = P === "default" ? `border-0 ${c.edge}` : void 0, H = o ? /* @__PURE__ */ _(h, { children: [
+		b == null ? null : /* @__PURE__ */ g(R, {
 			variant: x,
 			children: b
 		}),
-		/* @__PURE__ */ g(R, {
+		/* @__PURE__ */ _(z, {
 			textGap: p,
 			className: "basis-48",
-			children: [/* @__PURE__ */ h(H, {
+			children: [/* @__PURE__ */ g(U, {
 				bold: D,
 				children: S
-			}), C == null ? null : /* @__PURE__ */ h(W, {
+			}), C == null ? null : /* @__PURE__ */ g(G, {
 				clamp: O,
 				children: C
 			})]
 		}),
-		w != null || E != null ? /* @__PURE__ */ g(z, { children: [w, E] }) : null
+		w != null || T != null ? /* @__PURE__ */ _(B, { children: [w, T] }) : null
 	] }) : y;
-	return /* @__PURE__ */ h(T, {
+	return /* @__PURE__ */ g(E, {
 		ref: a,
 		size: N,
 		variant: P,
-		render: _,
-		className: r("item--component box-border font-sans gap-space-lg rounded-radius", u[l], I, B, V, F, v),
+		render: m,
+		className: r("item--component box-border font-sans gap-space-lg rounded-radius", m !== void 0 && "text-inherit no-underline", u[l], I, L, V, F, v),
 		...k,
-		children: U
+		children: H
 	});
 });
-P.displayName = "Item";
-var F = p(function({ className: e, role: t, ...n }, i) {
-	return /* @__PURE__ */ h(b, {
+F.displayName = "Item";
+var I = m(function({ className: e, role: t, ...n }, i) {
+	return /* @__PURE__ */ g(x, {
 		ref: i,
 		role: t,
 		className: r("item-group--component gap-space-sm has-[>[data-slot=item][data-variant=default]]:not-has-[>[data-slot=item]:not([data-variant=default])]:gap-0", e),
 		...n
 	});
 });
-F.displayName = "ItemGroup";
-var I = p(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ h(x, {
+I.displayName = "ItemGroup";
+var L = m(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ g(S, {
 		ref: n,
 		className: r("item--separator", e),
 		...t
 	});
 });
-I.displayName = "ItemSeparator";
-var L = p(function({ variant: e = "default", className: t, ...n }, i) {
+L.displayName = "ItemSeparator";
+var R = m(function({ variant: e = "default", className: t, ...n }, i) {
 	let a = e === "image" || e === "avatar" ? "image" : "default", o = e === "icon" ? r(l.md, "group-data-[size=xs]/item:[&_svg:not([class*='size-'])]:size-icon-sm") : void 0;
-	return /* @__PURE__ */ h(D, {
+	return /* @__PURE__ */ g(O, {
 		ref: i,
 		variant: a,
 		className: r("item--media", "group-has-data-[slot=item-description]/item:translate-y-0", o, e === "avatar" ? "rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full" : void 0, t),
 		...n
 	});
 });
-L.displayName = "ItemMedia";
-var R = p(function({ className: e, textGap: t = "dense", ...n }, i) {
-	return /* @__PURE__ */ h(O, {
+R.displayName = "ItemMedia";
+var z = m(function({ className: e, textGap: t = "dense", ...n }, i) {
+	return /* @__PURE__ */ g(k, {
 		ref: i,
 		className: r("item--content min-w-0", t === "dense" ? "gap-dense group-data-[size=xs]/item:gap-dense" : "gap-normal group-data-[size=xs]/item:gap-normal", e),
 		...n
 	});
 });
-R.displayName = "ItemContent";
-var z = p(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ h(j, {
+z.displayName = "ItemContent";
+var B = m(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ g(M, {
 		ref: n,
 		className: r("item--actions max-w-full flex-wrap shrink-0", d.compactActions, e),
 		...t
 	});
 });
-z.displayName = "ItemActions";
-var B = p(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ h(M, {
+B.displayName = "ItemActions";
+var V = m(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ g(N, {
 		ref: n,
 		className: r("item--header", e),
 		...t
 	});
 });
-B.displayName = "ItemHeader";
-var V = p(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ h(N, {
+V.displayName = "ItemHeader";
+var H = m(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ g(P, {
 		ref: n,
 		className: r("item--footer", e),
 		...t
 	});
 });
-V.displayName = "ItemFooter";
-var H = p(function({ bold: e = !0, className: t, children: n, ...i }, c) {
+H.displayName = "ItemFooter";
+var U = m(function({ bold: e = !0, className: t, children: n, ...i }, c) {
 	let l = typeof n == "string" || typeof n == "number" || typeof n == "bigint";
-	return /* @__PURE__ */ h(k, {
+	return /* @__PURE__ */ g(A, {
 		ref: c,
 		className: r("item--title min-w-0 max-w-full overflow-hidden m-0 text-inherit [&>p]:m-0 [&>p]:text-start", t),
 		...i,
-		children: l ? /* @__PURE__ */ h(a, {
+		children: l ? /* @__PURE__ */ g(a, {
 			...s.primary,
 			tag: "span",
 			size: "inherit",
@@ -240,38 +241,38 @@ var H = p(function({ bold: e = !0, className: t, children: n, ...i }, c) {
 			lineHeight: "tight",
 			className: "min-w-0 overflow-hidden text-ellipsis text-inherit",
 			children: n
-		}) : /* @__PURE__ */ h(o.Provider, {
+		}) : /* @__PURE__ */ g(o.Provider, {
 			value: !0,
 			children: n
 		})
 	});
 });
-H.displayName = "ItemTitle";
-var U = {
+U.displayName = "ItemTitle";
+var W = {
 	1: "line-clamp-1",
 	2: "line-clamp-2",
 	3: "line-clamp-3",
 	4: "line-clamp-4",
 	none: "line-clamp-none"
-}, W = p(function({ clamp: e = 2, className: t, children: n, ...i }, c) {
+}, G = m(function({ clamp: e = 2, className: t, children: n, ...i }, c) {
 	let l = typeof n == "string" || typeof n == "number" || typeof n == "bigint";
-	return /* @__PURE__ */ h(A, {
+	return /* @__PURE__ */ g(j, {
 		ref: c,
-		className: r("item--description", "m-0", !l && "text-xs text-muted-foreground leading-tight", U[e], t),
+		className: r("item--description", "m-0", !l && "text-xs text-muted-foreground leading-tight", W[e], t),
 		...i,
-		children: l ? /* @__PURE__ */ h(a, {
+		children: l ? /* @__PURE__ */ g(a, {
 			...s.supporting,
 			tag: "span",
 			lineHeight: "tight",
 			children: n
-		}) : /* @__PURE__ */ h(o.Provider, {
+		}) : /* @__PURE__ */ g(o.Provider, {
 			value: !0,
 			children: n
 		})
 	});
 });
-W.displayName = "ItemDescription";
+G.displayName = "ItemDescription";
 //#endregion
-export { V as a, L as c, W as i, I as l, z as n, F as o, R as r, B as s, P as t, H as u };
+export { H as a, R as c, G as i, L as l, B as n, I as o, z as r, V as s, F as t, U as u };
 
-//# sourceMappingURL=item-DjCcM18E.js.map
+//# sourceMappingURL=item-FfWnaYST.js.map

package/dist/item-FfWnaYST.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-FfWnaYST.js","names":["ItemGroup","ItemSeparator","React","Item","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter","_Fragment","BaseItem","BaseItemGroup","BaseItemSeparator","BaseItemMedia","BaseItemContent","BaseItemActions","BaseItemHeader","BaseItemFooter","BaseItemTitle","BaseItemDescription","resolveComponentScale","useDensityConfig","useItemConfig","cn","Separator","Text","RunningTextContext","copyRoleProps","focusRecipes","ICON_DESCENDANT_SIZE_CLASSNAMES","rowBlockPaddingClasses","compositionClasses","interactionRecipes","React$1","Fragment$1","ItemGroup$1","props","className","ItemSeparator$1","itemVariants","cva","ItemPhrasingContext","usePartTagName","tagName","Item$1","nativeButton","render","element","useRender","mergeProps","itemMediaVariants","ItemMedia$1","ItemContent$1","ItemTitle$1","ItemDescription$1","ItemActions$1","ItemHeader$1","ItemFooter$1","Item","forwardRef","convenienceMode","itemProps","resolvedSize","size","defaultScale","primitiveSize","resolvedVariant","variant","defaultVariant","textSizeClass","paddingClass","padding","flushEdgeClass","borderClass","resolvedChildren","media","ItemMedia","mediaVariant","ItemContent","ItemTitle","titleBold","title","description","ItemDescription","descriptionClamp","trailing","actions","ItemActions","children","density","ItemGroup","ItemSeparator","baseVariant","iconClass","textGap","ItemHeader","ItemFooter","isSimpleText","bold","CLAMP_CLASS","clamp"],"sources":["../src/components/ui/item.tsx","../src/components/base/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { rowBlockPaddingClasses } from \"../../lib/row-recipes\"\nimport { Separator } from \"./separator\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\nimport { interactionRecipes } from \"../../lib/interaction-recipes\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group flex w-full flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-space-md\", className)}\n      {...props}\n    />\n  )\n}\n\nconst itemVariants = cva(\n  `group/item flex w-full flex-wrap items-center rounded-radius border text-sm transition-colors outline-none ${focusRecipes.frame} [a]:transition-colors [a]:hover:bg-accent [a]:hover:text-accent-foreground`,\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: cn(\"gap-space-lg px-row-x\", rowBlockPaddingClasses.comfortable),\n        sm: cn(\"gap-space-lg px-row-x\", rowBlockPaddingClasses.default),\n        xs: cn(\"gap-space-md px-row-x in-data-[slot=dropdown-menu-content]:p-0\", rowBlockPaddingClasses.compact),\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\n// An Item rendered as a button or link may hold phrasing content only, so its\n// parts render as spans there. Their classes set their display, so the layout\n// is the same either way.\nconst ItemPhrasingContext = React.createContext(false)\n\nfunction usePartTagName(tagName: \"div\" | \"p\") {\n  return React.useContext(ItemPhrasingContext) ? \"span\" : tagName\n}\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  const nativeButton = React.isValidElement(render) && render.type === \"button\"\n  const element = useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          nativeButton && interactionRecipes.nativeButtonReset,\n          nativeButton && \"text-start\",\n          itemVariants({ variant, size, className }),\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  })\n\n  return (\n    <ItemPhrasingContext.Provider value={render !== undefined}>\n      {element}\n    </ItemPhrasingContext.Provider>\n  )\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-space-md group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-icon\",\n        image:\n          \"size-10 overflow-hidden rounded-radius group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-radius [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemMediaVariants({ variant, className })),\n      },\n      props\n    ),\n    state: { slot: \"item-media\", variant },\n  })\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-content\" },\n  })\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"line-clamp-1 flex w-fit items-center gap-space-md text-sm leading-snug font-medium underline-offset-4\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-title\" },\n  })\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"p\"),\n    props: mergeProps<\"p\">(\n      {\n        className: cn(\n          \"m-0 line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-description\" },\n  })\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex items-center\", className),\n      },\n      props\n    ),\n    state: { slot: \"item-actions\" },\n  })\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex basis-full items-center justify-between gap-space-md\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-header\" },\n  })\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: usePartTagName(\"div\"),\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex basis-full items-center justify-between gap-space-md\",\n          className\n        ),\n      },\n      props\n    ),\n    state: { slot: \"item-footer\" },\n  })\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n}\n","/**\n * Item — base wrapper around the shadcn `Item` primitive.\n *\n * Why this wrapper exists (rules 1, 8, 12, 17):\n *   - Resolves `size` and `variant` against `<UIProvider>` (`useItemConfig()`),\n *     so consumers set library-wide density once.\n *   - Routes `ItemTitle` / `ItemDescription` text through our `<Text>` typography\n *     so a title is always `weight=\"semibold\"` and secondary copy follows the\n *     shared control/display tokens — no rogue `<div className=\"text-sm font-medium\">`\n *     blobs at call sites.\n *   - Re-exports every compound part untouched, so `<Item>` keeps working as a\n *     drop-in replacement for hand-rolled \"icon-left + text-stack + actions\" rows.\n *\n * Layer rule: import from `@/components/base/item`, never from `@/components/ui/item`.\n */\nimport { forwardRef, type ComponentRef } from 'react';\n\nimport {\n\tItem as BaseItem,\n\tItemActions as BaseItemActions,\n\tItemContent as BaseItemContent,\n\tItemDescription as BaseItemDescription,\n\tItemFooter as BaseItemFooter,\n\tItemGroup as BaseItemGroup,\n\tItemHeader as BaseItemHeader,\n\tItemMedia as BaseItemMedia,\n\tItemSeparator as BaseItemSeparator,\n\tItemTitle as BaseItemTitle,\n} from '../../ui/item';\nimport { ICON_DESCENDANT_SIZE_CLASSNAMES } from '../display/icon-size';\nimport { Text } from '../../typography';\nimport { RunningTextContext } from '../../typography/running-text';\nimport { useDensityConfig, useItemConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport {compositionClasses} from '../structure/composition.recipes';\nimport {copyRoleProps} from '../../typography/text.styles';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\nimport { focusRecipes } from '../../../lib/focus-recipes';\n\nimport type {\n\tItemActionsProps,\n\tItemContentProps,\n\tItemDescriptionProps,\n\tItemFooterProps,\n\tItemGroupProps,\n\tItemHeaderProps,\n\tItemMediaProps,\n\tItemProps,\n\tItemTitleProps,\n} from './item.types';\n\nconst Item = forwardRef<ComponentRef<typeof BaseItem>, ItemProps>(function Item(\n\titemProps,\n\tref,\n) {\n\tconst convenienceMode = 'title' in itemProps;\n\tconst {\n\t\tsize,\n\t\tdensity = 'default',\n\t\tvariant,\n\t\tpadding = 'none',\n\t\ttextGap = 'dense',\n\t\trender,\n\t\tclassName,\n\t\tchildren,\n\t\tmedia,\n\t\tmediaVariant,\n\t\ttitle,\n\t\tdescription,\n\t\ttrailing,\n\t\tactions,\n\t\ttitleBold,\n\t\tdescriptionClamp,\n\t\t...props\n\t} = itemProps;\n\tconst { defaultVariant = 'default' } = useItemConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst resolvedSize = resolveComponentScale(size, defaultScale);\n\tconst primitiveSize = resolvedSize === 'sm' ? 'xs' : 'sm';\n\tconst resolvedVariant = variant ?? defaultVariant;\n\tconst textSizeClass = resolvedSize === 'sm' ? 'text-pxs' : resolvedSize === 'lg' ? 'text-base' : 'text-sm';\n\tconst paddingClass = padding === 'default' ? 'px-row-x' : 'px-0';\n\t// A plain flush row draws no box, so in a group its outer edges sit on the group's\n\t// edges and the parent's gap or surface padding owns the space around the list.\n\tconst flushEdgeClass = resolvedVariant === 'default' && padding === 'none'\n\t\t? 'in-data-[slot=item-group]:first:pt-0 in-data-[slot=item-group]:last:pb-0'\n\t\t: undefined;\n\t// The default variant draws no box; a transparent 1px border only nudged its text off the shared edge.\n\t// Without a border, an interactive row draws its focus edge inset instead.\n\tconst borderClass = resolvedVariant === 'default' ? `border-0 ${focusRecipes.edge}` : undefined;\n\tconst resolvedChildren = convenienceMode ? (\n\t\t<>\n\t\t\t{media != null ? <ItemMedia variant={mediaVariant}>{media}</ItemMedia> : null}\n\t\t\t<ItemContent textGap={textGap} className=\"basis-48\">\n\t\t\t\t<ItemTitle bold={titleBold}>{title}</ItemTitle>\n\t\t\t\t{description != null ? (\n\t\t\t\t\t<ItemDescription clamp={descriptionClamp}>{description}</ItemDescription>\n\t\t\t\t) : null}\n\t\t\t</ItemContent>\n\t\t\t{trailing != null || actions != null ? (\n\t\t\t\t<ItemActions>\n\t\t\t\t\t{trailing}\n\t\t\t\t\t{actions}\n\t\t\t\t</ItemActions>\n\t\t\t) : null}\n\t\t</>\n\t) : children;\n\treturn (\n\t\t<BaseItem\n\t\t\tref={ref}\n\t\t\tsize={primitiveSize}\n\t\t\tvariant={resolvedVariant}\n\t\t\trender={render}\n\t\t\tclassName={cn(\n\t\t\t\t'item--component box-border font-sans gap-space-lg rounded-radius',\n\t\t\t\trender !== undefined && 'text-inherit no-underline',\n\t\t\t\trowBlockPaddingClasses[density],\n\t\t\t\tpaddingClass,\n\t\t\t\tflushEdgeClass,\n\t\t\t\tborderClass,\n\t\t\t\ttextSizeClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{resolvedChildren}\n\t\t</BaseItem>\n\t);\n});\nItem.displayName = 'Item';\n\nconst ItemGroup = forwardRef<ComponentRef<typeof BaseItemGroup>, ItemGroupProps>(function ItemGroup(\n\t{ className, role, ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemGroup\n\t\t\tref={ref}\n\t\t\trole={role}\n\t\t\t// Boxed rows (outline/muted) keep a small gap between boxes, including when a\n\t\t\t// plain row sits beside them. A group of plain rows only touches, so their own\n\t\t\t// density padding is the only space between them.\n\t\t\tclassName={cn('item-group--component gap-space-sm has-[>[data-slot=item][data-variant=default]]:not-has-[>[data-slot=item]:not([data-variant=default])]:gap-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemGroup.displayName = 'ItemGroup';\n\nconst ItemSeparator = forwardRef<\n\tComponentRef<typeof BaseItemSeparator>,\n\tParameters<typeof BaseItemSeparator>[0]\n>(function ItemSeparator({ className, ...props }, ref) {\n\treturn <BaseItemSeparator ref={ref} className={cn('item--separator', className)} {...props} />;\n});\nItemSeparator.displayName = 'ItemSeparator';\n\nconst ItemMedia = forwardRef<ComponentRef<typeof BaseItemMedia>, ItemMediaProps>(function ItemMedia(\n\t{ variant = 'default', className, ...props },\n\tref,\n) {\n\tconst baseVariant = variant === 'image' || variant === 'avatar' ? 'image' : 'default';\n\tconst iconClass =\n\t\tvariant === 'icon'\n\t\t\t? cn(\n\t\t\t\t\tICON_DESCENDANT_SIZE_CLASSNAMES.md,\n\t\t\t\t\t\"group-data-[size=xs]/item:[&_svg:not([class*='size-'])]:size-icon-sm\",\n\t\t\t\t)\n\t\t\t: undefined;\n\tconst avatarClass =\n\t\tvariant === 'avatar'\n\t\t\t? 'rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full'\n\t\t\t: undefined;\n\treturn (\n\t\t<BaseItemMedia\n\t\t\tref={ref}\n\t\t\tvariant={baseVariant}\n\t\t\tclassName={cn(\n\t\t\t\t'item--media',\n\t\t\t\t'group-has-data-[slot=item-description]/item:translate-y-0',\n\t\t\t\ticonClass,\n\t\t\t\tavatarClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemMedia.displayName = 'ItemMedia';\n\nconst ItemContent = forwardRef<ComponentRef<typeof BaseItemContent>, ItemContentProps>(function ItemContent(\n\t{ className, textGap = 'dense', ...props },\n\tref,\n) {\n\treturn (\n\t\t<BaseItemContent\n\t\t\tref={ref}\n\t\t\tclassName={cn('item--content min-w-0', textGap === 'dense' ? 'gap-dense group-data-[size=xs]/item:gap-dense' : 'gap-normal group-data-[size=xs]/item:gap-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nItemContent.displayName = 'ItemContent';\n\nconst ItemActions = forwardRef<ComponentRef<typeof BaseItemActions>, ItemActionsProps>(function ItemActions(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemActions ref={ref} className={cn('item--actions max-w-full flex-wrap shrink-0', compositionClasses.compactActions, className)} {...props} />;\n});\nItemActions.displayName = 'ItemActions';\n\nconst ItemHeader = forwardRef<ComponentRef<typeof BaseItemHeader>, ItemHeaderProps>(function ItemHeader(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemHeader ref={ref} className={cn('item--header', className)} {...props} />;\n});\nItemHeader.displayName = 'ItemHeader';\n\nconst ItemFooter = forwardRef<ComponentRef<typeof BaseItemFooter>, ItemFooterProps>(function ItemFooter(\n\t{ className, ...props },\n\tref,\n) {\n\treturn <BaseItemFooter ref={ref} className={cn('item--footer', className)} {...props} />;\n});\nItemFooter.displayName = 'ItemFooter';\n\nconst ItemTitle = forwardRef<ComponentRef<typeof BaseItemTitle>, ItemTitleProps>(function ItemTitle(\n\t{ bold = true, className, children, ...props },\n\tref,\n) {\n\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\treturn (\n\t\t<BaseItemTitle\n\t\t\tref={ref}\n\t\t\tclassName={cn('item--title min-w-0 max-w-full overflow-hidden m-0 text-inherit [&>p]:m-0 [&>p]:text-start', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText ? (\n\t\t\t\t// The title is a flex row, where text-overflow has no effect: the text itself\n\t\t\t\t// shrinks and ends in an ellipsis instead of clipping a long token mid-glyph.\n\t\t\t\t<Text {...copyRoleProps.primary} tag=\"span\" size=\"inherit\" weight={bold ? 'semibold' : 'regular'} lineHeight=\"tight\" className=\"min-w-0 overflow-hidden text-ellipsis text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>}\n\t\t</BaseItemTitle>\n\t);\n});\nItemTitle.displayName = 'ItemTitle';\n\nconst CLAMP_CLASS: Record<NonNullable<ItemDescriptionProps['clamp']>, string> = {\n\t1: 'line-clamp-1',\n\t2: 'line-clamp-2',\n\t3: 'line-clamp-3',\n\t4: 'line-clamp-4',\n\tnone: 'line-clamp-none',\n};\n\nconst ItemDescription = forwardRef<ComponentRef<typeof BaseItemDescription>, ItemDescriptionProps>(\n\tfunction ItemDescription({ clamp = 2, className, children, ...props }, ref) {\n\t\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\t\treturn (\n\t\t\t<BaseItemDescription\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'item--description',\n\t\t\t\t\t'm-0',\n\t\t\t\t\t!isSimpleText && 'text-xs text-muted-foreground leading-tight',\n\t\t\t\t\tCLAMP_CLASS[clamp],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isSimpleText ? (\n\t\t\t\t\t<Text {...copyRoleProps.supporting} tag=\"span\" lineHeight=\"tight\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Text>\n\t\t\t\t) : <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>}\n\t\t\t</BaseItemDescription>\n\t\t);\n\t},\n);\nItemDescription.displayName = 'ItemDescription';\n\nexport {\n\tItem,\n\tItemGroup,\n\tItemSeparator,\n\tItemMedia,\n\tItemContent,\n\tItemTitle,\n\tItemDescription,\n\tItemActions,\n\tItemHeader,\n\tItemFooter,\n};\n"],"mappings":"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"}

package/dist/layout/app-shell.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../app-shell-B_IuNWOo.js";
+import { i as e, n as t, r as n, t as r } from "../app-shell-EHuuRDGy.js";
 export { r as AppLayout, n as SidebarInsetLayout, t as StackedLayout, e as TopbarSidebarLayout };

package/dist/layout/auth.js

@@ -1,3 +1,3 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../auth-DTkkshS8.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../auth-B0girIk_.js";
 export { e as AuthCard, c as AuthFooterLinks, p as AuthForm, s as AuthFormRow, h as AuthMethodSwitch, t as AuthShell, m as AuthSocialProviderButton, n as AuthSocialProviders, d as AuthSplitPanel, g as defaultAuthFooterLinksStrings, r as defaultAuthMethodSwitchStrings, i as defaultAuthShellStrings, f as defaultAuthSocialProvidersStrings, l as isAuthBrandConfig, o as useAuthLinks, u as useAuthMethodSwitch, a as useAuthShell };

package/dist/layout/containers.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../containers-CIxwbZt5.js";
+import { i as e, n as t, r as n, t as r } from "../containers-CSdc32h9.js";
 export { e as Container, n as PageViewport, t as Section, r as TwoColumnLayout };

package/dist/layout/header.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../header-DMMxG__r.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../header-ZIIsRKxP.js";
 export { u as Header, n as HeaderBreadcrumbs, e as HeaderGlobalSearchTrigger, l as HeaderNotifications, o as HeaderSearch, r as HeaderToolButton, s as HeaderToolPopover, a as HeaderUserMenu, c as defaultHeaderNotificationsStrings, t as defaultHeaderSearchStrings, i as defaultHeaderUserMenuStrings };

package/dist/layout/hooks.js

@@ -1,3 +1,3 @@
 "use client";
-import { f as e, n as t, t as n } from "../hooks-DB6CJ4MR.js";
+import { f as e, n as t, t as n } from "../hooks-BitHSh-Y.js";
 export { t as useActivePath, n as useCommandShortcut, e as useLayoutLinkRenderer };

package/dist/layout/navigation.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-DaRjthVk.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-BgtPJAhi.js";
 export { r as BreadcrumbProgress, e as CategoryNav, i as SectionNav, o as SideNav, a as defaultBreadcrumbProgressStrings, t as defaultSectionNavStrings, n as defaultSideNavStrings };

package/dist/layout/page.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "../page-DUUKDAjo.js";
+import { a as e, i as t, n, r, t as i } from "../page-BoQ1VaFJ.js";
 export { r as Page, i as PageActions, t as PageHeader, n as defaultPageActionsStrings, e as defaultPageStrings };

package/dist/layout/settings.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../settings-Bar5wiSo.js";
+import { n as e, r as t, t as n } from "../settings-DZPHgpx4.js";
 export { n as AsideNavShell, e as SettingsShell, t as defaultAsideNavShellStrings };

package/dist/layout/sidebar.js

@@ -1,4 +1,4 @@
 "use client";
-import { c as e, d as t, i as n, o as r, r as i, s as a, u as o } from "../hooks-DB6CJ4MR.js";
-import { a as s, c, d as l, f as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b } from "../sidebar-D-JYMMbY.js";
+import { c as e, d as t, i as n, o as r, r as i, s as a, u as o } from "../hooks-BitHSh-Y.js";
+import { a as s, c, d as l, f as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b } from "../sidebar-C8BnDwTH.js";
 export { s as AppSidebar, p as LayoutSidebar, u as LayoutSidebarProvider, n as NavBadge, f as SidebarGroupedNavigation, i as SidebarIcon, c as SidebarLogo, _ as SidebarNavigation, v as SidebarNavigationFooter, d as SidebarNavigationRail, y as SidebarNavigationUser, h as SidebarWorkspaceDropdown, b as defaultSidebarNavigationStrings, m as defaultSidebarNavigationUserStrings, l as defaultSidebarWorkspaceDropdownStrings, r as getNavKey, a as getNavLabel, e as isPathMatch, o as resolveNavBadge, t as toPath, g as useLayoutSidebar };

package/dist/layout/workspace.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../workspace-DHeHv0qw.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../workspace-CC8Vchiu.js";
 export { o as WorkspaceLayout, n as WorkspaceLocaleStrip, i as WorkspaceNav, t as WorkspaceRecordHeader, e as defaultWorkspaceLocaleStripStrings, r as defaultWorkspaceNavStrings, a as defaultWorkspaceRecordHeaderStrings };

package/dist/layout.js

@@ -1,13 +1,13 @@
 "use client";
-import { n as e, t } from "./layout.types-Cn7aUzJp.js";
-import { c as n, d as r, f as i, i as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./hooks-DB6CJ4MR.js";
-import { i as f, n as p, r as m, t as h } from "./containers-CIxwbZt5.js";
-import { i as g, n as _, r as v, t as y } from "./app-shell-B_IuNWOo.js";
-import { a as b, i as x, n as S, r as C, t as w } from "./page-DUUKDAjo.js";
-import { n as T, r as E, t as D } from "./settings-Bar5wiSo.js";
-import { a as O, c as k, d as A, i as j, l as M, n as N, o as P, r as F, s as I, t as L, u as R } from "./header-DMMxG__r.js";
-import { a as z, i as B, n as V, o as H, r as U, s as W, t as G } from "./navigation-DaRjthVk.js";
-import { a as K, c as q, d as J, f as Y, i as X, l as Z, m as Q, n as $, o as ee, p as te, r as ne, s as re, t as ie, u as ae } from "./sidebar-D-JYMMbY.js";
-import { _ as oe, a as se, c as ce, d as le, f as ue, g as de, h as fe, i as pe, l as me, m as he, n as ge, o as _e, p as ve, r as ye, s as be, t as xe, u as Se } from "./auth-DTkkshS8.js";
-import { a as Ce, i as we, n as Te, o as Ee, r as De, s as Oe, t as ke } from "./workspace-DHeHv0qw.js";
+import { n as e, t } from "./layout.types-E_GAApzO.js";
+import { c as n, d as r, f as i, i as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./hooks-BitHSh-Y.js";
+import { i as f, n as p, r as m, t as h } from "./containers-CSdc32h9.js";
+import { i as g, n as _, r as v, t as y } from "./app-shell-EHuuRDGy.js";
+import { a as b, i as x, n as S, r as C, t as w } from "./page-BoQ1VaFJ.js";
+import { n as T, r as E, t as D } from "./settings-DZPHgpx4.js";
+import { a as O, c as k, d as A, i as j, l as M, n as N, o as P, r as F, s as I, t as L, u as R } from "./header-ZIIsRKxP.js";
+import { a as z, i as B, n as V, o as H, r as U, s as W, t as G } from "./navigation-BgtPJAhi.js";
+import { a as K, c as q, d as J, f as Y, i as X, l as Z, m as Q, n as $, o as ee, p as te, r as ne, s as re, t as ie, u as ae } from "./sidebar-C8BnDwTH.js";
+import { _ as oe, a as se, c as ce, d as le, f as ue, g as de, h as fe, i as pe, l as me, m as he, n as ge, o as _e, p as ve, r as ye, s as be, t as xe, u as Se } from "./auth-B0girIk_.js";
+import { a as Ce, i as we, n as Te, o as Ee, r as De, s as Oe, t as ke } from "./workspace-CC8Vchiu.js";
 export { y as AppLayout, K as AppSidebar, D as AsideNavShell, oe as AuthCard, me as AuthFooterLinks, ye as AuthForm, pe as AuthFormRow, xe as AuthMethodSwitch, se as AuthShell, be as AuthSocialProviderButton, ce as AuthSocialProviders, _e as AuthSplitPanel, H as BreadcrumbProgress, z as CategoryNav, f as Container, R as Header, A as HeaderBreadcrumbs, O as HeaderGlobalSearchTrigger, L as HeaderNotifications, P as HeaderSearch, j as HeaderToolButton, F as HeaderToolPopover, N as HeaderUserMenu, Q as LayoutSidebar, Y as LayoutSidebarProvider, a as NavBadge, C as Page, w as PageActions, x as PageHeader, m as PageViewport, p as Section, U as SectionNav, T as SettingsShell, G as SideNav, Z as SidebarGroupedNavigation, c as SidebarIcon, v as SidebarInsetLayout, q as SidebarLogo, ne as SidebarNavigation, re as SidebarNavigationFooter, X as SidebarNavigationRail, ie as SidebarNavigationUser, ee as SidebarWorkspaceDropdown, _ as StackedLayout, g as TopbarSidebarLayout, h as TwoColumnLayout, ke as WorkspaceLayout, Te as WorkspaceLocaleStrip, De as WorkspaceNav, we as WorkspaceRecordHeader, E as defaultAsideNavShellStrings, Se as defaultAuthFooterLinksStrings, le as defaultAuthMethodSwitchStrings, ue as defaultAuthShellStrings, ve as defaultAuthSocialProvidersStrings, W as defaultBreadcrumbProgressStrings, I as defaultHeaderNotificationsStrings, k as defaultHeaderSearchStrings, M as defaultHeaderUserMenuStrings, S as defaultPageActionsStrings, b as defaultPageStrings, t as defaultRenderLink, B as defaultSectionNavStrings, V as defaultSideNavStrings, ae as defaultSidebarNavigationStrings, $ as defaultSidebarNavigationUserStrings, J as defaultSidebarWorkspaceDropdownStrings, Ce as defaultWorkspaceLocaleStripStrings, Ee as defaultWorkspaceNavStrings, Oe as defaultWorkspaceRecordHeaderStrings, s as getNavKey, l as getNavLabel, he as isAuthBrandConfig, n as isPathMatch, e as resolveLayoutLinkRenderer, d as resolveNavBadge, r as toPath, o as useActivePath, fe as useAuthLinks, ge as useAuthMethodSwitch, de as useAuthShell, u as useCommandShortcut, i as useLayoutLinkRenderer, te as useLayoutSidebar };

package/dist/layout.types-E_GAApzO.js

@@ -0,0 +1,30 @@
+"use client";
+import { t as e } from "./utils-DhuoqFy4.js";
+import { t } from "./interaction-recipes-4wZ2tvfb.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/layout/layout.types.tsx
+var r = ({ href: r, children: i, active: a, disabled: o, external: s, rel: c, target: l, onClick: u, ...d }) => o || !r && !u ? /* @__PURE__ */ n("span", {
+	...d,
+	"aria-disabled": o || void 0,
+	children: i
+}) : r ? /* @__PURE__ */ n("a", {
+	href: r,
+	target: l ?? (s ? "_blank" : void 0),
+	rel: c ?? (s ? "noopener noreferrer" : void 0),
+	onClick: u,
+	...d,
+	children: i
+}) : /* @__PURE__ */ n("button", {
+	...d,
+	type: "button",
+	onClick: u,
+	className: e(t.nativeButtonReset, "cursor-pointer text-start text-inherit", d.className),
+	children: i
+});
+function i({ renderLink: e } = {}) {
+	return e || r;
+}
+//#endregion
+export { i as n, r as t };
+
+//# sourceMappingURL=layout.types-E_GAApzO.js.map

package/dist/layout.types-E_GAApzO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types-E_GAApzO.js","names":["cn","defaultRenderLink","props","disabled","href","onClick","target","external","rel","interactionRecipes","resolveLayoutLinkRenderer","renderLink"],"sources":["../src/components/layout/layout.types.tsx"],"sourcesContent":[" \n/**\n * Shared layout types used across page, header, and sidebar.\n *\n * The layout layer is framework-agnostic by contract. It never imports a\n * router package. Navigation is delegated to the consumer through\n * `renderLink`.\n */\nimport type { AriaAttributes, ComponentType, HTMLAttributes, MouseEvent, MouseEventHandler, ReactNode } from 'react';\n\nimport { interactionRecipes } from '../../lib/interaction-recipes';\nimport { cn } from '../../lib/utils';\n\n/** Native region props, including strongly typed consumer `data-*` hooks. */\nexport type LayoutSlotAttributes<ElementType extends HTMLElement> =\n\tHTMLAttributes<ElementType>\n\t& { [Key in `data-${string}`]?: string | number | boolean | undefined };\n\nexport interface LayoutLinkRenderProps {\n\t/** Destination URL. Without a URL, the default renders a button when onClick is supplied. */\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n\t/** Current-page state supplied by a navigation owner. */\n\t'aria-current'?: AriaAttributes['aria-current'];\n\t/** Consumer hint for active styling; renderers may ignore it. */\n\tactive?: boolean;\n\t/** Consumer hint to render as muted/non-interactive. */\n\tdisabled?: boolean;\n\t/** Consumer hint for external-link behavior. */\n\texternal?: boolean;\n}\n\n/**\n * Primary navigation seam. Consumers can wire Inertia, Next, React Router,\n * TanStack Router, or a plain anchor without this package importing them.\n *\n * Example:\n *   renderLink={({ href, children, className }) => (\n *     <Link href={href ?? '#'} className={className}>{children}</Link>\n *   )}\n */\nexport type LayoutLinkRenderer = (props: LayoutLinkRenderProps) => ReactNode;\n\nexport interface LayoutNavigationAdapter {\n\t/** Renderer for framework-native links. */\n\trenderLink?: LayoutLinkRenderer;\n}\n\n/** Renders native links, callback buttons and inert entries. */\nexport const defaultRenderLink: LayoutLinkRenderer = ({\n\thref,\n\tchildren,\n\tactive,\n\tdisabled,\n\texternal,\n\trel,\n\ttarget,\n\tonClick,\n\t...props\n}) => {\n\tvoid active;\n\n\tif (disabled || (!href && !onClick)) {\n\t\treturn <span {...props} aria-disabled={disabled || undefined}>{children}</span>;\n\t}\n\n\tif (!href) {\n\t\t// Keep the anchor-typed renderer contract for existing router adapters.\n\t\treturn (\n\t\t\t<button\n\t\t\t\t{...props}\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={onClick as MouseEventHandler<HTMLElement> | undefined}\n\t\t\t\tclassName={cn(interactionRecipes.nativeButtonReset, 'cursor-pointer text-start text-inherit', props.className)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t);\n\t}\n\n\tconst resolvedTarget = target ?? (external ? '_blank' : undefined);\n\tconst resolvedRel = rel ?? (external ? 'noopener noreferrer' : undefined);\n\n\treturn (\n\t\t<a href={href} target={resolvedTarget} rel={resolvedRel} onClick={onClick} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n};\n\n/** Resolve the consumer renderer or the native-anchor default. */\nexport function resolveLayoutLinkRenderer({\n\trenderLink,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\tif (renderLink) return renderLink;\n\treturn defaultRenderLink;\n}\n\n/** Plain navigation item used by sidebar / breadcrumbs / page header. */\nexport interface NavLink {\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\thandle?: string;\n\t/** Chip rendered beside the label. */\n\tbadge?: string | number;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n\texternal?: boolean;\n}\n\n/** Hierarchical navigation item — extends `NavLink` with optional children. */\nexport interface NavItem extends NavLink {\n\t/** Leading glyph. */\n\ticon?: LayoutIconSource;\n\tchildren?: NavItem[];\n\tgroup?: string;\n}\n\n/** Breadcrumb entry. The last item with no `href` renders as the current page. */\nexport interface BreadcrumbItem {\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\thandle?: string;\n}\n\nexport type LayoutIconComponent = ComponentType<React.SVGProps<SVGSVGElement>>;\nexport type LayoutIconSource = LayoutIconComponent | string;\n\nexport interface LayoutUser {\n\tname: string;\n\temail?: string;\n\tavatar?: string;\n\trole?: string;\n}\n\nexport interface ExternalLinkItem {\n\t/** Display label. */\n\tlabel: ReactNode;\n\turl: string;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n}\n"],"mappings":";;;;;AAsDA,IAAaC,KAAyC,EACrD,SACA,aACA,WACA,aACA,aACA,QACA,WACA,YACA,GAAGC,QAICC,KAAa,CAACC,KAAQ,CAACC,IACnB,kBAAC,QAAD;CAAM,GAAIH;CAAO,iBAAeC,KAAY,KAAA;CAAY;AAAe,CAAA,IAG1EC,IAkBJ,kBAAC,KAAD;CAAS;CAAM,QAJOE,MAAWC,IAAW,WAAW,KAAA;CAIhB,KAHpBC,MAAQD,IAAW,wBAAwB,KAAA;CAGI;CAAS,GAAIL;CAC7E;AACC,CAAA,IAjBF,kBAAC,UAAD;CACC,GAAIA;CACJ,MAAK;CACI;CACT,WAAWF,EAAGS,EAAmB,mBAAmB,0CAA0CP,EAAM,SAAS;CAE5G;AACM,CAAA;AAeX,SAAgBQ,EAA0B,EACzC,kBAC4B,CAAC,GAAuB;CAEpD,OADIC,KACGV;AACR"}

package/dist/lib/field-control-attributes.d.ts

@@ -0,0 +1,11 @@
+import type { AriaAttributes, FocusEventHandler, RefObject } from 'react';
+export interface FieldControlAttributes extends Pick<AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid'> {
+    /** ID of the field's interactive target or group. */
+    id?: string;
+}
+export declare function resolveFieldInvalid(invalid: boolean | undefined, ariaInvalid: AriaAttributes['aria-invalid']): {
+    invalid: boolean;
+    ariaInvalid: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+};
+/** Treat the visible field and its portaled content as one focus boundary. */
+export declare function fieldBoundaryBlur<T extends HTMLElement>(onBlur: FocusEventHandler<T> | undefined, ...otherSurfaces: RefObject<HTMLElement | null>[]): FocusEventHandler<T> | undefined;

package/dist/lib/field-state-recipes.d.ts

@@ -10,4 +10,6 @@ export declare const fieldStateRecipes: {
     readonly invalid: "aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/30 dark:aria-invalid:focus-visible:ring-destructive/50";
     readonly groupFocus: "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50";
     readonly groupInvalid: "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:border-destructive has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive/30 dark:has-[[data-slot][aria-invalid=true]]:has-[[data-slot=input-group-control]:focus-visible]:ring-destructive/50";
+    readonly editorFocus: "has-[[data-slot=editor-field]:focus-visible]:border-ring has-[[data-slot=editor-field]:focus-visible]:ring-3 has-[[data-slot=editor-field]:focus-visible]:ring-ring/50";
+    readonly editorInvalid: "has-[[data-slot=editor-field][aria-invalid=true]]:border-destructive has-[[data-slot=editor-field][aria-invalid=true]]:has-[[data-slot=editor-field]:focus-visible]:border-destructive has-[[data-slot=editor-field][aria-invalid=true]]:has-[[data-slot=editor-field]:focus-visible]:ring-destructive/30 dark:has-[[data-slot=editor-field][aria-invalid=true]]:has-[[data-slot=editor-field]:focus-visible]:ring-destructive/50";
 };

package/dist/lib/format.d.ts

@@ -38,6 +38,7 @@ export interface FormatPercentageOptions extends FormatNumberOptions {
     /** When true, treat `value` as already a percentage (e.g. 12.5 → "12.5%"). Default: false (0.125 → "12.5%"). */
     scaled?: boolean;
 }
+export declare function formatPercentRatio(ratio: number, locale?: string, options?: Intl.NumberFormatOptions): string;
 export declare function formatPercentage(value: number, options?: FormatPercentageOptions): string;
 /** Input and display options for localized duration formatting. Seconds and
  * narrow units are the calibrated defaults. */

package/dist/lib/surface-recipes.d.ts

@@ -53,7 +53,7 @@ export declare const neutralFillRecipes: {
     readonly markerIdle: "bg-muted-foreground/40";
 };
 /** A key cap for shortcut hints: a solid track-coloured chip with the compact secondary text role. */
-export declare const kbdRecipe = "pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground";
+export declare const kbdRecipe = "box-border pointer-events-none inline-flex h-5 w-fit min-w-5 shrink-0 select-none items-center justify-center gap-space-2xs rounded-radius-xs bg-muted px-space-xs font-sans text-xs font-medium leading-none text-muted-foreground";
 /**
  * Elevation, one theme shadow per role; the theme owns the shadow ladder itself.
  * - `resting`: tiles, rows and table frames that sit on a surface.