admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/_shared/text-qsEg5GdP.js

@@ -1,74 +0,0 @@
-import { m as e } from "./ui-provider-CQJ1glwN.js";
-import { cn as t } from "../lib/utils.js";
-import { createElement as n, useMemo as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/lib/sanitize-html.ts
-var a = {
-	"&": "&",
-	"<": "&lt;",
-	">": "&gt;",
-	"\"": "&quot;",
-	"'": "&#39;"
-};
-function o(e) {
-	return e ? e.replace(/[&<>"']/g, (e) => a[e] ?? e) : "";
-}
-//#endregion
-//#region src/components/typography/text.tsx
-var s = {
-	inherit: "[font-size:inherit]",
-	xxs: "text-xxs",
-	sm: "text-sm",
-	xs: "text-xs",
-	base: "text-base",
-	lg: "text-lg",
-	xl: "text-xl"
-}, c = {
-	main: "text-foreground",
-	inverse: "text-background",
-	secondary: "text-muted-foreground",
-	discrete: "text-muted-foreground/50",
-	error: "text-destructive",
-	success: "text-success",
-	primary: "text-primary"
-}, l = {
-	normal: "leading-normal",
-	relaxed: "leading-relaxed",
-	loose: "leading-loose",
-	tight: "leading-tight",
-	snug: "leading-snug",
-	none: "leading-none"
-}, u = {
-	regular: "font-normal",
-	medium: "font-medium",
-	semibold: "font-semibold",
-	bold: "font-bold"
-}, d = {
-	center: "text-center",
-	right: "text-right",
-	left: "text-left"
-};
-function f({ content: a, type: f = "main", size: p, align: m = "left", lineHeight: h = "normal", weight: g = "regular", className: _ = "", children: v, asHTML: y = !1, tag: b = "p", ...x }) {
-	let { defaultTextSize: S } = e(), C = p ?? S ?? "sm", w = t(c[f], s[C], d[m], l[h], u[g], _), T = r(() => typeof a == "string" && a.length > 0 ? a : typeof v == "string" || typeof v == "number" ? String(v) : "", [v, a]);
-	return y ? n(b, {
-		className: w,
-		"data-typography": "text",
-		dangerouslySetInnerHTML: { __html: o(T) },
-		...x
-	}) : a && a.length > 0 ? /* @__PURE__ */ i(b, {
-		className: w,
-		"data-typography": "text",
-		...x,
-		children: a
-	}) : v == null ? null : /* @__PURE__ */ i(b, {
-		className: w,
-		"data-typography": "text",
-		...x,
-		children: v
-	});
-}
-f.displayName = "Text";
-//#endregion
-export { o as n, f as t };
-
-//# sourceMappingURL=text-qsEg5GdP.js.map

package/dist/_shared/text-qsEg5GdP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-qsEg5GdP.js","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.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 * so the global `--base-font-scale` knob applies cleanly.\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    inherit: '[font-size:inherit]',\n    xxs: 'text-xxs',\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    inverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground/50',\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\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\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\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"],"mappings":";;;;;AAAA,IAAM,IAAiC;CACtC,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAK;CACL,KAAK;AACN;AAEA,SAAgB,EAAa,GAAuB;CAEnD,OADK,IACE,EAAM,QAAQ,aAAa,MAAO,EAAO,MAAO,CAAE,IADtC;AAEpB;;;ACEA,IAAM,IAAQ;CACV,SAAS;CACT,KAAK;CACR,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;AACL,GAEM,IAAQ;CACb,MAAM;CACH,SAAS;CACZ,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;AACV,GAEM,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;AACP,GAEM,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;AAAY;AAelF,SAAgB,EAAK,EACpB,YACA,UAAO,QACP,MAAM,GACN,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,aACA,YAAS,IACT,KAAK,IAAM,KACX,GAAG,KACU;CACb,IAAM,EAAE,uBAAoB,EAAoB,GAC1C,IAAO,KAAY,KAAmB,MACtC,IAAiB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,CACD,GAEM,IAAa,QACd,OAAO,KAAY,YAAY,EAAQ,SAAS,IAC5C,IAGJ,OAAO,KAAa,YAAY,OAAO,KAAa,WAChD,OAAO,CAAQ,IAGhB,IACL,CAAC,GAAU,CAAO,CAAC;CA4BtB,OA1BI,IAEI,EAAc,GAAK;EACzB,WAAW;EACX,mBAAmB;EACnB,yBAAyB,EAAE,QAJV,EAAa,CAIK,EAAU;EAC7C,GAAG;CACJ,CAAC,IAGE,KAAW,EAAQ,SAAS,IAE9B,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;YACzD;CACG,CAAA,IAIH,KAAuC,OAQpC,OANL,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;EACzD;CACG,CAAA;AAKR;AAEA,EAAK,cAAc"}

package/dist/_shared/textarea-BAKapsLQ.cjs

@@ -1,2 +0,0 @@
-const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-RIYE7O_V.cjs"),r=require("../lib/utils.cjs"),i=require("./text-DzKt9cyb.cjs"),a=require("./input-Cw2uICc1.cjs"),o=require("./form-sizing-aVwVuF-w.cjs");let s=require("react");s=e.t(s,1);let c=require("react/jsx-runtime"),l=require("lucide-react");var u={clear:`Clear textarea`},d=s.forwardRef(({className:e,maxLength:d,showCharacterCount:f,clearable:p,onClear:m,isLoading:h,invalid:g,size:_,autoResize:v=!1,minRows:y=2,maxRows:b,onChange:x,value:S,defaultValue:C,id:w,strings:T,...E},D)=>{let O=(0,s.useRef)(null),k=t.useStrings(u,T),{defaultControlSize:A}=n.s(),j=o.i(_,A),{id:M,value:N,isReactHookForm:P,characterCount:F,hasCharacterLimit:I,showCount:L,hasValue:R,updateValue:z,clearValue:B,wouldExceedLimit:V}=a.n({controlledValue:S,defaultValue:C,maxLength:d,showCharacterCount:f,providedId:w,idPrefix:`textarea`,hasOnChange:x!==void 0}),H=!!g,U=(0,s.useRef)(0),W=(0,s.useCallback)(()=>{if(!v||!O.current)return;let e=O.current;U.current===0&&(U.current=parseInt(getComputedStyle(e).lineHeight)||20),e.style.height=`auto`;let t=U.current,n=t*y,r=b?t*b:1/0,i=Math.min(Math.max(e.scrollHeight,n),r);e.style.height=`${i}px`},[v,b,y]);(0,s.useEffect)(()=>{W()},[N,v,W]);let G=(0,s.useCallback)(e=>{let t=e.target.value;V(t)||(z(t),x?.(e),v&&setTimeout(W,0))},[x,z,V,v,W]),K=(0,s.useCallback)(()=>{B(),x?.({target:{value:``},currentTarget:{value:``}}),m?.(),O.current?.focus(),v&&setTimeout(W,0)},[B,x,m,v,W]),q=p&&R&&!h;return(0,c.jsxs)(`div`,{className:r.cn(`textarea--component`,`relative w-full`),children:[(0,c.jsx)(`textarea`,{ref:e=>{typeof D==`function`?D(e):D&&(D.current=e),O.current=e},id:M,...!P&&{value:N},onChange:G,maxLength:d,"aria-invalid":H||void 0,disabled:E.disabled||h,rows:y,style:{resize:v?`none`:E.style?.resize,overflow:v&&b?`auto`:`visible`,...E.style},className:r.cn(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-md border bg-transparent px-3 py-2`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,o.r[j],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,q&&`pr-10`,L&&`pr-16`,e),...E}),!!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3 text-xs tabular-nums`,E.disabled&&`opacity-50`,H?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,c.jsxs)(i.t,{tag:`span`,size:`xs`,type:H?`error`:`secondary`,children:[F,I?`/${d}`:``]})}),!!h&&!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-2 right-3`,H?`text-destructive`:`text-muted-foreground/80`),children:(0,c.jsx)(l.Loader2Icon,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!q&&!L&&(0,c.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":k.clear,onClick:K,disabled:h,children:(0,c.jsx)(l.CircleXIcon,{size:14,"aria-hidden":`true`})})]})});d.displayName=`Textarea`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
-//# sourceMappingURL=textarea-BAKapsLQ.cjs.map

