themelia-react-ui 1.0.2 → 2.0.0

package/dist/typography-CAr3dQhX.js

@@ -0,0 +1,116 @@
+"use client";
+import { _ as e, p as t, s as n } from "./ui-provider-D2_TeLqw.js";
+import { t as r } from "./utils-Cospvlj1.js";
+import { o as i, r as a, t as o } from "./text.styles-g4He6UIW.js";
+import { createContext as s, forwardRef as c, useContext as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/typography/running-text.ts
+var f = s(!1);
+function p() {
+	return l(f);
+}
+//#endregion
+//#region src/components/typography/text.tsx
+var m = c(function({ content: e, children: n, type: a = "main", size: o, weight: s, align: c, lineHeight: l, numeric: d, invert: p = !1, tag: m = "p", className: h, ...g }, _) {
+	let { defaultTextSize: v } = t(), y = n ?? e;
+	return y == null || y === "" ? null : /* @__PURE__ */ u(m, {
+		"data-typography": "text",
+		...g,
+		ref: _,
+		className: r("text--component", i({
+			type: p ? "inverse" : a,
+			size: o ?? v,
+			weight: s,
+			align: c,
+			lineHeight: l,
+			numeric: d
+		}), h),
+		children: /* @__PURE__ */ u(f.Provider, {
+			value: !0,
+			children: y
+		})
+	});
+});
+//#endregion
+//#region src/components/typography/heading.tsx
+function h({ tag: e = "h3", size: t = "base", subHeading: n, subHeadingClassName: i, subHeadingSize: s, containerClassName: c, align: l = "left", divider: p = !1, className: h, children: g, ref: _, ...v }) {
+	return /* @__PURE__ */ d("div", {
+		className: r("heading--component flex min-w-0 flex-col gap-dense", a[l], c),
+		children: [g != null && /* @__PURE__ */ u(e, {
+			...v,
+			ref: _,
+			"data-typography": "heading",
+			className: r("heading--title m-0 font-heading", o[t], "font-semibold text-foreground text-balance break-words", a[l], p && "border-b border-border pb-space-md", h),
+			children: /* @__PURE__ */ u(f.Provider, {
+				value: !0,
+				children: g
+			})
+		}), n != null && /* @__PURE__ */ u(m, {
+			type: "secondary",
+			size: s,
+			align: l,
+			className: i,
+			children: n
+		})]
+	});
+}
+//#endregion
+//#region src/components/typography/display-label.tsx
+function g({ tag: e = "span", tone: t = "default", className: n, ...i }) {
+	return /* @__PURE__ */ u(m, {
+		...i,
+		tag: e,
+		size: "sm",
+		type: "main",
+		weight: "medium",
+		lineHeight: "tight",
+		"data-typography": "display-label",
+		className: r("display-label--component", t === "inverse" && "text-inverse-muted", n)
+	});
+}
+//#endregion
+//#region src/components/typography/label.tsx
+var _ = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+};
+function v({ content: t, children: i, size: a, className: o, ref: s, ...c }) {
+	let { defaultScale: l } = n();
+	return /* @__PURE__ */ u("label", {
+		...c,
+		ref: s,
+		"data-typography": "label",
+		className: r("label--component font-sans font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50", _[e(a, l)], o),
+		children: /* @__PURE__ */ u(f.Provider, {
+			value: !0,
+			children: i ?? t
+		})
+	});
+}
+//#endregion
+//#region src/components/typography/text-link.tsx
+var y = "w-fit max-w-full rounded-radius-xs outline-none box-decoration-clone transition-colors motion-reduce:transition-none focus-visible:ring-2 focus-visible:ring-ring", b = "underline decoration-current underline-offset-[0.2em]";
+function x({ type: e = "main", size: n, weight: a, align: o, lineHeight: s, underline: c = !0, className: l, ref: d, children: m, ...h }) {
+	let { defaultTextSize: g } = t(), _ = p();
+	return /* @__PURE__ */ u("a", {
+		...h,
+		ref: d,
+		"data-typography": "link",
+		className: r("text-link--component", y, i({
+			type: e,
+			size: n ?? (_ ? "inherit" : g),
+			weight: a ?? (_ ? "inherit" : void 0),
+			align: o,
+			lineHeight: s ?? (_ ? "inherit" : void 0)
+		}), c ? `${b} hover:decoration-transparent` : "no-underline", l),
+		children: /* @__PURE__ */ u(f.Provider, {
+			value: !0,
+			children: m
+		})
+	});
+}
+//#endregion
+export { g as a, f as c, v as i, p as l, y as n, h as o, b as r, m as s, x as t };
+
+//# sourceMappingURL=typography-CAr3dQhX.js.map

