themelia-react-ui 1.0.0 → 1.0.2

package/dist/typography-BxQgiZyw.js

@@ -0,0 +1,96 @@
+"use client";
+import { _ as e, p as t, s as n } from "./ui-provider-DRPn3qNl.js";
+import { t as r } from "./utils-BvH9PSmq.js";
+import { o as i, r as a, t as o } from "./text.styles-Q4sGAIgA.js";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/typography/text.tsx
+var u = s(function({ content: e, children: n, type: a = "main", size: o, weight: s, align: l, lineHeight: u, numeric: d, invert: f = !1, tag: p = "p", className: m, ...h }, g) {
+	let { defaultTextSize: _ } = t(), v = n ?? e;
+	return v == null || v === "" ? null : /* @__PURE__ */ c(p, {
+		"data-typography": "text",
+		...h,
+		ref: g,
+		className: r("text--component", i({
+			type: f ? "inverse" : a,
+			size: o ?? _,
+			weight: s,
+			align: l,
+			lineHeight: u,
+			numeric: d
+		}), m),
+		children: v
+	});
+});
+//#endregion
+//#region src/components/typography/heading.tsx
+function d({ tag: e = "h3", size: t = "base", subHeading: n, subHeadingClassName: i, subHeadingSize: s, containerClassName: d, align: f = "left", divider: p = !1, className: m, children: h, ref: g, ..._ }) {
+	return /* @__PURE__ */ l("div", {
+		className: r("heading--component flex min-w-0 flex-col gap-dense", a[f], d),
+		children: [h != null && /* @__PURE__ */ c(e, {
+			..._,
+			ref: g,
+			"data-typography": "heading",
+			className: r("heading--title m-0 font-heading", o[t], "font-semibold leading-snug text-foreground text-balance", a[f], p && "border-b border-border pb-space-md", m),
+			children: h
+		}), n != null && /* @__PURE__ */ c(u, {
+			type: "secondary",
+			size: s,
+			align: f,
+			className: i,
+			children: n
+		})]
+	});
+}
+//#endregion
+//#region src/components/typography/display-label.tsx
+function f({ tag: e = "span", tone: t = "default", className: n, ...i }) {
+	return /* @__PURE__ */ c(u, {
+		...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 p = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+};
+function m({ content: t, children: i, size: a, className: o, ref: s, ...l }) {
+	let { defaultScale: u } = n();
+	return /* @__PURE__ */ c("label", {
+		...l,
+		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", p[e(a, u)], o),
+		children: i ?? t
+	});
+}
+//#endregion
+//#region src/components/typography/text-link.tsx
+function h({ type: e = "main", size: n, weight: a, align: o, lineHeight: s, underline: l = !0, className: u, ref: d, ...f }) {
+	let { defaultTextSize: p } = t();
+	return /* @__PURE__ */ c("a", {
+		...f,
+		ref: d,
+		"data-typography": "link",
+		className: r("text-link--component rounded-radius outline-none focus-visible:ring-2 focus-visible:ring-ring", i({
+			type: e,
+			size: n ?? p,
+			weight: a,
+			align: o,
+			lineHeight: s
+		}), l ? "underline underline-offset-4 decoration-current hover:decoration-transparent" : "no-underline", u)
+	});
+}
+//#endregion
+export { u as a, d as i, m as n, f as r, h as t };
+
+//# sourceMappingURL=typography-BxQgiZyw.js.map

package/dist/typography-BxQgiZyw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-BxQgiZyw.js","names":["resolveComponentScale","useTypographyConfig","useDensityConfig","cn","textVariants","textAlignments","headingSizes","Text","forwardRef","Tag","props","value","children","content","invert","type","size","defaultTextSize","className","Heading","align","containerClassName","divider","subHeading","subHeadingSize","subHeadingClassName","DisplayLabel","tone","sizes","Label","defaultScale","TextLink","underline"],"sources":["../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 { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { useTypographyConfig, type TextSize } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\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  type?: keyof typeof textTypes;\n  size?: TextSize;\n  weight?: keyof typeof textWeights;\n  align?: keyof typeof textAlignments;\n  lineHeight?: keyof typeof textLineHeights;\n  invert?: boolean;\n  numeric?: boolean;\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)}>{value}</Tag>;\n});\n","import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { TextSize } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\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  tag?: HeadingTag;\n  /** Visual emphasis; semantic tag and the default admin size remain independent. */\n  size?: HeadingSize;\n  subHeading?: ReactNode;\n  subHeadingClassName?: string;\n  subHeadingSize?: TextSize;\n  containerClassName?: string;\n  align?: keyof typeof textAlignments;\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 leading-snug text-foreground text-balance', textAlignments[align], divider && 'border-b border-border pb-space-md', className)}>{children}</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';\n\nexport interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'content'> {content?: ReactNode; size?: ComponentScale; ref?: Ref<HTMLLabelElement>}\nconst sizes = {sm: 'text-xs', md: 'text-sm', lg: 'text-base'} as const;\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)}>{children ?? content}</label>;\n}\n","import type { AnchorHTMLAttributes, Ref } from 'react';\nimport { useTypographyConfig } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { textVariants } from './text.styles';\nimport type { TextProps } from './text';\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>, Pick<TextProps, 'type' | 'size' | 'weight' | 'align' | 'lineHeight'> {underline?: boolean; ref?: Ref<HTMLAnchorElement>}\nexport function TextLink({type = 'main', size, weight, align, lineHeight, underline = true, className, ref, ...props}: TextLinkProps) {\n  const {defaultTextSize} = useTypographyConfig();\n  return <a {...props} ref={ref} data-typography=\"link\" className={cn('text-link--component rounded-radius outline-none focus-visible:ring-2 focus-visible:ring-ring', textVariants({type, size: size ?? defaultTextSize, weight, align, lineHeight}), underline ? 'underline underline-offset-4 decoration-current hover:decoration-transparent' : 'no-underline', className)} />;\n}\n"],"mappings":";;;;;;;AAmBA,IAAaO,IAAOC,EAAmC,SAAc,EACnE,YAAS,aAAU,UAAO,QAAQ,SAAM,WAAQ,UAAO,eACvD,YAAS,YAAS,IAAO,KAAKC,IAAM,KAAK,cAAW,GAAGC,KACtD,GAAK;CACN,IAAM,EAAC,uBAAmBT,EAAoB,GACxCU,IAAQC,KAAYC;CAE1B,OADIF,KAAiC,QAAQA,MAAU,KAAW,OAC3D,kBAACF,GAAD;EAAK,mBAAgB;EAAO,GAAIC;EAAY;EAAc,WAAWP,EAAG,mBAAmBC,EAAa;GAAC,MAAMU,IAAS,YAAYC;GAAM,MAAMC,KAAQC;GAAiB;GAAQ;GAAO;GAAY;EAAO,CAAC,GAAGC,CAAS;EAAI,UAAAP;CAAW,CAAA;AAChP,CAAC;;;ACLD,SAAgBQ,EAAQ,EAAC,KAAKV,IAAM,MAAM,UAAO,QAAQ,eAAY,wBAAqB,mBAAgB,uBAAoB,WAAQ,QAAQ,aAAU,IAAO,cAAW,aAAU,QAAK,GAAGC,KAAsB;CAChN,OAAO,kBAAC,OAAD;EAAK,WAAWP,EAAG,sDAAsDE,EAAee,IAAQC,CAAkB;EAAlH,UAAA,CACJT,KAAY,QAAQ,kBAACH,GAAD;GAAK,GAAIC;GAAY;GAAK,mBAAgB;GAAU,WAAWP,EAAG,mCAAmCG,EAAaU,IAAO,2DAA2DX,EAAee,IAAQE,KAAW,sCAAsCJ,CAAS;GAAI;EAAc,CAAA,GAC3SK,KAAc,QAAQ,kBAAChB,GAAD;GAAM,MAAK;GAAY,MAAMiB;GAAuB;GAAO,WAAWC;GAAsB,UAAAF;EAAiB,CAAA,CACjI;;AACP;;;ACvBA,SAAgBG,EAAa,EAAC,SAAM,QAAQ,UAAO,WAAW,cAAW,GAAGhB,KAA2B;CACrG,OAAO,kBAACH,GAAD;EAAM,GAAIG;EAAY;EAAK,MAAK;EAAK,MAAK;EAAO,QAAO;EAAS,YAAW;EAAQ,mBAAgB;EAAgB,WAAWP,EAAG,4BAA4BwB,MAAS,aAAa,sBAAsBT,CAAS;CAAI,CAAA;AAChO;;;ACCA,IAAMU,IAAQ;CAAC,IAAI;CAAW,IAAI;CAAW,IAAI;AAAW;AAC5D,SAAgBC,EAAM,EAAC,YAAS,aAAU,SAAM,cAAW,QAAK,GAAGnB,KAAoB;CACrF,IAAM,EAAC,oBAAgBR,EAAiB;CACxC,OAAO,kBAAC,SAAD;EAAO,GAAIQ;EAAY;EAAK,mBAAgB;EAAQ,WAAWP,EAAG,iIAAiIyB,EAAM5B,EAAsBgB,GAAMc,CAAY,IAAIZ,CAAS;EAAI,UAAAN,KAAYC;CAAe,CAAA;AACtS;;;ACJA,SAAgBkB,EAAS,EAAC,UAAO,QAAQ,SAAM,WAAQ,UAAO,eAAY,eAAY,IAAM,cAAW,QAAK,GAAGrB,KAAuB;CACpI,IAAM,EAAC,uBAAmBT,EAAoB;CAC9C,OAAO,kBAAC,KAAD;EAAG,GAAIS;EAAY;EAAK,mBAAgB;EAAO,WAAWP,EAAG,iGAAiGC,EAAa;GAAC;GAAM,MAAMY,KAAQC;GAAiB;GAAQ;GAAO;EAAU,CAAC,GAAGe,IAAY,iFAAiF,gBAAgBd,CAAS;CAAI,CAAA;AACjX"}