package/dist/_shared/textarea-BAKapsLQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-BAKapsLQ.cjs","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-10',\n                    showCount && 'pr-16',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/textarea-Bfv1KxBm.js

@@ -1,119 +0,0 @@
-import { useStrings as e } from "../lib/strings.js";
-import { s as t } from "./ui-provider-CQJ1glwN.js";
-import { cn as n } from "../lib/utils.js";
-import { t as r } from "./text-qsEg5GdP.js";
-import { n as i } from "./input-DJo8d1Rr.js";
-import { i as a, r as o } from "./form-sizing-D74IS9KG.js";
-import * as s from "react";
-import { useCallback as c, useEffect as l, useRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { CircleXIcon as p, Loader2Icon as m } from "lucide-react";
-//#region src/components/base/forms/fields/textarea.tsx
-var h = { clear: "Clear textarea" }, g = s.forwardRef(({ className: s, maxLength: g, showCharacterCount: _, clearable: v, onClear: y, isLoading: b, invalid: x, size: S, autoResize: C = !1, minRows: w = 2, maxRows: T, onChange: E, value: D, defaultValue: O, id: k, strings: A, ...j }, M) => {
-	let N = u(null), P = e(h, A), { defaultControlSize: F } = t(), I = a(S, F), { id: L, value: R, isReactHookForm: z, characterCount: B, hasCharacterLimit: V, showCount: H, hasValue: U, updateValue: W, clearValue: G, wouldExceedLimit: K } = i({
-		controlledValue: D,
-		defaultValue: O,
-		maxLength: g,
-		showCharacterCount: _,
-		providedId: k,
-		idPrefix: "textarea",
-		hasOnChange: E !== void 0
-	}), q = !!x, J = u(0), Y = c(() => {
-		if (!C || !N.current) return;
-		let e = N.current;
-		J.current === 0 && (J.current = parseInt(getComputedStyle(e).lineHeight) || 20), e.style.height = "auto";
-		let t = J.current, n = t * w, r = T ? t * T : Infinity, i = Math.min(Math.max(e.scrollHeight, n), r);
-		e.style.height = `${i}px`;
-	}, [
-		C,
-		T,
-		w
-	]);
-	l(() => {
-		Y();
-	}, [
-		R,
-		C,
-		Y
-	]);
-	let X = c((e) => {
-		let t = e.target.value;
-		K(t) || (W(t), E?.(e), C && setTimeout(Y, 0));
-	}, [
-		E,
-		W,
-		K,
-		C,
-		Y
-	]), Z = c(() => {
-		G(), E?.({
-			target: { value: "" },
-			currentTarget: { value: "" }
-		}), y?.(), N.current?.focus(), C && setTimeout(Y, 0);
-	}, [
-		G,
-		E,
-		y,
-		C,
-		Y
-	]), Q = v && U && !b;
-	return /* @__PURE__ */ f("div", {
-		className: n("textarea--component", "relative w-full"),
-		children: [
-			/* @__PURE__ */ d("textarea", {
-				ref: (e) => {
-					typeof M == "function" ? M(e) : M && (M.current = e), N.current = e;
-				},
-				id: L,
-				...!z && { value: R },
-				onChange: X,
-				maxLength: g,
-				"aria-invalid": q || void 0,
-				disabled: j.disabled || b,
-				rows: w,
-				style: {
-					resize: C ? "none" : j.style?.resize,
-					overflow: C && T ? "auto" : "visible",
-					...j.style
-				},
-				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input flex w-full rounded-md border bg-transparent px-3 py-2", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", o[I], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", Q && "pr-10", H && "pr-16", s),
-				...j
-			}),
-			!!H && /* @__PURE__ */ d("div", {
-				className: n("pointer-events-none absolute top-2 right-3 text-xs tabular-nums", j.disabled && "opacity-50", q ? "text-destructive" : "text-muted-foreground"),
-				"aria-live": "polite",
-				role: "status",
-				children: /* @__PURE__ */ f(r, {
-					tag: "span",
-					size: "xs",
-					type: q ? "error" : "secondary",
-					children: [B, V ? `/${g}` : ""]
-				})
-			}),
-			!!b && !H && /* @__PURE__ */ d("div", {
-				className: n("pointer-events-none absolute top-2 right-3", q ? "text-destructive" : "text-muted-foreground/80"),
-				children: /* @__PURE__ */ d(m, {
-					size: 16,
-					className: "animate-spin",
-					"aria-hidden": "true"
-				})
-			}),
-			!!Q && !H && /* @__PURE__ */ d("button", {
-				type: "button",
-				className: "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-				"aria-label": P.clear,
-				onClick: Z,
-				disabled: b,
-				children: /* @__PURE__ */ d(p, {
-					size: 14,
-					"aria-hidden": "true"
-				})
-			})
-		]
-	});
-});
-g.displayName = "Textarea";
-//#endregion
-export { g as t };
-
-//# sourceMappingURL=textarea-Bfv1KxBm.js.map

package/dist/_shared/textarea-Bfv1KxBm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-Bfv1KxBm.js","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-md border bg-transparent px-3 py-2',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-10',\n                    showCount && 'pr-16',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3 text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-2 right-3',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/typography-4CSyoCj9.js

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

package/dist/_shared/typography-4CSyoCj9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-4CSyoCj9.js","names":[],"sources":["../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` so the global `--label-font-scale` knob\n * scales every label without per-instance overrides. Pair with form fields and\n * any `peer` input pattern; the built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` so the global\n * `--link-font-scale` knob applies cleanly.\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/50',\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 text-primary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\terror: 'bg-destructive text-destructive-foreground',\n\twarning: 'bg-warning text-warning-foreground',\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('px-1.5 py-0.5 rounded-sm', highlightTypes[variant]);\n\treturn <span className={highlightClassNames}>{content}</span>;\n};\n\nexport function Underline({ content, variant = 'primary' }: IVariant) {\n\tconst underlineClassNames = cn(\n\t\t'underline underline-offset-4 decoration-2',\n\t\tunderlineTypes[variant],\n\t);\n\treturn <span className={underlineClassNames}>{content}</span>;\n};\n\nexport function DangerousHTML({ children, ...props }: ParamHTMLAttributes<HTMLParagraphElement>) {\n\tconst sanitized = sanitizeHtml(typeof children === 'string' ? children : '');\n\treturn (\n\t\t<p\n\t\t\tclassName=\"__html_content\"\n\t\t\tdangerouslySetInnerHTML={{ __html: sanitized }}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAkD;CACvD,IAAI;CACJ,IAAI;CACJ,MAAM;AACP;AAEA,SAAS,EACR,GACA,GACgB;CAChB,OAAO,KAAY,KAAoB;AACxC;AAQA,SAAS,EAAM,EAAE,YAAS,eAAY,IAAI,aAAU,MAAM,GAAU,GAAG,KAAqB;CAC3F,IAAM,EAAE,wBAAqB,EAAe,GACtC,IAAO,EAAiB,GAAU,CAAgB;CAExD,OACC,kBAAC,SAAD;EACC,GAAI;EACJ,mBAAgB;EAChB,WAAW,EACV,sFACA,EAAiB,IACjB,CACD;YAEC,KAAY;CACP,CAAA;AAET;AAEA,EAAM,cAAc;;;ACvCpB,IAAM,IAAQ;CACb,SAAS;CACT,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;AACL,GAEM,IAAQ;CACb,MAAM;CACN,SAAS;CACT,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;AACV,GAEM,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;AACP,GAEM,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;AAAY;AAYlF,SAAS,EAAS,EACjB,UAAO,QACP,UAAO,MACP,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,eAAY,IACZ,aACA,GAAG,KACc;CAYjB,OACC,kBAAC,KAAD;EAAG,WAZmB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,KACC,qJACD,CAIc;EAAgB,mBAAgB;EAAO,GAAI;EACvD;CACC,CAAA;AAEL;AAEA,EAAS,cAAc;;;AC1EvB,IAAM,IAAiB;CACtB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACV,GAEM,IAAiB;CACtB,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACV;AAEA,SAAgB,EAAU,EAAE,YAAS,aAAU,aAAuB;CAErE,OAAO,kBAAC,QAAD;EAAM,WADe,EAAG,4BAA4B,EAAe,EAClD;YAAsB;CAAc,CAAA;AAC7D;AAEA,SAAgB,EAAU,EAAE,YAAS,aAAU,aAAuB;CAKrE,OAAO,kBAAC,QAAD;EAAM,WAJe,EAC3B,6CACA,EAAe,EAEQ;YAAsB;CAAc,CAAA;AAC7D;AAEA,SAAgB,EAAc,EAAE,aAAU,GAAG,KAAoD;CAEhG,OACC,kBAAC,KAAD;EACC,WAAU;EACV,yBAAyB,EAAE,QAJX,EAAa,OAAO,KAAa,WAAW,IAAW,EAIpC,EAAU;EAC7C,GAAI;CACJ,CAAA;AAEH"}

package/dist/_shared/typography-DKn7P4wX.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"typography-DKn7P4wX.cjs","names":[],"sources":["../../src/components/typography/label.tsx","../../src/components/typography/text-link.tsx","../../src/components/typography/typography.tsx"],"sourcesContent":["/**\n * Label — design-system label primitive for form fields and discrete UI captions.\n * Carries `data-typography=\"label\"` so the global `--label-font-scale` knob\n * scales every label without per-instance overrides. Pair with form fields and\n * any `peer` input pattern; the built-in disabled styles propagate from sibling.\n */\nimport type { LabelHTMLAttributes, ReactNode } from 'react';\n\nimport { useFormsConfig, type FormLabelSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nconst labelSizeClasses: Record<FormLabelSize, string> = {\n\txs: 'text-xs',\n\tsm: 'text-sm',\n\tbase: 'text-base',\n};\n\nfunction resolveLabelSize(\n\tsizeProp: FormLabelSize | undefined,\n\tdefaultLabelSize: FormLabelSize | undefined,\n): FormLabelSize {\n\treturn sizeProp ?? defaultLabelSize ?? 'sm';\n}\n\nexport type LabelProps = {\n\tcontent?: ReactNode;\n\tclassName?: string;\n\tsize?: FormLabelSize;\n} & LabelHTMLAttributes<HTMLLabelElement>;\n\nfunction Label({ content, className = '', children, size: sizeProp, ...props }: LabelProps) {\n\tconst { defaultLabelSize } = useFormsConfig();\n\tconst size = resolveLabelSize(sizeProp, defaultLabelSize);\n\n\treturn (\n\t\t<label\n\t\t\t{...props}\n\t\t\tdata-typography=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n\t\t\t\tlabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children || content}\n\t\t</label>\n\t);\n}\n\nLabel.displayName = 'Label';\n\nexport default Label;\n","/**\n * TextLink — anchor variant of Text. Mirrors Text's `size`, `type`, `weight`,\n * `align`, and `lineHeight` props for consistency, with an optional `underline`\n * (default true). Carries `data-typography=\"link\"` so the global\n * `--link-font-scale` knob applies cleanly.\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/50',\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 text-primary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\terror: 'bg-destructive text-destructive-foreground',\n\twarning: 'bg-warning text-warning-foreground',\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('px-1.5 py-0.5 rounded-sm', 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":"gJAWA,IAAM,EAAkD,CACvD,GAAI,UACJ,GAAI,UACJ,KAAM,WACP,EAEA,SAAS,EACR,EACA,EACgB,CAChB,OAAO,GAAY,GAAoB,IACxC,CAQA,SAAS,EAAM,CAAE,UAAS,YAAY,GAAI,WAAU,KAAM,EAAU,GAAG,GAAqB,CAC3F,GAAM,CAAE,oBAAqB,EAAA,EAAe,EACtC,EAAO,EAAiB,EAAU,CAAgB,EAExD,OACC,EAAA,EAAA,KAAC,QAAD,CACC,GAAI,EACJ,kBAAgB,QAChB,UAAW,EAAA,GACV,qFACA,EAAiB,GACjB,CACD,WAEC,GAAY,CACP,CAAA,CAET,CAEA,EAAM,YAAc,QCvCpB,IAAM,EAAQ,CACb,QAAS,eACT,GAAI,UACJ,GAAI,UACJ,KAAM,YACN,GAAI,UACJ,GAAI,SACL,EAEM,EAAQ,CACb,KAAM,kBACN,QAAS,kBACT,UAAW,wBACX,SAAU,2BACV,MAAO,mBACP,QAAS,eACT,QAAS,cACV,EAEM,EAAc,CACnB,OAAQ,iBACR,QAAS,kBACT,MAAO,gBACP,MAAO,gBACP,KAAM,eACN,KAAM,cACP,EAEM,EAAU,CACf,QAAS,cACT,OAAQ,cACR,SAAU,gBACV,KAAM,WACP,EAEM,EAAY,CAAE,OAAQ,cAAe,MAAO,aAAc,KAAM,WAAY,EAYlF,SAAS,EAAS,CACjB,OAAO,OACP,OAAO,KACP,QAAQ,OACR,aAAa,SACb,SAAS,UACT,YAAY,GACZ,YAAY,GACZ,WACA,GAAG,GACc,CAYjB,OACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAZmB,EAAA,GACtB,EAAM,GACN,EAAM,GACN,EAAU,GACV,EAAY,GACZ,EAAQ,GACR,GACC,oJACD,CAIc,EAAgB,kBAAgB,OAAO,GAAI,EACvD,UACC,CAAA,CAEL,CAEA,EAAS,YAAc,WC1EvB,IAAM,EAAiB,CACtB,QAAS,qCACT,QAAS,qCACT,MAAO,6CACP,QAAS,oCACV,EAEM,EAAiB,CACtB,QAAS,qBACT,QAAS,qBACT,MAAO,yBACP,QAAS,oBACV,EAEA,SAAgB,EAAU,CAAE,UAAS,UAAU,WAAuB,CAErE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UADe,EAAA,GAAG,2BAA4B,EAAe,EAClD,WAAsB,CAAc,CAAA,CAC7D,CAEA,SAAgB,EAAU,CAAE,UAAS,UAAU,WAAuB,CAKrE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAJe,EAAA,GAC3B,4CACA,EAAe,EAEQ,WAAsB,CAAc,CAAA,CAC7D,CAEA,SAAgB,EAAc,CAAE,WAAU,GAAG,GAAoD,CAEhG,OACC,EAAA,EAAA,KAAC,IAAD,CACC,UAAU,iBACV,wBAAyB,CAAE,OAJX,EAAA,EAAa,OAAO,GAAa,SAAW,EAAW,EAIpC,CAAU,EAC7C,GAAI,CACJ,CAAA,CAEH"}

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

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

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

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

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

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

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

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