package/dist/typography-CAr3dQhX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CAr3dQhX.js","names":["resolveComponentScale","useTypographyConfig","useDensityConfig","cn","textVariants","textAlignments","headingSizes","RunningTextContext","createContext","useInRunningText","useContext","Text","forwardRef","Tag","props","value","children","content","invert","type","size","defaultTextSize","className","Heading","align","containerClassName","divider","subHeading","subHeadingSize","subHeadingClassName","DisplayLabel","tone","sizes","Label","defaultScale","inlineLinkClassName","linkUnderlineClassName","TextLink","inText","weight","lineHeight","underline"],"sources":["../src/components/typography/running-text.ts","../src/components/typography/text.tsx","../src/components/typography/heading.tsx","../src/components/typography/display-label.tsx","../src/components/typography/label.tsx","../src/components/typography/text-link.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * True below an element that renders running text: `Text`, `Heading`,\n * `DisplayLabel`, `Label`, `TextLink` and the inline value primitives.\n *\n * Inline value primitives read it to tell a value inside a sentence from a\n * standalone value. Inside running text their unset size, colour, weight and\n * leading inherit from the surrounding text; standalone values keep their role\n * defaults. Explicit props always win.\n */\nexport const RunningTextContext = createContext(false);\n\n/** Whether the caller renders inside running text owned by a typography role. */\nexport function useInRunningText(): boolean {\n\treturn useContext(RunningTextContext);\n}\n","import { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { useTypographyConfig, type TextSize } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext } from './running-text';\nimport { textVariants, type textTypes, type textWeights, type textAlignments, type textLineHeights } from './text.styles';\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n  /** Plain text fallback; children take precedence, including zero and empty strings. */\n  content?: string;\n  children?: ReactNode;\n  /** Colour role. Defaults to `main`; `inherit` keeps the surrounding text colour. */\n  type?: keyof typeof textTypes;\n  /** Text size. Defaults to the provider `typography.defaultTextSize` (`sm`). */\n  size?: TextSize;\n  /** Font weight. Defaults to `regular`; `inherit` keeps the surrounding weight. */\n  weight?: keyof typeof textWeights;\n  /** Text alignment. Defaults to `left`; `left` and `right` follow the reading direction. */\n  align?: keyof typeof textAlignments;\n  /** Line height. Defaults to `normal`; `inherit` keeps the surrounding leading. */\n  lineHeight?: keyof typeof textLineHeights;\n  /** Renders the inverse colour role on inverse surfaces. Defaults to `false`. */\n  invert?: boolean;\n  /**\n   * Monospace with tabular figures, for identifiers and code-like values. Numbers,\n   * amounts and dates use the number primitives (tabular sans figures) instead.\n   * Defaults to `false`.\n   */\n  numeric?: boolean;\n  /** Rendered element. Defaults to `p`. */\n  tag?: 'div' | 'p' | 'span';\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text({\n  content, children, type = 'main', size, weight, align, lineHeight,\n  numeric, invert = false, tag: Tag = 'p', className, ...props\n}, ref) {\n  const {defaultTextSize} = useTypographyConfig();\n  const value = children ?? content;\n  if (value === undefined || value === null || value === '') return null;\n  return <Tag data-typography=\"text\" {...props} ref={ref as never} className={cn('text--component', textVariants({type: invert ? 'inverse' : type, size: size ?? defaultTextSize, weight, align, lineHeight, numeric}), className)}>\n    <RunningTextContext.Provider value>{value}</RunningTextContext.Provider>\n  </Tag>;\n});\n","import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { TextSize } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext } from './running-text';\nimport { headingSizes, textAlignments } from './text.styles';\nimport { Text } from './text';\n\nexport type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\nexport type HeadingSize = keyof typeof headingSizes;\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  ref?: Ref<HTMLHeadingElement>;\n  /** Semantic outline level. Defaults to `h3`; it never changes the visual size. */\n  tag?: HeadingTag;\n  /**\n   * Visual emphasis, independent of `tag`. Defaults to the compact admin `base`.\n   * `xl` and larger tighten tracking; `2xl` and larger also tighten leading.\n   */\n  size?: HeadingSize;\n  /** Secondary line under the title, rendered as secondary `Text`. */\n  subHeading?: ReactNode;\n  subHeadingClassName?: string;\n  /** Text size of `subHeading`; defaults to the provider text size. */\n  subHeadingSize?: TextSize;\n  containerClassName?: string;\n  /** Text alignment for the title and sub-heading. Defaults to `left`. */\n  align?: keyof typeof textAlignments;\n  /** Adds a bottom rule under the title. Defaults to `false`. */\n  divider?: boolean;\n}\n\n/** Semantic heading levels share Themelia's restrained admin heading scale. */\nexport function Heading({tag: Tag = 'h3', size = 'base', subHeading, subHeadingClassName, subHeadingSize, containerClassName, align = 'left', divider = false, className, children, ref, ...props}: HeadingProps) {\n  return <div className={cn('heading--component flex min-w-0 flex-col gap-dense', textAlignments[align], containerClassName)}>\n    {children != null && <Tag {...props} ref={ref} data-typography=\"heading\" className={cn('heading--title m-0 font-heading', headingSizes[size], 'font-semibold text-foreground text-balance break-words', textAlignments[align], divider && 'border-b border-border pb-space-md', className)}><RunningTextContext.Provider value>{children}</RunningTextContext.Provider></Tag>}\n    {subHeading != null && <Text type=\"secondary\" size={subHeadingSize} align={align} className={subHeadingClassName}>{subHeading}</Text>}\n  </div>;\n}\n","import { Text, type TextProps } from './text';\nimport { cn } from '../../lib/utils';\n\nexport interface DisplayLabelProps extends Omit<TextProps, 'size' | 'type' | 'weight' | 'lineHeight'> {tone?: 'default' | 'inverse'}\nexport function DisplayLabel({tag = 'span', tone = 'default', className, ...props}: DisplayLabelProps) {\n  return <Text {...props} tag={tag} size=\"sm\" type=\"main\" weight=\"medium\" lineHeight=\"tight\" data-typography=\"display-label\" className={cn('display-label--component', tone === 'inverse' && 'text-inverse-muted', className)} />;\n}\n","import type { LabelHTMLAttributes, ReactNode, Ref } from 'react';\nimport type { ComponentScale } from '../../lib/component-vocabulary';\nimport { useDensityConfig } from '../../lib/ui-provider';\nimport { resolveComponentScale } from '../../lib/ui-provider/scale';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext } from './running-text';\n\nexport interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'content'> {\n  /** Fallback content; children take precedence. */\n  content?: ReactNode;\n  /** Control scale the caption belongs to (`sm` → xs, `md` → sm, `lg` → base). Defaults to the provider density scale. */\n  size?: ComponentScale;\n  ref?: Ref<HTMLLabelElement>;\n}\nconst sizes = {sm: 'text-xs', md: 'text-sm', lg: 'text-base'} as const;\n/** Form caption for a control; medium weight, foreground, no incidental margins. */\nexport function Label({content, children, size, className, ref, ...props}: LabelProps) {\n  const {defaultScale} = useDensityConfig();\n  return <label {...props} ref={ref} data-typography=\"label\" className={cn('label--component font-sans font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50', sizes[resolveComponentScale(size, defaultScale)], className)}>\n    <RunningTextContext.Provider value>{children ?? content}</RunningTextContext.Provider>\n  </label>;\n}\n","import type { AnchorHTMLAttributes, Ref } from 'react';\nimport { useTypographyConfig } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext, useInRunningText } from './running-text';\nimport { textVariants } from './text.styles';\nimport type { TextProps } from './text';\n\n/**\n * Inline-link mechanics shared by `TextLink` and the link primitives. As a flex\n * or grid item the link hugs its text, so neither the hit area nor the focus\n * ring stretches across the row. The full-strength ring uses the small radius\n * role and follows every line of a wrapped link. Links keep one colour whether\n * or not they were visited: the role colour is explicit.\n */\nexport const inlineLinkClassName = 'w-fit max-w-full rounded-radius-xs outline-none box-decoration-clone transition-colors motion-reduce:transition-none focus-visible:ring-2 focus-visible:ring-ring';\n\n/** Underline geometry shared with content links: proportional to the text size. */\nexport const linkUnderlineClassName = 'underline decoration-current underline-offset-[0.2em]';\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>, Pick<TextProps, 'type' | 'size' | 'weight' | 'align' | 'lineHeight'> {\n  /** Text size. Defaults to the provider text size; inside running text, the surrounding size. */\n  size?: TextProps['size'];\n  /**\n   * Underlined at rest, clearing on hover. Defaults to `true`; keep it for links\n   * whose colour matches the surrounding text. `false` renders no underline and\n   * leaves the hover treatment to the composition (a row, chip or menu).\n   */\n  underline?: boolean;\n  ref?: Ref<HTMLAnchorElement>;\n}\n\n/**\n * Native anchor sibling of `Text`: the same roles plus link focus and hover\n * states. Inside running text an unset size, weight and leading follow the\n * sentence; the colour role stays, so the link still reads as a link.\n */\nexport function TextLink({type = 'main', size, weight, align, lineHeight, underline = true, className, ref, children, ...props}: TextLinkProps) {\n  const {defaultTextSize} = useTypographyConfig();\n  const inText = useInRunningText();\n  return <a {...props} ref={ref} data-typography=\"link\" className={cn('text-link--component', inlineLinkClassName, textVariants({type, size: size ?? (inText ? 'inherit' : defaultTextSize), weight: weight ?? (inText ? 'inherit' : undefined), align, lineHeight: lineHeight ?? (inText ? 'inherit' : undefined)}), underline ? `${linkUnderlineClassName} hover:decoration-transparent` : 'no-underline', className)}>\n    <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>\n  </a>;\n}\n"],"mappings":"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"}

