admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/_shared/typography-Bzsl7aTu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-Bzsl7aTu.cjs","names":[],"sources":["../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` as a styling hook for targeting labels\n * within a surface. Pair with form fields and any `peer` input pattern; the\n * built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` as a styling hook.\n */\nimport type { AnchorHTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: 'text-inherit',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n\tinverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> {\n\ttype?: keyof typeof types;\n\tsize?: keyof typeof sizes;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tweight?: keyof typeof weights;\n\tclassName?: string;\n\tunderline?: boolean;\n}\n\nfunction TextLink({\n\ttype = 'main',\n\tsize = 'sm',\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tunderline = true,\n\tchildren,\n\t...linkProps\n}: TextLinkProps) {\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tunderline &&\n\t\t\t'underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500',\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<a className={textClassnames} data-typography=\"link\" {...linkProps}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n","import type { ParamHTMLAttributes } from 'react';\n\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nexport type Variants = 'primary' | 'success' | 'warning' | 'error';\n\nexport interface IVariant {\n\tvariant?: Variants;\n\tcontent: string;\n}\n\nconst highlightTypes = {\n\tprimary: 'bg-primary/10 text-primary ring-primary/20',\n\tsuccess: 'bg-success/10 text-success ring-success/20',\n\terror: 'bg-destructive/10 text-destructive ring-destructive/20',\n\twarning: 'bg-warning/20 text-warning-foreground ring-warning/30 dark:text-warning',\n};\n\nconst underlineTypes = {\n\tprimary: 'decoration-primary',\n\tsuccess: 'decoration-success',\n\terror: 'decoration-destructive',\n\twarning: 'decoration-warning',\n};\n\nexport function HighLight({ content, variant = 'primary' }: IVariant) {\n\tconst highlightClassNames = cn('rounded-sm px-1.5 py-0.5 ring-1 ring-inset', highlightTypes[variant]);\n\treturn <span className={highlightClassNames}>{content}</span>;\n};\n\nexport function Underline({ content, variant = 'primary' }: IVariant) {\n\tconst underlineClassNames = cn(\n\t\t'underline underline-offset-4 decoration-2',\n\t\tunderlineTypes[variant],\n\t);\n\treturn <span className={underlineClassNames}>{content}</span>;\n};\n\nexport function DangerousHTML({ children, ...props }: ParamHTMLAttributes<HTMLParagraphElement>) {\n\tconst sanitized = sanitizeHtml(typeof children === 'string' ? children : '');\n\treturn (\n\t\t<p\n\t\t\tclassName=\"__html_content\"\n\t\t\tdangerouslySetInnerHTML={{ __html: sanitized }}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":"mJAWA,IAAM,EAAkD,CACvD,GAAI,UACJ,GAAI,UACJ,KAAM,WACP,EAEA,SAAS,EACR,EACA,EACgB,CAChB,OAAO,GAAY,GAAoB,IACxC,CAQA,SAAS,EAAM,CAAE,UAAS,YAAY,GAAI,WAAU,KAAM,EAAU,GAAG,GAAqB,CAC3F,GAAM,CAAE,oBAAqB,EAAA,EAAe,EACtC,EAAO,EAAiB,EAAU,CAAgB,EAExD,OACC,EAAA,EAAA,KAAC,QAAD,CACC,GAAI,EACJ,kBAAgB,QAChB,UAAW,EAAA,GACV,qFACA,EAAiB,GACjB,CACD,WAEC,GAAY,CACP,CAAA,CAET,CAEA,EAAM,YAAc,QCxCpB,IAAM,EAAQ,CACb,QAAS,eACT,GAAI,UACJ,GAAI,UACJ,KAAM,YACN,GAAI,UACJ,GAAI,SACL,EAEM,EAAQ,CACb,KAAM,kBACN,QAAS,kBACT,UAAW,wBACX,SAAU,wBACV,MAAO,mBACP,QAAS,eACT,QAAS,cACV,EAEM,EAAc,CACnB,OAAQ,iBACR,QAAS,kBACT,MAAO,gBACP,MAAO,gBACP,KAAM,eACN,KAAM,cACP,EAEM,EAAU,CACf,QAAS,cACT,OAAQ,cACR,SAAU,gBACV,KAAM,WACP,EAEM,EAAY,CAAE,OAAQ,cAAe,MAAO,aAAc,KAAM,WAAY,EAYlF,SAAS,EAAS,CACjB,OAAO,OACP,OAAO,KACP,QAAQ,OACR,aAAa,SACb,SAAS,UACT,YAAY,GACZ,YAAY,GACZ,WACA,GAAG,GACc,CAYjB,OACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAZmB,EAAA,GACtB,EAAM,GACN,EAAM,GACN,EAAU,GACV,EAAY,GACZ,EAAQ,GACR,GACC,oJACD,CAIc,EAAgB,kBAAgB,OAAO,GAAI,EACvD,UACC,CAAA,CAEL,CAEA,EAAS,YAAc,WCzEvB,IAAM,EAAiB,CACtB,QAAS,6CACT,QAAS,6CACT,MAAO,yDACP,QAAS,yEACV,EAEM,EAAiB,CACtB,QAAS,qBACT,QAAS,qBACT,MAAO,yBACP,QAAS,oBACV,EAEA,SAAgB,EAAU,CAAE,UAAS,UAAU,WAAuB,CAErE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UADe,EAAA,GAAG,6CAA8C,EAAe,EACpE,WAAsB,CAAc,CAAA,CAC7D,CAEA,SAAgB,EAAU,CAAE,UAAS,UAAU,WAAuB,CAKrE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAJe,EAAA,GAC3B,4CACA,EAAe,EAEQ,WAAsB,CAAc,CAAA,CAC7D,CAEA,SAAgB,EAAc,CAAE,WAAU,GAAG,GAAoD,CAEhG,OACC,EAAA,EAAA,KAAC,IAAD,CACC,UAAU,iBACV,wBAAyB,CAAE,OAJX,EAAA,EAAa,OAAO,GAAa,SAAW,EAAW,EAIpC,CAAU,EAC7C,GAAI,CACJ,CAAA,CAEH"}

package/dist/_shared/typography-CdxyWB1T.js

@@ -0,0 +1,102 @@
+import { s as e } from "./ui-provider-C8Ot88lS.js";
+import { cn as t } from "../lib/utils.js";
+import { r as n } from "./heading-HeP06nXG.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/typography/label.tsx
+var i = {
+	xs: "text-xs",
+	sm: "text-sm",
+	base: "text-base"
+};
+function a(e, t) {
+	return e ?? t ?? "sm";
+}
+function o({ content: n, className: o = "", children: s, size: c, ...l }) {
+	let { defaultLabelSize: u } = e(), d = a(c, u);
+	return /* @__PURE__ */ r("label", {
+		...l,
+		"data-typography": "label",
+		className: t("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", i[d], o),
+		children: s || n
+	});
+}
+o.displayName = "Label";
+//#endregion
+//#region src/components/typography/text-link.tsx
+var s = {
+	inherit: "text-inherit",
+	sm: "text-sm",
+	xs: "text-xs",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, c = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, l = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, u = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, d = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function f({ type: e = "main", size: n = "sm", align: i = "left", lineHeight: a = "normal", weight: o = "regular", className: f = "", underline: p = !0, children: m, ...h }) {
+	return /* @__PURE__ */ r("a", {
+		className: t(c[e], s[n], d[i], l[a], u[o], p && "underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500", f),
+		"data-typography": "link",
+		...h,
+		children: m
+	});
+}
+f.displayName = "TextLink";
+//#endregion
+//#region src/components/typography/typography.tsx
+var p = {
+	primary: "bg-primary/10 text-primary ring-primary/20",
+	success: "bg-success/10 text-success ring-success/20",
+	error: "bg-destructive/10 text-destructive ring-destructive/20",
+	warning: "bg-warning/20 text-warning-foreground ring-warning/30 dark:text-warning"
+}, m = {
+	primary: "decoration-primary",
+	success: "decoration-success",
+	error: "decoration-destructive",
+	warning: "decoration-warning"
+};
+function h({ content: e, variant: n = "primary" }) {
+	return /* @__PURE__ */ r("span", {
+		className: t("rounded-sm px-1.5 py-0.5 ring-1 ring-inset", p[n]),
+		children: e
+	});
+}
+function g({ content: e, variant: n = "primary" }) {
+	return /* @__PURE__ */ r("span", {
+		className: t("underline underline-offset-4 decoration-2", m[n]),
+		children: e
+	});
+}
+function _({ children: e, ...t }) {
+	return /* @__PURE__ */ r("p", {
+		className: "__html_content",
+		dangerouslySetInnerHTML: { __html: n(typeof e == "string" ? e : "") },
+		...t
+	});
+}
+//#endregion
+export { o as a, f as i, h as n, g as r, _ as t };
+
+//# sourceMappingURL=typography-CdxyWB1T.js.map

package/dist/_shared/typography-CdxyWB1T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CdxyWB1T.js","names":[],"sources":["../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` as a styling hook for targeting labels\n * within a surface. Pair with form fields and any `peer` input pattern; the\n * built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` as a styling hook.\n */\nimport type { AnchorHTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: 'text-inherit',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n\tinverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> {\n\ttype?: keyof typeof types;\n\tsize?: keyof typeof sizes;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tweight?: keyof typeof weights;\n\tclassName?: string;\n\tunderline?: boolean;\n}\n\nfunction TextLink({\n\ttype = 'main',\n\tsize = 'sm',\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tunderline = true,\n\tchildren,\n\t...linkProps\n}: TextLinkProps) {\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tunderline &&\n\t\t\t'underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500',\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<a className={textClassnames} data-typography=\"link\" {...linkProps}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\nTextLink.displayName = 'TextLink';\n\nexport default TextLink;\n","import type { ParamHTMLAttributes } from 'react';\n\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nexport type Variants = 'primary' | 'success' | 'warning' | 'error';\n\nexport interface IVariant {\n\tvariant?: Variants;\n\tcontent: string;\n}\n\nconst highlightTypes = {\n\tprimary: 'bg-primary/10 text-primary ring-primary/20',\n\tsuccess: 'bg-success/10 text-success ring-success/20',\n\terror: 'bg-destructive/10 text-destructive ring-destructive/20',\n\twarning: 'bg-warning/20 text-warning-foreground ring-warning/30 dark:text-warning',\n};\n\nconst underlineTypes = {\n\tprimary: 'decoration-primary',\n\tsuccess: 'decoration-success',\n\terror: 'decoration-destructive',\n\twarning: 'decoration-warning',\n};\n\nexport function HighLight({ content, variant = 'primary' }: IVariant) {\n\tconst highlightClassNames = cn('rounded-sm px-1.5 py-0.5 ring-1 ring-inset', highlightTypes[variant]);\n\treturn <span className={highlightClassNames}>{content}</span>;\n};\n\nexport function Underline({ content, variant = 'primary' }: IVariant) {\n\tconst underlineClassNames = cn(\n\t\t'underline underline-offset-4 decoration-2',\n\t\tunderlineTypes[variant],\n\t);\n\treturn <span className={underlineClassNames}>{content}</span>;\n};\n\nexport function DangerousHTML({ children, ...props }: ParamHTMLAttributes<HTMLParagraphElement>) {\n\tconst sanitized = sanitizeHtml(typeof children === 'string' ? children : '');\n\treturn (\n\t\t<p\n\t\t\tclassName=\"__html_content\"\n\t\t\tdangerouslySetInnerHTML={{ __html: sanitized }}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAkD;CACvD,IAAI;CACJ,IAAI;CACJ,MAAM;AACP;AAEA,SAAS,EACR,GACA,GACgB;CAChB,OAAO,KAAY,KAAoB;AACxC;AAQA,SAAS,EAAM,EAAE,YAAS,eAAY,IAAI,aAAU,MAAM,GAAU,GAAG,KAAqB;CAC3F,IAAM,EAAE,wBAAqB,EAAe,GACtC,IAAO,EAAiB,GAAU,CAAgB;CAExD,OACC,kBAAC,SAAD;EACC,GAAI;EACJ,mBAAgB;EAChB,WAAW,EACV,sFACA,EAAiB,IACjB,CACD;YAEC,KAAY;CACP,CAAA;AAET;AAEA,EAAM,cAAc;;;ACxCpB,IAAM,IAAQ;CACb,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;AACL,GAEM,IAAQ;CACb,MAAM;CACN,SAAS;CACT,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;AACV,GAEM,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;AACP,GAEM,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;AAAY;AAYlF,SAAS,EAAS,EACjB,UAAO,QACP,UAAO,MACP,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,eAAY,IACZ,aACA,GAAG,KACc;CAYjB,OACC,kBAAC,KAAD;EAAG,WAZmB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,KACC,qJACD,CAIc;EAAgB,mBAAgB;EAAO,GAAI;EACvD;CACC,CAAA;AAEL;AAEA,EAAS,cAAc;;;ACzEvB,IAAM,IAAiB;CACtB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACV,GAEM,IAAiB;CACtB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACV;AAEA,SAAgB,EAAU,EAAE,YAAS,aAAU,aAAuB;CAErE,OAAO,kBAAC,QAAD;EAAM,WADe,EAAG,8CAA8C,EAAe,EACpE;YAAsB;CAAc,CAAA;AAC7D;AAEA,SAAgB,EAAU,EAAE,YAAS,aAAU,aAAuB;CAKrE,OAAO,kBAAC,QAAD;EAAM,WAJe,EAC3B,6CACA,EAAe,EAEQ;YAAsB;CAAc,CAAA;AAC7D;AAEA,SAAgB,EAAc,EAAE,aAAU,GAAG,KAAoD;CAEhG,OACC,kBAAC,KAAD;EACC,WAAU;EACV,yBAAyB,EAAE,QAJX,EAAa,OAAO,KAAa,WAAW,IAAW,EAIpC,EAAU;EAC7C,GAAI;CACJ,CAAA;AAEH"}

package/dist/_shared/ui-provider-BF4m2cR0.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/strings.cjs");let t=require("react"),n=require("zustand"),r=require("date-fns"),i=require("react/jsx-runtime");var a={money:{defaultCurrency:`USD`,locale:`en-US`,dualPricingEnabled:!1,displayMode:`default_only`,dualPricingDisplay:`lines`,formatMode:`with_code`},dates:{weekStartsOn:1,format:`dd MMM yyyy`,locale:`en-US`,formatRelativeTime:e=>{if(!e)return``;try{return(0,r.formatDistanceToNow)((0,r.parseISO)(e),{addSuffix:!0})}catch{return e}}},comments:{composerPosition:`top`,maxAttachments:5,allowReactions:!0,allowReplies:!0,allowAttachments:!0},filters:{debounceMs:250,defaultPageSize:25},forms:{defaultControlSize:`sm`,defaultLabelSize:`sm`},table:{defaultSize:`sm`},typography:{defaultTextSize:`sm`},badge:{defaultSize:`xs`},item:{defaultSize:`sm`,defaultVariant:`default`},button:{defaultSize:`sm`,defaultButtonStyle:`solid`},card:{defaultPadding:`sm`},toast:{duration:5e3,position:`top-right`},spinner:{defaultVariant:`default`},media:{resolveUrl:e=>e.url,resolveName:e=>e.name??e.key}},o=(0,n.create)(()=>a);function s(t){o.setState(n=>e.mergeStrings(n,t))}function c(){return o.getState()}function l({config:e,children:n}){let r=(0,t.useRef)(!1);return(0,t.useRef)(e),(0,t.useLayoutEffect)(()=>{r.current||=(e&&s(e),!0)},[e]),(0,i.jsx)(i.Fragment,{children:n})}var u=()=>o(e=>e.money),d=()=>o(e=>e.dates),f=()=>o(e=>e.comments),p=()=>o(e=>e.filters),m=()=>o(e=>e.forms),h=()=>o(e=>e.table),g=()=>o(e=>e.typography),_=()=>o(e=>e.badge),v=()=>o(e=>e.item),y=()=>o(e=>e.button),b=()=>o(e=>e.card),x=()=>o(e=>e.toast),S=()=>o(e=>e.spinner),C=()=>o(e=>e.media);Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=ui-provider-BF4m2cR0.cjs.map

package/dist/_shared/ui-provider-BF4m2cR0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-provider-BF4m2cR0.cjs","names":[],"sources":["../../src/lib/ui-provider/defaults.ts","../../src/lib/ui-provider/store.ts","../../src/lib/ui-provider/provider.tsx","../../src/lib/ui-provider/hooks.ts"],"sourcesContent":["/**\n * Hardcoded library-wide defaults.\n *\n * These are the values the store ships with — every component reading via\n * `useFooConfig()` gets these even when no `<UIProvider>` is mounted.\n *\n * The store is locked at app boot. Override defaults by mounting\n * `<UIProvider config={{...}}>` near the React root exactly once.\n * SSR/test entrypoints can call `applyUIConfig({...})` directly from\n * `./store` before mounting the React tree — never from a component.\n */\nimport { formatDistanceToNow, parseISO } from 'date-fns';\n\nimport type { ResolvedUIConfig } from './types';\n\nconst defaultFormatRelativeTime = (iso: string): string => {\n    if (!iso) return '';\n    try {\n        return formatDistanceToNow(parseISO(iso), { addSuffix: true });\n    } catch {\n        return iso;\n    }\n};\n\nexport const DEFAULT_UI_CONFIG: ResolvedUIConfig = {\n    money: {\n        defaultCurrency: 'USD',\n        locale: 'en-US',\n        dualPricingEnabled: false,\n        displayMode: 'default_only',\n        dualPricingDisplay: 'lines',\n        formatMode: 'with_code',\n    },\n    dates: {\n        weekStartsOn: 1,\n        format: 'dd MMM yyyy',\n        locale: 'en-US',\n        formatRelativeTime: defaultFormatRelativeTime,\n    },\n    comments: {\n        composerPosition: 'top',\n        maxAttachments: 5,\n        allowReactions: true,\n        allowReplies: true,\n        allowAttachments: true,\n    },\n    filters: {\n        debounceMs: 250,\n        defaultPageSize: 25,\n    },\n    forms: {\n        defaultControlSize: 'sm',\n        defaultLabelSize: 'sm',\n    },\n    table: {\n        defaultSize: 'sm',\n    },\n    typography: {\n        defaultTextSize: 'sm',\n    },\n    badge: {\n        defaultSize: 'xs',\n    },\n    item: {\n        defaultSize: 'sm',\n        defaultVariant: 'default',\n    },\n    button: {\n        defaultSize: 'sm',\n        defaultButtonStyle: 'solid',\n    },\n    card: {\n        defaultPadding: 'sm',\n    },\n    toast: {\n        duration: 5000,\n        position: 'top-right',\n    },\n    spinner: {\n        defaultVariant: 'default',\n    },\n    media: {\n        resolveUrl: (input) => input.url,\n        resolveName: (input) => input.name ?? input.key,\n    },\n};\n","/**\n * The single zustand store backing `<UIProvider>`.\n *\n * Why zustand and not React context:\n *   - Slice-scoped re-renders: `useUIStore(s => s.money)` only re-renders\n *     when the `money` slice changes; consumers of `dates` are untouched.\n *     Plain context re-renders every consumer on any change.\n *   - No nested providers — one store, many selectors.\n *   - Internal `applyUIConfig` for SSR / bootstrap code that runs outside\n *     the React tree. Not part of the public barrel.\n *\n * The store ships with the full `DEFAULT_UI_CONFIG` baked in, so any\n * component using a selector hook works correctly even when `<UIProvider>`\n * is not mounted.\n */\nimport { create } from 'zustand';\n\nimport { mergeStrings, type DeepPartial } from '@/lib/strings';\n\nimport { DEFAULT_UI_CONFIG } from './defaults';\nimport type { ResolvedUIConfig, UIConfig } from './types';\n\nexport const useUIStore = create<ResolvedUIConfig>(() => DEFAULT_UI_CONFIG);\n\n/**\n * Internal — applies a partial config into the store. Called exactly\n * once by `<UIProvider>` on first mount. NOT exported from the public\n * barrel: the contract is that the config is locked after app boot;\n * descendants read via selectors and never write.\n *\n * If you genuinely need to bootstrap config from outside React (SSR\n * server entry, tests), import this directly from `./store` — never\n * call it from a React component or render path.\n */\nexport function applyUIConfig(config: DeepPartial<UIConfig>): void {\n    useUIStore.setState((state) =>\n        mergeStrings(state, config as DeepPartial<ResolvedUIConfig>),\n    );\n}\n\n/**\n * Read the current resolved config — read-only snapshot. Useful for\n * tests, debug panels, and one-off lookups outside React. Inside\n * components, use the slice selectors from `./hooks`.\n */\nexport function getUIConfig(): ResolvedUIConfig {\n    return useUIStore.getState();\n}\n\n/**\n * Internal — reset the store to the built-in defaults. Used by tests\n * to isolate cases. NOT exported from the public barrel.\n */\nexport function resetUIConfig(): void {\n    useUIStore.setState(DEFAULT_UI_CONFIG, /* replace */ true);\n}\n","/**\n * `<UIProvider>` — declarative wrapper that mirrors a config tree into the\n * single zustand store.\n *\n * Usage:\n *\n *     <UIProvider config={{\n *         money: { defaultCurrency: 'EUR', locale: 'en-GB' },\n *         dates: { weekStartsOn: 1 },\n *         comments: { maxAttachments: 3 },\n *     }}>\n *         <App />\n *     </UIProvider>\n *\n * Notes:\n *   - The provider is purely a side-effect bridge — it does NOT introduce\n *     a React context, so there is no nesting tax for adding more slices.\n *   - The first sync happens during render so SSR output reflects the\n *     consumer's overrides on first paint, not just on hydration.\n *   - On config-prop identity change, the new partial is deep-merged in.\n *     The store keeps any defaults the consumer didn't override.\n */\nimport { useLayoutEffect, useRef, type ReactNode } from 'react';\n\nimport type { DeepPartial } from '@/lib/strings';\n\nimport { applyUIConfig } from './store';\nimport type { UIConfig } from './types';\n\nexport interface UIProviderProps {\n    /** Partial override tree merged over `DEFAULT_UI_CONFIG`. */\n    config?: DeepPartial<UIConfig>;\n    children: ReactNode;\n}\n\n/**\n * `<UIProvider>` is mount-once. The `config` is read on first mount and\n * locked thereafter — descendant components read via selectors and\n * cannot mutate the store. If the `config` prop identity changes after\n * the initial mount, the new value is ignored and a dev warning fires:\n * library-wide defaults are not meant to be runtime-toggled, since that\n * would mid-render every consuming component across the tree.\n *\n * `applyUIConfig` runs in `useLayoutEffect` (synchronous after DOM\n * mutation, before paint) so the override applies on the first visible\n * frame without violating React's render-phase isolation. SSR consumers\n * that need overrides in server-rendered HTML should import\n * `applyUIConfig` directly from `./store` and call it once at module\n * load before the React tree mounts.\n */\nexport function UIProvider({ config, children }: UIProviderProps) {\n    const appliedRef = useRef(false);\n    const initialConfigRef = useRef<DeepPartial<UIConfig> | undefined>(config);\n\n    useLayoutEffect(() => {\n        if (appliedRef.current) {\n            if (\n                import.meta.env?.DEV &&\n                initialConfigRef.current !== config\n            ) {\n                 \n                console.warn(\n                    '[UIProvider] `config` is mount-once. Subsequent ' +\n                        'changes to the prop are ignored. Library-wide ' +\n                        'defaults should be set at the app root and read ' +\n                        'via selectors; per-mount overrides flow as props ' +\n                        'on the consuming component.',\n                );\n            }\n            return;\n        }\n        if (config) applyUIConfig(config);\n        appliedRef.current = true;\n    }, [config]);\n\n    return <>{children}</>;\n}\n","/**\n * Slice selector hooks.\n *\n * Each hook reads exactly one slice from the store. Components that only\n * care about `money` will not re-render when `dates` changes, etc.\n *\n * Every selector returns a guaranteed-populated slice (the store is\n * initialized with `DEFAULT_UI_CONFIG`), so component code can write:\n *\n *     const { defaultCurrency } = useMoneyConfig();\n *     const currency = props.currency ?? defaultCurrency;\n *\n * — no need to chain optional-access through the slice.\n */\nimport { useUIStore } from './store';\nimport type {\n    BadgeConfigSlice,\n    ButtonConfigSlice,\n    CardConfigSlice,\n    CommentsConfig,\n    DatesConfig,\n    FiltersConfig,\n    FormsConfigSlice,\n    ItemConfigSlice,\n    MediaConfig,\n    MoneyConfig,\n    SpinnerConfigSlice,\n    TableConfig,\n    ToastConfig,\n    TypographyConfigSlice,\n} from './types';\n\nexport const useMoneyConfig = (): MoneyConfig =>\n    useUIStore((s) => s.money);\n\nexport const useDatesConfig = (): DatesConfig =>\n    useUIStore((s) => s.dates);\n\nexport const useCommentsConfig = (): CommentsConfig =>\n    useUIStore((s) => s.comments);\n\nexport const useFiltersConfig = (): FiltersConfig =>\n    useUIStore((s) => s.filters);\n\nexport const useFormsConfig = (): FormsConfigSlice =>\n    useUIStore((s) => s.forms);\n\nexport const useTableConfig = (): TableConfig =>\n    useUIStore((s) => s.table);\n\nexport const useTypographyConfig = (): TypographyConfigSlice =>\n    useUIStore((s) => s.typography);\n\nexport const useBadgeConfig = (): BadgeConfigSlice =>\n    useUIStore((s) => s.badge);\n\nexport const useItemConfig = (): ItemConfigSlice =>\n    useUIStore((s) => s.item);\n\nexport const useButtonConfig = (): ButtonConfigSlice =>\n    useUIStore((s) => s.button);\n\nexport const useCardConfig = (): CardConfigSlice =>\n    useUIStore((s) => s.card);\n\nexport const useToastConfig = (): ToastConfig =>\n    useUIStore((s) => s.toast);\n\nexport const useSpinnerConfig = (): SpinnerConfigSlice =>\n    useUIStore((s) => s.spinner);\n\nexport const useMediaConfig = (): MediaConfig =>\n    useUIStore((s) => s.media);\n"],"mappings":"uIAwBA,IAAa,EAAsC,CAC/C,MAAO,CACH,gBAAiB,MACjB,OAAQ,QACR,mBAAoB,GACpB,YAAa,eACb,mBAAoB,QACpB,WAAY,WAChB,EACA,MAAO,CACH,aAAc,EACd,OAAQ,cACR,OAAQ,QACR,mBAtB2B,GAAwB,CACvD,GAAI,CAAC,EAAK,MAAO,GACjB,GAAI,CACA,OAAA,EAAA,EAAA,sBAAA,EAAA,EAAA,UAAoC,CAAG,EAAG,CAAE,UAAW,EAAK,CAAC,CACjE,MAAQ,CACJ,OAAO,CACX,CACJ,CAgBI,EACA,SAAU,CACN,iBAAkB,MAClB,eAAgB,EAChB,eAAgB,GAChB,aAAc,GACd,iBAAkB,EACtB,EACA,QAAS,CACL,WAAY,IACZ,gBAAiB,EACrB,EACA,MAAO,CACH,mBAAoB,KACpB,iBAAkB,IACtB,EACA,MAAO,CACH,YAAa,IACjB,EACA,WAAY,CACR,gBAAiB,IACrB,EACA,MAAO,CACH,YAAa,IACjB,EACA,KAAM,CACF,YAAa,KACb,eAAgB,SACpB,EACA,OAAQ,CACJ,YAAa,KACb,mBAAoB,OACxB,EACA,KAAM,CACF,eAAgB,IACpB,EACA,MAAO,CACH,SAAU,IACV,SAAU,WACd,EACA,QAAS,CACL,eAAgB,SACpB,EACA,MAAO,CACH,WAAa,GAAU,EAAM,IAC7B,YAAc,GAAU,EAAM,MAAQ,EAAM,GAChD,CACJ,EC/Da,GAAA,EAAA,EAAA,YAA4C,CAAiB,EAY1E,SAAgB,EAAc,EAAqC,CAC/D,EAAW,SAAU,GACjB,EAAA,aAAa,EAAO,CAAuC,CAC/D,CACJ,CAOA,SAAgB,GAAgC,CAC5C,OAAO,EAAW,SAAS,CAC/B,CCGA,SAAgB,EAAW,CAAE,SAAQ,YAA6B,CAC9D,IAAM,GAAA,EAAA,EAAA,QAAoB,EAAK,EAwB/B,OAvByB,EAAA,EAAA,QAA0C,CAAM,GAEzE,EAAA,EAAA,qBAAsB,CACd,AAiBJ,EAAW,WADP,GAAQ,EAAc,CAAM,EACX,GACzB,EAAG,CAAC,CAAM,CAAC,GAEJ,EAAA,EAAA,KAAA,EAAA,SAAA,CAAG,UAAW,CAAA,CACzB,CC5CA,IAAa,MACT,EAAY,GAAM,EAAE,KAAK,EAEhB,MACT,EAAY,GAAM,EAAE,KAAK,EAEhB,MACT,EAAY,GAAM,EAAE,QAAQ,EAEnB,MACT,EAAY,GAAM,EAAE,OAAO,EAElB,MACT,EAAY,GAAM,EAAE,KAAK,EAEhB,MACT,EAAY,GAAM,EAAE,KAAK,EAEhB,MACT,EAAY,GAAM,EAAE,UAAU,EAErB,MACT,EAAY,GAAM,EAAE,KAAK,EAEhB,MACT,EAAY,GAAM,EAAE,IAAI,EAEf,MACT,EAAY,GAAM,EAAE,MAAM,EAEjB,MACT,EAAY,GAAM,EAAE,IAAI,EAEf,MACT,EAAY,GAAM,EAAE,KAAK,EAEhB,MACT,EAAY,GAAM,EAAE,OAAO,EAElB,MACT,EAAY,GAAM,EAAE,KAAK"}

package/dist/_shared/ui-provider-C8Ot88lS.js

@@ -0,0 +1,85 @@
+import { mergeStrings as e } from "../lib/strings.js";
+import { useLayoutEffect as t, useRef as n } from "react";
+import { create as r } from "zustand";
+import { formatDistanceToNow as i, parseISO as a } from "date-fns";
+import { Fragment as o, jsx as s } from "react/jsx-runtime";
+var c = {
+	money: {
+		defaultCurrency: "USD",
+		locale: "en-US",
+		dualPricingEnabled: !1,
+		displayMode: "default_only",
+		dualPricingDisplay: "lines",
+		formatMode: "with_code"
+	},
+	dates: {
+		weekStartsOn: 1,
+		format: "dd MMM yyyy",
+		locale: "en-US",
+		formatRelativeTime: (e) => {
+			if (!e) return "";
+			try {
+				return i(a(e), { addSuffix: !0 });
+			} catch {
+				return e;
+			}
+		}
+	},
+	comments: {
+		composerPosition: "top",
+		maxAttachments: 5,
+		allowReactions: !0,
+		allowReplies: !0,
+		allowAttachments: !0
+	},
+	filters: {
+		debounceMs: 250,
+		defaultPageSize: 25
+	},
+	forms: {
+		defaultControlSize: "sm",
+		defaultLabelSize: "sm"
+	},
+	table: { defaultSize: "sm" },
+	typography: { defaultTextSize: "sm" },
+	badge: { defaultSize: "xs" },
+	item: {
+		defaultSize: "sm",
+		defaultVariant: "default"
+	},
+	button: {
+		defaultSize: "sm",
+		defaultButtonStyle: "solid"
+	},
+	card: { defaultPadding: "sm" },
+	toast: {
+		duration: 5e3,
+		position: "top-right"
+	},
+	spinner: { defaultVariant: "default" },
+	media: {
+		resolveUrl: (e) => e.url,
+		resolveName: (e) => e.name ?? e.key
+	}
+}, l = r(() => c);
+function u(t) {
+	l.setState((n) => e(n, t));
+}
+function d() {
+	return l.getState();
+}
+//#endregion
+//#region src/lib/ui-provider/provider.tsx
+function f({ config: e, children: r }) {
+	let i = n(!1);
+	return n(e), t(() => {
+		i.current ||= (e && u(e), !0);
+	}, [e]), /* @__PURE__ */ s(o, { children: r });
+}
+//#endregion
+//#region src/lib/ui-provider/hooks.ts
+var p = () => l((e) => e.money), m = () => l((e) => e.dates), h = () => l((e) => e.comments), g = () => l((e) => e.filters), _ = () => l((e) => e.forms), v = () => l((e) => e.table), y = () => l((e) => e.typography), b = () => l((e) => e.badge), x = () => l((e) => e.item), S = () => l((e) => e.button), C = () => l((e) => e.card), w = () => l((e) => e.toast), T = () => l((e) => e.spinner), E = () => l((e) => e.media);
+//#endregion
+export { c as _, m as a, x as c, T as d, v as f, d as g, f as h, h as i, E as l, y as m, S as n, g as o, w as p, C as r, _ as s, b as t, p as u };
+
+//# sourceMappingURL=ui-provider-C8Ot88lS.js.map

package/dist/_shared/ui-provider-C8Ot88lS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-provider-C8Ot88lS.js","names":[],"sources":["../../src/lib/ui-provider/defaults.ts","../../src/lib/ui-provider/store.ts","../../src/lib/ui-provider/provider.tsx","../../src/lib/ui-provider/hooks.ts"],"sourcesContent":["/**\n * Hardcoded library-wide defaults.\n *\n * These are the values the store ships with — every component reading via\n * `useFooConfig()` gets these even when no `<UIProvider>` is mounted.\n *\n * The store is locked at app boot. Override defaults by mounting\n * `<UIProvider config={{...}}>` near the React root exactly once.\n * SSR/test entrypoints can call `applyUIConfig({...})` directly from\n * `./store` before mounting the React tree — never from a component.\n */\nimport { formatDistanceToNow, parseISO } from 'date-fns';\n\nimport type { ResolvedUIConfig } from './types';\n\nconst defaultFormatRelativeTime = (iso: string): string => {\n    if (!iso) return '';\n    try {\n        return formatDistanceToNow(parseISO(iso), { addSuffix: true });\n    } catch {\n        return iso;\n    }\n};\n\nexport const DEFAULT_UI_CONFIG: ResolvedUIConfig = {\n    money: {\n        defaultCurrency: 'USD',\n        locale: 'en-US',\n        dualPricingEnabled: false,\n        displayMode: 'default_only',\n        dualPricingDisplay: 'lines',\n        formatMode: 'with_code',\n    },\n    dates: {\n        weekStartsOn: 1,\n        format: 'dd MMM yyyy',\n        locale: 'en-US',\n        formatRelativeTime: defaultFormatRelativeTime,\n    },\n    comments: {\n        composerPosition: 'top',\n        maxAttachments: 5,\n        allowReactions: true,\n        allowReplies: true,\n        allowAttachments: true,\n    },\n    filters: {\n        debounceMs: 250,\n        defaultPageSize: 25,\n    },\n    forms: {\n        defaultControlSize: 'sm',\n        defaultLabelSize: 'sm',\n    },\n    table: {\n        defaultSize: 'sm',\n    },\n    typography: {\n        defaultTextSize: 'sm',\n    },\n    badge: {\n        defaultSize: 'xs',\n    },\n    item: {\n        defaultSize: 'sm',\n        defaultVariant: 'default',\n    },\n    button: {\n        defaultSize: 'sm',\n        defaultButtonStyle: 'solid',\n    },\n    card: {\n        defaultPadding: 'sm',\n    },\n    toast: {\n        duration: 5000,\n        position: 'top-right',\n    },\n    spinner: {\n        defaultVariant: 'default',\n    },\n    media: {\n        resolveUrl: (input) => input.url,\n        resolveName: (input) => input.name ?? input.key,\n    },\n};\n","/**\n * The single zustand store backing `<UIProvider>`.\n *\n * Why zustand and not React context:\n *   - Slice-scoped re-renders: `useUIStore(s => s.money)` only re-renders\n *     when the `money` slice changes; consumers of `dates` are untouched.\n *     Plain context re-renders every consumer on any change.\n *   - No nested providers — one store, many selectors.\n *   - Internal `applyUIConfig` for SSR / bootstrap code that runs outside\n *     the React tree. Not part of the public barrel.\n *\n * The store ships with the full `DEFAULT_UI_CONFIG` baked in, so any\n * component using a selector hook works correctly even when `<UIProvider>`\n * is not mounted.\n */\nimport { create } from 'zustand';\n\nimport { mergeStrings, type DeepPartial } from '@/lib/strings';\n\nimport { DEFAULT_UI_CONFIG } from './defaults';\nimport type { ResolvedUIConfig, UIConfig } from './types';\n\nexport const useUIStore = create<ResolvedUIConfig>(() => DEFAULT_UI_CONFIG);\n\n/**\n * Internal — applies a partial config into the store. Called exactly\n * once by `<UIProvider>` on first mount. NOT exported from the public\n * barrel: the contract is that the config is locked after app boot;\n * descendants read via selectors and never write.\n *\n * If you genuinely need to bootstrap config from outside React (SSR\n * server entry, tests), import this directly from `./store` — never\n * call it from a React component or render path.\n */\nexport function applyUIConfig(config: DeepPartial<UIConfig>): void {\n    useUIStore.setState((state) =>\n        mergeStrings(state, config as DeepPartial<ResolvedUIConfig>),\n    );\n}\n\n/**\n * Read the current resolved config — read-only snapshot. Useful for\n * tests, debug panels, and one-off lookups outside React. Inside\n * components, use the slice selectors from `./hooks`.\n */\nexport function getUIConfig(): ResolvedUIConfig {\n    return useUIStore.getState();\n}\n\n/**\n * Internal — reset the store to the built-in defaults. Used by tests\n * to isolate cases. NOT exported from the public barrel.\n */\nexport function resetUIConfig(): void {\n    useUIStore.setState(DEFAULT_UI_CONFIG, /* replace */ true);\n}\n","/**\n * `<UIProvider>` — declarative wrapper that mirrors a config tree into the\n * single zustand store.\n *\n * Usage:\n *\n *     <UIProvider config={{\n *         money: { defaultCurrency: 'EUR', locale: 'en-GB' },\n *         dates: { weekStartsOn: 1 },\n *         comments: { maxAttachments: 3 },\n *     }}>\n *         <App />\n *     </UIProvider>\n *\n * Notes:\n *   - The provider is purely a side-effect bridge — it does NOT introduce\n *     a React context, so there is no nesting tax for adding more slices.\n *   - The first sync happens during render so SSR output reflects the\n *     consumer's overrides on first paint, not just on hydration.\n *   - On config-prop identity change, the new partial is deep-merged in.\n *     The store keeps any defaults the consumer didn't override.\n */\nimport { useLayoutEffect, useRef, type ReactNode } from 'react';\n\nimport type { DeepPartial } from '@/lib/strings';\n\nimport { applyUIConfig } from './store';\nimport type { UIConfig } from './types';\n\nexport interface UIProviderProps {\n    /** Partial override tree merged over `DEFAULT_UI_CONFIG`. */\n    config?: DeepPartial<UIConfig>;\n    children: ReactNode;\n}\n\n/**\n * `<UIProvider>` is mount-once. The `config` is read on first mount and\n * locked thereafter — descendant components read via selectors and\n * cannot mutate the store. If the `config` prop identity changes after\n * the initial mount, the new value is ignored and a dev warning fires:\n * library-wide defaults are not meant to be runtime-toggled, since that\n * would mid-render every consuming component across the tree.\n *\n * `applyUIConfig` runs in `useLayoutEffect` (synchronous after DOM\n * mutation, before paint) so the override applies on the first visible\n * frame without violating React's render-phase isolation. SSR consumers\n * that need overrides in server-rendered HTML should import\n * `applyUIConfig` directly from `./store` and call it once at module\n * load before the React tree mounts.\n */\nexport function UIProvider({ config, children }: UIProviderProps) {\n    const appliedRef = useRef(false);\n    const initialConfigRef = useRef<DeepPartial<UIConfig> | undefined>(config);\n\n    useLayoutEffect(() => {\n        if (appliedRef.current) {\n            if (\n                import.meta.env?.DEV &&\n                initialConfigRef.current !== config\n            ) {\n                 \n                console.warn(\n                    '[UIProvider] `config` is mount-once. Subsequent ' +\n                        'changes to the prop are ignored. Library-wide ' +\n                        'defaults should be set at the app root and read ' +\n                        'via selectors; per-mount overrides flow as props ' +\n                        'on the consuming component.',\n                );\n            }\n            return;\n        }\n        if (config) applyUIConfig(config);\n        appliedRef.current = true;\n    }, [config]);\n\n    return <>{children}</>;\n}\n","/**\n * Slice selector hooks.\n *\n * Each hook reads exactly one slice from the store. Components that only\n * care about `money` will not re-render when `dates` changes, etc.\n *\n * Every selector returns a guaranteed-populated slice (the store is\n * initialized with `DEFAULT_UI_CONFIG`), so component code can write:\n *\n *     const { defaultCurrency } = useMoneyConfig();\n *     const currency = props.currency ?? defaultCurrency;\n *\n * — no need to chain optional-access through the slice.\n */\nimport { useUIStore } from './store';\nimport type {\n    BadgeConfigSlice,\n    ButtonConfigSlice,\n    CardConfigSlice,\n    CommentsConfig,\n    DatesConfig,\n    FiltersConfig,\n    FormsConfigSlice,\n    ItemConfigSlice,\n    MediaConfig,\n    MoneyConfig,\n    SpinnerConfigSlice,\n    TableConfig,\n    ToastConfig,\n    TypographyConfigSlice,\n} from './types';\n\nexport const useMoneyConfig = (): MoneyConfig =>\n    useUIStore((s) => s.money);\n\nexport const useDatesConfig = (): DatesConfig =>\n    useUIStore((s) => s.dates);\n\nexport const useCommentsConfig = (): CommentsConfig =>\n    useUIStore((s) => s.comments);\n\nexport const useFiltersConfig = (): FiltersConfig =>\n    useUIStore((s) => s.filters);\n\nexport const useFormsConfig = (): FormsConfigSlice =>\n    useUIStore((s) => s.forms);\n\nexport const useTableConfig = (): TableConfig =>\n    useUIStore((s) => s.table);\n\nexport const useTypographyConfig = (): TypographyConfigSlice =>\n    useUIStore((s) => s.typography);\n\nexport const useBadgeConfig = (): BadgeConfigSlice =>\n    useUIStore((s) => s.badge);\n\nexport const useItemConfig = (): ItemConfigSlice =>\n    useUIStore((s) => s.item);\n\nexport const useButtonConfig = (): ButtonConfigSlice =>\n    useUIStore((s) => s.button);\n\nexport const useCardConfig = (): CardConfigSlice =>\n    useUIStore((s) => s.card);\n\nexport const useToastConfig = (): ToastConfig =>\n    useUIStore((s) => s.toast);\n\nexport const useSpinnerConfig = (): SpinnerConfigSlice =>\n    useUIStore((s) => s.spinner);\n\nexport const useMediaConfig = (): MediaConfig =>\n    useUIStore((s) => s.media);\n"],"mappings":";;;;;AAwBA,IAAa,IAAsC;CAC/C,OAAO;EACH,iBAAiB;EACjB,QAAQ;EACR,oBAAoB;EACpB,aAAa;EACb,oBAAoB;EACpB,YAAY;CAChB;CACA,OAAO;EACH,cAAc;EACd,QAAQ;EACR,QAAQ;EACR,qBAtB2B,MAAwB;GACvD,IAAI,CAAC,GAAK,OAAO;GACjB,IAAI;IACA,OAAO,EAAoB,EAAS,CAAG,GAAG,EAAE,WAAW,GAAK,CAAC;GACjE,QAAQ;IACJ,OAAO;GACX;EACJ;CAgBI;CACA,UAAU;EACN,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,cAAc;EACd,kBAAkB;CACtB;CACA,SAAS;EACL,YAAY;EACZ,iBAAiB;CACrB;CACA,OAAO;EACH,oBAAoB;EACpB,kBAAkB;CACtB;CACA,OAAO,EACH,aAAa,KACjB;CACA,YAAY,EACR,iBAAiB,KACrB;CACA,OAAO,EACH,aAAa,KACjB;CACA,MAAM;EACF,aAAa;EACb,gBAAgB;CACpB;CACA,QAAQ;EACJ,aAAa;EACb,oBAAoB;CACxB;CACA,MAAM,EACF,gBAAgB,KACpB;CACA,OAAO;EACH,UAAU;EACV,UAAU;CACd;CACA,SAAS,EACL,gBAAgB,UACpB;CACA,OAAO;EACH,aAAa,MAAU,EAAM;EAC7B,cAAc,MAAU,EAAM,QAAQ,EAAM;CAChD;AACJ,GC/Da,IAAa,QAA+B,CAAiB;AAY1E,SAAgB,EAAc,GAAqC;CAC/D,EAAW,UAAU,MACjB,EAAa,GAAO,CAAuC,CAC/D;AACJ;AAOA,SAAgB,IAAgC;CAC5C,OAAO,EAAW,SAAS;AAC/B;;;ACGA,SAAgB,EAAW,EAAE,WAAQ,eAA6B;CAC9D,IAAM,IAAa,EAAO,EAAK;CAwB/B,OAvByB,EAA0C,CAAM,GAEzE,QAAsB;EACd,AAiBJ,EAAW,aADP,KAAQ,EAAc,CAAM,GACX;CACzB,GAAG,CAAC,CAAM,CAAC,GAEJ,kBAAA,GAAA,EAAG,YAAW,CAAA;AACzB;;;AC5CA,IAAa,UACT,GAAY,MAAM,EAAE,KAAK,GAEhB,UACT,GAAY,MAAM,EAAE,KAAK,GAEhB,UACT,GAAY,MAAM,EAAE,QAAQ,GAEnB,UACT,GAAY,MAAM,EAAE,OAAO,GAElB,UACT,GAAY,MAAM,EAAE,KAAK,GAEhB,UACT,GAAY,MAAM,EAAE,KAAK,GAEhB,UACT,GAAY,MAAM,EAAE,UAAU,GAErB,UACT,GAAY,MAAM,EAAE,KAAK,GAEhB,UACT,GAAY,MAAM,EAAE,IAAI,GAEf,UACT,GAAY,MAAM,EAAE,MAAM,GAEjB,UACT,GAAY,MAAM,EAAE,IAAI,GAEf,UACT,GAAY,MAAM,EAAE,KAAK,GAEhB,UACT,GAAY,MAAM,EAAE,OAAO,GAElB,UACT,GAAY,MAAM,EAAE,KAAK"}

package/dist/_shared/workspace-CTjIGCE0.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./heading-0DYCOrgC.cjs"),i=require("./badge--o9wFHB_.cjs"),a=require("./button-C1qc97U1.cjs"),o=require("./display-oDW0O9yB.cjs"),s=require("./item-DoXXYgPm.cjs"),c=require("./hooks-MW0UTO3q.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:i,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)(r.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})]}),!!i&&(0,u.jsx)(r.n,{size:`xs`,type:`secondary`,className:`workspace-record-header--description max-w-4xl leading-relaxed`,children:i}),!!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)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`uppercase`,children:e.label}),(0,u.jsx)(r.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:i,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)(r.n,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:e.label}),!!e.description&&(0,u.jsx)(r.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===i,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)(r.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:r,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===r,o=e.completion===void 0?void 0:v(e.completion);return(0,u.jsx)(a.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)(i.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-CTjIGCE0.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-CTjIGCE0.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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"}