package/dist/typography.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "./typography-Cv8MT-82.js";
+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 };

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

@@ -30,7 +30,8 @@ var l = {
 	badge: { defaultTone: "primary" },
 	card: {
 		defaultSurface: "framed",
-		defaultHeaderDivider: !1
+		defaultHeaderDivider: !1,
+		defaultFooterDivider: !1
 	},
 	toast: {
 		duration: 5e3,
@@ -125,4 +126,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-CftIB6TY.js.map
+//# sourceMappingURL=ui-provider-DRPn3qNl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-provider-DRPn3qNl.js","names":["DEFAULT_UI_CONFIG","isComponentScale","COMPONENT_SCALES","value","resolveComponentScale","propScale","providerScale","fallback","resolveUIConfig","config","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\tdefaultTone: 'primary',\n\t\tdefaultButtonStyle: 'solid',\n\t},\n\tbadge: {\n\t\tdefaultTone: 'primary',\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\nexport function resolveUIConfig(config: UIConfig = {}): ResolvedUIConfig {\n\treturn {\n\t\tdensity: {\n\t\t\tdefaultScale: resolveComponentScale(\n\t\t\t\tconfig.density?.defaultScale,\n\t\t\t\tDEFAULT_UI_CONFIG.density.defaultScale,\n\t\t\t),\n\t\t},\n\t\tformatting: { ...DEFAULT_UI_CONFIG.formatting, ...config.formatting },\n\t\tmoney: { ...DEFAULT_UI_CONFIG.money, ...config.money },\n\t\tdates: { ...DEFAULT_UI_CONFIG.dates, ...config.dates },\n\t\tcomments: { ...DEFAULT_UI_CONFIG.comments, ...config.comments },\n\t\ttypography: { ...DEFAULT_UI_CONFIG.typography, ...config.typography },\n\t\titem: { ...DEFAULT_UI_CONFIG.item, ...config.item },\n\t\tbutton: { ...DEFAULT_UI_CONFIG.button, ...config.button },\n\t\tbadge: { ...DEFAULT_UI_CONFIG.badge, ...config.badge },\n\t\tcard: { ...DEFAULT_UI_CONFIG.card, ...config.card },\n\t\ttoast: { ...DEFAULT_UI_CONFIG.toast, ...config.toast },\n\t\tspinner: { ...DEFAULT_UI_CONFIG.spinner, ...config.spinner },\n\t};\n}\n\nexport function createUIStore(config: UIConfig = {}): UIStore {\n\treturn createStore<ResolvedUIConfig>(() => resolveUIConfig(config));\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.\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/** Partial display-default tree merged over `DEFAULT_UI_CONFIG`. */\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\tif (parentStore) {\n\t\tthrow new Error(\n\t\t\t'[UIProvider] Nested providers are not supported. Mount one UIProvider ' +\n\t\t\t\t'per React root; use direct component props or CSS ThemeScope boundaries ' +\n\t\t\t\t'for local overrides.',\n\t\t);\n\t}\n\n\tif (storeRef.current === null) {\n\t\tstoreRef.current = createUIStore(config);\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-CftIB6TY.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-DRPn3qNl.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 };