package/dist/typography.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "./typography-BxQgiZyw.js";
-export { r as DisplayLabel, t as Heading, n as Label, e as Text, i as TextLink };
+import { a as e, i as t, o as n, s as r, t as i } from "./typography-CAr3dQhX.js";
+export { e as DisplayLabel, n as Heading, t as Label, r as Text, i as TextLink };

package/dist/{ui-provider-DRPn3qNl.js → ui-provider-D2_TeLqw.js}

@@ -24,10 +24,10 @@ var l = {
 	typography: { defaultTextSize: "sm" },
 	item: { defaultVariant: "default" },
 	button: {
-		defaultTone: "primary",
-		defaultButtonStyle: "solid"
+		defaultTone: "secondary",
+		defaultButtonStyle: "outline"
 	},
-	badge: { defaultTone: "primary" },
+	badge: { defaultTone: "neutral" },
 	card: {
 		defaultSurface: "framed",
 		defaultHeaderDivider: !1,
@@ -53,57 +53,57 @@ function d(e, t, n = "md") {
 }
 //#endregion
 //#region src/lib/ui-provider/store.ts
-function f(e = {}) {
+function f(e = {}, t = l) {
 	return {
-		density: { defaultScale: d(e.density?.defaultScale, l.density.defaultScale) },
+		density: { defaultScale: d(e.density?.defaultScale, t.density.defaultScale) },
 		formatting: {
-			...l.formatting,
+			...t.formatting,
 			...e.formatting
 		},
 		money: {
-			...l.money,
+			...t.money,
 			...e.money
 		},
 		dates: {
-			...l.dates,
+			...t.dates,
 			...e.dates
 		},
 		comments: {
-			...l.comments,
+			...t.comments,
 			...e.comments
 		},
 		typography: {
-			...l.typography,
+			...t.typography,
 			...e.typography
 		},
 		item: {
-			...l.item,
+			...t.item,
 			...e.item
 		},
 		button: {
-			...l.button,
+			...t.button,
 			...e.button
 		},
 		badge: {
-			...l.badge,
+			...t.badge,
 			...e.badge
 		},
 		card: {
-			...l.card,
+			...t.card,
 			...e.card
 		},
 		toast: {
-			...l.toast,
+			...t.toast,
 			...e.toast
 		},
 		spinner: {
-			...l.spinner,
+			...t.spinner,
 			...e.spinner
 		}
 	};
 }
-function p(e = {}) {
-	return o(() => f(e));
+function p(e = {}, t) {
+	return o(() => f(e, t));
 }
 var m = t(null), h = p();
 function g(e) {
@@ -114,8 +114,7 @@ function g(e) {
 //#region src/lib/ui-provider/provider.tsx
 function _({ config: e, children: t }) {
 	let a = n(m), o = i(null);
-	if (i(e), a) throw Error("[UIProvider] Nested providers are not supported. Mount one UIProvider per React root; use direct component props or CSS ThemeScope boundaries for local overrides.");
-	return o.current === null && (o.current = p(e)), r(() => {}, [e]), /* @__PURE__ */ s(m.Provider, {
+	return i(e), o.current === null && (o.current = p(e, a?.getState())), r(() => {}, [e]), /* @__PURE__ */ s(m.Provider, {
 		value: o.current,
 		children: t
 	});
@@ -126,4 +125,4 @@ var v = () => g((e) => e.density), y = () => g((e) => e.formatting), b = () => g
 //#endregion
 export { d as _, S as a, y as c, k as d, O as f, u as g, f as h, D as i, w as l, _ as m, E as n, x as o, C as p, T as r, v as s, c as t, b as u, l as v };
 
-//# sourceMappingURL=ui-provider-DRPn3qNl.js.map
+//# sourceMappingURL=ui-provider-D2_TeLqw.js.map

package/dist/ui-provider-D2_TeLqw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-provider-D2_TeLqw.js","names":["DEFAULT_UI_CONFIG","isComponentScale","COMPONENT_SCALES","value","resolveComponentScale","propScale","providerScale","fallback","resolveUIConfig","config","base","createUIStore","createStore","UIStoreContext","createContext","fallbackUIStore","useUIStore","contextualStore","useContext","useStore","selector","UIProvider","parentStore","storeRef","useRef","useEffect","useDensityConfig","s","useFormattingConfig","useMoneyConfig","useDatesConfig","useCommentsConfig","useTypographyConfig","useItemConfig","useButtonConfig","useBadgeConfig","useCardConfig","useToastConfig","useSpinnerConfig","DirectionProvider"],"sources":["../src/lib/ui-provider/defaults.ts","../src/lib/ui-provider/scale.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 * Each `<UIProvider>` creates an isolated mount-once store synchronously, so\n * these defaults work for browser rendering, SSR, and multiple React roots.\n * Components outside a provider read the no-provider fallback store.\n */\nimport type { ResolvedUIConfig } from './types';\n\nexport const DEFAULT_UI_CONFIG: ResolvedUIConfig = {\n\tdensity: {\n\t\tdefaultScale: 'md',\n\t},\n\tformatting: {\n\t\tlocale: 'en-US',\n\t},\n\tmoney: {\n\t\tdefaultCurrency: 'USD',\n\t\tdualPricingEnabled: false,\n\t\tdisplayMode: 'default_only',\n\t\tdualPricingDisplay: 'lines',\n\t\tformatMode: 'with_code',\n\t},\n\tdates: {\n\t\tweekStartsOn: 1,\n\t\tformat: 'dd MMM yyyy',\n\t},\n\tcomments: {\n\t\tcomposerPosition: 'top',\n\t},\n\ttypography: {\n\t\tdefaultTextSize: 'sm',\n\t},\n\titem: {\n\t\tdefaultVariant: 'default',\n\t},\n\tbutton: {\n\t\t// The neutral button; the one main command opts into tone=\"primary\".\n\t\tdefaultTone: 'secondary',\n\t\tdefaultButtonStyle: 'outline',\n\t},\n\tbadge: {\n\t\tdefaultTone: 'neutral',\n\t},\n\tcard: {\n\t\tdefaultSurface: 'framed',\n\t\tdefaultHeaderDivider: false,\n\t\tdefaultFooterDivider: false,\n\t},\n\ttoast: {\n\t\tduration: 5000,\n\t\tposition: 'bottom-center',\n\t\ttheme: 'dark',\n\t\tcloseButton: true,\n\t\trichColors: false,\n\t\tvisibleToasts: 4,\n\t},\n\tspinner: {\n\t\tdefaultVariant: 'default',\n\t},\n};\n","import {\n\tCOMPONENT_SCALES,\n\ttype ComponentScale,\n} from '../component-vocabulary';\n\n/** Runtime guard for serialized or otherwise untyped component scale values. */\nexport function isComponentScale(value: unknown): value is ComponentScale {\n\treturn COMPONENT_SCALES.includes(value as ComponentScale);\n}\n\n/** Resolve direct, provider, and local scale defaults in precedence order. */\nexport function resolveComponentScale(\n\tpropScale: ComponentScale | undefined,\n\tproviderScale: ComponentScale | undefined,\n\tfallback: ComponentScale = 'md',\n): ComponentScale {\n\tif (isComponentScale(propScale)) return propScale;\n\tif (isComponentScale(providerScale)) return providerScale;\n\treturn isComponentScale(fallback) ? fallback : 'md';\n}\n","/**\n * Store plumbing for `<UIProvider>`.\n *\n * Each provider owns a vanilla Zustand store. This keeps independent React\n * roots and concurrent SSR requests isolated while retaining slice-scoped\n * subscriptions. A fallback store keeps components functional when no\n * provider is mounted and preserves the historical test bootstrap helpers.\n */\nimport { createContext, useContext } from 'react';\nimport { useStore } from 'zustand';\nimport { createStore, type StoreApi } from 'zustand/vanilla';\n\nimport { DEFAULT_UI_CONFIG } from './defaults';\nimport { resolveComponentScale } from './scale';\nimport type { ResolvedUIConfig, UIConfig } from './types';\n\nexport type UIStore = StoreApi<ResolvedUIConfig>;\n\n/**\n * Merge a partial config over a resolved base: the package defaults for a\n * root provider, or the parent provider's resolved defaults when nested.\n */\nexport function resolveUIConfig(\n\tconfig: UIConfig = {},\n\tbase: ResolvedUIConfig = DEFAULT_UI_CONFIG,\n): ResolvedUIConfig {\n\treturn {\n\t\tdensity: {\n\t\t\tdefaultScale: resolveComponentScale(\n\t\t\t\tconfig.density?.defaultScale,\n\t\t\t\tbase.density.defaultScale,\n\t\t\t),\n\t\t},\n\t\tformatting: { ...base.formatting, ...config.formatting },\n\t\tmoney: { ...base.money, ...config.money },\n\t\tdates: { ...base.dates, ...config.dates },\n\t\tcomments: { ...base.comments, ...config.comments },\n\t\ttypography: { ...base.typography, ...config.typography },\n\t\titem: { ...base.item, ...config.item },\n\t\tbutton: { ...base.button, ...config.button },\n\t\tbadge: { ...base.badge, ...config.badge },\n\t\tcard: { ...base.card, ...config.card },\n\t\ttoast: { ...base.toast, ...config.toast },\n\t\tspinner: { ...base.spinner, ...config.spinner },\n\t};\n}\n\nexport function createUIStore(config: UIConfig = {}, base?: ResolvedUIConfig): UIStore {\n\treturn createStore<ResolvedUIConfig>(() => resolveUIConfig(config, base));\n}\n\nexport const UIStoreContext = createContext<UIStore | null>(null);\n\nconst fallbackUIStore = createUIStore();\n\nexport function useUIStore<T>(selector: (state: ResolvedUIConfig) => T): T {\n\tconst contextualStore = useContext(UIStoreContext);\n\treturn useStore(contextualStore ?? fallbackUIStore, selector);\n}\n\n/** Test-only helper for components rendered without a provider. */\nexport function applyUIConfig(config: UIConfig): void {\n\tfallbackUIStore.setState((state) => {\n\t\tconst next = { ...state };\n\t\tconst nextSlices = next as unknown as Record<keyof UIConfig, object>;\n\t\tconst currentSlices = state as unknown as Record<keyof UIConfig, object>;\n\n\t\tfor (const key of Object.keys(config) as Array<keyof UIConfig>) {\n\t\t\tconst override = config[key];\n\t\t\tif (!override) continue;\n\t\t\tnextSlices[key] = { ...currentSlices[key], ...override };\n\t\t}\n\n\t\treturn next;\n\t});\n}\n\n/** Test-only reset for the no-provider fallback store. */\nexport function resetUIConfig(): void {\n\tfallbackUIStore.setState(resolveUIConfig(), true);\n}\n","/**\n * `<UIProvider>` — an isolated, mount-once display-default boundary.\n *\n * The store is created synchronously on the first render, so server output,\n * hydration, and the first browser render all observe the same configuration.\n * Independent roots and SSR requests never share mutable provider state. A\n * nested provider starts from its parent's resolved defaults and overrides\n * only the keys it sets.\n */\nimport { useContext, useEffect, useRef, type ReactNode } from 'react';\n\nimport { createUIStore, UIStoreContext, type UIStore } from './store';\nimport type { UIConfig } from './types';\n\nexport interface UIProviderProps {\n\t/**\n\t * Partial display-default tree merged over the nearest parent provider's\n\t * defaults, or over `DEFAULT_UI_CONFIG` at the root.\n\t */\n\tconfig?: UIConfig;\n\tchildren: ReactNode;\n}\n\nexport function UIProvider({ config, children }: UIProviderProps) {\n\tconst parentStore = useContext(UIStoreContext);\n\tconst storeRef = useRef<UIStore | null>(null);\n\tconst initialConfigRef = useRef<UIConfig | undefined>(config);\n\n\tif (storeRef.current === null) {\n\t\t// Both providers are mount-once, so the parent snapshot stays exact.\n\t\tstoreRef.current = createUIStore(config, parentStore?.getState());\n\t}\n\n\tuseEffect(() => {\n\t\tif (import.meta.env?.DEV && initialConfigRef.current !== config) {\n\t\t\tconsole.warn(\n\t\t\t\t'[UIProvider] `config` is mount-once. Subsequent prop identity ' +\n\t\t\t\t\t'changes are ignored; use direct component props for per-mount state.',\n\t\t\t);\n\t\t}\n\t}, [config]);\n\n\treturn (\n\t\t<UIStoreContext.Provider value={storeRef.current}>\n\t\t\t{children}\n\t\t</UIStoreContext.Provider>\n\t);\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\tButtonConfigSlice,\n\tBadgeConfigSlice,\n\tCardConfigSlice,\n\tCommentsDefaultsConfig,\n\tDatesConfig,\n\tDensityConfigSlice,\n\tFormattingConfigSlice,\n\tItemConfigSlice,\n\tMoneyConfig,\n\tSpinnerConfigSlice,\n\tToastConfig,\n\tTypographyConfigSlice,\n} from './types';\n\nexport const useDensityConfig = (): DensityConfigSlice =>\n\tuseUIStore((s) => s.density);\n\nexport const useFormattingConfig = (): FormattingConfigSlice =>\n\tuseUIStore((s) => s.formatting);\n\nexport const useMoneyConfig = (): MoneyConfig =>\n\tuseUIStore((s) => s.money);\n\nexport const useDatesConfig = (): DatesConfig =>\n\tuseUIStore((s) => s.dates);\n\nexport const useCommentsConfig = (): CommentsDefaultsConfig =>\n\tuseUIStore((s) => s.comments);\n\nexport const useTypographyConfig = (): TypographyConfigSlice =>\n\tuseUIStore((s) => s.typography);\n\nexport const useItemConfig = (): ItemConfigSlice =>\n\tuseUIStore((s) => s.item);\n\nexport const useButtonConfig = (): ButtonConfigSlice =>\n\tuseUIStore((s) => s.button);\n\nexport const useBadgeConfig = (): BadgeConfigSlice =>\n\tuseUIStore((s) => s.badge);\n\nexport const useCardConfig = (): CardConfigSlice =>\n\tuseUIStore((s) => s.card);\n\nexport const useToastConfig = (): ToastConfig =>\n\tuseUIStore((s) => s.toast);\n\nexport const useSpinnerConfig = (): SpinnerConfigSlice =>\n\tuseUIStore((s) => s.spinner);\n"],"mappings":"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"}

package/dist/ui-provider.js

@@ -1,4 +1,4 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g } from "./ui-provider-DRPn3qNl.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g } from "./ui-provider-D2_TeLqw.js";
 import { t as _ } from "./theme-scope-kStaAer0.js";
 export { g as DEFAULT_UI_CONFIG, m as DirectionProvider, _ as ThemeScope, c as UIProvider, a as isComponentScale, e as resolveComponentScale, l as useBadgeConfig, f as useButtonConfig, o as useCardConfig, t as useCommentsConfig, u as useDatesConfig, p as useDensityConfig, n as useFormattingConfig, s as useItemConfig, h as useMoneyConfig, r as useSpinnerConfig, i as useToastConfig, d as useTypographyConfig };