admin-ui-starter-kit 0.6.4 → 0.6.5

package/dist/_shared/workspace-CkOZLdcN.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-DHksjMvc.js";
+import { o as r, s as i } from "./typography-DE0NGEIE.js";
+import { t as a } from "./badge-a2Z3K5aQ.js";
+import { n as o } from "./display-B0wLVN8t.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-Xs-fgzaT.js";
+import { d as m } from "./hooks---vunGQ6.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__ */ _(r, {
+								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__ */ _(i, {
+						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__ */ _(i, {
+								tag: "span",
+								size: "xxs",
+								type: "secondary",
+								className: "uppercase",
+								children: e.label
+							}), /* @__PURE__ */ _(i, {
+								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: r, 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__ */ _(i, {
+						size: "xxs",
+						weight: "semibold",
+						type: "secondary",
+						className: "uppercase tracking-wide",
+						children: e.label
+					}), !!e.description && /* @__PURE__ */ _(i, {
+						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 === r, 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__ */ _(i, {
+										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: "default",
+							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: "default",
+							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-CkOZLdcN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-CkOZLdcN.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\t} from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Progress,\n} 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=\"default\" 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=\"default\"\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/cards/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/cards-CbbHly7W.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/cards-GSYfJ-oX.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/cards-RZxRLx3f.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/cards-C1ythc0Q.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/cards/partials/card-primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-primitives.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/cards/partials/card-primitives.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,MAAM,OAAO,CAAC;AAiBf,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,CAAC,KAAK,CAAC,+BAW9E;AAED,wBAAgB,UAAU,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BAOjC;AAED,wBAAgB,SAAS,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,sCAgCjC;AAED,wBAAgB,eAAe,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,sCAsCjC;AAED,wBAAgB,WAAW,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BAOjC;AAED,wBAAgB,UAAU,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BAOjC"}
+{"version":3,"file":"card-primitives.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/cards/partials/card-primitives.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EACN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,MAAM,OAAO,CAAC;AAiBf,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,CAAC,KAAK,CAAC,+BAW9E;AAED,wBAAgB,UAAU,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BAOjC;AAED,wBAAgB,SAAS,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,sCA+BjC;AAED,wBAAgB,eAAe,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,sCAsCjC;AAED,wBAAgB,WAAW,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BAOjC;AAED,wBAAgB,UAAU,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BAOjC"}

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/input-CB6hxh-5.cjs"),t=require("../../../_shared/checkbox-ECGg8wjW.cjs"),n=require("../../../_shared/forms-CzrEYejY.cjs"),r=require("../../../_shared/textarea-B24qgdmd.cjs"),i=require("../../../_shared/display-Bin2vVex.cjs"),a=require("../../../_shared/card-radio-group-C2p_iBal.cjs");exports.AvatarUpload=n.C,exports.COUNTRY_PREFIX_MAP=n.V,exports.CardCheckboxGroup=a.n,exports.CardRadioGroup=a.t,exports.Checkbox=t.t,exports.ControlledFormField=i.E,exports.CoordinatesInput=n.N,exports.CurrencyInput=i.k,exports.DEFAULT_COUNTRY_PREFIXES=n.H,exports.DateTimeInput=n.M,exports.DecimalInput=i.A,exports.DimensionsInput=n.F,exports.DirtyStateBanner=n.n,exports.Dropzone=n.T,exports.ErrorSummary=n.r,exports.FileUpload=n.k,exports.FormActionsBar=n.i,exports.FormField=i.D,exports.FormSection=n.a,exports.ImageUpload=n.D,exports.Input=e.t,exports.KeyValueEditor=n.m,exports.List=n.d,exports.ListRadioGroup=n.R,exports.LocalizedObjectField=n.c,exports.LocalizedStringField=n.l,exports.LocalizedStringRepeater=n.s,exports.MediaGallery=n.x,exports.MoneyInput=i.O,exports.ObjectRepeater=n.f,exports.OperationPasswordForm=n.t,exports.PasswordInput=n.Q,exports.PercentageInput=n.B,exports.PhoneInput=n.U,exports.PillRadioGroup=n.u,exports.Repeater=n.h,exports.RichSelect=n.I,exports.RoundingModeSelect=n.L,exports.Select=n.Y,exports.SliderField=n.z,exports.SlugField=n.X,exports.StringRepeater=n.p,exports.SubmitStateButton=n.o,exports.Switch=n.q,exports.SwitchCard=n.K,exports.TagsInput=n.W,exports.Textarea=r.t,exports.TimePicker=n.j,exports.ToggleField=n.G,exports.ToggleSwitch=n.J,exports.UploadProgressList=n.y,exports.UploadTray=n._,exports.WeightInput=n.P,exports.defaultAvatarUploadStrings=n.w,exports.defaultDropzoneStrings=n.E,exports.defaultFileUploadStrings=n.A,exports.defaultImageUploadStrings=n.O,exports.defaultMediaGalleryStrings=n.S,exports.defaultPasswordInputStrings=n.$,exports.defaultRepeaterPrimitiveStrings=n.g,exports.defaultUploadProgressListStrings=n.b,exports.defaultUploadTrayStrings=n.v,exports.slugifyValue=n.Z,exports.useFormFieldState=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/input-CB6hxh-5.cjs"),t=require("../../../_shared/checkbox-ECGg8wjW.cjs"),n=require("../../../_shared/forms-CEE1te78.cjs"),r=require("../../../_shared/textarea-B24qgdmd.cjs"),i=require("../../../_shared/display-Bin2vVex.cjs"),a=require("../../../_shared/card-radio-group-C2p_iBal.cjs");exports.AvatarUpload=n.C,exports.COUNTRY_PREFIX_MAP=n.V,exports.CardCheckboxGroup=a.n,exports.CardRadioGroup=a.t,exports.Checkbox=t.t,exports.ControlledFormField=i.E,exports.CoordinatesInput=n.N,exports.CurrencyInput=i.k,exports.DEFAULT_COUNTRY_PREFIXES=n.H,exports.DateTimeInput=n.M,exports.DecimalInput=i.A,exports.DimensionsInput=n.F,exports.DirtyStateBanner=n.n,exports.Dropzone=n.T,exports.ErrorSummary=n.r,exports.FileUpload=n.k,exports.FormActionsBar=n.i,exports.FormField=i.D,exports.FormSection=n.a,exports.ImageUpload=n.D,exports.Input=e.t,exports.KeyValueEditor=n.m,exports.List=n.d,exports.ListRadioGroup=n.R,exports.LocalizedObjectField=n.c,exports.LocalizedStringField=n.l,exports.LocalizedStringRepeater=n.s,exports.MediaGallery=n.x,exports.MoneyInput=i.O,exports.ObjectRepeater=n.f,exports.OperationPasswordForm=n.t,exports.PasswordInput=n.Q,exports.PercentageInput=n.B,exports.PhoneInput=n.U,exports.PillRadioGroup=n.u,exports.Repeater=n.h,exports.RichSelect=n.I,exports.RoundingModeSelect=n.L,exports.Select=n.Y,exports.SliderField=n.z,exports.SlugField=n.X,exports.StringRepeater=n.p,exports.SubmitStateButton=n.o,exports.Switch=n.q,exports.SwitchCard=n.K,exports.TagsInput=n.W,exports.Textarea=r.t,exports.TimePicker=n.j,exports.ToggleField=n.G,exports.ToggleSwitch=n.J,exports.UploadProgressList=n.y,exports.UploadTray=n._,exports.WeightInput=n.P,exports.defaultAvatarUploadStrings=n.w,exports.defaultDropzoneStrings=n.E,exports.defaultFileUploadStrings=n.A,exports.defaultImageUploadStrings=n.O,exports.defaultMediaGalleryStrings=n.S,exports.defaultPasswordInputStrings=n.$,exports.defaultRepeaterPrimitiveStrings=n.g,exports.defaultUploadProgressListStrings=n.b,exports.defaultUploadTrayStrings=n.v,exports.slugifyValue=n.Z,exports.useFormFieldState=e.n;

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

@@ -1,6 +1,6 @@
 import { n as e, t } from "../../../_shared/input-CfnHBT--.js";
 import { t as n } from "../../../_shared/checkbox-Cbh5x6ad.js";
-import { $ as r, A as i, B as a, C as o, D as s, E as c, F as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as _, O as v, P as y, Q as b, R as x, S, T as C, U as w, V as T, W as E, X as D, Y as O, Z as k, _ as A, a as j, b as M, c as N, d as P, f as F, g as I, h as L, i as R, j as z, k as B, l as V, m as H, n as U, o as W, p as G, q as K, r as q, s as J, t as Y, u as X, v as Z, w as Q, x as $, y as ee, z as te } from "../../../_shared/forms-BoquZE2Y.js";
+import { $ as r, A as i, B as a, C as o, D as s, E as c, F as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as _, O as v, P as y, Q as b, R as x, S, T as C, U as w, V as T, W as E, X as D, Y as O, Z as k, _ as A, a as j, b as M, c as N, d as P, f as F, g as I, h as L, i as R, j as z, k as B, l as V, m as H, n as U, o as W, p as G, q as K, r as q, s as J, t as Y, u as X, v as Z, w as Q, x as $, y as ee, z as te } from "../../../_shared/forms-CQoGvG7q.js";
 import { t as ne } from "../../../_shared/textarea-ChLRmmVU.js";
 import { A as re, D as ie, E as ae, O as oe, k as se } from "../../../_shared/display-B0wLVN8t.js";
 import { n as ce, t as le } from "../../../_shared/card-radio-group-Fdi1Cz1j.js";

package/dist/components/composed/admin/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/cards-CbbHly7W.cjs"),s=require("../../../_shared/alert-V0V36Sny.cjs"),c=require("../../../_shared/input-CB6hxh-5.cjs"),l=require("../../../_shared/checkbox-ECGg8wjW.cjs"),u=require("../../../_shared/forms-CzrEYejY.cjs"),d=require("../../../_shared/display-Bin2vVex.cjs"),f=require("../../../_shared/copyable-rQwxsTJ3.cjs"),p=require("../../../_shared/item-eUP9Rtmg.cjs"),m=require("../../../_shared/action-menu-B6yFRDz1.cjs");let h=require("react"),g=require("react/jsx-runtime"),_=require("lucide-react"),v=require("sonner");function y({members:e,className:n}){return(0,g.jsx)(p.o,{className:t.cn(`team-member--component`,n),children:e.map(e=>(0,g.jsxs)(p.t,{children:[(0,g.jsx)(p.c,{children:(0,g.jsx)(i.t,{tone:`primary`,solid:!0,size:`default`,children:(0,g.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:e.name}),(0,g.jsx)(p.i,{clamp:1,children:e.role})]}),(0,g.jsxs)(p.n,{children:[(0,g.jsx)(a.t,{variant:`secondary`,children:e.dept}),(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}y.displayName=`TeamMemberRow`;var b={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},x={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function S({roleName:i,description:s,memberCount:c,sections:l,onEdit:u,className:d,strings:f}){let p=e.useStrings(x,f);return(0,g.jsxs)(o.t,{title:i,description:s,headerEnd:c!==void 0&&(0,g.jsx)(a.t,{variant:`info`,children:p.formatMemberCount(c)}),className:t.cn(`role-permission--component`,d),children:[(0,g.jsx)(`div`,{className:`mt-5 space-y-4`,children:l.map(e=>(0,g.jsxs)(`div`,{children:[(0,g.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,g.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,g.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,g.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,g.jsx)(r.s,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!u&&(0,g.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:_.Pencil,className:`mt-5`,onClick:u,children:p.editRole})]})}S.displayName=`RolePermissionCard`;function C({conversations:e,className:n}){return(0,g.jsx)(p.o,{className:t.cn(`conversation-row--component`,n),children:e.map(e=>(0,g.jsxs)(p.t,{className:`cursor-pointer`,children:[(0,g.jsx)(p.c,{children:(0,g.jsx)(i.t,{tone:`primary`,size:`default`,children:(0,g.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,g.jsxs)(p.r,{children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,g.jsx)(p.u,{children:e.name}),(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,g.jsx)(p.i,{clamp:1,children:e.preview})]}),!!e.unread&&(0,g.jsx)(p.n,{children:(0,g.jsx)(i.t,{tone:`primary`,solid:!0,size:`small`,children:(0,g.jsx)(r.s,{size:`xxs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}C.displayName=`RecentConversationRow`;function w({settings:e,values:n,onChange:r,className:i}){let[a,s]=(0,h.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),c=r!==void 0,l=c&&n?n:a,d=(e,t)=>{c&&r?r(e,t):s(n=>({...n,[e]:t}))};return(0,g.jsx)(o.t,{className:t.cn(`settings-toggle--component`,i),children:(0,g.jsx)(p.o,{children:e.map(e=>{let t=e.icon,n=l[e.key]??!1;return(0,g.jsxs)(p.t,{children:[(0,g.jsx)(p.c,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,g.jsx)(t,{})}),(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:e.name}),(0,g.jsx)(p.i,{children:e.desc})]}),(0,g.jsx)(p.n,{children:(0,g.jsx)(u.J,{"aria-label":e.name,checked:n,onCheckedChange:t=>d(e.key,t)})})]},e.key)})})})}w.displayName=`SettingsToggleRow`;function T({productName:n,variant:i,stock:s,reorderLevel:c,maxStock:l,lastRestocked:u,className:d,strings:f}){let m=e.useStrings(b,f),h=Math.round(s/l*100),_=s<=c,v=s<=c*.5,y=v?`error`:_?`warning`:`success`,x=v?m.statusCritical:_?m.statusLowStock:m.statusInStock;return(0,g.jsxs)(o.t,{className:t.cn(`inventory-level--component`,d),children:[(0,g.jsxs)(p.t,{size:`small`,children:[(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:n}),!!i&&(0,g.jsxs)(p.i,{clamp:1,children:[m.variantLabel,`: `,i]})]}),(0,g.jsx)(p.n,{children:(0,g.jsx)(a.t,{variant:y,children:x})})]}),(0,g.jsx)(r.s,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:s}),(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,children:m.unitsAvailable}),(0,g.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,g.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,g.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all`,v?`bg-destructive`:_?`bg-warning`:`bg-success`),style:{width:`${h}%`}})}),(0,g.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,g.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.reorderAtLabel,`: `,(0,g.jsx)(r.s,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:c})]}),!!u&&(0,g.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.lastRestockedLabel,`: `,u]})]})]})]})}T.displayName=`InventoryLevelCard`;var E={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},D=(0,h.forwardRef)(function({items:i,defaultOpen:a=!0,open:s,onOpenChange:c,onAdd:l,onDelete:u,onCopy:f,title:p,className:m,strings:v},y){let b=e.useStrings(E,v),x=s!==void 0,[S,C]=(0,h.useState)(a),w=x?s:S,T=(0,h.useCallback)(e=>{x||C(e),c?.(e)},[x,c]);return(0,g.jsx)(o.t,{ref:y,className:t.cn(`api-key-list--component`,m),children:(0,g.jsxs)(d.h,{open:w,onOpenChange:T,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(d._,{asChild:!0,children:(0,g.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,g.jsx)(_.ChevronRight,{"aria-hidden":`true`,className:t.cn(`size-4 text-muted-foreground transition-transform`,w&&`rotate-90`)}),(0,g.jsx)(r.s,{tag:`span`,weight:`semibold`,children:p??b.title})]})}),!!l&&(0,g.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:l,"aria-label":b.addAria,children:(0,g.jsx)(_.Plus,{className:`size-4`})})]}),(0,g.jsx)(d.g,{className:`pt-3`,children:i.length===0?(0,g.jsx)(r.s,{type:`secondary`,children:b.emptyMessage}):(0,g.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:i.map(e=>(0,g.jsx)(O,{item:e,onDelete:u,onCopy:f,copyMenuLabel:b.copyMenuItem,copiedMenuLabel:b.copiedMenuItem,deleteMenuLabel:b.deleteMenuItem,rowMenuAria:b.rowMenuAria,copyToastSuccess:b.copyToastSuccess,copyToastError:b.copyToastError},e.id))})})]})})});D.displayName=`ApiKeyList`;function O({item:e,onDelete:t,onCopy:n,copyMenuLabel:a,copiedMenuLabel:o,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:u}){let[d,f]=(0,h.useState)(!1),y=(0,h.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),f(!0),setTimeout(()=>f(!1),1500),v.toast.success(l),n?.(e.id,e)}catch{v.toast.error(u)}},[e,n,l,u]),b=e.displayValue??e.value;return(0,g.jsxs)(p.t,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,g.jsx)(p.c,{variant:`icon`,children:(0,g.jsx)(i.t,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,g.jsx)(_.Lock,{className:`size-3.5`})})}),(0,g.jsxs)(p.r,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,g.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,g.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:b})]}),(0,g.jsx)(p.n,{className:`shrink-0`,children:(0,g.jsxs)(m.t,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,g.jsx)(m.n,{label:d?o:a,icon:_.Copy,onClick:()=>{y()},disabled:e.disabled}),!!t&&(0,g.jsx)(m.n,{label:s,icon:_.Trash2,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}O.displayName=`ApiKeyRow`;function k(e,t){if(!e)return null;let{label:r,icon:i,variant:a=t,...o}=e;return(0,g.jsxs)(n.t,{...o,variant:a,children:[!!i&&(0,g.jsx)(i,{className:`size-4`}),r]})}function A({icon:e,title:n,description:r,primaryAction:a,secondaryAction:o,actions:s,disabled:c=!1,className:l}){return(0,g.jsxs)(p.t,{"data-component":`action-row`,"data-slot":`action-row`,className:t.cn(`action-row--component`,c&&`opacity-60`,l),children:[!!e&&(0,g.jsx)(p.c,{variant:`icon`,children:(0,g.jsx)(i.t,{icon:e,tone:`muted`,shape:`square`,size:`default`})}),(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:n}),!!r&&(0,g.jsx)(p.i,{children:r})]}),(0,g.jsx)(p.n,{className:`flex-wrap justify-end`,children:s??(0,g.jsxs)(g.Fragment,{children:[k(o,`secondary`),k(a,`primary`)]})})]})}function j({title:e,description:n,actions:r,children:i,rows:a,padding:s=`default`,surface:c=`card`,className:l,contentClassName:u}){return(0,g.jsxs)(o.t,{"data-component":`action-list`,"data-slot":`action-list`,title:e,description:n,headerAction:r,padding:s,surface:c,className:t.cn(`action-list--component`,l),contentClassName:t.cn(`action-list--content grid gap-2`,u),children:[a?.map((e,t)=>(0,g.jsx)(A,{...e},t)),i]})}function M({title:e,description:n,confirmation:a,action:c,icon:l=_.ShieldAlert,padding:u=`default`,surface:d=`card`,className:f}){return(0,g.jsxs)(o.t,{"data-component":`sensitive-action-card`,"data-slot":`sensitive-action-card`,padding:u,surface:d,className:t.cn(`sensitive-action-card--component border-destructive/30`,f),contentClassName:`sensitive-action-card--content grid gap-3`,children:[(0,g.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,g.jsx)(i.t,{icon:l,tone:`destructive`,shape:`square`,size:`default`}),(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(r.s,{weight:`semibold`,children:e}),!!n&&(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n})]}),!!c&&(0,g.jsx)(`div`,{className:`shrink-0`,children:c})]}),!!a&&(0,g.jsx)(s.t,{variant:`destructive`,role:`note`,className:`sensitive-action-card--confirmation`,children:(0,g.jsx)(s.r,{children:a})})]})}var N={title:`Secret created`,description:`Copy this value now. It may not be shown again.`,copySuccess:`Secret copied`};function P({value:n,displayValue:r,title:i,description:a,action:o,className:c,strings:l}){let u=e.useStrings(N,l);return(0,g.jsxs)(s.t,{"data-component":`copyable-secret-alert`,"data-slot":`copyable-secret-alert`,variant:`success`,className:t.cn(`copyable-secret-alert--component`,c),children:[(0,g.jsx)(_.KeyRound,{className:`size-4`}),(0,g.jsx)(s.i,{children:i??u.title}),(0,g.jsx)(s.r,{children:(0,g.jsxs)(`span`,{className:`grid gap-2`,children:[(0,g.jsx)(`span`,{children:a??u.description}),(0,g.jsx)(f.t,{value:n,displayValue:r??n,mono:!0,truncate:!0,className:`copyable-secret-alert--value max-w-full rounded-md bg-background px-2 py-1`,successMessage:u.copySuccess})]})}),!!o&&(0,g.jsx)(s.n,{children:o})]})}var F={title:`API tokens`,description:`Create and revoke access tokens.`,nameLabel:`Token name`,namePlaceholder:`Production deploy key`,abilitiesLabel:`Abilities`,create:`Create token`,revokeAll:`Revoke all`,createdTitle:`Token created`,createdDescription:`Copy this token now. It will not be shown again.`};function I({tokens:i,abilities:a=[],createdToken:s,name:u,defaultName:f=``,onNameChange:p,selectedAbilities:m,defaultSelectedAbilities:v=[],onSelectedAbilitiesChange:y,onCreateToken:b,onRevokeToken:x,onRevokeAllTokens:S,onAfterMutate:C,onError:w,isCreating:T=!1,isRevokingAll:E=!1,disabled:O=!1,className:k,strings:A}){let j=e.useStrings(F,A),M=u!==void 0,N=m!==void 0,[I,L]=(0,h.useState)(f),[R,z]=(0,h.useState)([...v]),[B,V]=(0,h.useState)(null),H=M?u:I,U=(0,h.useMemo)(()=>N?[...m]:R,[R,N,m]),W=T||B===`create`,G=E||B===`revoke-all`,K=(0,h.useCallback)(e=>{M||L(e),p?.(e)},[M,p]),q=(0,h.useCallback)(e=>{N||z(e),y?.(e)},[N,y]),J=(0,h.useCallback)((e,t)=>{q(t===!0?Array.from(new Set([...U,e])):U.filter(t=>t!==e))},[U,q]),Y=(0,h.useCallback)(async(e,t,n)=>{V(e);try{await t(),C?.({type:e,payload:n})}catch(t){w?.(t,{phase:e})}finally{V(null)}},[C,w]),X=(0,h.useCallback)(()=>{if(!b)return;let e={name:H,abilities:U};Y(`create`,()=>b(e),e)},[b,U,H,Y]),Z=(0,h.useCallback)((e,t)=>{x&&Y(`revoke`,()=>x(e,t),t)},[x,Y]),Q=(0,h.useCallback)(()=>{S&&Y(`revoke-all`,S)},[S,Y]);return(0,g.jsxs)(o.t,{"data-component":`api-token-manager`,"data-slot":`api-token-manager`,title:j.title,description:j.description,headerAction:S?(0,g.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`outline`,loading:G,disabled:O||i.length===0,onClick:Q,children:[(0,g.jsx)(_.Trash2,{className:`size-4`}),j.revokeAll]}):void 0,className:t.cn(`api-token-manager--component`,k),contentClassName:`api-token-manager--content grid gap-4`,children:[!!s&&(0,g.jsx)(P,{value:s.value,displayValue:s.displayValue,title:s.name??j.createdTitle,description:j.createdDescription}),(0,g.jsxs)(`div`,{className:`api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3`,children:[(0,g.jsx)(d.D,{label:j.nameLabel,children:(0,g.jsx)(c.t,{value:H,placeholder:j.namePlaceholder,onChange:e=>K(e.currentTarget.value),disabled:O||W})}),a.length>0&&(0,g.jsxs)(`div`,{className:`api-token-manager--abilities grid gap-2`,children:[(0,g.jsx)(r.s,{size:`xs`,weight:`semibold`,children:j.abilitiesLabel}),(0,g.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:a.map(e=>(0,g.jsxs)(`label`,{className:`flex min-w-0 items-start gap-2 rounded-md border border-border/70 bg-background px-3 py-2`,children:[(0,g.jsx)(l.t,{checked:U.includes(e.id),disabled:O||W||e.disabled,onCheckedChange:t=>J(e.id,t)}),(0,g.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,g.jsx)(r.s,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,g.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:e.description})]})]},e.id))})]}),(0,g.jsx)(`div`,{className:`flex justify-end`,children:(0,g.jsxs)(n.t,{type:`button`,variant:`primary`,loading:W,disabled:O||!b||H.trim().length===0,onClick:X,children:[(0,g.jsx)(_.Plus,{className:`size-4`}),j.create]})})]}),(0,g.jsx)(D,{items:i,onDelete:x?Z:void 0})]})}I.displayName=`ApiTokenManager`,exports.ActionList=j,exports.ActionRow=A,exports.ApiKeyList=D,exports.ApiTokenManager=I,exports.CopyableSecretAlert=P,exports.InventoryLevelCard=T,exports.RecentConversationRow=C,exports.RolePermissionCard=S,exports.SensitiveActionCard=M,exports.SettingsToggleRow=w,exports.TeamMemberRow=y,exports.defaultApiKeyListStrings=E,exports.defaultApiTokenManagerStrings=F,exports.defaultCopyableSecretAlertStrings=N;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/cards-GSYfJ-oX.cjs"),s=require("../../../_shared/alert-V0V36Sny.cjs"),c=require("../../../_shared/input-CB6hxh-5.cjs"),l=require("../../../_shared/checkbox-ECGg8wjW.cjs"),u=require("../../../_shared/forms-CEE1te78.cjs"),d=require("../../../_shared/display-Bin2vVex.cjs"),f=require("../../../_shared/copyable-rQwxsTJ3.cjs"),p=require("../../../_shared/item-eUP9Rtmg.cjs"),m=require("../../../_shared/action-menu-B6yFRDz1.cjs");let h=require("react"),g=require("react/jsx-runtime"),_=require("lucide-react"),v=require("sonner");function y({members:e,className:n}){return(0,g.jsx)(p.o,{className:t.cn(`team-member--component`,n),children:e.map(e=>(0,g.jsxs)(p.t,{children:[(0,g.jsx)(p.c,{children:(0,g.jsx)(i.t,{tone:`primary`,solid:!0,size:`default`,children:(0,g.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:e.name}),(0,g.jsx)(p.i,{clamp:1,children:e.role})]}),(0,g.jsxs)(p.n,{children:[(0,g.jsx)(a.t,{variant:`secondary`,children:e.dept}),(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}y.displayName=`TeamMemberRow`;var b={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},x={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function S({roleName:i,description:s,memberCount:c,sections:l,onEdit:u,className:d,strings:f}){let p=e.useStrings(x,f);return(0,g.jsxs)(o.t,{title:i,description:s,headerEnd:c!==void 0&&(0,g.jsx)(a.t,{variant:`info`,children:p.formatMemberCount(c)}),className:t.cn(`role-permission--component`,d),children:[(0,g.jsx)(`div`,{className:`mt-5 space-y-4`,children:l.map(e=>(0,g.jsxs)(`div`,{children:[(0,g.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,g.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,g.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,g.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,g.jsx)(r.s,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!u&&(0,g.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:_.Pencil,className:`mt-5`,onClick:u,children:p.editRole})]})}S.displayName=`RolePermissionCard`;function C({conversations:e,className:n}){return(0,g.jsx)(p.o,{className:t.cn(`conversation-row--component`,n),children:e.map(e=>(0,g.jsxs)(p.t,{className:`cursor-pointer`,children:[(0,g.jsx)(p.c,{children:(0,g.jsx)(i.t,{tone:`primary`,size:`default`,children:(0,g.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,g.jsxs)(p.r,{children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,g.jsx)(p.u,{children:e.name}),(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,g.jsx)(p.i,{clamp:1,children:e.preview})]}),!!e.unread&&(0,g.jsx)(p.n,{children:(0,g.jsx)(i.t,{tone:`primary`,solid:!0,size:`small`,children:(0,g.jsx)(r.s,{size:`xxs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}C.displayName=`RecentConversationRow`;function w({settings:e,values:n,onChange:r,className:i}){let[a,s]=(0,h.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),c=r!==void 0,l=c&&n?n:a,d=(e,t)=>{c&&r?r(e,t):s(n=>({...n,[e]:t}))};return(0,g.jsx)(o.t,{className:t.cn(`settings-toggle--component`,i),children:(0,g.jsx)(p.o,{children:e.map(e=>{let t=e.icon,n=l[e.key]??!1;return(0,g.jsxs)(p.t,{children:[(0,g.jsx)(p.c,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,g.jsx)(t,{})}),(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:e.name}),(0,g.jsx)(p.i,{children:e.desc})]}),(0,g.jsx)(p.n,{children:(0,g.jsx)(u.J,{"aria-label":e.name,checked:n,onCheckedChange:t=>d(e.key,t)})})]},e.key)})})})}w.displayName=`SettingsToggleRow`;function T({productName:n,variant:i,stock:s,reorderLevel:c,maxStock:l,lastRestocked:u,className:d,strings:f}){let m=e.useStrings(b,f),h=Math.round(s/l*100),_=s<=c,v=s<=c*.5,y=v?`error`:_?`warning`:`success`,x=v?m.statusCritical:_?m.statusLowStock:m.statusInStock;return(0,g.jsxs)(o.t,{className:t.cn(`inventory-level--component`,d),children:[(0,g.jsxs)(p.t,{size:`small`,children:[(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:n}),!!i&&(0,g.jsxs)(p.i,{clamp:1,children:[m.variantLabel,`: `,i]})]}),(0,g.jsx)(p.n,{children:(0,g.jsx)(a.t,{variant:y,children:x})})]}),(0,g.jsx)(r.s,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:s}),(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,children:m.unitsAvailable}),(0,g.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,g.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,g.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all`,v?`bg-destructive`:_?`bg-warning`:`bg-success`),style:{width:`${h}%`}})}),(0,g.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,g.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.reorderAtLabel,`: `,(0,g.jsx)(r.s,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:c})]}),!!u&&(0,g.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.lastRestockedLabel,`: `,u]})]})]})]})}T.displayName=`InventoryLevelCard`;var E={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},D=(0,h.forwardRef)(function({items:i,defaultOpen:a=!0,open:s,onOpenChange:c,onAdd:l,onDelete:u,onCopy:f,title:p,className:m,strings:v},y){let b=e.useStrings(E,v),x=s!==void 0,[S,C]=(0,h.useState)(a),w=x?s:S,T=(0,h.useCallback)(e=>{x||C(e),c?.(e)},[x,c]);return(0,g.jsx)(o.t,{ref:y,className:t.cn(`api-key-list--component`,m),children:(0,g.jsxs)(d.h,{open:w,onOpenChange:T,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(d._,{asChild:!0,children:(0,g.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,g.jsx)(_.ChevronRight,{"aria-hidden":`true`,className:t.cn(`size-4 text-muted-foreground transition-transform`,w&&`rotate-90`)}),(0,g.jsx)(r.s,{tag:`span`,weight:`semibold`,children:p??b.title})]})}),!!l&&(0,g.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:l,"aria-label":b.addAria,children:(0,g.jsx)(_.Plus,{className:`size-4`})})]}),(0,g.jsx)(d.g,{className:`pt-3`,children:i.length===0?(0,g.jsx)(r.s,{type:`secondary`,children:b.emptyMessage}):(0,g.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:i.map(e=>(0,g.jsx)(O,{item:e,onDelete:u,onCopy:f,copyMenuLabel:b.copyMenuItem,copiedMenuLabel:b.copiedMenuItem,deleteMenuLabel:b.deleteMenuItem,rowMenuAria:b.rowMenuAria,copyToastSuccess:b.copyToastSuccess,copyToastError:b.copyToastError},e.id))})})]})})});D.displayName=`ApiKeyList`;function O({item:e,onDelete:t,onCopy:n,copyMenuLabel:a,copiedMenuLabel:o,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:u}){let[d,f]=(0,h.useState)(!1),y=(0,h.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),f(!0),setTimeout(()=>f(!1),1500),v.toast.success(l),n?.(e.id,e)}catch{v.toast.error(u)}},[e,n,l,u]),b=e.displayValue??e.value;return(0,g.jsxs)(p.t,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,g.jsx)(p.c,{variant:`icon`,children:(0,g.jsx)(i.t,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,g.jsx)(_.Lock,{className:`size-3.5`})})}),(0,g.jsxs)(p.r,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,g.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,g.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:b})]}),(0,g.jsx)(p.n,{className:`shrink-0`,children:(0,g.jsxs)(m.t,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,g.jsx)(m.n,{label:d?o:a,icon:_.Copy,onClick:()=>{y()},disabled:e.disabled}),!!t&&(0,g.jsx)(m.n,{label:s,icon:_.Trash2,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}O.displayName=`ApiKeyRow`;function k(e,t){if(!e)return null;let{label:r,icon:i,variant:a=t,...o}=e;return(0,g.jsxs)(n.t,{...o,variant:a,children:[!!i&&(0,g.jsx)(i,{className:`size-4`}),r]})}function A({icon:e,title:n,description:r,primaryAction:a,secondaryAction:o,actions:s,disabled:c=!1,className:l}){return(0,g.jsxs)(p.t,{"data-component":`action-row`,"data-slot":`action-row`,className:t.cn(`action-row--component`,c&&`opacity-60`,l),children:[!!e&&(0,g.jsx)(p.c,{variant:`icon`,children:(0,g.jsx)(i.t,{icon:e,tone:`muted`,shape:`square`,size:`default`})}),(0,g.jsxs)(p.r,{children:[(0,g.jsx)(p.u,{children:n}),!!r&&(0,g.jsx)(p.i,{children:r})]}),(0,g.jsx)(p.n,{className:`flex-wrap justify-end`,children:s??(0,g.jsxs)(g.Fragment,{children:[k(o,`secondary`),k(a,`primary`)]})})]})}function j({title:e,description:n,actions:r,children:i,rows:a,padding:s=`default`,surface:c=`card`,className:l,contentClassName:u}){return(0,g.jsxs)(o.t,{"data-component":`action-list`,"data-slot":`action-list`,title:e,description:n,headerAction:r,padding:s,surface:c,className:t.cn(`action-list--component`,l),contentClassName:t.cn(`action-list--content grid gap-2`,u),children:[a?.map((e,t)=>(0,g.jsx)(A,{...e},t)),i]})}function M({title:e,description:n,confirmation:a,action:c,icon:l=_.ShieldAlert,padding:u=`default`,surface:d=`card`,className:f}){return(0,g.jsxs)(o.t,{"data-component":`sensitive-action-card`,"data-slot":`sensitive-action-card`,padding:u,surface:d,className:t.cn(`sensitive-action-card--component border-destructive/30`,f),contentClassName:`sensitive-action-card--content grid gap-3`,children:[(0,g.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,g.jsx)(i.t,{icon:l,tone:`destructive`,shape:`square`,size:`default`}),(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(r.s,{weight:`semibold`,children:e}),!!n&&(0,g.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n})]}),!!c&&(0,g.jsx)(`div`,{className:`shrink-0`,children:c})]}),!!a&&(0,g.jsx)(s.t,{variant:`destructive`,role:`note`,className:`sensitive-action-card--confirmation`,children:(0,g.jsx)(s.r,{children:a})})]})}var N={title:`Secret created`,description:`Copy this value now. It may not be shown again.`,copySuccess:`Secret copied`};function P({value:n,displayValue:r,title:i,description:a,action:o,className:c,strings:l}){let u=e.useStrings(N,l);return(0,g.jsxs)(s.t,{"data-component":`copyable-secret-alert`,"data-slot":`copyable-secret-alert`,variant:`success`,className:t.cn(`copyable-secret-alert--component`,c),children:[(0,g.jsx)(_.KeyRound,{className:`size-4`}),(0,g.jsx)(s.i,{children:i??u.title}),(0,g.jsx)(s.r,{children:(0,g.jsxs)(`span`,{className:`grid gap-2`,children:[(0,g.jsx)(`span`,{children:a??u.description}),(0,g.jsx)(f.t,{value:n,displayValue:r??n,mono:!0,truncate:!0,className:`copyable-secret-alert--value max-w-full rounded-md bg-background px-2 py-1`,successMessage:u.copySuccess})]})}),!!o&&(0,g.jsx)(s.n,{children:o})]})}var F={title:`API tokens`,description:`Create and revoke access tokens.`,nameLabel:`Token name`,namePlaceholder:`Production deploy key`,abilitiesLabel:`Abilities`,create:`Create token`,revokeAll:`Revoke all`,createdTitle:`Token created`,createdDescription:`Copy this token now. It will not be shown again.`};function I({tokens:i,abilities:a=[],createdToken:s,name:u,defaultName:f=``,onNameChange:p,selectedAbilities:m,defaultSelectedAbilities:v=[],onSelectedAbilitiesChange:y,onCreateToken:b,onRevokeToken:x,onRevokeAllTokens:S,onAfterMutate:C,onError:w,isCreating:T=!1,isRevokingAll:E=!1,disabled:O=!1,className:k,strings:A}){let j=e.useStrings(F,A),M=u!==void 0,N=m!==void 0,[I,L]=(0,h.useState)(f),[R,z]=(0,h.useState)([...v]),[B,V]=(0,h.useState)(null),H=M?u:I,U=(0,h.useMemo)(()=>N?[...m]:R,[R,N,m]),W=T||B===`create`,G=E||B===`revoke-all`,K=(0,h.useCallback)(e=>{M||L(e),p?.(e)},[M,p]),q=(0,h.useCallback)(e=>{N||z(e),y?.(e)},[N,y]),J=(0,h.useCallback)((e,t)=>{q(t===!0?Array.from(new Set([...U,e])):U.filter(t=>t!==e))},[U,q]),Y=(0,h.useCallback)(async(e,t,n)=>{V(e);try{await t(),C?.({type:e,payload:n})}catch(t){w?.(t,{phase:e})}finally{V(null)}},[C,w]),X=(0,h.useCallback)(()=>{if(!b)return;let e={name:H,abilities:U};Y(`create`,()=>b(e),e)},[b,U,H,Y]),Z=(0,h.useCallback)((e,t)=>{x&&Y(`revoke`,()=>x(e,t),t)},[x,Y]),Q=(0,h.useCallback)(()=>{S&&Y(`revoke-all`,S)},[S,Y]);return(0,g.jsxs)(o.t,{"data-component":`api-token-manager`,"data-slot":`api-token-manager`,title:j.title,description:j.description,headerAction:S?(0,g.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`outline`,loading:G,disabled:O||i.length===0,onClick:Q,children:[(0,g.jsx)(_.Trash2,{className:`size-4`}),j.revokeAll]}):void 0,className:t.cn(`api-token-manager--component`,k),contentClassName:`api-token-manager--content grid gap-4`,children:[!!s&&(0,g.jsx)(P,{value:s.value,displayValue:s.displayValue,title:s.name??j.createdTitle,description:j.createdDescription}),(0,g.jsxs)(`div`,{className:`api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3`,children:[(0,g.jsx)(d.D,{label:j.nameLabel,children:(0,g.jsx)(c.t,{value:H,placeholder:j.namePlaceholder,onChange:e=>K(e.currentTarget.value),disabled:O||W})}),a.length>0&&(0,g.jsxs)(`div`,{className:`api-token-manager--abilities grid gap-2`,children:[(0,g.jsx)(r.s,{size:`xs`,weight:`semibold`,children:j.abilitiesLabel}),(0,g.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:a.map(e=>(0,g.jsxs)(`label`,{className:`flex min-w-0 items-start gap-2 rounded-md border border-border/70 bg-background px-3 py-2`,children:[(0,g.jsx)(l.t,{checked:U.includes(e.id),disabled:O||W||e.disabled,onCheckedChange:t=>J(e.id,t)}),(0,g.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,g.jsx)(r.s,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,g.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:e.description})]})]},e.id))})]}),(0,g.jsx)(`div`,{className:`flex justify-end`,children:(0,g.jsxs)(n.t,{type:`button`,variant:`primary`,loading:W,disabled:O||!b||H.trim().length===0,onClick:X,children:[(0,g.jsx)(_.Plus,{className:`size-4`}),j.create]})})]}),(0,g.jsx)(D,{items:i,onDelete:x?Z:void 0})]})}I.displayName=`ApiTokenManager`,exports.ActionList=j,exports.ActionRow=A,exports.ApiKeyList=D,exports.ApiTokenManager=I,exports.CopyableSecretAlert=P,exports.InventoryLevelCard=T,exports.RecentConversationRow=C,exports.RolePermissionCard=S,exports.SensitiveActionCard=M,exports.SettingsToggleRow=w,exports.TeamMemberRow=y,exports.defaultApiKeyListStrings=E,exports.defaultApiTokenManagerStrings=F,exports.defaultCopyableSecretAlertStrings=N;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/admin/index.js

@@ -4,11 +4,11 @@ import { t as n } from "../../../_shared/button-DHksjMvc.js";
 import { s as r } from "../../../_shared/typography-DE0NGEIE.js";
 import { t as i } from "../../../_shared/icon-badge-dZQPvuas.js";
 import { t as a } from "../../../_shared/badge-a2Z3K5aQ.js";
-import { t as o } from "../../../_shared/cards-RZxRLx3f.js";
+import { t as o } from "../../../_shared/cards-C1ythc0Q.js";
 import { i as s, n as c, r as l, t as u } from "../../../_shared/alert-m-4s0Hqq.js";
 import { t as d } from "../../../_shared/input-CfnHBT--.js";
 import { t as f } from "../../../_shared/checkbox-Cbh5x6ad.js";
-import { J as p } from "../../../_shared/forms-BoquZE2Y.js";
+import { J as p } from "../../../_shared/forms-CQoGvG7q.js";
 import { D as m, _ as h, g, h as _ } from "../../../_shared/display-B0wLVN8t.js";
 import { t as v } from "../../../_shared/copyable-Dopk9pEJ.js";
 import { c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../../../_shared/item-Xs-fgzaT.js";