admin-ui-starter-kit 0.6.7 → 0.6.8

package/dist/_shared/typography-5bLhAYaK.js

@@ -0,0 +1,201 @@
+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-xs",
+	sm: "text-sm",
+	xs: "text-xs",
+	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-sm",
+	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",
+	sm: "text-sm",
+	xs: "text-xs",
+	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-5bLhAYaK.js.map

package/dist/_shared/typography-5bLhAYaK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-5bLhAYaK.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-xs',\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 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-sm',\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\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":"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"}

package/dist/_shared/typography-CWEobAJV.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-xs`,sm:`text-sm`,xs:`text-xs`,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-sm`,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`,sm:`text-sm`,xs:`text-xs`,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-CWEobAJV.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CWEobAJV.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-xs',\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 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-sm',\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\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":"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"}

package/dist/_shared/ui-provider-CrsJ_dGn.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:`default`,defaultLabelSize:`default`},table:{defaultSize:`small`},typography:{defaultTextSize:`sm`},item:{defaultSize:`default`,defaultVariant:`default`},button:{defaultButtonStyle:`solid`},card:{defaultPadding:`default`,defaultSurface:`framed`,defaultHeaderDivider:!1},toast:{duration:5e3,position:`top-right`,theme:`dark`,closeButton:!0,richColors:!1,visibleToasts:4},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.item),v=()=>o(e=>e.button),y=()=>o(e=>e.card),b=()=>o(e=>e.toast),x=()=>o(e=>e.spinner),S=()=>o(e=>e.media);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=ui-provider-CrsJ_dGn.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-provider-CrsJ_dGn.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: 'default',\n        defaultLabelSize: 'default',\n    },\n    table: {\n        defaultSize: 'small',\n    },\n    typography: {\n        defaultTextSize: 'sm',\n    },\n    item: {\n        defaultSize: 'default',\n        defaultVariant: 'default',\n    },\n    button: {\n        defaultButtonStyle: 'solid',\n    },\n    card: {\n        defaultPadding: 'default',\n        defaultSurface: 'framed',\n        defaultHeaderDivider: false,\n    },\n    toast: {\n        duration: 5000,\n        position: 'top-right',\n        theme: 'dark',\n        closeButton: true,\n        richColors: false,\n        visibleToasts: 4,\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    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 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,UACpB,iBAAkB,SACtB,EACA,MAAO,CACH,YAAa,OACjB,EACA,WAAY,CACR,gBAAiB,IACrB,EACA,KAAM,CACF,YAAa,UACb,eAAgB,SACpB,EACA,OAAQ,CACJ,mBAAoB,OACxB,EACA,KAAM,CACF,eAAgB,UAChB,eAAgB,SAChB,qBAAsB,EAC1B,EACA,MAAO,CACH,SAAU,IACV,SAAU,YACV,MAAO,OACP,YAAa,GACb,WAAY,GACZ,cAAe,CACnB,EACA,QAAS,CACL,eAAgB,SACpB,EACA,MAAO,CACH,WAAa,GAAU,EAAM,IAC7B,YAAc,GAAU,EAAM,MAAQ,EAAM,GAChD,CACJ,ECjEa,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,CC7CA,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,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-Dz2qXgZQ.js

@@ -0,0 +1,89 @@
+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: "default",
+		defaultLabelSize: "default"
+	},
+	table: { defaultSize: "small" },
+	typography: { defaultTextSize: "sm" },
+	item: {
+		defaultSize: "default",
+		defaultVariant: "default"
+	},
+	button: { defaultButtonStyle: "solid" },
+	card: {
+		defaultPadding: "default",
+		defaultSurface: "framed",
+		defaultHeaderDivider: !1
+	},
+	toast: {
+		duration: 5e3,
+		position: "top-right",
+		theme: "dark",
+		closeButton: !0,
+		richColors: !1,
+		visibleToasts: 4
+	},
+	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.item), x = () => l((e) => e.button), S = () => l((e) => e.card), C = () => l((e) => e.toast), w = () => l((e) => e.spinner), T = () => l((e) => e.media);
+//#endregion
+export { g as a, T as c, v as d, C as f, c as g, d as h, m as i, p as l, f as m, S as n, _ as o, y as p, h as r, b as s, x as t, w as u };
+
+//# sourceMappingURL=ui-provider-Dz2qXgZQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-provider-Dz2qXgZQ.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: 'default',\n        defaultLabelSize: 'default',\n    },\n    table: {\n        defaultSize: 'small',\n    },\n    typography: {\n        defaultTextSize: 'sm',\n    },\n    item: {\n        defaultSize: 'default',\n        defaultVariant: 'default',\n    },\n    button: {\n        defaultButtonStyle: 'solid',\n    },\n    card: {\n        defaultPadding: 'default',\n        defaultSurface: 'framed',\n        defaultHeaderDivider: false,\n    },\n    toast: {\n        duration: 5000,\n        position: 'top-right',\n        theme: 'dark',\n        closeButton: true,\n        richColors: false,\n        visibleToasts: 4,\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    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 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,QACjB;CACA,YAAY,EACR,iBAAiB,KACrB;CACA,MAAM;EACF,aAAa;EACb,gBAAgB;CACpB;CACA,QAAQ,EACJ,oBAAoB,QACxB;CACA,MAAM;EACF,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;CAC1B;CACA,OAAO;EACH,UAAU;EACV,UAAU;EACV,OAAO;EACP,aAAa;EACb,YAAY;EACZ,eAAe;CACnB;CACA,SAAS,EACL,gBAAgB,UACpB;CACA,OAAO;EACH,aAAa,MAAU,EAAM;EAC7B,cAAc,MAAU,EAAM,QAAQ,EAAM;CAChD;AACJ,GCjEa,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;;;AC7CA,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,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"}