admin-ui-starter-kit 0.6.9 → 0.7.1

package/dist/_shared/typography-C_kCoR1d.js

@@ -0,0 +1,204 @@
+import { o as e, p as t } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as n } from "../lib/utils.js";
+import { createElement as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/sanitize-html.ts
+var s = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function c(e) {
+	return e ? e.replace(/[&<>"']/g, (e) => s[e] ?? e) : "";
+}
+//#endregion
+//#region src/components/typography/text.tsx
+var l = {
+	inherit: "",
+	xxs: "text-xxs",
+	xs: "text-xs",
+	pxs: "text-pxs",
+	sm: "text-sm",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, u = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, d = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, f = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, p = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function m({ content: e, type: o = "main", size: s, align: m = "left", lineHeight: h = "normal", weight: g = "regular", className: _ = "", children: v, asHTML: y = !1, numeric: b = !1, tag: x = "p", ...S }) {
+	let { defaultTextSize: C } = t(), w = s ?? C ?? "sm", T = n(u[o], l[w], p[m], d[h], f[g], b && "font-mono tabular-nums", _), E = i(() => typeof e == "string" && e.length > 0 ? e : typeof v == "string" || typeof v == "number" ? String(v) : "", [v, e]);
+	return y ? r(x, {
+		className: T,
+		"data-typography": "text",
+		dangerouslySetInnerHTML: { __html: c(E) },
+		...S
+	}) : e && e.length > 0 ? /* @__PURE__ */ a(x, {
+		className: T,
+		"data-typography": "text",
+		...S,
+		children: e
+	}) : v == null ? null : /* @__PURE__ */ a(x, {
+		className: T,
+		"data-typography": "text",
+		...S,
+		children: v
+	});
+}
+m.displayName = "Text";
+//#endregion
+//#region src/components/typography/heading.tsx
+var h = {
+	h1: "scroll-m-20 text-base font-semibold leading-snug text-balance",
+	h2: "scroll-m-20 text-base font-semibold leading-snug first:mt-0",
+	h3: "scroll-m-20 text-base font-semibold leading-snug",
+	h4: "scroll-m-20 text-base font-semibold leading-snug",
+	h5: "text-base font-semibold leading-snug",
+	h6: "text-base font-semibold leading-snug"
+}, g = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function _({ tag: e = "h3", className: t, children: r, subHeading: i, subHeadingClassName: s, subHeadingSize: c, containerClassName: l, align: u = "left", divider: d = !1, ...f }) {
+	let p = n("text-foreground antialiased", h[e], d && "border-b border-border pb-2", g[u], t);
+	return /* @__PURE__ */ o("div", {
+		className: n("space-y-1", g[u], l),
+		children: [!!r && /* @__PURE__ */ a(e, {
+			className: p,
+			"data-typography": "heading",
+			...f,
+			children: r
+		}), !!i && /* @__PURE__ */ a(m, {
+			size: c ?? "xs",
+			type: "secondary",
+			align: u,
+			className: s,
+			children: i
+		})]
+	});
+}
+_.displayName = "Heading";
+//#endregion
+//#region src/components/typography/label.tsx
+var v = {
+	small: "text-xs",
+	default: "text-sm"
+};
+function y(e, t) {
+	return e ?? t ?? "default";
+}
+function b({ content: t, className: r = "", children: i, size: o, ...s }) {
+	let { defaultLabelSize: c } = e(), l = y(o, c);
+	return /* @__PURE__ */ a("label", {
+		...s,
+		"data-typography": "label",
+		className: n("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", v[l], r),
+		children: i || t
+	});
+}
+b.displayName = "Label";
+//#endregion
+//#region src/components/typography/text-link.tsx
+var x = {
+	inherit: "text-inherit",
+	xxs: "text-xxs",
+	xs: "text-xs",
+	pxs: "text-pxs",
+	sm: "text-sm",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, S = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, C = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, w = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, T = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function E({ type: e = "main", size: t = "sm", align: r = "left", lineHeight: i = "normal", weight: o = "regular", className: s = "", underline: c = !0, children: l, ...u }) {
+	return /* @__PURE__ */ a("a", {
+		className: n(S[e], x[t], T[r], C[i], w[o], c && "underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500", s),
+		"data-typography": "link",
+		...u,
+		children: l
+	});
+}
+E.displayName = "TextLink";
+//#endregion
+//#region src/components/typography/typography.tsx
+var D = {
+	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"
+}, O = {
+	primary: "decoration-primary",
+	success: "decoration-success",
+	error: "decoration-destructive",
+	warning: "decoration-warning"
+};
+function k({ content: e, variant: t = "primary" }) {
+	return /* @__PURE__ */ a("span", {
+		className: n("rounded-sm px-1.5 py-0.5 ring-1 ring-inset", D[t]),
+		children: e
+	});
+}
+function A({ content: e, variant: t = "primary" }) {
+	return /* @__PURE__ */ a("span", {
+		className: n("underline underline-offset-4 decoration-2", O[t]),
+		children: e
+	});
+}
+function j({ children: e, ...t }) {
+	return /* @__PURE__ */ a("p", {
+		className: "__html_content",
+		dangerouslySetInnerHTML: { __html: c(typeof e == "string" ? e : "") },
+		...t
+	});
+}
+//#endregion
+export { b as a, c, E as i, k as n, _ as o, A as r, m as s, j as t };
+
+//# sourceMappingURL=typography-C_kCoR1d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography-C_kCoR1d.js","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx","../../src/components/typography/heading.tsx","../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&amp;',\n\t'<': '&lt;',\n\t'>': '&gt;',\n\t'\"': '&quot;',\n\t\"'\": '&#39;',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * as a styling hook for targeting text within a surface.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: '',\n\txxs: 'text-xxs',\n\txs: 'text-xs',\n\tpxs: 'text-pxs',\n\tsm: 'text-sm',\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 TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tnumeric?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\tnumeric = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\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\tnumeric && 'font-mono tabular-nums',\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n","/**\n * Heading — semantic h1–h6 with consistent sizing, optional `subHeading` (rendered as\n * a Text below), and alignment. Carries `data-typography=\"heading\"` as a styling hook.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { type TextSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport Text from './text';\n\ntype HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst headingVariants: Record<HeadingTag, string> = {\n\th1: 'scroll-m-20 text-base font-semibold leading-snug text-balance',\n\th2: 'scroll-m-20 text-base font-semibold leading-snug first:mt-0',\n\th3: 'scroll-m-20 text-base font-semibold leading-snug',\n\th4: 'scroll-m-20 text-base font-semibold leading-snug',\n\th5: 'text-base font-semibold leading-snug',\n\th6: 'text-base font-semibold leading-snug',\n};\n\nconst alignmentClasses = {\n\tleft: 'text-left',\n\tcenter: 'text-center',\n\tright: 'text-right',\n} as const;\n\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n\ttag?: HeadingTag;\n\tsubHeading?: ReactNode;\n\tsubHeadingClassName?: string;\n\tsubHeadingSize?: TextSize;\n\tcontainerClassName?: string;\n\talign?: 'left' | 'center' | 'right';\n\tdivider?: boolean;\n}\n\nfunction Heading({\n\ttag: Tag = 'h3',\n\tclassName,\n\tchildren,\n\tsubHeading,\n\tsubHeadingClassName,\n\tsubHeadingSize,\n\tcontainerClassName,\n\talign = 'left',\n\tdivider = false,\n\t...headingProps\n}: HeadingProps) {\n\tconst headingClasses = cn(\n\t\t'text-foreground antialiased',\n\t\theadingVariants[Tag],\n\t\tdivider && 'border-b border-border pb-2',\n\t\talignmentClasses[align],\n\t\tclassName,\n\t);\n\n\tconst wrapperClasses = cn(\n\t\t'space-y-1',\n\t\talignmentClasses[align],\n\t\tcontainerClassName,\n\t);\n\n\treturn (\n\t\t<div className={wrapperClasses}>\n\t\t\t{!!children && (\n\t\t\t\t<Tag className={headingClasses} data-typography=\"heading\" {...headingProps}>\n\t\t\t\t\t{children}\n\t\t\t\t</Tag>\n\t\t\t)}\n\n\t\t\t{!!subHeading && (\n\t\t\t\t<Text\n\t\t\t\t\tsize={subHeadingSize ?? 'xs'}\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\talign={align}\n\t\t\t\t\tclassName={subHeadingClassName}\n\t\t\t\t>\n\t\t\t\t\t{subHeading}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nHeading.displayName = 'Heading';\n\nexport default Heading;\n","/**\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\tsmall: 'text-xs',\n\tdefault: 'text-sm',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'default';\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\txxs: 'text-xxs',\n\txs: 'text-xs',\n\tpxs: 'text-pxs',\n\tsm: 'text-sm',\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":"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"}

package/dist/_shared/typography-sXFd02zl.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-CrsJ_dGn.cjs"),t=require("../lib/utils.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`};function a(e){return e?e.replace(/[&<>"']/g,e=>i[e]??e):``}var o={inherit:``,xxs:`text-xxs`,xs:`text-xs`,pxs:`text-pxs`,sm:`text-sm`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},s={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},c={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},l={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},u={center:`text-center`,right:`text-right`,left:`text-left`};function d({content:i,type:d=`main`,size:f,align:p=`left`,lineHeight:m=`normal`,weight:h=`regular`,className:g=``,children:_,asHTML:v=!1,numeric:y=!1,tag:b=`p`,...x}){let{defaultTextSize:S}=e.p(),C=f??S??`sm`,w=t.cn(s[d],o[C],u[p],c[m],l[h],y&&`font-mono tabular-nums`,g),T=(0,n.useMemo)(()=>typeof i==`string`&&i.length>0?i:typeof _==`string`||typeof _==`number`?String(_):``,[_,i]);return v?(0,n.createElement)(b,{className:w,"data-typography":`text`,dangerouslySetInnerHTML:{__html:a(T)},...x}):i&&i.length>0?(0,r.jsx)(b,{className:w,"data-typography":`text`,...x,children:i}):_==null?null:(0,r.jsx)(b,{className:w,"data-typography":`text`,...x,children:_})}d.displayName=`Text`;var f={h1:`scroll-m-20 text-base font-semibold leading-snug text-balance`,h2:`scroll-m-20 text-base font-semibold leading-snug first:mt-0`,h3:`scroll-m-20 text-base font-semibold leading-snug`,h4:`scroll-m-20 text-base font-semibold leading-snug`,h5:`text-base font-semibold leading-snug`,h6:`text-base font-semibold leading-snug`},p={left:`text-left`,center:`text-center`,right:`text-right`};function m({tag:e=`h3`,className:n,children:i,subHeading:a,subHeadingClassName:o,subHeadingSize:s,containerClassName:c,align:l=`left`,divider:u=!1,...m}){let h=t.cn(`text-foreground antialiased`,f[e],u&&`border-b border-border pb-2`,p[l],n);return(0,r.jsxs)(`div`,{className:t.cn(`space-y-1`,p[l],c),children:[!!i&&(0,r.jsx)(e,{className:h,"data-typography":`heading`,...m,children:i}),!!a&&(0,r.jsx)(d,{size:s??`xs`,type:`secondary`,align:l,className:o,children:a})]})}m.displayName=`Heading`;var h={small:`text-xs`,default:`text-sm`};function g(e,t){return e??t??`default`}function _({content:n,className:i=``,children:a,size:o,...s}){let{defaultLabelSize:c}=e.o(),l=g(o,c);return(0,r.jsx)(`label`,{...s,"data-typography":`label`,className:t.cn(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,h[l],i),children:a||n})}_.displayName=`Label`;var v={inherit:`text-inherit`,xxs:`text-xxs`,xs:`text-xs`,pxs:`text-pxs`,sm:`text-sm`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},y={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},b={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},x={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},S={center:`text-center`,right:`text-right`,left:`text-left`};function C({type:e=`main`,size:n=`sm`,align:i=`left`,lineHeight:a=`normal`,weight:o=`regular`,className:s=``,underline:c=!0,children:l,...u}){return(0,r.jsx)(`a`,{className:t.cn(y[e],v[n],S[i],b[a],x[o],c&&`underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500`,s),"data-typography":`link`,...u,children:l})}C.displayName=`TextLink`;var w={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`},T={primary:`decoration-primary`,success:`decoration-success`,error:`decoration-destructive`,warning:`decoration-warning`};function E({content:e,variant:n=`primary`}){return(0,r.jsx)(`span`,{className:t.cn(`rounded-sm px-1.5 py-0.5 ring-1 ring-inset`,w[n]),children:e})}function D({content:e,variant:n=`primary`}){return(0,r.jsx)(`span`,{className:t.cn(`underline underline-offset-4 decoration-2`,T[n]),children:e})}function O({children:e,...t}){return(0,r.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:a(typeof e==`string`?e:``)},...t})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}});
+//# sourceMappingURL=typography-sXFd02zl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography-sXFd02zl.cjs","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx","../../src/components/typography/heading.tsx","../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&amp;',\n\t'<': '&lt;',\n\t'>': '&gt;',\n\t'\"': '&quot;',\n\t\"'\": '&#39;',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * as a styling hook for targeting text within a surface.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n\tinherit: '',\n\txxs: 'text-xxs',\n\txs: 'text-xs',\n\tpxs: 'text-pxs',\n\tsm: 'text-sm',\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 TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tnumeric?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\tnumeric = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\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\tnumeric && 'font-mono tabular-nums',\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n","/**\n * Heading — semantic h1–h6 with consistent sizing, optional `subHeading` (rendered as\n * a Text below), and alignment. Carries `data-typography=\"heading\"` as a styling hook.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { type TextSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport Text from './text';\n\ntype HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst headingVariants: Record<HeadingTag, string> = {\n\th1: 'scroll-m-20 text-base font-semibold leading-snug text-balance',\n\th2: 'scroll-m-20 text-base font-semibold leading-snug first:mt-0',\n\th3: 'scroll-m-20 text-base font-semibold leading-snug',\n\th4: 'scroll-m-20 text-base font-semibold leading-snug',\n\th5: 'text-base font-semibold leading-snug',\n\th6: 'text-base font-semibold leading-snug',\n};\n\nconst alignmentClasses = {\n\tleft: 'text-left',\n\tcenter: 'text-center',\n\tright: 'text-right',\n} as const;\n\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n\ttag?: HeadingTag;\n\tsubHeading?: ReactNode;\n\tsubHeadingClassName?: string;\n\tsubHeadingSize?: TextSize;\n\tcontainerClassName?: string;\n\talign?: 'left' | 'center' | 'right';\n\tdivider?: boolean;\n}\n\nfunction Heading({\n\ttag: Tag = 'h3',\n\tclassName,\n\tchildren,\n\tsubHeading,\n\tsubHeadingClassName,\n\tsubHeadingSize,\n\tcontainerClassName,\n\talign = 'left',\n\tdivider = false,\n\t...headingProps\n}: HeadingProps) {\n\tconst headingClasses = cn(\n\t\t'text-foreground antialiased',\n\t\theadingVariants[Tag],\n\t\tdivider && 'border-b border-border pb-2',\n\t\talignmentClasses[align],\n\t\tclassName,\n\t);\n\n\tconst wrapperClasses = cn(\n\t\t'space-y-1',\n\t\talignmentClasses[align],\n\t\tcontainerClassName,\n\t);\n\n\treturn (\n\t\t<div className={wrapperClasses}>\n\t\t\t{!!children && (\n\t\t\t\t<Tag className={headingClasses} data-typography=\"heading\" {...headingProps}>\n\t\t\t\t\t{children}\n\t\t\t\t</Tag>\n\t\t\t)}\n\n\t\t\t{!!subHeading && (\n\t\t\t\t<Text\n\t\t\t\t\tsize={subHeadingSize ?? 'xs'}\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\talign={align}\n\t\t\t\t\tclassName={subHeadingClassName}\n\t\t\t\t>\n\t\t\t\t\t{subHeading}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nHeading.displayName = 'Heading';\n\nexport default Heading;\n","/**\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\tsmall: 'text-xs',\n\tdefault: 'text-sm',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'default';\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\txxs: 'text-xxs',\n\txs: 'text-xs',\n\tpxs: 'text-pxs',\n\tsm: 'text-sm',\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":"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"}

package/dist/_shared/workspace-Bw-k_HXQ.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-CNEMqDHK.js";
+import { o as r, s as i } from "./typography-C_kCoR1d.js";
+import { t as a } from "./badge-DOJpEtsa.js";
+import { n as o } from "./display-BHIs_Y_j.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-D75eGy8G.js";
+import { d as m } from "./hooks-CFUZJW_S.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: "xs",
+								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: "xs",
+						weight: "semibold",
+						type: "secondary",
+						className: "uppercase tracking-wide",
+						children: e.label
+					}), !!e.description && /* @__PURE__ */ _(i, {
+						size: "xs",
+						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: "xs",
+										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-Bw-k_HXQ.js.map