admin-ui-starter-kit 0.4.3 → 0.4.4

package/dist/_shared/workspace-BGVeTeJy.js

@@ -0,0 +1,357 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-BGKY8UY0.js";
+import { n as r, t as i } from "./heading-HeP06nXG.js";
+import { t as a } from "./badge-6WYAMJwA.js";
+import { g as o } from "./display-NBtWdAMl.js";
+import { c as s, i as c, n as l, o as u, r as d, t as f, u as p } from "./item-DAjqQhhj.js";
+import { d as m } from "./hooks-BkXvZ4py.js";
+import * as h from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Check as y, Circle as b, CircleAlert as x } from "lucide-react";
+//#region src/components/layout/workspace/workspace.strings.ts
+var S = {
+	metadataLabel: "Record metadata",
+	actionsLabel: "Record actions",
+	secondaryActionsLabel: "Secondary actions"
+}, C = {
+	ariaLabel: "Workspace navigation",
+	completionLabel: (e) => `${e}% complete`,
+	currentLabel: "Current"
+}, w = {
+	ariaLabel: "Workspace locales",
+	activeLabel: "Active",
+	completionLabel: (e) => `${e}% complete`
+}, T = {
+	default: "[--workspace-content-max-width:58rem]",
+	wide: "[--workspace-content-max-width:86rem]",
+	full: "[--workspace-content-max-width:none]"
+}, E = {
+	complete: y,
+	current: b,
+	attention: x,
+	disabled: b,
+	idle: b
+}, D = {
+	complete: "text-success",
+	current: "text-primary",
+	attention: "text-warning",
+	disabled: "text-muted-foreground/40",
+	idle: "text-muted-foreground"
+};
+function O(e) {
+	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
+}
+function k({ icon: e, className: n }) {
+	return e ? h.isValidElement(e) ? h.cloneElement(e, { className: t(n, e.props.className) }) : typeof e == "function" ? /* @__PURE__ */ _(e, {
+		className: n,
+		"aria-hidden": "true"
+	}) : null : null;
+}
+function A(e, t) {
+	return e.disabled ? "disabled" : e.status ? e.status : e.warning ? "attention" : t ? "current" : e.completion !== void 0 && O(e.completion) >= 100 ? "complete" : "idle";
+}
+var j = h.forwardRef(function({ header: e, sidebar: n, rail: r, children: i, contentWidth: a = "wide", className: o, headerClassName: s, bodyClassName: c, sidebarClassName: l, mainClassName: u, contentClassName: d, railClassName: f, ariaLabel: p, style: m, ...h }, g) {
+	let y = !!n, b = !!r;
+	return /* @__PURE__ */ v("div", {
+		ref: g,
+		"aria-label": p,
+		className: t("workspace-layout--component flex h-full min-h-0 w-full flex-col overflow-hidden rounded-md border border-border bg-background text-foreground", "[--workspace-sidebar-width:16rem] [--workspace-rail-width:20rem]", T[a], o),
+		style: m,
+		...h,
+		children: [!!e && /* @__PURE__ */ _("header", {
+			className: t("workspace-layout--header shrink-0 border-b border-border bg-background", s),
+			children: e
+		}), /* @__PURE__ */ v("div", {
+			className: t("workspace-layout--body grid min-h-0 flex-1 grid-cols-1 bg-muted/20", y && !b && "min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)]", y && b && "min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)] min-[96rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)_var(--workspace-rail-width)]", !y && b && "min-[96rem]:grid-cols-[minmax(0,1fr)_var(--workspace-rail-width)]", c),
+			children: [
+				!!y && /* @__PURE__ */ _("aside", {
+					className: t("workspace-layout--sidebar hidden min-h-0 border-r border-border bg-background min-[80rem]:block", l),
+					children: /* @__PURE__ */ _("div", {
+						className: "h-full overflow-y-auto overscroll-contain p-3",
+						children: n
+					})
+				}),
+				/* @__PURE__ */ _("main", {
+					className: t("workspace-layout--main min-h-0 min-w-0 overflow-y-auto overscroll-contain", u),
+					children: /* @__PURE__ */ _("div", {
+						className: t("workspace-layout--content mx-auto flex min-h-full w-full max-w-[var(--workspace-content-max-width)] flex-col gap-4 p-4 min-[64rem]:p-5", a === "full" && "max-w-none", d),
+						children: i
+					})
+				}),
+				!!b && /* @__PURE__ */ _("aside", {
+					className: t("workspace-layout--rail hidden min-h-0 border-l border-border bg-background min-[96rem]:block", f),
+					children: /* @__PURE__ */ _("div", {
+						className: "h-full overflow-y-auto overscroll-contain p-3",
+						children: r
+					})
+				})
+			]
+		})]
+	});
+});
+j.displayName = "WorkspaceLayout";
+var M = h.forwardRef(function({ title: n, description: a, badges: o, metadata: s, actions: c, secondaryActions: l, status: u, media: d, headerEnd: f, titleSlot: p, className: m, strings: h, ...g }, y) {
+	let b = e(S, h), x = !!s?.length;
+	return /* @__PURE__ */ v("div", {
+		ref: y,
+		className: t("workspace-record-header--component flex flex-col gap-4 px-4 py-4 min-[64rem]:flex-row min-[64rem]:items-start min-[64rem]:justify-between min-[64rem]:px-5", m),
+		...g,
+		children: [/* @__PURE__ */ v("div", {
+			className: "workspace-record-header--identity flex min-w-0 flex-1 gap-3",
+			children: [!!d && /* @__PURE__ */ _("div", {
+				className: "workspace-record-header--media flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted/40",
+				children: d
+			}), /* @__PURE__ */ v("div", {
+				className: "min-w-0 flex-1 space-y-2",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "workspace-record-header--title-row flex min-w-0 flex-wrap items-center gap-2",
+						children: [
+							p ?? /* @__PURE__ */ _(i, {
+								tag: "h4",
+								className: "leading-tight",
+								children: n
+							}),
+							!!o && /* @__PURE__ */ _("div", {
+								className: "workspace-record-header--badges flex flex-wrap items-center gap-1.5",
+								children: o
+							}),
+							!!u && /* @__PURE__ */ _("div", {
+								className: "workspace-record-header--status",
+								children: u
+							})
+						]
+					}),
+					!!a && /* @__PURE__ */ _(r, {
+						size: "xs",
+						type: "secondary",
+						className: "workspace-record-header--description max-w-4xl leading-relaxed",
+						children: a
+					}),
+					!!x && /* @__PURE__ */ _("div", {
+						"aria-label": b.metadataLabel,
+						className: "workspace-record-header--metadata flex flex-wrap items-center gap-x-4 gap-y-1",
+						children: s.map((e, t) => /* @__PURE__ */ v("div", {
+							className: "flex items-baseline gap-1.5",
+							children: [/* @__PURE__ */ _(r, {
+								tag: "span",
+								size: "xxs",
+								type: "secondary",
+								className: "uppercase",
+								children: e.label
+							}), /* @__PURE__ */ _(r, {
+								tag: "span",
+								size: "xs",
+								weight: "medium",
+								className: "tabular-nums",
+								children: e.value
+							})]
+						}, e.id ?? t))
+					})
+				]
+			})]
+		}), !!(c || l || f) && /* @__PURE__ */ v("div", {
+			className: "workspace-record-header--actions flex shrink-0 flex-wrap items-center gap-2 min-[64rem]:justify-end",
+			children: [
+				!!l && /* @__PURE__ */ _("div", {
+					"aria-label": b.secondaryActionsLabel,
+					className: "flex flex-wrap items-center gap-1.5",
+					children: l
+				}),
+				!!c && /* @__PURE__ */ _("div", {
+					"aria-label": b.actionsLabel,
+					className: "flex flex-wrap items-center gap-1.5",
+					children: c
+				}),
+				!!f && /* @__PURE__ */ _("div", {
+					className: "workspace-record-header--end",
+					children: f
+				})
+			]
+		})]
+	});
+});
+M.displayName = "WorkspaceRecordHeader";
+var N = h.forwardRef(function({ groups: n, activeId: i, onSelect: a, renderItem: y, footerSlot: b, renderLink: x, LinkComponent: S, className: w, strings: T, ...j }, M) {
+	let N = e(C, T), P = m({
+		renderLink: x,
+		LinkComponent: S
+	});
+	return /* @__PURE__ */ v("nav", {
+		ref: M,
+		"aria-label": j["aria-label"] ?? N.ariaLabel,
+		className: t("workspace-nav--component flex h-full flex-col gap-4", w),
+		...j,
+		children: [/* @__PURE__ */ _("div", {
+			className: "workspace-nav--groups flex min-h-0 flex-1 flex-col gap-4",
+			children: n.map((e) => /* @__PURE__ */ v("div", {
+				className: "workspace-nav--group space-y-2",
+				children: [!!e.label && /* @__PURE__ */ v("div", {
+					className: "workspace-nav--group-header px-1",
+					children: [/* @__PURE__ */ _(r, {
+						size: "xxs",
+						weight: "semibold",
+						type: "secondary",
+						className: "uppercase tracking-wide",
+						children: e.label
+					}), !!e.description && /* @__PURE__ */ _(r, {
+						size: "xxs",
+						type: "secondary",
+						className: "mt-0.5 leading-snug",
+						children: e.description
+					})]
+				}), /* @__PURE__ */ _(u, {
+					className: "workspace-nav--items gap-1",
+					children: e.items.map((n, u) => {
+						let m = n.id === i, b = A(n, m), x = E[b], S = n.completion === void 0 ? void 0 : O(n.completion), C = (e) => {
+							if (n.disabled) {
+								e.preventDefault();
+								return;
+							}
+							a?.(n);
+						}, w = {
+							active: m,
+							group: e,
+							index: u,
+							onSelect: C
+						};
+						if (y) return /* @__PURE__ */ _(h.Fragment, { children: y(n, w) }, n.id);
+						let T = /* @__PURE__ */ v(g, { children: [
+							/* @__PURE__ */ _(s, {
+								variant: "icon",
+								className: t(m && "bg-primary/10 text-primary"),
+								children: n.icon ? /* @__PURE__ */ _(k, {
+									icon: n.icon,
+									className: "size-4"
+								}) : /* @__PURE__ */ _(x, {
+									className: t("size-3.5", D[b]),
+									"aria-hidden": "true"
+								})
+							}),
+							/* @__PURE__ */ v(d, { children: [
+								/* @__PURE__ */ v("div", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ _(p, { children: n.label }), m && /* @__PURE__ */ _("span", {
+										className: "sr-only",
+										children: N.currentLabel
+									})]
+								}),
+								!!n.description && /* @__PURE__ */ _(c, {
+									clamp: 2,
+									children: n.description
+								}),
+								S !== void 0 && /* @__PURE__ */ v("div", {
+									className: "mt-1.5 flex items-center gap-2",
+									children: [/* @__PURE__ */ _(o, {
+										value: S,
+										className: "h-1.5 flex-1"
+									}), /* @__PURE__ */ _(r, {
+										tag: "span",
+										size: "xxs",
+										type: "secondary",
+										className: "tabular-nums",
+										children: N.completionLabel(S)
+									})]
+								})
+							] }),
+							!!n.badge && /* @__PURE__ */ _(l, { children: n.badge })
+						] }), j = t("workspace-nav--item w-full border border-transparent px-2 py-2 text-left transition-colors", m && "border-primary/20 bg-primary/5", n.warning && !m && "border-warning/30 bg-warning/5", n.disabled && "pointer-events-none opacity-50");
+						return n.href ? /* @__PURE__ */ _(f, {
+							size: "sm",
+							render: P({
+								href: n.href,
+								children: T,
+								className: "block",
+								active: m,
+								disabled: n.disabled,
+								external: n.external,
+								target: n.target,
+								rel: n.rel,
+								onClick: C
+							}),
+							className: j,
+							children: T
+						}, n.id) : /* @__PURE__ */ _(f, {
+							size: "sm",
+							render: /* @__PURE__ */ _("button", {
+								type: "button",
+								onClick: C,
+								disabled: n.disabled
+							}),
+							className: j,
+							children: T
+						}, n.id);
+					})
+				})]
+			}, e.id))
+		}), !!b && /* @__PURE__ */ _("div", {
+			className: "workspace-nav--footer shrink-0 border-t border-border pt-3",
+			children: b
+		})]
+	});
+});
+N.displayName = "WorkspaceNav";
+var P = h.forwardRef(function({ locales: r, activeLocale: i, onLocaleChange: o, actions: s, status: c, className: l, strings: u, ...d }, f) {
+	let p = e(w, u), m = (e) => {
+		e.disabled || o?.(e);
+	};
+	return /* @__PURE__ */ v("div", {
+		ref: f,
+		className: t("workspace-locale-strip--component flex flex-col gap-3 border-t border-border bg-muted/20 px-4 py-3 min-[64rem]:flex-row min-[64rem]:items-center min-[64rem]:justify-between min-[64rem]:px-5", l),
+		...d,
+		children: [/* @__PURE__ */ _("div", {
+			className: "workspace-locale-strip--locales flex min-w-0 flex-wrap items-center gap-2",
+			role: "list",
+			"aria-label": p.ariaLabel,
+			children: r.map((e) => {
+				let r = e.id === i, o = e.completion === void 0 ? void 0 : O(e.completion);
+				return /* @__PURE__ */ _(n, {
+					type: "button",
+					variant: r ? "primary" : "secondary",
+					buttonStyle: r ? "solid" : "ghost",
+					onClick: () => m(e),
+					disabled: e.disabled,
+					"aria-pressed": r,
+					className: t("workspace-locale-strip--item h-auto min-h-8 justify-start px-2.5 py-1.5"),
+					children: /* @__PURE__ */ v("span", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [
+							/* @__PURE__ */ _("span", {
+								className: "truncate",
+								children: e.label
+							}),
+							r && /* @__PURE__ */ _("span", {
+								className: "sr-only",
+								children: p.activeLabel
+							}),
+							o !== void 0 && /* @__PURE__ */ _(a, {
+								variant: o >= 100 ? "success" : "secondary",
+								className: "shrink-0",
+								children: p.completionLabel(o)
+							}),
+							!!e.status && /* @__PURE__ */ _("span", {
+								className: "shrink-0",
+								children: e.status
+							})
+						]
+					})
+				}, e.id);
+			})
+		}), !!(c || s) && /* @__PURE__ */ v("div", {
+			className: "workspace-locale-strip--actions flex shrink-0 flex-wrap items-center gap-2",
+			children: [!!c && /* @__PURE__ */ _("div", {
+				className: "workspace-locale-strip--status",
+				children: c
+			}), !!s && /* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-1.5",
+				children: s
+			})]
+		})]
+	});
+});
+P.displayName = "WorkspaceLocaleStrip";
+//#endregion
+export { w as a, M as i, P as n, C as o, N as r, S as s, j as t };
+
+//# sourceMappingURL=workspace-BGVeTeJy.js.map

package/dist/_shared/workspace-BGVeTeJy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-BGVeTeJy.js","names":[],"sources":["../../src/components/layout/workspace/workspace.strings.ts","../../src/components/layout/workspace/workspace.tsx"],"sourcesContent":["export interface WorkspaceRecordHeaderStrings {\n\tmetadataLabel: string;\n\tactionsLabel: string;\n\tsecondaryActionsLabel: string;\n}\n\nexport const defaultWorkspaceRecordHeaderStrings: WorkspaceRecordHeaderStrings = {\n\tmetadataLabel: 'Record metadata',\n\tactionsLabel: 'Record actions',\n\tsecondaryActionsLabel: 'Secondary actions',\n};\n\nexport interface WorkspaceNavStrings {\n\tariaLabel: string;\n\tcompletionLabel: (value: number) => string;\n\tcurrentLabel: string;\n}\n\nexport const defaultWorkspaceNavStrings: WorkspaceNavStrings = {\n\tariaLabel: 'Workspace navigation',\n\tcompletionLabel: (value) => `${value}% complete`,\n\tcurrentLabel: 'Current',\n};\n\nexport interface WorkspaceLocaleStripStrings {\n\tariaLabel: string;\n\tactiveLabel: string;\n\tcompletionLabel: (value: number) => string;\n}\n\nexport const defaultWorkspaceLocaleStripStrings: WorkspaceLocaleStripStrings = {\n\tariaLabel: 'Workspace locales',\n\tactiveLabel: 'Active',\n\tcompletionLabel: (value) => `${value}% complete`,\n};\n","import * as React from 'react';\nimport {\n\tCheck,\n\tCircle,\n\tCircleAlert,\n\ttype LucideIcon,\n} from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Progress } from '@/components/base/display';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Heading, Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport type { LayoutIconSource } from '../layout.types';\nimport {\n\tdefaultWorkspaceLocaleStripStrings,\n\tdefaultWorkspaceNavStrings,\n\tdefaultWorkspaceRecordHeaderStrings,\n} from './workspace.strings';\nimport type {\n\tWorkspaceContentWidth,\n\tWorkspaceLayoutProps,\n\tWorkspaceLocaleItem,\n\tWorkspaceLocaleStripProps,\n\tWorkspaceNavItem,\n\tWorkspaceNavItemStatus,\n\tWorkspaceNavProps,\n\tWorkspaceRecordHeaderProps,\n} from './workspace.types';\n\nconst CONTENT_WIDTH_CLASS: Record<WorkspaceContentWidth, string> = {\n\tdefault: '[--workspace-content-max-width:58rem]',\n\twide: '[--workspace-content-max-width:86rem]',\n\tfull: '[--workspace-content-max-width:none]',\n};\n\nconst STATUS_ICON: Record<WorkspaceNavItemStatus, LucideIcon> = {\n\tcomplete: Check,\n\tcurrent: Circle,\n\tattention: CircleAlert,\n\tdisabled: Circle,\n\tidle: Circle,\n};\n\nconst STATUS_CLASS: Record<WorkspaceNavItemStatus, string> = {\n\tcomplete: 'text-success',\n\tcurrent: 'text-primary',\n\tattention: 'text-warning',\n\tdisabled: 'text-muted-foreground/40',\n\tidle: 'text-muted-foreground',\n};\n\nfunction clampPercent(value: number): number {\n\tif (!Number.isFinite(value)) return 0;\n\treturn Math.min(100, Math.max(0, Math.round(value)));\n}\n\nfunction DynamicWorkspaceIcon({\n\ticon,\n\tclassName,\n}: {\n\ticon?: LayoutIconSource;\n\tclassName?: string;\n}) {\n\tif (!icon) return null;\n\tif (React.isValidElement(icon)) {\n\t\treturn React.cloneElement(icon as React.ReactElement<{ className?: string }>, {\n\t\t\tclassName: cn(className, (icon.props as { className?: string }).className),\n\t\t});\n\t}\n\tif (typeof icon === 'function') {\n\t\tconst Icon = icon as LucideIcon;\n\t\treturn <Icon className={className} aria-hidden=\"true\" />;\n\t}\n\treturn null;\n}\n\nfunction getStatus(item: WorkspaceNavItem, active: boolean): WorkspaceNavItemStatus {\n\tif (item.disabled) return 'disabled';\n\tif (item.status) return item.status;\n\tif (item.warning) return 'attention';\n\tif (active) return 'current';\n\tif (item.completion !== undefined && clampPercent(item.completion) >= 100) return 'complete';\n\treturn 'idle';\n}\n\nexport const WorkspaceLayout = React.forwardRef<HTMLDivElement, WorkspaceLayoutProps>(function WorkspaceLayout({\n\theader,\n\tsidebar,\n\trail,\n\tchildren,\n\tcontentWidth = 'wide',\n\tclassName,\n\theaderClassName,\n\tbodyClassName,\n\tsidebarClassName,\n\tmainClassName,\n\tcontentClassName,\n\trailClassName,\n\tariaLabel,\n\tstyle,\n\t...props\n}, ref) {\n\tconst hasSidebar = !!sidebar;\n\tconst hasRail = !!rail;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn(\n\t\t\t\t'workspace-layout--component flex h-full min-h-0 w-full flex-col overflow-hidden rounded-md border border-border bg-background text-foreground',\n\t\t\t\t'[--workspace-sidebar-width:16rem] [--workspace-rail-width:20rem]',\n\t\t\t\tCONTENT_WIDTH_CLASS[contentWidth],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t>\n\t\t\t{!!header && (\n\t\t\t\t<header className={cn('workspace-layout--header shrink-0 border-b border-border bg-background', headerClassName)}>\n\t\t\t\t\t{header}\n\t\t\t\t</header>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'workspace-layout--body grid min-h-0 flex-1 grid-cols-1 bg-muted/20',\n\t\t\t\t\thasSidebar && !hasRail && 'min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)]',\n\t\t\t\t\thasSidebar && hasRail && 'min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)] min-[96rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)_var(--workspace-rail-width)]',\n\t\t\t\t\t!hasSidebar && hasRail && 'min-[96rem]:grid-cols-[minmax(0,1fr)_var(--workspace-rail-width)]',\n\t\t\t\t\tbodyClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!hasSidebar && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'workspace-layout--sidebar hidden min-h-0 border-r border-border bg-background min-[80rem]:block',\n\t\t\t\t\t\t\tsidebarClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"h-full overflow-y-auto overscroll-contain p-3\">\n\t\t\t\t\t\t\t{sidebar}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t\t<main className={cn('workspace-layout--main min-h-0 min-w-0 overflow-y-auto overscroll-contain', mainClassName)}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'workspace-layout--content mx-auto flex min-h-full w-full max-w-[var(--workspace-content-max-width)] flex-col gap-4 p-4 min-[64rem]:p-5',\n\t\t\t\t\t\t\tcontentWidth === 'full' && 'max-w-none',\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</main>\n\t\t\t\t{!!hasRail && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'workspace-layout--rail hidden min-h-0 border-l border-border bg-background min-[96rem]:block',\n\t\t\t\t\t\t\trailClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"h-full overflow-y-auto overscroll-contain p-3\">\n\t\t\t\t\t\t\t{rail}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nWorkspaceLayout.displayName = 'WorkspaceLayout';\n\nexport const WorkspaceRecordHeader = React.forwardRef<HTMLDivElement, WorkspaceRecordHeaderProps>(function WorkspaceRecordHeader({\n\ttitle,\n\tdescription,\n\tbadges,\n\tmetadata,\n\tactions,\n\tsecondaryActions,\n\tstatus,\n\tmedia,\n\theaderEnd,\n\ttitleSlot,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultWorkspaceRecordHeaderStrings, stringsProp);\n\tconst hasMetadata = !!metadata?.length;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'workspace-record-header--component flex flex-col gap-4 px-4 py-4 min-[64rem]:flex-row min-[64rem]:items-start min-[64rem]:justify-between min-[64rem]:px-5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"workspace-record-header--identity flex min-w-0 flex-1 gap-3\">\n\t\t\t\t{!!media && (\n\t\t\t\t\t<div className=\"workspace-record-header--media flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted/40\">\n\t\t\t\t\t\t{media}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div className=\"min-w-0 flex-1 space-y-2\">\n\t\t\t\t\t<div className=\"workspace-record-header--title-row flex min-w-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t\t{titleSlot ?? (\n\t\t\t\t\t\t\t<Heading tag=\"h4\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!badges && <div className=\"workspace-record-header--badges flex flex-wrap items-center gap-1.5\">{badges}</div>}\n\t\t\t\t\t\t{!!status && <div className=\"workspace-record-header--status\">{status}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"workspace-record-header--description max-w-4xl leading-relaxed\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!hasMetadata && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\taria-label={strings.metadataLabel}\n\t\t\t\t\t\t\tclassName=\"workspace-record-header--metadata flex flex-wrap items-center gap-x-4 gap-y-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{metadata.map((item, index) => (\n\t\t\t\t\t\t\t\t<div key={item.id ?? index} className=\"flex items-baseline gap-1.5\">\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"uppercase\">\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{item.value}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{!!(actions || secondaryActions || headerEnd) && (\n\t\t\t\t<div className=\"workspace-record-header--actions flex shrink-0 flex-wrap items-center gap-2 min-[64rem]:justify-end\">\n\t\t\t\t\t{!!secondaryActions && (\n\t\t\t\t\t\t<div aria-label={strings.secondaryActionsLabel} className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t{secondaryActions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!actions && (\n\t\t\t\t\t\t<div aria-label={strings.actionsLabel} className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!headerEnd && <div className=\"workspace-record-header--end\">{headerEnd}</div>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nWorkspaceRecordHeader.displayName = 'WorkspaceRecordHeader';\n\nexport const WorkspaceNav = React.forwardRef<HTMLElement, WorkspaceNavProps>(function WorkspaceNav({\n\tgroups,\n\tactiveId,\n\tonSelect,\n\trenderItem,\n\tfooterSlot,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultWorkspaceNavStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<nav\n\t\t\tref={ref}\n\t\t\taria-label={props['aria-label'] ?? strings.ariaLabel}\n\t\t\tclassName={cn('workspace-nav--component flex h-full flex-col gap-4', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"workspace-nav--groups flex min-h-0 flex-1 flex-col gap-4\">\n\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t<div key={group.id} className=\"workspace-nav--group space-y-2\">\n\t\t\t\t\t\t{!!group.label && (\n\t\t\t\t\t\t\t<div className=\"workspace-nav--group-header px-1\">\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" weight=\"semibold\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!group.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"mt-0.5 leading-snug\">\n\t\t\t\t\t\t\t\t\t\t{group.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<ItemGroup className=\"workspace-nav--items gap-1\">\n\t\t\t\t\t\t\t{group.items.map((item, index) => {\n\t\t\t\t\t\t\t\tconst active = item.id === activeId;\n\t\t\t\t\t\t\t\tconst status = getStatus(item, active);\n\t\t\t\t\t\t\t\tconst StatusIcon = STATUS_ICON[status];\n\t\t\t\t\t\t\t\tconst completion = item.completion === undefined ? undefined : clampPercent(item.completion);\n\t\t\t\t\t\t\t\tconst handleSelect = (event: React.MouseEvent<HTMLElement>) => {\n\t\t\t\t\t\t\t\t\tif (item.disabled) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonSelect?.(item);\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tconst context = { active, group, index, onSelect: handleSelect };\n\n\t\t\t\t\t\t\t\tif (renderItem) {\n\t\t\t\t\t\t\t\t\treturn <React.Fragment key={item.id}>{renderItem(item, context)}</React.Fragment>;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst rowContent = (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active && 'bg-primary/10 text-primary')}>\n\t\t\t\t\t\t\t\t\t\t\t{item.icon ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<DynamicWorkspaceIcon icon={item.icon} className=\"size-4\" />\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<StatusIcon className={cn('size-3.5', STATUS_CLASS[status])} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ItemTitle>{item.label}</ItemTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t{active && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">{strings.currentLabel}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{!!item.description && <ItemDescription clamp={2}>{item.description}</ItemDescription>}\n\t\t\t\t\t\t\t\t\t\t\t{completion !== undefined && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"mt-1.5 flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Progress value={completion} className=\"h-1.5 flex-1\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.completionLabel(completion)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t\t\t\t{!!item.badge && <ItemActions>{item.badge}</ItemActions>}\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tconst itemClassName = cn(\n\t\t\t\t\t\t\t\t\t'workspace-nav--item w-full border border-transparent px-2 py-2 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tactive && 'border-primary/20 bg-primary/5',\n\t\t\t\t\t\t\t\t\titem.warning && !active && 'border-warning/30 bg-warning/5',\n\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif (item.href) {\n\t\t\t\t\t\t\t\t\tconst linkNode = resolvedRenderLink({\n\t\t\t\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\t\t\t\tchildren: rowContent,\n\t\t\t\t\t\t\t\t\t\tclassName: 'block',\n\t\t\t\t\t\t\t\t\t\tactive,\n\t\t\t\t\t\t\t\t\t\tdisabled: item.disabled,\n\t\t\t\t\t\t\t\t\t\texternal: item.external,\n\t\t\t\t\t\t\t\t\t\ttarget: item.target,\n\t\t\t\t\t\t\t\t\t\trel: item.rel,\n\t\t\t\t\t\t\t\t\t\tonClick: handleSelect as React.MouseEventHandler<HTMLAnchorElement>,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Item key={item.id} size=\"sm\" render={linkNode as React.ReactElement} className={itemClassName}>\n\t\t\t\t\t\t\t\t\t\t\t{rowContent}\n\t\t\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\trender={<button type=\"button\" onClick={handleSelect} disabled={item.disabled} />}\n\t\t\t\t\t\t\t\t\t\tclassName={itemClassName}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{rowContent}\n\t\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{!!footerSlot && <div className=\"workspace-nav--footer shrink-0 border-t border-border pt-3\">{footerSlot}</div>}\n\t\t</nav>\n\t);\n});\n\nWorkspaceNav.displayName = 'WorkspaceNav';\n\nexport const WorkspaceLocaleStrip = React.forwardRef<HTMLDivElement, WorkspaceLocaleStripProps>(function WorkspaceLocaleStrip({\n\tlocales,\n\tactiveLocale,\n\tonLocaleChange,\n\tactions,\n\tstatus,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultWorkspaceLocaleStripStrings, stringsProp);\n\n\tconst handleLocaleClick = (locale: WorkspaceLocaleItem) => {\n\t\tif (locale.disabled) return;\n\t\tonLocaleChange?.(locale);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn('workspace-locale-strip--component flex flex-col gap-3 border-t border-border bg-muted/20 px-4 py-3 min-[64rem]:flex-row min-[64rem]:items-center min-[64rem]:justify-between min-[64rem]:px-5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"workspace-locale-strip--locales flex min-w-0 flex-wrap items-center gap-2\" role=\"list\" aria-label={strings.ariaLabel}>\n\t\t\t\t{locales.map((locale) => {\n\t\t\t\t\tconst active = locale.id === activeLocale;\n\t\t\t\t\tconst completion = locale.completion === undefined ? undefined : clampPercent(locale.completion);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={locale.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant={active ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\tbuttonStyle={active ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\tonClick={() => handleLocaleClick(locale)}\n\t\t\t\t\t\t\tdisabled={locale.disabled}\n\t\t\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\t\tclassName={cn('workspace-locale-strip--item h-auto min-h-8 justify-start px-2.5 py-1.5')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t<span className=\"truncate\">{locale.label}</span>\n\t\t\t\t\t\t\t\t{active && <span className=\"sr-only\">{strings.activeLabel}</span>}\n\t\t\t\t\t\t\t\t{completion !== undefined && (\n\t\t\t\t\t\t\t\t\t<Badge variant={completion >= 100 ? 'success' : 'secondary'} className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t\t{strings.completionLabel(completion)}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{!!locale.status && <span className=\"shrink-0\">{locale.status}</span>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{!!(status || actions) && (\n\t\t\t\t<div className=\"workspace-locale-strip--actions flex shrink-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t{!!status && <div className=\"workspace-locale-strip--status\">{status}</div>}\n\t\t\t\t\t{!!actions && <div className=\"flex flex-wrap items-center gap-1.5\">{actions}</div>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nWorkspaceLocaleStrip.displayName = 'WorkspaceLocaleStrip';\n"],"mappings":"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"}

package/dist/_shared/workspace-CWyzTUmE.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./button-BI347RlM.cjs"),i=require("./heading-0DYCOrgC.cjs"),a=require("./badge-CBof1rbF.cjs"),o=require("./display-Dhy5ogxC.cjs"),s=require("./item-DoXXYgPm.cjs"),c=require("./hooks-D3SbLBRk.cjs");let l=require("react");l=e.t(l,1);let u=require("react/jsx-runtime"),d=require("lucide-react");var f={metadataLabel:`Record metadata`,actionsLabel:`Record actions`,secondaryActionsLabel:`Secondary actions`},p={ariaLabel:`Workspace navigation`,completionLabel:e=>`${e}% complete`,currentLabel:`Current`},m={ariaLabel:`Workspace locales`,activeLabel:`Active`,completionLabel:e=>`${e}% complete`},h={default:`[--workspace-content-max-width:58rem]`,wide:`[--workspace-content-max-width:86rem]`,full:`[--workspace-content-max-width:none]`},g={complete:d.Check,current:d.Circle,attention:d.CircleAlert,disabled:d.Circle,idle:d.Circle},_={complete:`text-success`,current:`text-primary`,attention:`text-warning`,disabled:`text-muted-foreground/40`,idle:`text-muted-foreground`};function v(e){return Number.isFinite(e)?Math.min(100,Math.max(0,Math.round(e))):0}function y({icon:e,className:t}){return e?l.isValidElement(e)?l.cloneElement(e,{className:n.cn(t,e.props.className)}):typeof e==`function`?(0,u.jsx)(e,{className:t,"aria-hidden":`true`}):null:null}function b(e,t){return e.disabled?`disabled`:e.status?e.status:e.warning?`attention`:t?`current`:e.completion!==void 0&&v(e.completion)>=100?`complete`:`idle`}var x=l.forwardRef(function({header:e,sidebar:t,rail:r,children:i,contentWidth:a=`wide`,className:o,headerClassName:s,bodyClassName:c,sidebarClassName:l,mainClassName:d,contentClassName:f,railClassName:p,ariaLabel:m,style:g,..._},v){let y=!!t,b=!!r;return(0,u.jsxs)(`div`,{ref:v,"aria-label":m,className:n.cn(`workspace-layout--component flex h-full min-h-0 w-full flex-col overflow-hidden rounded-md border border-border bg-background text-foreground`,`[--workspace-sidebar-width:16rem] [--workspace-rail-width:20rem]`,h[a],o),style:g,..._,children:[!!e&&(0,u.jsx)(`header`,{className:n.cn(`workspace-layout--header shrink-0 border-b border-border bg-background`,s),children:e}),(0,u.jsxs)(`div`,{className:n.cn(`workspace-layout--body grid min-h-0 flex-1 grid-cols-1 bg-muted/20`,y&&!b&&`min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)]`,y&&b&&`min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)] min-[96rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)_var(--workspace-rail-width)]`,!y&&b&&`min-[96rem]:grid-cols-[minmax(0,1fr)_var(--workspace-rail-width)]`,c),children:[!!y&&(0,u.jsx)(`aside`,{className:n.cn(`workspace-layout--sidebar hidden min-h-0 border-r border-border bg-background min-[80rem]:block`,l),children:(0,u.jsx)(`div`,{className:`h-full overflow-y-auto overscroll-contain p-3`,children:t})}),(0,u.jsx)(`main`,{className:n.cn(`workspace-layout--main min-h-0 min-w-0 overflow-y-auto overscroll-contain`,d),children:(0,u.jsx)(`div`,{className:n.cn(`workspace-layout--content mx-auto flex min-h-full w-full max-w-[var(--workspace-content-max-width)] flex-col gap-4 p-4 min-[64rem]:p-5`,a===`full`&&`max-w-none`,f),children:i})}),!!b&&(0,u.jsx)(`aside`,{className:n.cn(`workspace-layout--rail hidden min-h-0 border-l border-border bg-background min-[96rem]:block`,p),children:(0,u.jsx)(`div`,{className:`h-full overflow-y-auto overscroll-contain p-3`,children:r})})]})]})});x.displayName=`WorkspaceLayout`;var S=l.forwardRef(function({title:e,description:r,badges:a,metadata:o,actions:s,secondaryActions:c,status:l,media:d,headerEnd:p,titleSlot:m,className:h,strings:g,..._},v){let y=t.useStrings(f,g),b=!!o?.length;return(0,u.jsxs)(`div`,{ref:v,className:n.cn(`workspace-record-header--component flex flex-col gap-4 px-4 py-4 min-[64rem]:flex-row min-[64rem]:items-start min-[64rem]:justify-between min-[64rem]:px-5`,h),..._,children:[(0,u.jsxs)(`div`,{className:`workspace-record-header--identity flex min-w-0 flex-1 gap-3`,children:[!!d&&(0,u.jsx)(`div`,{className:`workspace-record-header--media flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted/40`,children:d}),(0,u.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,u.jsxs)(`div`,{className:`workspace-record-header--title-row flex min-w-0 flex-wrap items-center gap-2`,children:[m??(0,u.jsx)(i.t,{tag:`h4`,className:`leading-tight`,children:e}),!!a&&(0,u.jsx)(`div`,{className:`workspace-record-header--badges flex flex-wrap items-center gap-1.5`,children:a}),!!l&&(0,u.jsx)(`div`,{className:`workspace-record-header--status`,children:l})]}),!!r&&(0,u.jsx)(i.n,{size:`xs`,type:`secondary`,className:`workspace-record-header--description max-w-4xl leading-relaxed`,children:r}),!!b&&(0,u.jsx)(`div`,{"aria-label":y.metadataLabel,className:`workspace-record-header--metadata flex flex-wrap items-center gap-x-4 gap-y-1`,children:o.map((e,t)=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-1.5`,children:[(0,u.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`uppercase`,children:e.label}),(0,u.jsx)(i.n,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:e.value})]},e.id??t))})]})]}),!!(s||c||p)&&(0,u.jsxs)(`div`,{className:`workspace-record-header--actions flex shrink-0 flex-wrap items-center gap-2 min-[64rem]:justify-end`,children:[!!c&&(0,u.jsx)(`div`,{"aria-label":y.secondaryActionsLabel,className:`flex flex-wrap items-center gap-1.5`,children:c}),!!s&&(0,u.jsx)(`div`,{"aria-label":y.actionsLabel,className:`flex flex-wrap items-center gap-1.5`,children:s}),!!p&&(0,u.jsx)(`div`,{className:`workspace-record-header--end`,children:p})]})]})});S.displayName=`WorkspaceRecordHeader`;var C=l.forwardRef(function({groups:e,activeId:r,onSelect:a,renderItem:d,footerSlot:f,renderLink:m,LinkComponent:h,className:x,strings:S,...C},w){let T=t.useStrings(p,S),E=c.d({renderLink:m,LinkComponent:h});return(0,u.jsxs)(`nav`,{ref:w,"aria-label":C[`aria-label`]??T.ariaLabel,className:n.cn(`workspace-nav--component flex h-full flex-col gap-4`,x),...C,children:[(0,u.jsx)(`div`,{className:`workspace-nav--groups flex min-h-0 flex-1 flex-col gap-4`,children:e.map(e=>(0,u.jsxs)(`div`,{className:`workspace-nav--group space-y-2`,children:[!!e.label&&(0,u.jsxs)(`div`,{className:`workspace-nav--group-header px-1`,children:[(0,u.jsx)(i.n,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:e.label}),!!e.description&&(0,u.jsx)(i.n,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug`,children:e.description})]}),(0,u.jsx)(s.o,{className:`workspace-nav--items gap-1`,children:e.items.map((t,c)=>{let f=t.id===r,p=b(t,f),m=g[p],h=t.completion===void 0?void 0:v(t.completion),x=e=>{if(t.disabled){e.preventDefault();return}a?.(t)},S={active:f,group:e,index:c,onSelect:x};if(d)return(0,u.jsx)(l.Fragment,{children:d(t,S)},t.id);let C=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(s.c,{variant:`icon`,className:n.cn(f&&`bg-primary/10 text-primary`),children:t.icon?(0,u.jsx)(y,{icon:t.icon,className:`size-4`}):(0,u.jsx)(m,{className:n.cn(`size-3.5`,_[p]),"aria-hidden":`true`})}),(0,u.jsxs)(s.r,{children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,u.jsx)(s.u,{children:t.label}),f&&(0,u.jsx)(`span`,{className:`sr-only`,children:T.currentLabel})]}),!!t.description&&(0,u.jsx)(s.i,{clamp:2,children:t.description}),h!==void 0&&(0,u.jsxs)(`div`,{className:`mt-1.5 flex items-center gap-2`,children:[(0,u.jsx)(o.g,{value:h,className:`h-1.5 flex-1`}),(0,u.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:T.completionLabel(h)})]})]}),!!t.badge&&(0,u.jsx)(s.n,{children:t.badge})]}),w=n.cn(`workspace-nav--item w-full border border-transparent px-2 py-2 text-left transition-colors`,f&&`border-primary/20 bg-primary/5`,t.warning&&!f&&`border-warning/30 bg-warning/5`,t.disabled&&`pointer-events-none opacity-50`);return t.href?(0,u.jsx)(s.t,{size:`sm`,render:E({href:t.href,children:C,className:`block`,active:f,disabled:t.disabled,external:t.external,target:t.target,rel:t.rel,onClick:x}),className:w,children:C},t.id):(0,u.jsx)(s.t,{size:`sm`,render:(0,u.jsx)(`button`,{type:`button`,onClick:x,disabled:t.disabled}),className:w,children:C},t.id)})})]},e.id))}),!!f&&(0,u.jsx)(`div`,{className:`workspace-nav--footer shrink-0 border-t border-border pt-3`,children:f})]})});C.displayName=`WorkspaceNav`;var w=l.forwardRef(function({locales:e,activeLocale:i,onLocaleChange:o,actions:s,status:c,className:l,strings:d,...f},p){let h=t.useStrings(m,d),g=e=>{e.disabled||o?.(e)};return(0,u.jsxs)(`div`,{ref:p,className:n.cn(`workspace-locale-strip--component flex flex-col gap-3 border-t border-border bg-muted/20 px-4 py-3 min-[64rem]:flex-row min-[64rem]:items-center min-[64rem]:justify-between min-[64rem]:px-5`,l),...f,children:[(0,u.jsx)(`div`,{className:`workspace-locale-strip--locales flex min-w-0 flex-wrap items-center gap-2`,role:`list`,"aria-label":h.ariaLabel,children:e.map(e=>{let t=e.id===i,o=e.completion===void 0?void 0:v(e.completion);return(0,u.jsx)(r.t,{type:`button`,variant:t?`primary`:`secondary`,buttonStyle:t?`solid`:`ghost`,onClick:()=>g(e),disabled:e.disabled,"aria-pressed":t,className:n.cn(`workspace-locale-strip--item h-auto min-h-8 justify-start px-2.5 py-1.5`),children:(0,u.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,u.jsx)(`span`,{className:`truncate`,children:e.label}),t&&(0,u.jsx)(`span`,{className:`sr-only`,children:h.activeLabel}),o!==void 0&&(0,u.jsx)(a.t,{variant:o>=100?`success`:`secondary`,className:`shrink-0`,children:h.completionLabel(o)}),!!e.status&&(0,u.jsx)(`span`,{className:`shrink-0`,children:e.status})]})},e.id)})}),!!(c||s)&&(0,u.jsxs)(`div`,{className:`workspace-locale-strip--actions flex shrink-0 flex-wrap items-center gap-2`,children:[!!c&&(0,u.jsx)(`div`,{className:`workspace-locale-strip--status`,children:c}),!!s&&(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:s})]})]})});w.displayName=`WorkspaceLocaleStrip`,Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=workspace-CWyzTUmE.cjs.map

package/dist/_shared/workspace-CWyzTUmE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-CWyzTUmE.cjs","names":[],"sources":["../../src/components/layout/workspace/workspace.strings.ts","../../src/components/layout/workspace/workspace.tsx"],"sourcesContent":["export interface WorkspaceRecordHeaderStrings {\n\tmetadataLabel: string;\n\tactionsLabel: string;\n\tsecondaryActionsLabel: string;\n}\n\nexport const defaultWorkspaceRecordHeaderStrings: WorkspaceRecordHeaderStrings = {\n\tmetadataLabel: 'Record metadata',\n\tactionsLabel: 'Record actions',\n\tsecondaryActionsLabel: 'Secondary actions',\n};\n\nexport interface WorkspaceNavStrings {\n\tariaLabel: string;\n\tcompletionLabel: (value: number) => string;\n\tcurrentLabel: string;\n}\n\nexport const defaultWorkspaceNavStrings: WorkspaceNavStrings = {\n\tariaLabel: 'Workspace navigation',\n\tcompletionLabel: (value) => `${value}% complete`,\n\tcurrentLabel: 'Current',\n};\n\nexport interface WorkspaceLocaleStripStrings {\n\tariaLabel: string;\n\tactiveLabel: string;\n\tcompletionLabel: (value: number) => string;\n}\n\nexport const defaultWorkspaceLocaleStripStrings: WorkspaceLocaleStripStrings = {\n\tariaLabel: 'Workspace locales',\n\tactiveLabel: 'Active',\n\tcompletionLabel: (value) => `${value}% complete`,\n};\n","import * as React from 'react';\nimport {\n\tCheck,\n\tCircle,\n\tCircleAlert,\n\ttype LucideIcon,\n} from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Progress } from '@/components/base/display';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Heading, Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../hooks';\nimport type { LayoutIconSource } from '../layout.types';\nimport {\n\tdefaultWorkspaceLocaleStripStrings,\n\tdefaultWorkspaceNavStrings,\n\tdefaultWorkspaceRecordHeaderStrings,\n} from './workspace.strings';\nimport type {\n\tWorkspaceContentWidth,\n\tWorkspaceLayoutProps,\n\tWorkspaceLocaleItem,\n\tWorkspaceLocaleStripProps,\n\tWorkspaceNavItem,\n\tWorkspaceNavItemStatus,\n\tWorkspaceNavProps,\n\tWorkspaceRecordHeaderProps,\n} from './workspace.types';\n\nconst CONTENT_WIDTH_CLASS: Record<WorkspaceContentWidth, string> = {\n\tdefault: '[--workspace-content-max-width:58rem]',\n\twide: '[--workspace-content-max-width:86rem]',\n\tfull: '[--workspace-content-max-width:none]',\n};\n\nconst STATUS_ICON: Record<WorkspaceNavItemStatus, LucideIcon> = {\n\tcomplete: Check,\n\tcurrent: Circle,\n\tattention: CircleAlert,\n\tdisabled: Circle,\n\tidle: Circle,\n};\n\nconst STATUS_CLASS: Record<WorkspaceNavItemStatus, string> = {\n\tcomplete: 'text-success',\n\tcurrent: 'text-primary',\n\tattention: 'text-warning',\n\tdisabled: 'text-muted-foreground/40',\n\tidle: 'text-muted-foreground',\n};\n\nfunction clampPercent(value: number): number {\n\tif (!Number.isFinite(value)) return 0;\n\treturn Math.min(100, Math.max(0, Math.round(value)));\n}\n\nfunction DynamicWorkspaceIcon({\n\ticon,\n\tclassName,\n}: {\n\ticon?: LayoutIconSource;\n\tclassName?: string;\n}) {\n\tif (!icon) return null;\n\tif (React.isValidElement(icon)) {\n\t\treturn React.cloneElement(icon as React.ReactElement<{ className?: string }>, {\n\t\t\tclassName: cn(className, (icon.props as { className?: string }).className),\n\t\t});\n\t}\n\tif (typeof icon === 'function') {\n\t\tconst Icon = icon as LucideIcon;\n\t\treturn <Icon className={className} aria-hidden=\"true\" />;\n\t}\n\treturn null;\n}\n\nfunction getStatus(item: WorkspaceNavItem, active: boolean): WorkspaceNavItemStatus {\n\tif (item.disabled) return 'disabled';\n\tif (item.status) return item.status;\n\tif (item.warning) return 'attention';\n\tif (active) return 'current';\n\tif (item.completion !== undefined && clampPercent(item.completion) >= 100) return 'complete';\n\treturn 'idle';\n}\n\nexport const WorkspaceLayout = React.forwardRef<HTMLDivElement, WorkspaceLayoutProps>(function WorkspaceLayout({\n\theader,\n\tsidebar,\n\trail,\n\tchildren,\n\tcontentWidth = 'wide',\n\tclassName,\n\theaderClassName,\n\tbodyClassName,\n\tsidebarClassName,\n\tmainClassName,\n\tcontentClassName,\n\trailClassName,\n\tariaLabel,\n\tstyle,\n\t...props\n}, ref) {\n\tconst hasSidebar = !!sidebar;\n\tconst hasRail = !!rail;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn(\n\t\t\t\t'workspace-layout--component flex h-full min-h-0 w-full flex-col overflow-hidden rounded-md border border-border bg-background text-foreground',\n\t\t\t\t'[--workspace-sidebar-width:16rem] [--workspace-rail-width:20rem]',\n\t\t\t\tCONTENT_WIDTH_CLASS[contentWidth],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t>\n\t\t\t{!!header && (\n\t\t\t\t<header className={cn('workspace-layout--header shrink-0 border-b border-border bg-background', headerClassName)}>\n\t\t\t\t\t{header}\n\t\t\t\t</header>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'workspace-layout--body grid min-h-0 flex-1 grid-cols-1 bg-muted/20',\n\t\t\t\t\thasSidebar && !hasRail && 'min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)]',\n\t\t\t\t\thasSidebar && hasRail && 'min-[80rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)] min-[96rem]:grid-cols-[var(--workspace-sidebar-width)_minmax(0,1fr)_var(--workspace-rail-width)]',\n\t\t\t\t\t!hasSidebar && hasRail && 'min-[96rem]:grid-cols-[minmax(0,1fr)_var(--workspace-rail-width)]',\n\t\t\t\t\tbodyClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!hasSidebar && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'workspace-layout--sidebar hidden min-h-0 border-r border-border bg-background min-[80rem]:block',\n\t\t\t\t\t\t\tsidebarClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"h-full overflow-y-auto overscroll-contain p-3\">\n\t\t\t\t\t\t\t{sidebar}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t\t<main className={cn('workspace-layout--main min-h-0 min-w-0 overflow-y-auto overscroll-contain', mainClassName)}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'workspace-layout--content mx-auto flex min-h-full w-full max-w-[var(--workspace-content-max-width)] flex-col gap-4 p-4 min-[64rem]:p-5',\n\t\t\t\t\t\t\tcontentWidth === 'full' && 'max-w-none',\n\t\t\t\t\t\t\tcontentClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</main>\n\t\t\t\t{!!hasRail && (\n\t\t\t\t\t<aside\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'workspace-layout--rail hidden min-h-0 border-l border-border bg-background min-[96rem]:block',\n\t\t\t\t\t\t\trailClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"h-full overflow-y-auto overscroll-contain p-3\">\n\t\t\t\t\t\t\t{rail}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</aside>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nWorkspaceLayout.displayName = 'WorkspaceLayout';\n\nexport const WorkspaceRecordHeader = React.forwardRef<HTMLDivElement, WorkspaceRecordHeaderProps>(function WorkspaceRecordHeader({\n\ttitle,\n\tdescription,\n\tbadges,\n\tmetadata,\n\tactions,\n\tsecondaryActions,\n\tstatus,\n\tmedia,\n\theaderEnd,\n\ttitleSlot,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultWorkspaceRecordHeaderStrings, stringsProp);\n\tconst hasMetadata = !!metadata?.length;\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'workspace-record-header--component flex flex-col gap-4 px-4 py-4 min-[64rem]:flex-row min-[64rem]:items-start min-[64rem]:justify-between min-[64rem]:px-5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"workspace-record-header--identity flex min-w-0 flex-1 gap-3\">\n\t\t\t\t{!!media && (\n\t\t\t\t\t<div className=\"workspace-record-header--media flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted/40\">\n\t\t\t\t\t\t{media}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div className=\"min-w-0 flex-1 space-y-2\">\n\t\t\t\t\t<div className=\"workspace-record-header--title-row flex min-w-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t\t{titleSlot ?? (\n\t\t\t\t\t\t\t<Heading tag=\"h4\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!badges && <div className=\"workspace-record-header--badges flex flex-wrap items-center gap-1.5\">{badges}</div>}\n\t\t\t\t\t\t{!!status && <div className=\"workspace-record-header--status\">{status}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"workspace-record-header--description max-w-4xl leading-relaxed\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!hasMetadata && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\taria-label={strings.metadataLabel}\n\t\t\t\t\t\t\tclassName=\"workspace-record-header--metadata flex flex-wrap items-center gap-x-4 gap-y-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{metadata.map((item, index) => (\n\t\t\t\t\t\t\t\t<div key={item.id ?? index} className=\"flex items-baseline gap-1.5\">\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"uppercase\">\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{item.value}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{!!(actions || secondaryActions || headerEnd) && (\n\t\t\t\t<div className=\"workspace-record-header--actions flex shrink-0 flex-wrap items-center gap-2 min-[64rem]:justify-end\">\n\t\t\t\t\t{!!secondaryActions && (\n\t\t\t\t\t\t<div aria-label={strings.secondaryActionsLabel} className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t{secondaryActions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!actions && (\n\t\t\t\t\t\t<div aria-label={strings.actionsLabel} className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!headerEnd && <div className=\"workspace-record-header--end\">{headerEnd}</div>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nWorkspaceRecordHeader.displayName = 'WorkspaceRecordHeader';\n\nexport const WorkspaceNav = React.forwardRef<HTMLElement, WorkspaceNavProps>(function WorkspaceNav({\n\tgroups,\n\tactiveId,\n\tonSelect,\n\trenderItem,\n\tfooterSlot,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultWorkspaceNavStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\treturn (\n\t\t<nav\n\t\t\tref={ref}\n\t\t\taria-label={props['aria-label'] ?? strings.ariaLabel}\n\t\t\tclassName={cn('workspace-nav--component flex h-full flex-col gap-4', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"workspace-nav--groups flex min-h-0 flex-1 flex-col gap-4\">\n\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t<div key={group.id} className=\"workspace-nav--group space-y-2\">\n\t\t\t\t\t\t{!!group.label && (\n\t\t\t\t\t\t\t<div className=\"workspace-nav--group-header px-1\">\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" weight=\"semibold\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!group.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"mt-0.5 leading-snug\">\n\t\t\t\t\t\t\t\t\t\t{group.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<ItemGroup className=\"workspace-nav--items gap-1\">\n\t\t\t\t\t\t\t{group.items.map((item, index) => {\n\t\t\t\t\t\t\t\tconst active = item.id === activeId;\n\t\t\t\t\t\t\t\tconst status = getStatus(item, active);\n\t\t\t\t\t\t\t\tconst StatusIcon = STATUS_ICON[status];\n\t\t\t\t\t\t\t\tconst completion = item.completion === undefined ? undefined : clampPercent(item.completion);\n\t\t\t\t\t\t\t\tconst handleSelect = (event: React.MouseEvent<HTMLElement>) => {\n\t\t\t\t\t\t\t\t\tif (item.disabled) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonSelect?.(item);\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\tconst context = { active, group, index, onSelect: handleSelect };\n\n\t\t\t\t\t\t\t\tif (renderItem) {\n\t\t\t\t\t\t\t\t\treturn <React.Fragment key={item.id}>{renderItem(item, context)}</React.Fragment>;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tconst rowContent = (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active && 'bg-primary/10 text-primary')}>\n\t\t\t\t\t\t\t\t\t\t\t{item.icon ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<DynamicWorkspaceIcon icon={item.icon} className=\"size-4\" />\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<StatusIcon className={cn('size-3.5', STATUS_CLASS[status])} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ItemTitle>{item.label}</ItemTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t{active && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">{strings.currentLabel}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t{!!item.description && <ItemDescription clamp={2}>{item.description}</ItemDescription>}\n\t\t\t\t\t\t\t\t\t\t\t{completion !== undefined && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"mt-1.5 flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Progress value={completion} className=\"h-1.5 flex-1\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.completionLabel(completion)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t\t\t\t{!!item.badge && <ItemActions>{item.badge}</ItemActions>}\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tconst itemClassName = cn(\n\t\t\t\t\t\t\t\t\t'workspace-nav--item w-full border border-transparent px-2 py-2 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tactive && 'border-primary/20 bg-primary/5',\n\t\t\t\t\t\t\t\t\titem.warning && !active && 'border-warning/30 bg-warning/5',\n\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif (item.href) {\n\t\t\t\t\t\t\t\t\tconst linkNode = resolvedRenderLink({\n\t\t\t\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\t\t\t\tchildren: rowContent,\n\t\t\t\t\t\t\t\t\t\tclassName: 'block',\n\t\t\t\t\t\t\t\t\t\tactive,\n\t\t\t\t\t\t\t\t\t\tdisabled: item.disabled,\n\t\t\t\t\t\t\t\t\t\texternal: item.external,\n\t\t\t\t\t\t\t\t\t\ttarget: item.target,\n\t\t\t\t\t\t\t\t\t\trel: item.rel,\n\t\t\t\t\t\t\t\t\t\tonClick: handleSelect as React.MouseEventHandler<HTMLAnchorElement>,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Item key={item.id} size=\"sm\" render={linkNode as React.ReactElement} className={itemClassName}>\n\t\t\t\t\t\t\t\t\t\t\t{rowContent}\n\t\t\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\trender={<button type=\"button\" onClick={handleSelect} disabled={item.disabled} />}\n\t\t\t\t\t\t\t\t\t\tclassName={itemClassName}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{rowContent}\n\t\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{!!footerSlot && <div className=\"workspace-nav--footer shrink-0 border-t border-border pt-3\">{footerSlot}</div>}\n\t\t</nav>\n\t);\n});\n\nWorkspaceNav.displayName = 'WorkspaceNav';\n\nexport const WorkspaceLocaleStrip = React.forwardRef<HTMLDivElement, WorkspaceLocaleStripProps>(function WorkspaceLocaleStrip({\n\tlocales,\n\tactiveLocale,\n\tonLocaleChange,\n\tactions,\n\tstatus,\n\tclassName,\n\tstrings: stringsProp,\n\t...props\n}, ref) {\n\tconst strings = useStrings(defaultWorkspaceLocaleStripStrings, stringsProp);\n\n\tconst handleLocaleClick = (locale: WorkspaceLocaleItem) => {\n\t\tif (locale.disabled) return;\n\t\tonLocaleChange?.(locale);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn('workspace-locale-strip--component flex flex-col gap-3 border-t border-border bg-muted/20 px-4 py-3 min-[64rem]:flex-row min-[64rem]:items-center min-[64rem]:justify-between min-[64rem]:px-5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"workspace-locale-strip--locales flex min-w-0 flex-wrap items-center gap-2\" role=\"list\" aria-label={strings.ariaLabel}>\n\t\t\t\t{locales.map((locale) => {\n\t\t\t\t\tconst active = locale.id === activeLocale;\n\t\t\t\t\tconst completion = locale.completion === undefined ? undefined : clampPercent(locale.completion);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={locale.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant={active ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\tbuttonStyle={active ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\tonClick={() => handleLocaleClick(locale)}\n\t\t\t\t\t\t\tdisabled={locale.disabled}\n\t\t\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\t\tclassName={cn('workspace-locale-strip--item h-auto min-h-8 justify-start px-2.5 py-1.5')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t<span className=\"truncate\">{locale.label}</span>\n\t\t\t\t\t\t\t\t{active && <span className=\"sr-only\">{strings.activeLabel}</span>}\n\t\t\t\t\t\t\t\t{completion !== undefined && (\n\t\t\t\t\t\t\t\t\t<Badge variant={completion >= 100 ? 'success' : 'secondary'} className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t\t{strings.completionLabel(completion)}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{!!locale.status && <span className=\"shrink-0\">{locale.status}</span>}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{!!(status || actions) && (\n\t\t\t\t<div className=\"workspace-locale-strip--actions flex shrink-0 flex-wrap items-center gap-2\">\n\t\t\t\t\t{!!status && <div className=\"workspace-locale-strip--status\">{status}</div>}\n\t\t\t\t\t{!!actions && <div className=\"flex flex-wrap items-center gap-1.5\">{actions}</div>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nWorkspaceLocaleStrip.displayName = 'WorkspaceLocaleStrip';\n"],"mappings":"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"}

package/dist/components/base/accordion/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/accordion-BWU7zxlO.cjs");exports.Accordion=e.s,exports.AccordionContent=e.c,exports.AccordionItem=e.l,exports.AccordionTrigger=e.u,exports.SmartAccordion=e.t,exports.defaultSmartAccordionStrings=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/accordion-Df1XrCDv.cjs");exports.Accordion=e.s,exports.AccordionContent=e.c,exports.AccordionItem=e.l,exports.AccordionTrigger=e.u,exports.SmartAccordion=e.t,exports.defaultSmartAccordionStrings=e.n;

package/dist/components/base/accordion/index.js

@@ -1,2 +1,2 @@
-import { c as e, l as t, n, s as r, t as i, u as a } from "../../../_shared/accordion-DTYKGqWD.js";
+import { c as e, l as t, n, s as r, t as i, u as a } from "../../../_shared/accordion-Rzi9wEl6.js";
 export { r as Accordion, e as AccordionContent, t as AccordionItem, a as AccordionTrigger, i as SmartAccordion, n as defaultSmartAccordionStrings };

package/dist/components/base/badge/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../_shared/badge--o9wFHB_.cjs");exports.Badge=e.t,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../_shared/badge-CBof1rbF.cjs");exports.Badge=e.t,exports.default=e.t;

package/dist/components/base/badge/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../_shared/badge-yGlx9trX.js";
+import { t as e } from "../../../_shared/badge-6WYAMJwA.js";
 export { e as Badge, e as default };

package/dist/components/base/buttons/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/button-C1qc97U1.cjs"),t=require("../../../_shared/buttons-9YBwevkP.cjs");exports.BaseButton=e.i,exports.Button=e.t,exports.GoogleButton=t.i,exports.LoaderButton=e.r,exports.PageActionButton=t.t,exports.ShopifyButton=t.r,exports.TextButton=t.n,exports.TooltipButton=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/button-BI347RlM.cjs"),t=require("../../../_shared/buttons-kVvSD_oI.cjs");exports.BaseButton=e.i,exports.Button=e.t,exports.GoogleButton=t.i,exports.LoaderButton=e.r,exports.PageActionButton=t.t,exports.ShopifyButton=t.r,exports.TextButton=t.n,exports.TooltipButton=e.n;

package/dist/components/base/buttons/index.js

@@ -1,3 +1,3 @@
-import { i as e, n as t, r as n, t as r } from "../../../_shared/button-SuocMQFT.js";
-import { i, n as a, r as o, t as s } from "../../../_shared/buttons-BR4BGVYf.js";
+import { i as e, n as t, r as n, t as r } from "../../../_shared/button-BGKY8UY0.js";
+import { i, n as a, r as o, t as s } from "../../../_shared/buttons-PL-TGJ32.js";
 export { e as BaseButton, r as Button, i as GoogleButton, n as LoaderButton, s as PageActionButton, o as ShopifyButton, a as TextButton, t as TooltipButton };

package/dist/components/base/cards/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/smart-card-Df80VF8x.cjs");exports.CardContent=e.i,exports.CardDescription=e.a,exports.CardFooter=e.o,exports.CardHeader=e.s,exports.CardShell=e.c,exports.CardTitle=e.l,exports.SmartCard=e.t,exports.SmartCardSkeleton=e.n,exports.defaultSmartCardStrings=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/smart-card-B6m7tmt0.cjs");exports.CardContent=e.i,exports.CardDescription=e.a,exports.CardFooter=e.o,exports.CardHeader=e.s,exports.CardShell=e.c,exports.CardTitle=e.l,exports.SmartCard=e.t,exports.SmartCardSkeleton=e.n,exports.defaultSmartCardStrings=e.r;

package/dist/components/base/cards/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../../../_shared/smart-card-thLb85Ih.js";
 export { n as CardContent, e as CardDescription, a as CardFooter, s as CardHeader, t as CardShell, r as CardTitle, c as SmartCard, i as SmartCardSkeleton, o as defaultSmartCardStrings };

package/dist/components/base/carousel/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/strings.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-C1qc97U1.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react"),s=require("embla-carousel-react");s=e.t(s,1);var c={previousSlide:`Previous slide`,nextSlide:`Next slide`,goToSlide:`Go to slide {index} of {total}`},l=(0,i.createContext)(null);function u(){let e=(0,i.useContext)(l);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}var d=(0,i.forwardRef)(function({orientation:e=`horizontal`,controlPlacement:r=`outside`,opts:o,setApi:u,plugins:d,className:f,children:p,strings:m,...h},g){let _=t.useStrings(c,m),[v,y]=(0,s.default)({...o,axis:e===`horizontal`?`x`:`y`},d),[b,x]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),[w,T]=(0,i.useState)(0),[E,D]=(0,i.useState)([]),O=(0,i.useCallback)(e=>{x(e.canScrollPrev()),C(e.canScrollNext()),T(e.selectedScrollSnap()),D(e.scrollSnapList())},[]),k=(0,i.useCallback)(()=>{y?.scrollPrev()},[y]),A=(0,i.useCallback)(()=>{y?.scrollNext()},[y]),j=(0,i.useCallback)(e=>{y?.scrollTo(e)},[y]),M=(0,i.useCallback)(t=>{let n=e===`vertical`?t.key===`ArrowUp`:t.key===`ArrowLeft`,r=e===`vertical`?t.key===`ArrowDown`:t.key===`ArrowRight`;n?(t.preventDefault(),k()):r&&(t.preventDefault(),A())},[e,A,k]);return(0,i.useEffect)(()=>{y&&u?.(y)},[y,u]),(0,i.useEffect)(()=>{if(y)return O(y),y.on(`reInit`,O),y.on(`select`,O),()=>{y.off(`reInit`,O),y.off(`select`,O)}},[y,O]),(0,a.jsx)(l.Provider,{value:{carouselRef:v,api:y,opts:o,orientation:e,controlPlacement:r,scrollPrev:k,scrollNext:A,scrollTo:j,canScrollPrev:b,canScrollNext:S,selectedIndex:w,scrollSnaps:E,strings:_},children:(0,a.jsx)(`div`,{ref:g,onKeyDownCapture:M,role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,"data-orientation":e,"data-control-placement":r,className:n.cn(`carousel--component relative`,f),...h,children:p})})});d.displayName=`Carousel`;var f=(0,i.forwardRef)(function({className:e,...t},r){let{carouselRef:i,orientation:o}=u();return(0,a.jsx)(`div`,{ref:i,className:`carousel--viewport overflow-hidden`,"data-slot":`carousel-viewport`,children:(0,a.jsx)(`div`,{ref:r,"data-slot":`carousel-content`,className:n.cn(`carousel--content flex`,o===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})});f.displayName=`CarouselContent`;var p=(0,i.forwardRef)(function({className:e,...t},r){let{orientation:i}=u();return(0,a.jsx)(`div`,{ref:r,role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:n.cn(`carousel--item min-w-0 shrink-0 grow-0 basis-full`,i===`horizontal`?`pl-4`:`pt-4`,e),...t})});p.displayName=`CarouselItem`;function m(e,t,n){return n===`inline`?`relative translate-x-0 translate-y-0 rotate-0`:t===`vertical`?e===`previous`?n===`outside`?`absolute -top-11 left-1/2 -translate-x-1/2 rotate-90`:`absolute top-2 left-1/2 -translate-x-1/2 rotate-90`:n===`outside`?`absolute -bottom-11 left-1/2 -translate-x-1/2 rotate-90`:`absolute bottom-2 left-1/2 -translate-x-1/2 rotate-90`:e===`previous`?n===`outside`?`absolute top-1/2 -left-11 -translate-y-1/2`:`absolute top-1/2 left-2 -translate-y-1/2`:n===`outside`?`absolute top-1/2 -right-11 -translate-y-1/2`:`absolute top-1/2 right-2 -translate-y-1/2`}var h={outside:``,inside:`z-10`,overlay:`z-10 border-background/70 bg-background/85 shadow-md backdrop-blur hover:bg-background`,inline:``},g={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`},_={dot:`size-2.5 rounded-full border border-border bg-muted hover:bg-muted-foreground/40`,pill:`h-2 w-2 rounded-sm border border-transparent bg-muted-foreground/25 hover:bg-muted-foreground/40`},v={dot:`border-foreground bg-foreground hover:bg-foreground`,pill:`w-5 rounded-full border-transparent bg-foreground hover:bg-foreground`},y=(0,i.forwardRef)(function({className:e,variant:t=`secondary`,buttonStyle:i=`outline`,size:s=`icon-sm`,placement:c,onClick:l,disabled:d,children:f,...p},g){let{orientation:_,controlPlacement:v,scrollPrev:y,canScrollPrev:b,strings:x}=u(),S=c??v;return(0,a.jsx)(r.t,{ref:g,...p,type:`button`,"data-slot":`carousel-previous`,"data-placement":S,variant:t,buttonStyle:i,size:s,className:n.cn(`carousel--previous touch-manipulation`,m(`previous`,_,S),h[S],e),disabled:d||!b,onClick:e=>{l?.(e),e.defaultPrevented||y()},children:f??(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.ChevronLeft,{className:`size-4`,"aria-hidden":`true`}),(0,a.jsx)(`span`,{className:`sr-only`,children:x.previousSlide})]})})});y.displayName=`CarouselPrevious`;var b=(0,i.forwardRef)(function({className:e,variant:t=`secondary`,buttonStyle:i=`outline`,size:s=`icon-sm`,placement:c,onClick:l,disabled:d,children:f,...p},g){let{orientation:_,controlPlacement:v,scrollNext:y,canScrollNext:b,strings:x}=u(),S=c??v;return(0,a.jsx)(r.t,{ref:g,...p,type:`button`,"data-slot":`carousel-next`,"data-placement":S,variant:t,buttonStyle:i,size:s,className:n.cn(`carousel--next touch-manipulation`,m(`next`,_,S),h[S],e),disabled:d||!b,onClick:e=>{l?.(e),e.defaultPrevented||y()},children:f??(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.ChevronRight,{className:`size-4`,"aria-hidden":`true`}),(0,a.jsx)(`span`,{className:`sr-only`,children:x.nextSlide})]})})});b.displayName=`CarouselNext`;var x=(0,i.forwardRef)(function({align:e=`center`,showDots:t=!0,previousProps:r,nextProps:i,dotsProps:o,className:s,children:c,...l},u){return(0,a.jsx)(`div`,{ref:u,"data-slot":`carousel-navigation`,"data-align":e,className:n.cn(`carousel--navigation flex flex-wrap items-center gap-2`,g[e],s),...l,children:c??(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y,{placement:`inline`,...r}),t&&(0,a.jsx)(S,{...o}),(0,a.jsx)(b,{placement:`inline`,...i})]})})});x.displayName=`CarouselNavigation`;var S=(0,i.forwardRef)(function({className:e,dotClassName:t,paginationStyle:r=`dot`,...i},o){let{scrollSnaps:s}=u();return s.length<=1?null:(0,a.jsx)(`div`,{ref:o,"data-slot":`carousel-dots`,"data-pagination-style":r,className:n.cn(`carousel--dots flex flex-wrap items-center justify-center gap-1.5`,e),...i,children:s.map((e,n)=>(0,a.jsx)(C,{index:n,paginationStyle:r,className:t},n))})});S.displayName=`CarouselDots`;var C=(0,i.forwardRef)(function({index:e,paginationStyle:t=`dot`,className:i,variant:o=`secondary`,buttonStyle:s=`ghost`,size:c=`icon-xs`,onClick:l,children:d,...f},p){let{selectedIndex:m,scrollSnaps:h,scrollTo:g,strings:y}=u(),b=m===e,x=y.goToSlide.replace(`{index}`,String(e+1)).replace(`{total}`,String(h.length));return(0,a.jsx)(r.t,{ref:p,...f,type:`button`,"data-slot":`carousel-dot`,"data-selected":b?``:void 0,"data-pagination-style":t,"aria-label":x,"aria-current":b?`true`:void 0,variant:o,buttonStyle:s,size:c,className:n.cn(`carousel--dot min-w-0 shrink-0 p-0 transition-[width,background-color,border-color] duration-200`,_[t],b&&v[t],i),onClick:t=>{l?.(t),t.defaultPrevented||g(e)},children:d??(0,a.jsx)(`span`,{className:`sr-only`,children:x})})});C.displayName=`CarouselDot`,exports.Carousel=d,exports.CarouselContent=f,exports.CarouselDot=C,exports.CarouselDots=S,exports.CarouselItem=p,exports.CarouselNavigation=x,exports.CarouselNext=b,exports.CarouselPrevious=y,exports.defaultCarouselStrings=c,exports.useCarousel=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/strings.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BI347RlM.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react"),s=require("embla-carousel-react");s=e.t(s,1);var c={previousSlide:`Previous slide`,nextSlide:`Next slide`,goToSlide:`Go to slide {index} of {total}`},l=(0,i.createContext)(null);function u(){let e=(0,i.useContext)(l);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}var d=(0,i.forwardRef)(function({orientation:e=`horizontal`,controlPlacement:r=`outside`,opts:o,setApi:u,plugins:d,className:f,children:p,strings:m,...h},g){let _=t.useStrings(c,m),[v,y]=(0,s.default)({...o,axis:e===`horizontal`?`x`:`y`},d),[b,x]=(0,i.useState)(!1),[S,C]=(0,i.useState)(!1),[w,T]=(0,i.useState)(0),[E,D]=(0,i.useState)([]),O=(0,i.useCallback)(e=>{x(e.canScrollPrev()),C(e.canScrollNext()),T(e.selectedScrollSnap()),D(e.scrollSnapList())},[]),k=(0,i.useCallback)(()=>{y?.scrollPrev()},[y]),A=(0,i.useCallback)(()=>{y?.scrollNext()},[y]),j=(0,i.useCallback)(e=>{y?.scrollTo(e)},[y]),M=(0,i.useCallback)(t=>{let n=e===`vertical`?t.key===`ArrowUp`:t.key===`ArrowLeft`,r=e===`vertical`?t.key===`ArrowDown`:t.key===`ArrowRight`;n?(t.preventDefault(),k()):r&&(t.preventDefault(),A())},[e,A,k]);return(0,i.useEffect)(()=>{y&&u?.(y)},[y,u]),(0,i.useEffect)(()=>{if(y)return O(y),y.on(`reInit`,O),y.on(`select`,O),()=>{y.off(`reInit`,O),y.off(`select`,O)}},[y,O]),(0,a.jsx)(l.Provider,{value:{carouselRef:v,api:y,opts:o,orientation:e,controlPlacement:r,scrollPrev:k,scrollNext:A,scrollTo:j,canScrollPrev:b,canScrollNext:S,selectedIndex:w,scrollSnaps:E,strings:_},children:(0,a.jsx)(`div`,{ref:g,onKeyDownCapture:M,role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,"data-orientation":e,"data-control-placement":r,className:n.cn(`carousel--component relative`,f),...h,children:p})})});d.displayName=`Carousel`;var f=(0,i.forwardRef)(function({className:e,...t},r){let{carouselRef:i,orientation:o}=u();return(0,a.jsx)(`div`,{ref:i,className:`carousel--viewport overflow-hidden`,"data-slot":`carousel-viewport`,children:(0,a.jsx)(`div`,{ref:r,"data-slot":`carousel-content`,className:n.cn(`carousel--content flex`,o===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})});f.displayName=`CarouselContent`;var p=(0,i.forwardRef)(function({className:e,...t},r){let{orientation:i}=u();return(0,a.jsx)(`div`,{ref:r,role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:n.cn(`carousel--item min-w-0 shrink-0 grow-0 basis-full`,i===`horizontal`?`pl-4`:`pt-4`,e),...t})});p.displayName=`CarouselItem`;function m(e,t,n){return n===`inline`?`relative translate-x-0 translate-y-0 rotate-0`:t===`vertical`?e===`previous`?n===`outside`?`absolute -top-11 left-1/2 -translate-x-1/2 rotate-90`:`absolute top-2 left-1/2 -translate-x-1/2 rotate-90`:n===`outside`?`absolute -bottom-11 left-1/2 -translate-x-1/2 rotate-90`:`absolute bottom-2 left-1/2 -translate-x-1/2 rotate-90`:e===`previous`?n===`outside`?`absolute top-1/2 -left-11 -translate-y-1/2`:`absolute top-1/2 left-2 -translate-y-1/2`:n===`outside`?`absolute top-1/2 -right-11 -translate-y-1/2`:`absolute top-1/2 right-2 -translate-y-1/2`}var h={outside:``,inside:`z-10`,overlay:`z-10 border-background/70 bg-background/85 shadow-md backdrop-blur hover:bg-background`,inline:``},g={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`},_={dot:`size-2.5 rounded-full border border-border bg-muted hover:bg-muted-foreground/40`,pill:`h-2 w-2 rounded-sm border border-transparent bg-muted-foreground/25 hover:bg-muted-foreground/40`},v={dot:`border-foreground bg-foreground hover:bg-foreground`,pill:`w-5 rounded-full border-transparent bg-foreground hover:bg-foreground`},y=(0,i.forwardRef)(function({className:e,variant:t=`secondary`,buttonStyle:i=`outline`,size:s=`icon-sm`,placement:c,onClick:l,disabled:d,children:f,...p},g){let{orientation:_,controlPlacement:v,scrollPrev:y,canScrollPrev:b,strings:x}=u(),S=c??v;return(0,a.jsx)(r.t,{ref:g,...p,type:`button`,"data-slot":`carousel-previous`,"data-placement":S,variant:t,buttonStyle:i,size:s,className:n.cn(`carousel--previous touch-manipulation`,m(`previous`,_,S),h[S],e),disabled:d||!b,onClick:e=>{l?.(e),e.defaultPrevented||y()},children:f??(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.ChevronLeft,{className:`size-4`,"aria-hidden":`true`}),(0,a.jsx)(`span`,{className:`sr-only`,children:x.previousSlide})]})})});y.displayName=`CarouselPrevious`;var b=(0,i.forwardRef)(function({className:e,variant:t=`secondary`,buttonStyle:i=`outline`,size:s=`icon-sm`,placement:c,onClick:l,disabled:d,children:f,...p},g){let{orientation:_,controlPlacement:v,scrollNext:y,canScrollNext:b,strings:x}=u(),S=c??v;return(0,a.jsx)(r.t,{ref:g,...p,type:`button`,"data-slot":`carousel-next`,"data-placement":S,variant:t,buttonStyle:i,size:s,className:n.cn(`carousel--next touch-manipulation`,m(`next`,_,S),h[S],e),disabled:d||!b,onClick:e=>{l?.(e),e.defaultPrevented||y()},children:f??(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.ChevronRight,{className:`size-4`,"aria-hidden":`true`}),(0,a.jsx)(`span`,{className:`sr-only`,children:x.nextSlide})]})})});b.displayName=`CarouselNext`;var x=(0,i.forwardRef)(function({align:e=`center`,showDots:t=!0,previousProps:r,nextProps:i,dotsProps:o,className:s,children:c,...l},u){return(0,a.jsx)(`div`,{ref:u,"data-slot":`carousel-navigation`,"data-align":e,className:n.cn(`carousel--navigation flex flex-wrap items-center gap-2`,g[e],s),...l,children:c??(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y,{placement:`inline`,...r}),t&&(0,a.jsx)(S,{...o}),(0,a.jsx)(b,{placement:`inline`,...i})]})})});x.displayName=`CarouselNavigation`;var S=(0,i.forwardRef)(function({className:e,dotClassName:t,paginationStyle:r=`dot`,...i},o){let{scrollSnaps:s}=u();return s.length<=1?null:(0,a.jsx)(`div`,{ref:o,"data-slot":`carousel-dots`,"data-pagination-style":r,className:n.cn(`carousel--dots flex flex-wrap items-center justify-center gap-1.5`,e),...i,children:s.map((e,n)=>(0,a.jsx)(C,{index:n,paginationStyle:r,className:t},n))})});S.displayName=`CarouselDots`;var C=(0,i.forwardRef)(function({index:e,paginationStyle:t=`dot`,className:i,variant:o=`secondary`,buttonStyle:s=`ghost`,size:c=`icon-xs`,onClick:l,children:d,...f},p){let{selectedIndex:m,scrollSnaps:h,scrollTo:g,strings:y}=u(),b=m===e,x=y.goToSlide.replace(`{index}`,String(e+1)).replace(`{total}`,String(h.length));return(0,a.jsx)(r.t,{ref:p,...f,type:`button`,"data-slot":`carousel-dot`,"data-selected":b?``:void 0,"data-pagination-style":t,"aria-label":x,"aria-current":b?`true`:void 0,variant:o,buttonStyle:s,size:c,className:n.cn(`carousel--dot min-w-0 shrink-0 p-0 transition-[width,background-color,border-color] duration-200`,_[t],b&&v[t],i),onClick:t=>{l?.(t),t.defaultPrevented||g(e)},children:d??(0,a.jsx)(`span`,{className:`sr-only`,children:x})})});C.displayName=`CarouselDot`,exports.Carousel=d,exports.CarouselContent=f,exports.CarouselDot=C,exports.CarouselDots=S,exports.CarouselItem=p,exports.CarouselNavigation=x,exports.CarouselNext=b,exports.CarouselPrevious=y,exports.defaultCarouselStrings=c,exports.useCarousel=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/base/carousel/index.js

@@ -1,6 +1,6 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-SuocMQFT.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
 import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useEffect as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { ChevronLeft as f, ChevronRight as p } from "lucide-react";

package/dist/components/base/combobox/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/combobox-CpSmiPV8.cjs");exports.ApiCombobox=e.t,exports.ApiComboboxMultiple=e.n,exports.CREATE_OPTION_SYMBOL=e.m,exports.Combobox=e.T,exports.ComboboxArrow=e.E,exports.ComboboxBackdrop=e.D,exports.ComboboxChip=e.O,exports.ComboboxChips=e.k,exports.ComboboxChipsInput=e.A,exports.ComboboxClear=e.j,exports.ComboboxCollection=e.M,exports.ComboboxDropdown=e.d,exports.ComboboxEmpty=e.N,exports.ComboboxGroup=e.P,exports.ComboboxGroupLabel=e.F,exports.ComboboxInput=e.I,exports.ComboboxInputTrigger=e.L,exports.ComboboxItem=e.R,exports.ComboboxItemIndicator=e.z,exports.ComboboxList=e.B,exports.ComboboxPopup=e.V,exports.ComboboxPortal=e.H,exports.ComboboxPositioner=e.U,exports.ComboboxSeparator=e.W,exports.ComboboxStatus=e.G,exports.ComboboxTrigger=e.K,exports.ComboboxValue=e.q,exports.DEFAULT_DEBOUNCE_MS=e.h,exports.DEFAULT_MIN_SEARCH_LENGTH=e.g,exports.DEFAULT_SIZE=e._,exports.DEFAULT_STRINGS=e.w,exports.defaultComboboxStrings=e.w,exports.EnhancedCombobox=e.r,exports.EnhancedComboboxMultiple=e.i,exports.ErrorMessage=e.u,exports.HighlightedText=e.l,exports.LOAD_MORE_COOLDOWN_MS=e.v,exports.LOAD_MORE_DEBOUNCE_MS=e.y,exports.LOAD_MORE_THRESHOLD=e.b,exports.LoadingMore=e.p,exports.StatusContent=e.f,exports.createCreateOption=e.x,exports.getCreateOptionValue=e.S,exports.isCreateOption=e.C,exports.useComboboxFilter=e.J,exports.useDebouncedSearch=e.c,exports.useEnhancedComboboxCore=e.a,exports.useGroupedItems=e.s,exports.useLoadMore=e.o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/combobox-B4KmDZK0.cjs");exports.ApiCombobox=e.t,exports.ApiComboboxMultiple=e.n,exports.CREATE_OPTION_SYMBOL=e.m,exports.Combobox=e.T,exports.ComboboxArrow=e.E,exports.ComboboxBackdrop=e.D,exports.ComboboxChip=e.O,exports.ComboboxChips=e.k,exports.ComboboxChipsInput=e.A,exports.ComboboxClear=e.j,exports.ComboboxCollection=e.M,exports.ComboboxDropdown=e.d,exports.ComboboxEmpty=e.N,exports.ComboboxGroup=e.P,exports.ComboboxGroupLabel=e.F,exports.ComboboxInput=e.I,exports.ComboboxInputTrigger=e.L,exports.ComboboxItem=e.R,exports.ComboboxItemIndicator=e.z,exports.ComboboxList=e.B,exports.ComboboxPopup=e.V,exports.ComboboxPortal=e.H,exports.ComboboxPositioner=e.U,exports.ComboboxSeparator=e.W,exports.ComboboxStatus=e.G,exports.ComboboxTrigger=e.K,exports.ComboboxValue=e.q,exports.DEFAULT_DEBOUNCE_MS=e.h,exports.DEFAULT_MIN_SEARCH_LENGTH=e.g,exports.DEFAULT_SIZE=e._,exports.DEFAULT_STRINGS=e.w,exports.defaultComboboxStrings=e.w,exports.EnhancedCombobox=e.r,exports.EnhancedComboboxMultiple=e.i,exports.ErrorMessage=e.u,exports.HighlightedText=e.l,exports.LOAD_MORE_COOLDOWN_MS=e.v,exports.LOAD_MORE_DEBOUNCE_MS=e.y,exports.LOAD_MORE_THRESHOLD=e.b,exports.LoadingMore=e.p,exports.StatusContent=e.f,exports.createCreateOption=e.x,exports.getCreateOptionValue=e.S,exports.isCreateOption=e.C,exports.useComboboxFilter=e.J,exports.useDebouncedSearch=e.c,exports.useEnhancedComboboxCore=e.a,exports.useGroupedItems=e.s,exports.useLoadMore=e.o;

package/dist/components/base/combobox/index.js

@@ -1,2 +1,2 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, O as m, P as h, R as g, S as _, T as v, U as y, V as b, W as x, _ as S, a as C, b as w, c as T, d as E, f as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, q as R, r as z, s as B, t as V, u as H, v as U, w as W, x as G, y as K, z as q } from "../../../_shared/combobox-D01JwyFZ.js";
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, O as m, P as h, R as g, S as _, T as v, U as y, V as b, W as x, _ as S, a as C, b as w, c as T, d as E, f as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, q as R, r as z, s as B, t as V, u as H, v as U, w as W, x as G, y as K, z as q } from "../../../_shared/combobox-YUGi3xSc.js";
 export { V as ApiCombobox, F as ApiComboboxMultiple, P as CREATE_OPTION_SYMBOL, v as Combobox, i as ComboboxArrow, r as ComboboxBackdrop, m as ComboboxChip, M as ComboboxChips, e as ComboboxChipsInput, j as ComboboxClear, f as ComboboxCollection, E as ComboboxDropdown, p as ComboboxEmpty, h as ComboboxGroup, a as ComboboxGroupLabel, c as ComboboxInput, d as ComboboxInputTrigger, g as ComboboxItem, q as ComboboxItemIndicator, t as ComboboxList, b as ComboboxPopup, s as ComboboxPortal, y as ComboboxPositioner, x as ComboboxSeparator, o as ComboboxStatus, u as ComboboxTrigger, R as ComboboxValue, k as DEFAULT_DEBOUNCE_MS, O as DEFAULT_MIN_SEARCH_LENGTH, S as DEFAULT_SIZE, W as DEFAULT_STRINGS, W as defaultComboboxStrings, z as EnhancedCombobox, A as EnhancedComboboxMultiple, H as ErrorMessage, N as HighlightedText, U as LOAD_MORE_COOLDOWN_MS, K as LOAD_MORE_DEBOUNCE_MS, w as LOAD_MORE_THRESHOLD, L as LoadingMore, D as StatusContent, G as createCreateOption, _ as getCreateOptionValue, n as isCreateOption, l as useComboboxFilter, T as useDebouncedSearch, C as useEnhancedComboboxCore, B as useGroupedItems, I as useLoadMore };