admin-ui-starter-kit 0.5.0 → 0.6.1

package/dist/_shared/mentions-aHalksbt.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./button-Bd5bEIiB.cjs"),r=require("./typography-CO9uwZhF.cjs"),i=require("./badge-BeSKxX1u.cjs"),a=require("./popover-dWR7-MzY.cjs"),o=require("./command-DRIySU26.cjs"),s=require("./command-EGR0nhGc.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");function d(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,c.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,c.useState)(()=>a[0]??null),[l,u]=(0,c.useState)(!1),[d,f]=(0,c.useState)(``),[p,m]=(0,c.useState)({}),[h,g]=(0,c.useState)(!1),[_,v]=(0,c.useState)(()=>r?[...r]:[]),y=(0,c.useRef)(0),b=(0,c.useRef)(null);(0,c.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let x=(0,c.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),S=(0,c.useCallback)(async(e,r)=>{let i=t?.[e];if(i?.search)return(await i.search(r)).map(t=>({...t,kind:e}));if(i?.suggestions){let t=i.suggestions;return(r.trim().length===0?t:t.filter(e=>e.label.toLowerCase().includes(r.toLowerCase()))).map(t=>({...t,kind:e}))}return n?(await n(r,e)).map(t=>({...t,kind:e})):[]},[t,n]);(0,c.useEffect)(()=>{if(b.current&&clearTimeout(b.current),a.length===0){m({});return}let e=++y.current,t=async()=>{g(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await S(e,d)]}catch{return[e,[]]}}));if(e!==y.current)return;let n={};for(let[e,r]of t)n[e]=r;m(n)}finally{e===y.current&&g(!1)}};return b.current=setTimeout(()=>{t()},i),()=>{b.current&&clearTimeout(b.current)}},[a,d,S,i]),(0,c.useEffect)(()=>{if(l||!o||(p[o]??[]).length>0)return;let e=a.find(e=>(p[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,l,p]);let C=(0,c.useCallback)(e=>{s(e)},[]),w=(0,c.useCallback)(e=>{f(e)},[]),T=(0,c.useCallback)(e=>{v(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,c.useCallback)(e=>{v(t=>t.filter(t=>t.id!==e))},[]),D=(0,c.useCallback)(e=>{v([...e])},[]),O=(0,c.useCallback)(()=>{v([]),f(``),u(!1),y.current++},[]),k=(0,c.useCallback)(e=>{let n=e.kind??o,r=`${n}:${e.id}`,i=t?.[n],a=e.href??i?.buildHref?.(e),s={id:r,kind:n,label:e.label,href:a,data:e.data};return T(s),s},[o,T,t]);return{kinds:a,activeKind:o,setActiveKind:C,activeResource:x,query:d,setQuery:w,suggestions:(0,c.useMemo)(()=>o?p[o]??[]:[],[o,p]),suggestionsByKind:p,isLoading:h,mentions:_,addMention:T,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:l,setManualKindOverride:u}}function f(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function p(e={}){let t=e.resources,n=e.onResourceSearch,r=d({...e,resources:t,onResourceSearch:n}),[i,a]=(0,c.useState)(!1),[o,s]=(0,c.useState)(!1),l=(0,c.useRef)(null),u=(0,c.useRef)(null),p=(0,c.useCallback)(e=>{a(e),e||(l.current=null,u.current=null,s(!1),r.setManualKindOverride(!1))},[r]),m=e.editorRef,h=(0,c.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let n=m?.current?.getCaretContext();if(!n){l.current&&(l.current=null,p(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),c=n.textBefore.match(o);if(!c){l.current&&(l.current=null,p(!1));return}let d=c[1],f=c[2]??``,h=e[d];l.current={kind:h,triggerChar:d,consumedLength:d.length+f.length},s(!0),u.current!==d&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),u.current=d),r.query!==f&&r.setQuery(f),a(!0)},[m,t,r,p]),g=(0,c.useCallback)(e=>{let n=r.selectSuggestion(e),i=l.current,a=t?.[n.kind]?.tone,o=f(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&m?.current?(m.current.replaceBeforeCaret(i.consumedLength,o),l.current=null):m?.current&&m.current.insertHTML(o),p(!1),n},[m,t,r,p]);return{...r,pickerOpen:i,setPickerOpen:p,triggerActive:o,handleCaretChange:h,pickSuggestion:g}}var m={primary:`secondary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,secondary:`secondary`},h=({mention:e,resource:n,asLink:r=!0,onClick:a,trailing:o,className:s})=>{if(n?.renderChip)return(0,l.jsx)(l.Fragment,{children:n.renderChip(e)});let c=m[n?.tone??`secondary`]??m.secondary,u=n?.icon,d=(0,l.jsxs)(i.t,{variant:c,inline:!0,"data-ref-id":e.id,"data-ref-kind":e.kind,className:t.cn(`mention-chip--component`,`align-[-0.15em] cursor-default whitespace-nowrap`,s),children:[u?(0,l.jsx)(u,{className:`size-3 shrink-0`,"aria-hidden":!0}):null,(0,l.jsx)(`span`,{className:`truncate max-w-[14rem]`,children:e.label}),o]});return r&&e.href?(0,l.jsx)(`a`,{href:e.href,target:`_blank`,rel:`noreferrer noopener`,onClick:a,className:`inline align-baseline no-underline hover:opacity-90`,children:d}):a?(0,l.jsx)(`span`,{onClick:a,className:`inline align-baseline`,children:d}):d},g=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function _(e){if(!e)return[];let t=[],n=0,r;for(g.lastIndex=0;(r=g.exec(e))!==null;){let[i,,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}var v=`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none`;function y(e){let{html:n,mentions:r,resources:i,renderMention:a,sanitizer:o,className:s,prose:u=!0}=e,d=i,f=o?o(n??``):n??``,p=new Map;for(let e of r??[])p.set(e.id,e);let m=p.size>0?_(f):[{kind:`html`,value:f}],g=e=>{if(a)return a(e);let t=d?.[e.kind];return(0,l.jsx)(h,{mention:e,resource:t})},y=m.map((e,t)=>{if(e.kind===`mention`){let n=p.get(e.refId);return n?(0,l.jsx)(c.Fragment,{children:g(n)},`ref-${t}-${e.refId}`):(0,l.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,l.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return u?(0,l.jsx)(`div`,{className:t.cn(`mention-content--component`,v,s),children:y}):(0,l.jsx)(l.Fragment,{children:y})}var b=e=>(0,l.jsx)(y,{...e}),x={title:`Insert reference`,searchPlaceholder:`Search…`,empty:`No matches.`,loading:`Searching…`},S={title:`Insert reference`,empty:`No matches.`,loading:`Searching…`};function C({open:i,activeKind:c,setActiveKind:d,kinds:f,resources:p,query:m,setQuery:h,suggestions:g,isLoading:_,onSelect:v,strings:y,className:b}){let S=e.useStrings(x,y);return i?(0,l.jsxs)(a.t,{align:`start`,className:t.cn(`mention-picker--component`,`w-72 overflow-hidden p-0`,b),children:[(0,l.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,l.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:S.title}),f.length>1&&(0,l.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.map(e=>{let r=p?.[e],i=r?.icon,a=e===c;return(0,l.jsxs)(n.t,{type:`button`,variant:a?`primary`:`secondary`,buttonStyle:a?`solid`:`ghost`,size:`small`,onClick:()=>d(e),className:t.cn(`h-auto gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,a?`bg-primary text-primary-foreground ring-primary`:`bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80`),children:[i?(0,l.jsx)(i,{className:`size-3`}):null,(0,l.jsx)(`span`,{children:r?.label??String(e)})]},e)})})]}),(0,l.jsxs)(s.t,{shouldFilter:!1,children:[(0,l.jsx)(o.i,{placeholder:S.searchPlaceholder,value:m,onValueChange:h}),(0,l.jsxs)(s.a,{children:[_?(0,l.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,l.jsx)(u.Loader2,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,l.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:S.loading})]}):null,(0,l.jsx)(s.n,{children:S.empty}),(0,l.jsx)(s.r,{children:g.map(e=>{let t=e.kind??c??``;return(0,l.jsx)(s.i,{value:`${t}:${e.id}`,onSelect:()=>v(e),children:(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,l.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,l.jsx)(r.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${t}:${e.id}`)})})]})]})]}):null}function w({open:i,activeKind:a,setActiveKind:o,kinds:s,resources:c,suggestionsByKind:d,suggestions:f,isLoading:p,query:m,onManualKindChange:h,onSelect:g,strings:_,className:v}){let y=e.useStrings(S,_);return i?(0,l.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),className:t.cn(`mention-inline-suggestions--component`,`bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]`,`border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]`,`overflow-hidden`,v),children:[(0,l.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,l.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:y.title}),m?(0,l.jsxs)(r.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`truncate font-mono`,children:[`“`,m,`”`]}):null]}),s.length>1&&(0,l.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:s.map(e=>{let r=c?.[e],i=r?.icon,s=e===a,u=d?.[e]?.length??0;return(0,l.jsxs)(n.t,{type:`button`,variant:s?`primary`:`secondary`,buttonStyle:s?`solid`:`ghost`,size:`small`,onClick:()=>{o(e),h?.()},className:t.cn(`h-auto gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,s?`bg-primary text-primary-foreground ring-primary`:u>0?`bg-muted text-foreground ring-border/60 hover:bg-muted/80`:`bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60`),children:[i?(0,l.jsx)(i,{className:`size-3`}):null,(0,l.jsx)(`span`,{children:r?.label??String(e)}),u>0&&(0,l.jsx)(`span`,{className:t.cn(`tabular-nums`,s?`opacity-90`:`opacity-70`),children:u})]},e)})})]}),(0,l.jsxs)(`div`,{className:`max-h-72 overflow-y-auto py-1`,...f.length>0?{role:`listbox`,"aria-label":y.title}:{},children:[p?(0,l.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,l.jsx)(u.Loader2,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,l.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:y.loading})]}):null,!p&&f.length===0?(0,l.jsx)(`div`,{className:`px-3 py-3`,children:(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:y.empty})}):null,f.map(e=>{let i=e.kind??a??``;return(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,role:`option`,"data-ref-id":`${i}:${e.id}`,onClick:()=>g(e),className:t.cn(`h-auto w-full min-w-0 justify-start gap-2 rounded-none px-3 py-1.5 text-left`,`hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors`),children:(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,l.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,l.jsx)(r.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${i}:${e.id}`)})]})]}):null}var T=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,E=/data-ref-kind\s*=\s*"([^"]+)"/i;function D(e){let t=[];if(!e)return t;let n=new Set,r;for(T.lastIndex=0;(r=T.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(E)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=mentions-aHalksbt.cjs.map

package/dist/_shared/mentions-aHalksbt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-aHalksbt.cjs","names":[],"sources":["../../src/components/features/mentions/hooks/use-mentions-search.ts","../../src/components/features/mentions/utils/build-mention-html.ts","../../src/components/features/mentions/hooks/use-mentions.ts","../../src/components/features/mentions/partials/mention-chip.tsx","../../src/components/features/mentions/utils/split-html-by-mentions.ts","../../src/components/features/mentions/partials/mention-content.tsx","../../src/components/features/mentions/mentions.strings.ts","../../src/components/features/mentions/partials/mention-picker.tsx","../../src/components/features/mentions/partials/mention-inline-suggestions.tsx","../../src/components/features/mentions/utils/parse-mentions-from-html.ts"],"sourcesContent":["/**\n * useMentionsSearch — pure search state for the mention picker.\n *\n * Runs **all registered kinds in parallel** for the same needle so the\n * caller can render mixed results in tabs and the picker can auto-\n * switch when the active kind has zero matches but another does. The\n * caller still controls which kind is *active* (the one whose\n * suggestions render); manual switches are remembered and not\n * overridden by subsequent caret-driven re-detections.\n *\n * Suggestion lookup order per kind:\n *   1. `resources[kind].search(needle)` — per-kind callback\n *   2. `resources[kind].suggestions` — static catalogue\n *   3. global `onResourceSearch(needle, kind)` — fallback\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionSuggestion,\n    MentionsResourceSearch,\n} from '../mentions.types';\n\nexport interface UseMentionsSearchOptions<TResource extends string = string> {\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    onResourceSearch?: MentionsResourceSearch<TResource>;\n    initialMentions?: ReadonlyArray<Mention<TResource>>;\n    /** Debounce window for async search. Default: 200ms. */\n    debounceMs?: number;\n}\n\nexport interface UseMentionsSearchReturn<TResource extends string = string> {\n    kinds: ReadonlyArray<TResource>;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    activeResource: MentionResource<TResource> | null;\n\n    query: string;\n    setQuery: (q: string) => void;\n\n    /** Suggestions for the active kind (`suggestionsByKind[activeKind]`). */\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    /** Per-kind suggestion buckets — useful for cross-kind UIs. */\n    suggestionsByKind: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n    isLoading: boolean;\n\n    mentions: ReadonlyArray<Mention<TResource>>;\n    addMention: (mention: Mention<TResource>) => void;\n    removeMention: (id: string) => void;\n    setMentions: (next: ReadonlyArray<Mention<TResource>>) => void;\n    reset: () => void;\n\n    selectSuggestion: (\n        suggestion: MentionSuggestion<TResource>,\n    ) => Mention<TResource>;\n\n    /** True if the consumer manually picked a tab. The trigger detector\n     * checks this and refuses to override the active kind on next caret\n     * change while it's true. Reset on `setManualKindOverride(false)` or\n     * `reset()`. */\n    manualKindOverride: boolean;\n    setManualKindOverride: (override: boolean) => void;\n}\n\nexport function useMentionsSearch<TResource extends string = string>(\n    options: UseMentionsSearchOptions<TResource> = {},\n): UseMentionsSearchReturn<TResource> {\n    const { resources, onResourceSearch, initialMentions, debounceMs = 200 } = options;\n\n    const kinds = useMemo<ReadonlyArray<TResource>>(\n        () => (resources ? (Object.keys(resources) as TResource[]) : []),\n        [resources],\n    );\n\n    const [activeKind, setActiveKindState] = useState<TResource | null>(\n        () => kinds[0] ?? null,\n    );\n    const [manualKindOverride, setManualKindOverride] = useState(false);\n    const [query, setQueryState] = useState('');\n    const [suggestionsByKind, setSuggestionsByKind] = useState<\n        Record<string, ReadonlyArray<MentionSuggestion<TResource>>>\n    >({});\n    const [isLoading, setIsLoading] = useState(false);\n    const [mentions, setMentionsState] = useState<Mention<TResource>[]>(() =>\n        initialMentions ? [...initialMentions] : [],\n    );\n\n    const requestIdRef = useRef(0);\n    const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        if (kinds.length === 0) {\n            setActiveKindState(null);\n            return;\n        }\n        if (!activeKind || !kinds.includes(activeKind)) {\n            setActiveKindState(kinds[0]);\n        }\n    }, [activeKind, kinds]);\n\n    const activeResource = useMemo(\n        () => (activeKind && resources ? resources[activeKind] ?? null : null),\n        [activeKind, resources],\n    );\n\n    /**\n     * Search a single kind. Per-kind `search` wins, then static\n     * `suggestions`, then the global `onResourceSearch` fallback.\n     */\n    const searchOneKind = useCallback(\n        async (\n            kind: TResource,\n            q: string,\n        ): Promise<ReadonlyArray<MentionSuggestion<TResource>>> => {\n            const config = resources?.[kind];\n            if (config?.search) {\n                const result = await config.search(q);\n                return result.map((s) => ({ ...s, kind }));\n            }\n            if (config?.suggestions) {\n                const stat = config.suggestions;\n                const filtered =\n                    q.trim().length === 0\n                        ? stat\n                        : stat.filter((s) =>\n                                s.label.toLowerCase().includes(q.toLowerCase()),\n                            );\n                return filtered.map((s) => ({ ...s, kind }));\n            }\n            if (onResourceSearch) {\n                const result = await onResourceSearch(q, kind);\n                return result.map((s) => ({ ...s, kind }));\n            }\n            return [];\n        },\n        [resources, onResourceSearch],\n    );\n\n    // Debounced cross-kind search runner. Populates `suggestionsByKind`\n    // for every registered kind in parallel.\n    useEffect(() => {\n        if (debounceRef.current) {\n            clearTimeout(debounceRef.current);\n        }\n        if (kinds.length === 0) {\n            setSuggestionsByKind({});\n            return;\n        }\n\n        const requestId = ++requestIdRef.current;\n        const run = async () => {\n            setIsLoading(true);\n            try {\n                const entries = await Promise.all(\n                    kinds.map(async (kind) => {\n                        try {\n                            const list = await searchOneKind(kind, query);\n                            return [kind, list] as const;\n                        } catch {\n                            return [kind, []] as const;\n                        }\n                    }),\n                );\n                if (requestId !== requestIdRef.current) return;\n                const next: Record<string, ReadonlyArray<MentionSuggestion<TResource>>> = {};\n                for (const [kind, list] of entries) {\n                    next[kind] = list;\n                }\n                setSuggestionsByKind(next);\n            } finally {\n                if (requestId === requestIdRef.current) {\n                    setIsLoading(false);\n                }\n            }\n        };\n\n        debounceRef.current = setTimeout(() => {\n            void run();\n        }, debounceMs);\n\n        return () => {\n            if (debounceRef.current) clearTimeout(debounceRef.current);\n        };\n    }, [kinds, query, searchOneKind, debounceMs]);\n\n    /**\n     * Auto-switch behaviour: when the active kind has zero results but\n     * another kind has matches, jump to the first kind with results.\n     * Skipped while `manualKindOverride` is true so the consumer's tab\n     * choice sticks.\n     */\n    useEffect(() => {\n        if (manualKindOverride) return;\n        if (!activeKind) return;\n        const activeList = suggestionsByKind[activeKind] ?? [];\n        if (activeList.length > 0) return;\n        const first = kinds.find((k) => (suggestionsByKind[k]?.length ?? 0) > 0);\n        if (first && first !== activeKind) {\n            setActiveKindState(first);\n        }\n    }, [activeKind, kinds, manualKindOverride, suggestionsByKind]);\n\n    /**\n     * Set the active kind. **Does not** toggle `manualKindOverride` —\n     * the picker UI is responsible for calling\n     * `setManualKindOverride(true)` when the user explicitly clicks a\n     * tab so the auto-switch / auto-detect logic respects their choice.\n     */\n    const setActiveKind = useCallback((kind: TResource | null) => {\n        setActiveKindState(kind);\n    }, []);\n\n    const setQuery = useCallback((q: string) => {\n        setQueryState(q);\n    }, []);\n\n    const addMention = useCallback((mention: Mention<TResource>) => {\n        setMentionsState((prev) => {\n            if (prev.some((m) => m.id === mention.id)) return prev;\n            return [...prev, mention];\n        });\n    }, []);\n\n    const removeMention = useCallback((id: string) => {\n        setMentionsState((prev) => prev.filter((m) => m.id !== id));\n    }, []);\n\n    const setMentions = useCallback(\n        (next: ReadonlyArray<Mention<TResource>>) => {\n            setMentionsState([...next]);\n        },\n        [],\n    );\n\n    const reset = useCallback(() => {\n        setMentionsState([]);\n        setQueryState('');\n        setManualKindOverride(false);\n        requestIdRef.current++;\n    }, []);\n\n    const selectSuggestion = useCallback(\n        (suggestion: MentionSuggestion<TResource>) => {\n            const kind = (suggestion.kind ?? activeKind) as TResource;\n            const id = `${kind}:${suggestion.id}`;\n            const cfg = resources?.[kind];\n            const href = suggestion.href ?? cfg?.buildHref?.(suggestion);\n            const mention: Mention<TResource> = {\n                id,\n                kind,\n                label: suggestion.label,\n                href,\n                data: suggestion.data,\n            };\n            addMention(mention);\n            return mention;\n        },\n        [activeKind, addMention, resources],\n    );\n\n    const suggestions = useMemo<ReadonlyArray<MentionSuggestion<TResource>>>(\n        () => (activeKind ? suggestionsByKind[activeKind] ?? [] : []),\n        [activeKind, suggestionsByKind],\n    );\n\n    return {\n        kinds,\n        activeKind,\n        setActiveKind,\n        activeResource,\n        query,\n        setQuery,\n        suggestions,\n        suggestionsByKind,\n        isLoading,\n        mentions,\n        addMention,\n        removeMention,\n        setMentions,\n        reset,\n        selectSuggestion,\n        manualKindOverride,\n        setManualKindOverride,\n    };\n}\n","import type { Mention, MentionTone } from '../mentions.types';\n\n/**\n * Serialize a `Mention` into the HTML span that gets inserted into a\n * rich-text body. The structure mirrors `<MentionChip>` so the editor\n * can style it via the `.rsc-mention` / `[data-ref-tone]` rules (see\n * mention-chip.css, co-located in this feature) and the read-time\n * renderer (`<MentionContent>`) can find it again.\n *\n *   <span class=\"rsc-mention\" data-ref-id=\"kind:id\" data-ref-kind=\"kind\"\n *         data-ref-tone=\"info\" contenteditable=\"false\">@Maria Petrova</span>&nbsp;\n *\n * `data-ref-tone` is what drives the badge colour in both the editor\n * (CSS-only, since contenteditable can't host React) and the read-time\n * renderer (which respects it as a hint when the resource registry\n * isn't available).\n *\n * `contenteditable=\"false\"` tells the browser to treat the chip as an\n * atomic glyph — backspace deletes the whole span, the cursor moves\n * past it, and the inner label can't be edited character-by-character.\n */\nexport function buildMentionHtml<TKind extends string = string>(\n    mention: Mention<TKind>,\n    options?: { triggerChar?: string; tone?: MentionTone },\n): string {\n    const safeLabel = String(mention.label ?? '')\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;');\n    const id = String(mention.id).replace(/\"/g, '&quot;');\n    const kind = String(mention.kind).replace(/\"/g, '&quot;');\n    const tone = options?.tone ? String(options.tone).replace(/\"/g, '&quot;') : '';\n    const trigger =\n        options?.triggerChar ?? (mention.kind === 'user' ? '@' : '');\n    const toneAttr = tone ? ` data-ref-tone=\"${tone}\"` : '';\n    return (\n        `<span class=\"rsc-mention\" data-ref-id=\"${id}\" data-ref-kind=\"${kind}\"${toneAttr} contenteditable=\"false\">` +\n        `${trigger}${safeLabel}` +\n        `</span>&nbsp;`\n    );\n}\n","/**\n * useMentions — picker state + caret-trigger detection bound to an editor.\n *\n * Composes `useMentionsSearch` (suggestion state) with caret-watch\n * logic. The editor it binds to must implement the minimal handle\n * surface in `MentionEditorHandle` — `<RichTextEditor>` from\n * `features/rich-text-editor` already does. Other editors (Slate,\n * Lexical, ProseMirror, plain contenteditable, …) can be plugged in by\n * implementing the same four methods on their imperative handle.\n *\n * Behaviour summary:\n *   - On every editor `onCaretChange`, the hook reads `getCaretContext()`\n *     and looks for a registered trigger char (`@`, `#`, …) preceded by\n *     start-of-line / whitespace and followed by `\\p{L}\\p{N}_-` chars.\n *   - On match, the picker opens, `activeKind` is seeded from the\n *     trigger char (only on a *fresh* trigger session — manual tab\n *     switches survive subsequent keystrokes), and `query` syncs from\n *     the typed needle.\n *   - All registered kinds are searched in parallel; the active kind\n *     auto-switches to the first kind with results when the current\n *     active is empty (skipped if `manualKindOverride` is true).\n *   - `pickSuggestion` deletes the trigger range and inserts the chip\n *     atomically via `replaceBeforeCaret` — selection-extension means\n *     no manual text mutation, no race between delete + insert.\n *   - When opened via the manual button (no trigger detected), the\n *     selection runs `insertHTML` instead — caret stays where it was.\n *\n * Returned API:\n *   pickerOpen, setPickerOpen, triggerActive,\n *   kinds, activeKind, setActiveKind, manualKindOverride, setManualKindOverride,\n *   query, setQuery, suggestions, suggestionsByKind, isLoading,\n *   mentions, addMention, removeMention, setMentions, reset,\n *   handleCaretChange()  — wire to the editor's `onCaretChange`\n *   pickSuggestion(s)    — convert suggestion → Mention + insert chip\n *\n * @example\n *   const editorRef = useRef<RichTextEditorHandle>(null);\n *   const mentions = useMentions<'user' | 'order'>({ editorRef });\n *\n *   <RichTextEditor ref={editorRef} onCaretChange={mentions.handleCaretChange} />\n *   <MentionInlineSuggestions\n *     open={mentions.triggerActive && mentions.pickerOpen}\n *     activeKind={mentions.activeKind}\n *     setActiveKind={mentions.setActiveKind}\n *     onManualKindChange={() => mentions.setManualKindOverride(true)}\n *     {...mentions}\n *     onSelect={mentions.pickSuggestion}\n *   />\n */\nimport { useCallback, useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionSuggestion,\n    MentionsResourceSearch,\n} from '../mentions.types';\nimport { buildMentionHtml } from '../utils/build-mention-html';\nimport {\n    useMentionsSearch,\n    type UseMentionsSearchOptions,\n    type UseMentionsSearchReturn,\n} from './use-mentions-search';\n\n/**\n * Minimal editor handle the trigger detector needs. Compatible with the\n * library's `<RichTextEditor>` handle — implement these on any custom\n * editor to plug in.\n */\nexport interface MentionEditorHandle {\n    getCaretContext(): { textBefore: string } | null;\n    insertHTML(html: string): void;\n    replaceBeforeCaret(length: number, html: string): void;\n    focus(): void;\n}\n\nexport interface UseMentionsOptions<TResource extends string = string>\n    extends UseMentionsSearchOptions<TResource> {\n    /** Ref to the editor surface the trigger detector reads from. */\n    editorRef?: RefObject<MentionEditorHandle | null>;\n}\n\nexport interface UseMentionsReturn<TResource extends string = string>\n    extends UseMentionsSearchReturn<TResource> {\n    pickerOpen: boolean;\n    setPickerOpen: (open: boolean) => void;\n    /** True while the picker is open from an inline `@`/`#` trigger. */\n    triggerActive: boolean;\n    /** Wire to the editor's `onCaretChange` to enable inline triggers. */\n    handleCaretChange: () => void;\n    /**\n     * Convert a suggestion into a Mention, register it, insert the chip\n     * into the editor (replacing the trigger range when one is active),\n     * and close the picker. Returns the Mention.\n     */\n    pickSuggestion: (\n        suggestion: MentionSuggestion<TResource>,\n    ) => Mention<TResource>;\n}\n\ninterface TriggerState {\n    kind: string;\n    triggerChar: string;\n    consumedLength: number;\n}\n\nexport function useMentions<TResource extends string = string>(\n    options: UseMentionsOptions<TResource> = {},\n): UseMentionsReturn<TResource> {\n    const resources = options.resources;\n    const onResourceSearch: MentionsResourceSearch<TResource> | undefined =\n        options.onResourceSearch;\n\n    const search = useMentionsSearch<TResource>({\n        ...options,\n        resources,\n        onResourceSearch,\n    });\n\n    const [pickerOpen, setPickerOpenState] = useState(false);\n    const [triggerActive, setTriggerActive] = useState(false);\n    const triggerStateRef = useRef<TriggerState | null>(null);\n    /** Tracks the trigger char from the most recent detection — lets us\n     *  set the initial active kind on a fresh trigger without overriding\n     *  the user's manual tab switch on every subsequent keystroke. */\n    const lastTriggerCharRef = useRef<string | null>(null);\n\n    const setPickerOpen = useCallback((open: boolean) => {\n        setPickerOpenState(open);\n        if (!open) {\n            triggerStateRef.current = null;\n            lastTriggerCharRef.current = null;\n            setTriggerActive(false);\n            search.setManualKindOverride(false);\n        }\n    }, [search]);\n\n    const editorRef = options.editorRef;\n\n    const handleCaretChange = useCallback(() => {\n        if (!resources) return;\n        const triggerMap: Record<string, string> = {};\n        for (const [kind, cfg] of Object.entries(resources)) {\n            const trig = (cfg as MentionResource | undefined)?.trigger;\n            if (typeof trig === 'string' && trig.length > 0) {\n                triggerMap[trig] = kind;\n            }\n        }\n        if (Object.keys(triggerMap).length === 0) return;\n\n        const ctx = editorRef?.current?.getCaretContext();\n        if (!ctx) {\n            if (triggerStateRef.current) {\n                triggerStateRef.current = null;\n                setPickerOpen(false);\n            }\n            return;\n        }\n        const triggers = Object.keys(triggerMap)\n            .map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n            .join('');\n        const re = new RegExp(`(?:^|\\\\s)([${triggers}])([\\\\p{L}\\\\p{N}_-]*)$`, 'u');\n        const match = ctx.textBefore.match(re);\n        if (!match) {\n            if (triggerStateRef.current) {\n                triggerStateRef.current = null;\n                setPickerOpen(false);\n            }\n            return;\n        }\n        const triggerChar = match[1];\n        const needle = match[2] ?? '';\n        const kind = triggerMap[triggerChar];\n        const consumedLength = triggerChar.length + needle.length;\n\n        triggerStateRef.current = { kind, triggerChar, consumedLength };\n        setTriggerActive(true);\n\n        // Only seed the initial active kind on a *fresh* trigger session.\n        // If the user has already picked a tab in the panel,\n        // `manualKindOverride` is true and we skip — their choice sticks\n        // even as they keep typing or deleting characters.\n        const isNewTriggerSession = lastTriggerCharRef.current !== triggerChar;\n        if (isNewTriggerSession) {\n            if (search.activeKind !== kind) {\n                search.setActiveKind(kind as TResource);\n            }\n            search.setManualKindOverride(false);\n            lastTriggerCharRef.current = triggerChar;\n        }\n\n        if (search.query !== needle) {\n            search.setQuery(needle);\n        }\n        setPickerOpenState(true);\n    }, [editorRef, resources, search, setPickerOpen]);\n\n    const pickSuggestion = useCallback(\n        (suggestion: MentionSuggestion<TResource>) => {\n            const mention = search.selectSuggestion(suggestion);\n            const trigger = triggerStateRef.current;\n            const tone = (resources?.[mention.kind] as MentionResource | undefined)?.tone;\n            const html = buildMentionHtml(mention, {\n                triggerChar: trigger?.triggerChar,\n                tone,\n            });\n\n            if (trigger && trigger.consumedLength > 0 && editorRef?.current) {\n                editorRef.current.replaceBeforeCaret(trigger.consumedLength, html);\n                triggerStateRef.current = null;\n            } else if (editorRef?.current) {\n                editorRef.current.insertHTML(html);\n            }\n            setPickerOpen(false);\n            return mention;\n        },\n        [editorRef, resources, search, setPickerOpen],\n    );\n\n    return {\n        ...search,\n        pickerOpen,\n        setPickerOpen,\n        triggerActive,\n        handleCaretChange,\n        pickSuggestion,\n    };\n}\n","/**\n * MentionChip — default rendering for an inline mention/reference.\n *\n * Wraps the lib's `<Badge>` base component with the variant driven by\n * the resource registry's `tone` field. The mapping between the\n * mentions module's `MentionTone` and the badge's variant lives below\n * (`TONE_TO_VARIANT`) so consumers can rebrand by editing one table.\n *\n * Override paths:\n *   - `renderMention` on `<MentionContent>` — full takeover\n *   - `resources.<kind>.renderChip(mention)` — per-kind takeover\n *   - `resources.<kind>.tone` — quickest \"just change the color\" override\n */\nimport type { FC, ReactNode } from 'react';\n\nimport { Badge, type ComposedBadgeVariant } from '@/components/base/badge';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionTone,\n} from '../mentions.types';\n\nexport interface MentionChipProps {\n    mention: Mention;\n    resource?: MentionResource<string>;\n    /** Force-disable the chip's link (useful inside the composer draft list). */\n    asLink?: boolean;\n    onClick?: () => void;\n    /** Trailing slot — typically a remove button when shown in the composer. */\n    trailing?: ReactNode;\n    className?: string;\n}\n\n/**\n * Single source of truth for `MentionTone → Badge variant`. Edit here\n * to rebrand all chips library-wide; override per-kind via\n * `resources.<kind>.tone`.\n */\nconst TONE_TO_VARIANT: Record<MentionTone, ComposedBadgeVariant> = {\n    primary: 'secondary', // calm primary — saturated `primary` overwhelms body copy\n    success: 'success',\n    warning: 'warning',\n    destructive: 'destructive',\n    info: 'info',\n    secondary: 'secondary',\n};\n\nexport const MentionChip: FC<MentionChipProps> = ({\n    mention,\n    resource,\n    asLink = true,\n    onClick,\n    trailing,\n    className,\n}) => {\n    if (resource?.renderChip) {\n        return <>{resource.renderChip(mention)}</>;\n    }\n\n    const tone = resource?.tone ?? 'secondary';\n    const variant = TONE_TO_VARIANT[tone] ?? TONE_TO_VARIANT.secondary;\n    const Icon = resource?.icon;\n\n    const inner = (\n        <Badge\n            variant={variant}\n            inline\n            data-ref-id={mention.id}\n            data-ref-kind={mention.kind}\n            className={cn(\n                'mention-chip--component',\n                /* Inline-flow tweaks: align to the surrounding text baseline\n                   instead of the line's mid-point, which causes wobble next\n                   to text. Keep the badge as `inline-flex` (from `inline`),\n                   add a subtle vertical offset via translate so the icon\n                   sits on the cap-height. */\n                'align-[-0.15em] cursor-default whitespace-nowrap',\n                className,\n            )}\n        >\n            {Icon ? <Icon className=\"size-3 shrink-0\" aria-hidden /> : null}\n            <span className=\"truncate max-w-[14rem]\">{mention.label}</span>\n            {trailing}\n        </Badge>\n    );\n\n    if (asLink && mention.href) {\n        return (\n            <a\n                href={mention.href}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                onClick={onClick}\n                className=\"inline align-baseline no-underline hover:opacity-90\"\n            >\n                {inner}\n            </a>\n        );\n    }\n\n    if (onClick) {\n        return (\n            <span onClick={onClick} className=\"inline align-baseline\">\n                {inner}\n            </span>\n        );\n    }\n\n    return inner;\n};\n","/**\n * Split an HTML string into a list of `html` chunks and `mention`\n * placeholders, keyed by the `data-ref-id` attribute the writer set.\n *\n * Used by `<MentionContent>` to render the body once with React chips\n * for the references and `dangerouslySetInnerHTML` for everything else.\n */\nexport type MentionHtmlSegment =\n    | { kind: 'html'; value: string }\n    | { kind: 'mention'; refId: string; fallback: string };\n\nconst MENTION_RE =\n    /<(span|a)\\b([^>]*?)data-ref-id\\s*=\\s*\"([^\"]+)\"([^>]*)>([\\s\\S]*?)<\\/\\1>/gi;\n\nexport function splitHtmlByMentions(html: string): MentionHtmlSegment[] {\n    if (!html) return [];\n\n    const segments: MentionHtmlSegment[] = [];\n    let lastIndex = 0;\n    let match: RegExpExecArray | null;\n    MENTION_RE.lastIndex = 0;\n\n    while ((match = MENTION_RE.exec(html)) !== null) {\n        const [full, , , refId] = match;\n        const before = html.slice(lastIndex, match.index);\n        if (before.length > 0) {\n            segments.push({ kind: 'html', value: before });\n        }\n        segments.push({\n            kind: 'mention',\n            refId,\n            fallback: full,\n        });\n        lastIndex = match.index + full.length;\n    }\n\n    const tail = html.slice(lastIndex);\n    if (tail.length > 0) {\n        segments.push({ kind: 'html', value: tail });\n    }\n\n    return segments;\n}\n","/**\n * MentionContent — render an HTML body that may contain inline mention\n * spans (`<span data-ref-id=\"kind:id\">…</span>`) by swapping each ref\n * for a React `<MentionChip>` while leaving the rest of the HTML\n * untouched.\n *\n * Used by:\n *   - `features/comments` — comment bodies\n *   - `features/event-log` — event descriptions\n *   - any other surface that renders rich-text with embedded refs\n *\n * Consumer can override per-mention rendering via `renderMention`, or\n * per-kind via the resource registry's `renderChip`.\n */\nimport { Fragment } from 'react';\nimport type { FC, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionsConfig,\n} from '../mentions.types';\nimport { splitHtmlByMentions } from '../utils/split-html-by-mentions';\nimport { MentionChip } from './mention-chip';\n\nexport interface MentionContentProps<TResource extends string = string> {\n    /** HTML body to render. */\n    html: string;\n    /** Mentions resolved on the data — keyed by `data-ref-id`. */\n    mentions?: ReadonlyArray<Mention<TResource>>;\n    /** Resource registry — pass at the call site. */\n    resources?: MentionsConfig<TResource>['resources'];\n    /** Custom per-mention renderer — overrides resource.renderChip. */\n    renderMention?: (mention: Mention<TResource>) => ReactNode;\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n    /** Outer wrapper class. Defaults to a tight prose surface. */\n    className?: string;\n    /**\n     * Set to `false` to skip the default prose wrapper — useful when\n     * embedding inside an existing typed surface (e.g. timeline rows).\n     */\n    prose?: boolean;\n}\n\nconst DEFAULT_PROSE_CLASS =\n    'prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none';\n\nexport function MentionContent<TResource extends string = string>(\n    props: MentionContentProps<TResource>,\n): ReactNode {\n    const {\n        html,\n        mentions,\n        resources: resourcesProp,\n        renderMention,\n        sanitizer,\n        className,\n        prose = true,\n    } = props;\n\n    const resources = resourcesProp;\n\n    const sanitized = sanitizer ? sanitizer(html ?? '') : (html ?? '');\n\n    const mentionsById = new Map<string, Mention<TResource>>();\n    for (const m of mentions ?? []) mentionsById.set(m.id, m);\n\n    const hasMentions = mentionsById.size > 0;\n    const segments = hasMentions\n        ? splitHtmlByMentions(sanitized)\n        : [{ kind: 'html' as const, value: sanitized }];\n\n    const renderRef = (mention: Mention<TResource>): ReactNode => {\n        if (renderMention) return renderMention(mention);\n        const resource = resources?.[mention.kind] as\n            | MentionResource<string>\n            | undefined;\n        return <MentionChip mention={mention} resource={resource} />;\n    };\n\n    const body = segments.map((segment, index) => {\n        if (segment.kind === 'mention') {\n            const mention = mentionsById.get(segment.refId);\n            if (!mention) {\n                return (\n                    <span\n                        key={`fallback-${index}`}\n                        dangerouslySetInnerHTML={{ __html: segment.fallback }}\n                    />\n                );\n            }\n            return (\n                <Fragment key={`ref-${index}-${segment.refId}`}>\n                    {renderRef(mention)}\n                </Fragment>\n            );\n        }\n        // Render the HTML segment directly. The lib's `Text asHTML` escapes\n        // via a strict sanitiser — bypass it for trusted editor output.\n        // Consumers must pass `sanitizer` for untrusted content.\n        return (\n            <span\n                key={`html-${index}`}\n                dangerouslySetInnerHTML={{ __html: segment.value }}\n            />\n        );\n    });\n\n    if (!prose) {\n        return <>{body}</>;\n    }\n\n    return (\n        <div className={cn('mention-content--component', DEFAULT_PROSE_CLASS, className)}>{body}</div>\n    );\n}\n\n/** FC alias for callsites that prefer the `<MentionContent>` element form. */\nexport const MentionContentComponent: FC<MentionContentProps> = (props) => (\n    <MentionContent {...props} />\n);\n","/**\n * Default user-facing strings for the `features/mentions` partials.\n *\n * Both `<MentionPicker>` and `<MentionInlineSuggestions>` consume their\n * respective slice; `<MentionInlineSuggestions>` is a strict subset.\n * Consumers wire backend i18n at the call site:\n *\n *   <MentionPicker strings={{ empty: t('mentions.empty') }} … />\n */\n\nexport interface MentionPickerStrings {\n\ttitle: string;\n\tsearchPlaceholder: string;\n\tempty: string;\n\tloading: string;\n}\n\nexport const defaultMentionPickerStrings: MentionPickerStrings = {\n\ttitle: 'Insert reference',\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n};\n\nexport interface MentionInlineSuggestionsStrings {\n\ttitle: string;\n\tempty: string;\n\tloading: string;\n}\n\nexport const defaultMentionInlineSuggestionsStrings: MentionInlineSuggestionsStrings = {\n\ttitle: 'Insert reference',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n};\n","/**\n * MentionPicker — popover content for the mention/reference picker.\n *\n * Pure UI: takes the state from `useMentions` (or any equivalent hook)\n * and renders kind tabs + a cmdk search list. Wrapped in `<Popover>` by\n * the consumer:\n *\n *   <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n *     <PopoverTrigger ... />\n *     <MentionPicker ... />\n *   </Popover>\n */\nimport { Loader2 } from 'lucide-react';\n\nimport {\n    Command,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n} from '@/components/base/command';\nimport { Button } from '@/components/base/buttons';\nimport { PopoverContent } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultMentionPickerStrings,\n    type MentionPickerStrings,\n} from '../mentions.strings';\nimport type {\n    MentionResource,\n    MentionSuggestion,\n} from '../mentions.types';\n\nexport type { MentionPickerStrings };\n\nexport interface MentionPickerProps<TResource extends string = string> {\n    open: boolean;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    kinds: ReadonlyArray<TResource>;\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    query: string;\n    setQuery: (query: string) => void;\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    isLoading: boolean;\n    onSelect: (suggestion: MentionSuggestion<TResource>) => void;\n    strings?: StringsProp<MentionPickerStrings>;\n    className?: string;\n}\n\nexport function MentionPicker<TResource extends string = string>({\n    open,\n    activeKind,\n    setActiveKind,\n    kinds,\n    resources,\n    query,\n    setQuery,\n    suggestions,\n    isLoading,\n    onSelect,\n    strings: stringsProp,\n    className,\n}: MentionPickerProps<TResource>) {\n    const strings = useStrings(defaultMentionPickerStrings, stringsProp);\n    if (!open) return null;\n\n    return (\n        <PopoverContent\n            align=\"start\"\n            className={cn('mention-picker--component', 'w-72 overflow-hidden p-0', className)}\n        >\n            <div className=\"border-b border-border/60 px-3 py-2\">\n                <Text\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    weight=\"medium\"\n                    className=\"uppercase tracking-wide\"\n                >\n                    {strings.title}\n                </Text>\n                {kinds.length > 1 && (\n                    <div className=\"mt-2 flex flex-wrap gap-1\">\n                        {kinds.map((kind) => {\n                            const cfg = resources?.[kind];\n                            const Icon = cfg?.icon;\n                            const active = kind === activeKind;\n                            return (\n                                <Button\n                                    key={kind}\n                                    type=\"button\"\n                                    variant={active ? 'primary' : 'secondary'}\n                                    buttonStyle={active ? 'solid' : 'ghost'}\n                                    size=\"small\"\n                                    onClick={() => setActiveKind(kind)}\n                                    className={cn(\n                                        'h-auto gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors',\n                                        active\n                                            ? 'bg-primary text-primary-foreground ring-primary'\n                                            : 'bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80',\n                                    )}\n                                >\n                                    {Icon ? <Icon className=\"size-3\" /> : null}\n                                    <span>{cfg?.label ?? String(kind)}</span>\n                                </Button>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <Command shouldFilter={false}>\n                <CommandInput\n                    placeholder={strings.searchPlaceholder}\n                    value={query}\n                    onValueChange={setQuery}\n                />\n                <CommandList>\n                    {isLoading ? (\n                        <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3\">\n                            <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n                            <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                {strings.loading}\n                            </Text>\n                        </div>\n                    ) : null}\n                    <CommandEmpty>{strings.empty}</CommandEmpty>\n                    <CommandGroup>\n                        {suggestions.map((suggestion) => {\n                            const kind = suggestion.kind ?? activeKind ?? '';\n                            return (\n                                <CommandItem\n                                    key={`${kind}:${suggestion.id}`}\n                                    value={`${kind}:${suggestion.id}`}\n                                    onSelect={() => onSelect(suggestion)}\n                                >\n                                    <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                        <Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"truncate\">\n                                            {suggestion.label}\n                                        </Text>\n                                        {suggestion.description ? (\n                                            <Text\n                                                tag=\"span\"\n                                                size=\"xxs\"\n                                                type=\"secondary\"\n                                                className=\"mt-0.5 truncate\"\n                                            >\n                                                {suggestion.description}\n                                            </Text>\n                                        ) : null}\n                                    </div>\n                                </CommandItem>\n                            );\n                        })}\n                    </CommandGroup>\n                </CommandList>\n            </Command>\n        </PopoverContent>\n    );\n}\n","/**\n * MentionInlineSuggestions — non-focus-stealing suggestion list.\n *\n * Used in the *inline-trigger* flow (user typed `@` / `#` / …): the\n * editor stays focused while this panel renders below the surface and\n * updates live as the user keeps typing. No popover, no focus trap,\n * no CommandInput — the editor IS the input, we read the needle from\n * the caret context and stream results in.\n *\n * Position is \"anchored to a wrapping element\" — the consumer puts this\n * inside a `relative`-positioned wrapper around the editor and we\n * absolute-position ourselves below it.\n */\nimport { Loader2 } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultMentionInlineSuggestionsStrings,\n    type MentionInlineSuggestionsStrings,\n} from '../mentions.strings';\nimport type {\n    MentionResource,\n    MentionSuggestion,\n} from '../mentions.types';\n\nexport type { MentionInlineSuggestionsStrings };\n\nexport interface MentionInlineSuggestionsProps<TResource extends string = string> {\n    open: boolean;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    kinds: ReadonlyArray<TResource>;\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    /** Per-kind suggestion buckets — used to render result counts on tabs. */\n    suggestionsByKind?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    isLoading: boolean;\n    /** Live query the panel echoes in the header; the consumer owns the editor input. */\n    query?: string;\n    /**\n     * Notifies the consumer that the user manually picked a tab, so it\n     * can flip the `manualKindOverride` flag on `useMentionsSearch`.\n     */\n    onManualKindChange?: () => void;\n    onSelect: (suggestion: MentionSuggestion<TResource>) => void;\n    strings?: StringsProp<MentionInlineSuggestionsStrings>;\n    className?: string;\n}\n\nexport function MentionInlineSuggestions<TResource extends string = string>({\n    open,\n    activeKind,\n    setActiveKind,\n    kinds,\n    resources,\n    suggestionsByKind,\n    suggestions,\n    isLoading,\n    query,\n    onManualKindChange,\n    onSelect,\n    strings: stringsProp,\n    className,\n}: MentionInlineSuggestionsProps<TResource>) {\n    const strings = useStrings(defaultMentionInlineSuggestionsStrings, stringsProp);\n    if (!open) return null;\n\n    return (\n        <div\n            // `mousedown.preventDefault` keeps focus in the editor when\n            // the user clicks inside the panel — clicks still bubble to\n            // the underlying button so selection works normally.\n            onMouseDown={(e) => e.preventDefault()}\n            className={cn(\n                'mention-inline-suggestions--component',\n                'bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]',\n                'border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]',\n                'overflow-hidden',\n                className,\n            )}\n        >\n            <div className=\"border-b border-border/60 px-3 py-2\">\n                <div className=\"flex items-baseline justify-between gap-2\">\n                    <Text\n                        size=\"xxs\"\n                        type=\"secondary\"\n                        weight=\"medium\"\n                        className=\"uppercase tracking-wide\"\n                    >\n                        {strings.title}\n                    </Text>\n                    {query ? (\n                        <Text\n                            tag=\"span\"\n                            size=\"xxs\"\n                            type=\"secondary\"\n                            className=\"truncate font-mono\"\n                        >\n                            “{query}”\n                        </Text>\n                    ) : null}\n                </div>\n                {kinds.length > 1 && (\n                    <div className=\"mt-2 flex flex-wrap gap-1\">\n                        {kinds.map((kind) => {\n                            const cfg = resources?.[kind];\n                            const Icon = cfg?.icon;\n                            const active = kind === activeKind;\n                            const count = suggestionsByKind?.[kind as string]?.length ?? 0;\n                            return (\n                                <Button\n                                    key={kind}\n                                    type=\"button\"\n                                    variant={active ? 'primary' : 'secondary'}\n                                    buttonStyle={active ? 'solid' : 'ghost'}\n                                    size=\"small\"\n                                    onClick={() => {\n                                        setActiveKind(kind);\n                                        onManualKindChange?.();\n                                    }}\n                                    className={cn(\n                                        'h-auto gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors',\n                                        active\n                                            ? 'bg-primary text-primary-foreground ring-primary'\n                                            : count > 0\n                                              ? 'bg-muted text-foreground ring-border/60 hover:bg-muted/80'\n                                              : 'bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60',\n                                    )}\n                                >\n                                    {Icon ? <Icon className=\"size-3\" /> : null}\n                                    <span>{cfg?.label ?? String(kind)}</span>\n                                    {count > 0 && (\n                                        <span\n                                            className={cn(\n                                                'tabular-nums',\n                                                active ? 'opacity-90' : 'opacity-70',\n                                            )}\n                                        >\n                                            {count}\n                                        </span>\n                                    )}\n                                </Button>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <div\n                className=\"max-h-72 overflow-y-auto py-1\"\n                {...(suggestions.length > 0\n                    ? { role: 'listbox', 'aria-label': strings.title }\n                    : {})}\n            >\n                {isLoading ? (\n                    <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3\">\n                        <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n                        <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                            {strings.loading}\n                        </Text>\n                    </div>\n                ) : null}\n\n                {!isLoading && suggestions.length === 0 ? (\n                    <div className=\"px-3 py-3\">\n                        <Text size=\"xs\" type=\"secondary\">\n                            {strings.empty}\n                        </Text>\n                    </div>\n                ) : null}\n\n                {suggestions.map((suggestion) => {\n                    const kind = suggestion.kind ?? activeKind ?? '';\n                    return (\n                        <Button\n                            key={`${kind}:${suggestion.id}`}\n                            type=\"button\"\n                            variant=\"secondary\"\n                            buttonStyle=\"ghost\"\n                            size=\"default\"\n                            role=\"option\"\n                            data-ref-id={`${kind}:${suggestion.id}`}\n                            onClick={() => onSelect(suggestion)}\n                            className={cn(\n                                'h-auto w-full min-w-0 justify-start gap-2 rounded-none px-3 py-1.5 text-left',\n                                'hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors',\n                            )}\n                        >\n                            <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                <Text\n                                    tag=\"span\"\n                                    size=\"xs\"\n                                    weight=\"medium\"\n                                    className=\"truncate\"\n                                >\n                                    {suggestion.label}\n                                </Text>\n                                {suggestion.description ? (\n                                    <Text\n                                        tag=\"span\"\n                                        size=\"xxs\"\n                                        type=\"secondary\"\n                                        className=\"mt-0.5 truncate\"\n                                    >\n                                        {suggestion.description}\n                                    </Text>\n                                ) : null}\n                            </div>\n                        </Button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n","/**\n * Walk an HTML string and extract `data-ref-id=\"kind:id\"` spans /\n * anchors as a list of `Mention` records. Used by the comment composer\n * to keep its `mentions` state in sync with what's actually present in\n * the editor — when the user backspaces a chip out of the body, the\n * draft's mentions list shrinks too.\n *\n * The output preserves first-occurrence order and deduplicates by id.\n * Caller can merge the resulting Mentions with previously known ones to\n * preserve `href` / `data` payloads that aren't expressible in HTML.\n */\nimport type { Mention } from '../mentions.types';\n\nconst REF_RE =\n    /<(?:span|a)\\b[^>]*?data-ref-id\\s*=\\s*\"([^\"]+)\"[^>]*?>([\\s\\S]*?)<\\/(?:span|a)>/gi;\nconst KIND_ATTR_RE = /data-ref-kind\\s*=\\s*\"([^\"]+)\"/i;\n\nexport function parseMentionsFromHtml<TKind extends string = string>(\n    html: string,\n): Array<Mention<TKind>> {\n    const out: Mention<TKind>[] = [];\n    if (!html) return out;\n\n    const seen = new Set<string>();\n    let match: RegExpExecArray | null;\n    REF_RE.lastIndex = 0;\n\n    while ((match = REF_RE.exec(html)) !== null) {\n        const [tagText, id, inner] = match;\n        if (seen.has(id)) continue;\n        seen.add(id);\n\n        const kindMatch = tagText.match(KIND_ATTR_RE);\n        const kind = (kindMatch?.[1] ?? id.split(':')[0] ?? '') as TKind;\n        const label = (inner ?? '')\n            .replace(/<[^>]*>/g, '')\n            .replace(/&nbsp;/g, ' ')\n            .replace(/^[@#$&%!~]\\s*/, '')\n            .trim();\n\n        out.push({ id, kind, label });\n    }\n\n    return out;\n}\n"],"mappings":"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"}

package/dist/_shared/money-display-BLPNMmiT.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-DZWtUXf2.cjs"),t=require("../lib/utils.cjs"),n=require("./typography-CO9uwZhF.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("lucide-react");function o(t){let n=e.l(),{defaultCurrency:i,displayCurrency:a,locale:o,dualPricingEnabled:s,displayMode:c,dualPricingDisplay:l,formatMode:u}=(0,r.useMemo)(()=>{let e={...n,...t},r=e.defaultCurrency??`USD`;return{defaultCurrency:r,displayCurrency:e.displayCurrency??r,locale:e.locale,dualPricingEnabled:e.dualPricingEnabled??!1,displayMode:e.displayMode??`default_only`,dualPricingDisplay:e.dualPricingDisplay??`lines`,formatMode:e.formatMode??`with_code`}},[n,t]);return{defaultCurrency:i,displayCurrency:a,dualPricingEnabled:s,displayMode:c,dualPricingDisplay:l,formatMode:u,shouldShowDualPricing:()=>s?c===`dual`:!1,formatAmount:(e,t,n)=>{let r=typeof e==`string`?parseFloat(e):e;if(!Number.isFinite(r))return t?`${String(e)} ${t}`.trim():String(e);let i=new Intl.NumberFormat(o,{minimumFractionDigits:2,maximumFractionDigits:2}).format(r);switch(u){case`decimal`:return i;case`with_code`:return t?`${i} ${t}`:i;case`with_symbol`:return n?`${n}${i}`:t?`${i} ${t}`:i;case`locale_aware`:if(!t)return i;try{return new Intl.NumberFormat(o,{style:`currency`,currency:t}).format(r)}catch{return`${i} ${t}`}default:return t?`${i} ${t}`:i}},getCurrencySymbol:e=>({BGN:`лв`,EUR:`€`,USD:`$`,GBP:`£`,JPY:`¥`})[e]??e}}var s=(0,i.jsx)(a.ArrowRight,{className:`size-3 shrink-0 opacity-60`,"aria-hidden":`true`});function c({pair:r,emptyLabel:a=`—`,separator:c=s,className:l,size:u,tag:d=`span`,...f}){let{defaultTextSize:p}=e.p(),m=u??p??`sm`,{formatAmount:h}=o(),g=r?.source?.value??null,_=r?.source?.currency??null,v=r?.source?.symbol??null,y=r?.target?.value??null,b=r?.target?.currency??null,x=r?.target?.symbol??null;return!g||!y?(0,i.jsx)(n.s,{tag:d,size:m,type:`secondary`,className:t.cn(`currency-pair-preview--component`,`tabular-nums`,l),...f,children:a}):(0,i.jsxs)(n.s,{tag:d,size:m,className:t.cn(`inline-flex items-center gap-1.5 tabular-nums`,l),...f,children:[(0,i.jsx)(`span`,{children:h(g,String(_??``),v??void 0)}),(0,i.jsx)(`span`,{className:`inline-flex items-center text-muted-foreground`,"aria-hidden":`true`,children:c}),(0,i.jsx)(`span`,{children:h(y,String(b??``),x??void 0)})]})}c.displayName=`CurrencyPairPreview`;var l=e=>{if(e==null)return null;let t=typeof e==`number`?e:Number.parseFloat(String(e).trim());return Number.isFinite(t)?t:null},u=e=>{let t=l(e?.value);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:e?.symbol?String(e.symbol):null}},d=e=>{let t=l(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}},f=e=>{let t=l(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}};function p({money:r,moneyPair:a,amount:s,pair:c,showPair:l=!1,dualPricingDisplay:p,alignment:m,emptyLabel:h=`—`,variant:g=`default`,secondaryEmphasis:_=`discrete`,className:v,size:y,align:b=`right`,weight:x=`medium`,tag:S=`span`,...C}){let{defaultTextSize:w}=e.p(),T=y??w??`sm`,{displayCurrency:E,dualPricingDisplay:D,shouldShowDualPricing:O,formatAmount:k,getCurrencySymbol:A}=o(),j=p??D??`lines`,M=(O()||l)&&a?.primary?d(a.primary):null,N=d(r),P=u(s),F=M??N??P??null,I=F?.currency??E??null,L=(l||O())&&!!(a??c??r?.pair),R=g===`minimal`||_===`hidden`?null:(()=>{if(!L)return null;if(a?.primary&&a?.secondary)return d(a.secondary);if(r?.pair)return f(r.pair);if(c?.source||c?.target){let e=u(c?.source??null),t=u(c?.target??null);if(!e&&!t)return null;let n=e?.currency??null,r=t?.currency??null;return I&&r===I?e:I&&n===I?t:E&&r===E?e:E&&n===E?t:t??e}return null})(),z=m??b,B=z===`left`?`text-left`:z===`center`?`text-center`:`text-right`,V=z===`left`?`justify-start`:z===`center`?`justify-center`:`justify-end`;if(!F)return(0,i.jsx)(n.s,{tag:S,size:T,type:`secondary`,align:z,className:t.cn(`money-display--component`,`money--display inline-flex flex-col tabular-nums`,B,v),...C,children:h});let H=k(F.value,I??``,F.symbol??(I?A(I):void 0)),U=R?k(R.value,R.currency??``,R.symbol??(R.currency?A(R.currency):void 0)):null,W=_===`match`?T:_===`muted`?`xs`:`xxs`,G=_===`match`?void 0:_===`muted`?`secondary`:`discrete`;return j===`inline`&&U?(0,i.jsxs)(`span`,{className:t.cn(`money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap`,V,v),...C,children:[(0,i.jsx)(n.s,{tag:`span`,size:T,weight:x,children:H}),(0,i.jsx)(n.s,{tag:`span`,size:`xxs`,type:`discrete`,"aria-hidden":`true`,children:`·`}),(0,i.jsx)(n.s,{tag:`span`,size:W,type:G,weight:`regular`,children:U})]}):(0,i.jsxs)(n.s,{tag:S,size:T,align:z,className:t.cn(`money--display inline-flex flex-col tabular-nums leading-tight`,B,v),...C,children:[(0,i.jsx)(n.s,{tag:`span`,size:T,weight:x,children:H}),!!U&&(0,i.jsx)(n.s,{tag:`span`,size:W,align:z,type:G,className:`block whitespace-nowrap font-normal leading-tight`,children:U})]})}p.displayName=`MoneyDisplay`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=money-display-BLPNMmiT.cjs.map

package/dist/_shared/money-display-BLPNMmiT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-display-BLPNMmiT.cjs","names":[],"sources":["../../src/components/base/currency/hooks/use-currency.ts","../../src/components/base/currency/currency-pair-preview.tsx","../../src/components/base/display/money-display.tsx"],"sourcesContent":["/**\n * `useCurrency` — sugar over the `money` slice of `<UIProvider>`.\n *\n * Reads currency display settings from the global `UIConfig.money` store\n * (initialized with `DEFAULT_UI_CONFIG.money`), optionally overridden\n * per-call via `useCurrency({ ... })`. Returns formatting helpers that\n * compose the `Intl` APIs against the resolved settings.\n *\n * To change library-wide defaults: mount `<UIProvider config={{ money: {\n * defaultCurrency: 'EUR', formatMode: 'with_symbol' } }}>` near the root.\n * To change a single call site only: pass `useCurrency({ formatMode: ... })`.\n */\nimport { useMemo } from 'react';\n\nimport { useMoneyConfig } from '@/lib/ui-provider';\nimport type {\n    MoneyConfig,\n    MoneyDisplayMode,\n    MoneyDualLayout,\n    MoneyFormatMode,\n} from '@/lib/ui-provider';\n\n/**\n * Local-call override shape. Mirrors `MoneyConfig` keys, all optional.\n * Kept as a separate type so the public surface of `useCurrency` doesn't\n * depend directly on the UIConfig types.\n */\nexport type CurrencyOverrides = Partial<MoneyConfig>;\n\n/**\n * @deprecated Kept as an alias for back-compat. Prefer importing\n *  `MoneyConfig` from `@/lib/ui-provider` directly.\n */\nexport type CurrencyConfig = MoneyConfig;\n\n/**\n * @deprecated Use `<UIProvider config={{ money: {...} }}>` instead.\n *  This export is retained as a no-op shim during migration.\n */\nexport function CurrencyConfigProvider({\n    children,\n}: {\n    config?: Partial<MoneyConfig>;\n    children: React.ReactNode;\n}): React.ReactElement {\n    return children as React.ReactElement;\n}\n\n/** Hook returning resolved currency settings + formatting helpers. */\nexport function useCurrency(overrides?: CurrencyOverrides) {\n    const fromStore = useMoneyConfig();\n\n    const resolved = useMemo<Required<Pick<MoneyConfig,\n        'defaultCurrency' | 'dualPricingEnabled' | 'displayMode' |\n        'dualPricingDisplay' | 'formatMode'\n    >> & { displayCurrency: string; locale?: string }>(() => {\n        const merged: MoneyConfig = { ...fromStore, ...overrides };\n        const defaultCurrency = merged.defaultCurrency ?? 'USD';\n        return {\n            defaultCurrency,\n            displayCurrency: merged.displayCurrency ?? defaultCurrency,\n            locale: merged.locale,\n            dualPricingEnabled: merged.dualPricingEnabled ?? false,\n            displayMode:\n                merged.displayMode ?? ('default_only' as MoneyDisplayMode),\n            dualPricingDisplay:\n                merged.dualPricingDisplay ?? ('lines' as MoneyDualLayout),\n            formatMode: merged.formatMode ?? ('with_code' as MoneyFormatMode),\n        };\n    }, [fromStore, overrides]);\n\n    const {\n        defaultCurrency,\n        displayCurrency,\n        locale,\n        dualPricingEnabled,\n        displayMode,\n        dualPricingDisplay,\n        formatMode,\n    } = resolved;\n\n    const shouldShowDualPricing = () => {\n        if (!dualPricingEnabled) return false;\n        return displayMode === 'dual';\n    };\n\n    const formatAmount = (\n        value: string | number,\n        currency: string,\n        symbol?: string,\n    ): string => {\n        const numValue = typeof value === 'string' ? parseFloat(value) : value;\n        if (!Number.isFinite(numValue)) {\n            return currency ? `${String(value)} ${currency}`.trim() : String(value);\n        }\n\n        const formattedNumber = new Intl.NumberFormat(locale, {\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n        }).format(numValue);\n\n        switch (formatMode) {\n            case 'decimal':\n                return formattedNumber;\n            case 'with_code':\n                return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n            case 'with_symbol':\n                return symbol\n                    ? `${symbol}${formattedNumber}`\n                    : currency\n                        ? `${formattedNumber} ${currency}`\n                        : formattedNumber;\n            case 'locale_aware':\n                if (!currency) return formattedNumber;\n                try {\n                    return new Intl.NumberFormat(locale, {\n                        style: 'currency',\n                        currency,\n                    }).format(numValue);\n                } catch {\n                    return `${formattedNumber} ${currency}`;\n                }\n            default:\n                return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n        }\n    };\n\n    const getCurrencySymbol = (currency: string): string => {\n        const symbols: Record<string, string> = {\n            BGN: 'лв',\n            EUR: '€',\n            USD: '$',\n            GBP: '£',\n            JPY: '¥',\n        };\n        return symbols[currency] ?? currency;\n    };\n\n    return {\n        defaultCurrency,\n        displayCurrency,\n        dualPricingEnabled,\n        displayMode,\n        dualPricingDisplay,\n        formatMode,\n        shouldShowDualPricing,\n        formatAmount,\n        getCurrencySymbol,\n    };\n}\n\n/**\n * @deprecated Use `DEFAULT_UI_CONFIG.money` from `@/lib/ui-provider`.\n *  Retained for back-compat during migration.\n */\nexport const defaultCurrencyConfig: MoneyConfig = {\n    defaultCurrency: 'USD',\n    dualPricingEnabled: false,\n    displayMode: 'default_only',\n    dualPricingDisplay: 'lines',\n    formatMode: 'with_code',\n};\n\nexport default useCurrency;\n","/**\n * CurrencyPairPreview — inline rendering of a `source → target` currency\n * pair using `useCurrency().formatAmount` for each side. Shows the shared\n * EMPTY placeholder when either leg is missing. Provide a custom `separator`\n * (default `→`) for direction or styling variations.\n */\nimport { ArrowRight } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n/**\n * Currency-pair shape rendered by `<CurrencyPairPreview>`.\n *\n * `value` is the numeric amount; `currency` is the ISO 4217 code;\n * `symbol` is an optional pre-resolved symbol the consumer can pass when\n * they don't want the library to look one up.\n */\nexport interface CurrencyPairLeg {\n\tvalue?: number | string | null;\n\tcurrency?: string | null;\n\tsymbol?: string | null;\n}\n\nexport interface CurrencyPairData {\n\tsource?: CurrencyPairLeg | null;\n\ttarget?: CurrencyPairLeg | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nconst DEFAULT_SEPARATOR = (\n\t<ArrowRight className=\"size-3 shrink-0 opacity-60\" aria-hidden=\"true\" />\n);\n\nexport interface CurrencyPairPreviewProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tpair?: CurrencyPairData | null;\n\temptyLabel?: ReactNode;\n\tseparator?: ReactNode;\n}\n\nexport function CurrencyPairPreview({\n\tpair,\n\temptyLabel = EMPTY,\n\tseparator = DEFAULT_SEPARATOR,\n\tclassName,\n\tsize: sizeProp,\n\ttag = 'span',\n\t...props\n}: CurrencyPairPreviewProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst { formatAmount } = useCurrency();\n\n\tconst source = pair?.source?.value ?? null;\n\tconst sourceCurrency = pair?.source?.currency ?? null;\n\tconst sourceSymbol = pair?.source?.symbol ?? null;\n\tconst target = pair?.target?.value ?? null;\n\tconst targetCurrency = pair?.target?.currency ?? null;\n\tconst targetSymbol = pair?.target?.symbol ?? null;\n\n\tif (!source || !target) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\tclassName={cn('currency-pair-preview--component', 'tabular-nums', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\tclassName={cn('inline-flex items-center gap-1.5 tabular-nums', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span>\n\t\t\t\t{formatAmount(source, String(sourceCurrency ?? ''), sourceSymbol ?? undefined)}\n\t\t\t</span>\n\t\t\t<span className=\"inline-flex items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t{separator}\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{formatAmount(target, String(targetCurrency ?? ''), targetSymbol ?? undefined)}\n\t\t\t</span>\n\t\t</Text>\n\t);\n}\n\nCurrencyPairPreview.displayName = 'CurrencyPairPreview';\n","/**\n * MoneyDisplay — primary + (optional) secondary currency amount renderer.\n *\n * Resolves a money value from any of `money` / `moneyPair` / `amount` / `pair`\n * (in priority order) and formats via the active `useCurrency` config. When\n * dual pricing is enabled (provider or per-instance `showPair`), the\n * converted secondary value renders either stacked\n * (`dualPricingDisplay=\"lines\"`, default) or inline. Numbers always use the\n * active locale's thousands separator and tabular-nums for stable column\n * alignment.\n *\n * Re-exported from `@/components/base/currency/money-display` to keep\n * currency-namespaced imports grouped.\n */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n\n/**\n * Flexible input shapes accepted by `<MoneyDisplay>`. The component reads\n * defensively (numeric or string `value`/`amount`) and treats `currency` as\n * a free-form ISO 4217 string. Consumers map their domain money/currency\n * types into these at the call site.\n */\nexport interface CurrencyAmountData {\n    value?: number | string | null;\n    currency?: string | null;\n    symbol?: string | null;\n}\n\nexport interface MoneyValueData {\n    amount?: number | string | null;\n    currency?: string | null;\n}\n\nexport interface MoneyData extends MoneyValueData {\n    /** Optional secondary leg used when dual-pricing is enabled. */\n    pair?: MoneyValueData | null;\n}\n\nexport interface MoneyPairData {\n    primary?: MoneyData | null;\n    secondary?: MoneyData | null;\n}\n\nexport interface CurrencyPairData {\n    source?: CurrencyAmountData | null;\n    target?: CurrencyAmountData | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nexport type MoneyDisplayVariant = 'default' | 'minimal' | 'stacked';\nexport type MoneyDisplaySecondaryEmphasis = 'discrete' | 'muted' | 'match' | 'hidden';\n\nexport interface MoneyDisplayProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tmoney?: MoneyData | null;\n\tmoneyPair?: MoneyPairData | null;\n\tamount?: CurrencyAmountData | null;\n\tpair?: CurrencyPairData | null;\n\tshowPair?: boolean;\n\tdualPricingDisplay?: 'inline' | 'lines';\n\talignment?: 'left' | 'center' | 'right';\n\temptyLabel?: ReactNode;\n\t/**\n\t * Visual variant. `default`/`stacked` show secondary on a line below;\n\t * `minimal` always renders just the primary value (single token, no\n\t * secondary, no separator) — use it for dense rows or chips.\n\t */\n\tvariant?: MoneyDisplayVariant;\n\t/**\n\t * Tunes the prominence of the secondary value when it renders.\n\t * `discrete` (default for stacked) — `xxs` discrete tone, easy to scan past.\n\t * `muted` — `xs` secondary tone (legacy behaviour).\n\t * `match` — same size as primary, regular weight.\n\t * `hidden` — never render the secondary even if a pair is provided.\n\t */\n\tsecondaryEmphasis?: MoneyDisplaySecondaryEmphasis;\n}\n\ntype ResolvedAmount = {\n\tvalue: number;\n\tcurrency: string | null;\n\tsymbol: string | null;\n};\n\nconst toNumber = (raw: string | number | undefined | null): number | null => {\n\tif (raw === null || raw === undefined) return null;\n\tconst n = typeof raw === 'number' ? raw : Number.parseFloat(String(raw).trim());\n\treturn Number.isFinite(n) ? n : null;\n};\n\nconst resolveCurrencyAmount = (amount?: CurrencyAmountData | null): ResolvedAmount | null => {\n\tconst n = toNumber(amount?.value);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: amount?.currency ? String(amount.currency) : null,\n\t\tsymbol: amount?.symbol ? String(amount.symbol) : null,\n\t};\n};\n\nconst resolveMoney = (money?: MoneyData | null): ResolvedAmount | null => {\n\tconst n = toNumber(money?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: money?.currency ? String(money.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nconst resolveMoneyValue = (value?: MoneyValueData | null): ResolvedAmount | null => {\n\tconst n = toNumber(value?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: value?.currency ? String(value.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nexport function MoneyDisplay({\n\tmoney,\n\tmoneyPair,\n\tamount,\n\tpair,\n\tshowPair = false,\n\tdualPricingDisplay,\n\talignment,\n\temptyLabel = EMPTY,\n\tvariant = 'default',\n\tsecondaryEmphasis = 'discrete',\n\tclassName,\n\t// Defaults tuned for admin density: `sm` + `medium` reads as a normal\n\t// number in context, not a hero figure. Pass `size=\"base\"` /\n\t// `weight=\"semibold\"` for emphasis (totals, KPI tiles).\n\tsize: sizeProp,\n\talign = 'right',\n\tweight = 'medium',\n\ttag = 'span',\n\t...props\n}: MoneyDisplayProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst {\n\t\tdisplayCurrency,\n\t\tdualPricingDisplay: globalDualPricingDisplay,\n\t\tshouldShowDualPricing,\n\t\tformatAmount,\n\t\tgetCurrencySymbol,\n\t} = useCurrency();\n\n\tconst resolvedDualPricingDisplay = dualPricingDisplay ?? globalDualPricingDisplay ?? 'lines';\n\n\tconst primaryFromMoneyPair =\n\t\t(shouldShowDualPricing() || showPair) && moneyPair?.primary\n\t\t\t? resolveMoney(moneyPair.primary)\n\t\t\t: null;\n\tconst primaryFromMoney = resolveMoney(money);\n\tconst primaryFromAmount = resolveCurrencyAmount(amount);\n\n\tconst primary = primaryFromMoneyPair ?? primaryFromMoney ?? primaryFromAmount ?? null;\n\tconst primaryCurrency = primary?.currency ?? displayCurrency ?? null;\n\n\tconst shouldRenderPair =\n\t\t(showPair || shouldShowDualPricing()) &&\n\t\tBoolean(moneyPair ?? pair ?? money?.pair);\n\n\tconst resolveSecondary = (): ResolvedAmount | null => {\n\t\tif (!shouldRenderPair) return null;\n\n\t\tif (moneyPair?.primary && moneyPair?.secondary) {\n\t\t\treturn resolveMoney(moneyPair.secondary);\n\t\t}\n\n\t\tif (money?.pair) {\n\t\t\treturn resolveMoneyValue(money.pair);\n\t\t}\n\n\t\tif (pair?.source || pair?.target) {\n\t\t\tconst source = resolveCurrencyAmount(pair?.source ?? null);\n\t\t\tconst target = resolveCurrencyAmount(pair?.target ?? null);\n\n\t\t\tif (!source && !target) return null;\n\n\t\t\tconst sourceCurrency = source?.currency ?? null;\n\t\t\tconst targetCurrency = target?.currency ?? null;\n\n\t\t\tif (primaryCurrency && targetCurrency === primaryCurrency) return source;\n\t\t\tif (primaryCurrency && sourceCurrency === primaryCurrency) return target;\n\t\t\tif (displayCurrency && targetCurrency === displayCurrency) return source;\n\t\t\tif (displayCurrency && sourceCurrency === displayCurrency) return target;\n\t\t\treturn target ?? source;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tconst secondary =\n\t\tvariant === 'minimal' || secondaryEmphasis === 'hidden'\n\t\t\t? null\n\t\t\t: resolveSecondary();\n\n\tconst resolvedAlign = alignment ?? align;\n\tconst alignmentClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'text-left'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'text-center'\n\t\t\t\t: 'text-right';\n\tconst justifyClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'justify-start'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'justify-center'\n\t\t\t\t: 'justify-end';\n\n\tif (!primary) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\talign={resolvedAlign}\n\t\t\t\tclassName={cn('money-display--component', \n\t\t\t\t\t'money--display inline-flex flex-col tabular-nums',\n\t\t\t\t\talignmentClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst primaryLabel = formatAmount(\n\t\tprimary.value,\n\t\tprimaryCurrency ?? '',\n\t\tprimary.symbol ?? (primaryCurrency ? getCurrencySymbol(primaryCurrency) : undefined),\n\t);\n\tconst secondaryLabel = secondary\n\t\t? formatAmount(\n\t\t\t\tsecondary.value,\n\t\t\t\tsecondary.currency ?? '',\n\t\t\t\tsecondary.symbol ?? (secondary.currency ? getCurrencySymbol(secondary.currency) : undefined),\n\t\t\t)\n\t\t: null;\n\n\tconst secondarySize: BaseTextProps['size'] =\n\t\tsecondaryEmphasis === 'match' ? size\n\t\t\t: secondaryEmphasis === 'muted' ? 'xs'\n\t\t\t\t: 'xxs';\n\tconst secondaryType: BaseTextProps['type'] =\n\t\tsecondaryEmphasis === 'match' ? undefined\n\t\t\t: secondaryEmphasis === 'muted' ? 'secondary'\n\t\t\t\t: 'discrete';\n\n\tif (resolvedDualPricingDisplay === 'inline' && secondaryLabel) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap',\n\t\t\t\t\tjustifyClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...(props as React.HTMLAttributes<HTMLSpanElement>)}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t\t{primaryLabel}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" aria-hidden=\"true\">\n\t\t\t\t\t·\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size={secondarySize} type={secondaryType} weight=\"regular\">\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\talign={resolvedAlign}\n\t\t\tclassName={cn(\n\t\t\t\t'money--display inline-flex flex-col tabular-nums leading-tight',\n\t\t\t\talignmentClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t{primaryLabel}\n\t\t\t</Text>\n\t\t\t{!!secondaryLabel && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize={secondarySize}\n\t\t\t\t\talign={resolvedAlign}\n\t\t\t\t\ttype={secondaryType}\n\t\t\t\t\tclassName=\"block whitespace-nowrap font-normal leading-tight\"\n\t\t\t\t>\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</Text>\n\t);\n}\n\nMoneyDisplay.displayName = 'MoneyDisplay';\n"],"mappings":"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"}

package/dist/_shared/money-display-D_-Cb8-9.js

@@ -0,0 +1,198 @@
+import { l as e, p as t } from "./ui-provider-Dj6OSOZi.js";
+import { cn as n } from "../lib/utils.js";
+import { s as r } from "./typography-DE0NGEIE.js";
+import { useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ArrowRight as s } from "lucide-react";
+//#region src/components/base/currency/hooks/use-currency.ts
+function c(t) {
+	let n = e(), { defaultCurrency: r, displayCurrency: a, locale: o, dualPricingEnabled: s, displayMode: c, dualPricingDisplay: l, formatMode: u } = i(() => {
+		let e = {
+			...n,
+			...t
+		}, r = e.defaultCurrency ?? "USD";
+		return {
+			defaultCurrency: r,
+			displayCurrency: e.displayCurrency ?? r,
+			locale: e.locale,
+			dualPricingEnabled: e.dualPricingEnabled ?? !1,
+			displayMode: e.displayMode ?? "default_only",
+			dualPricingDisplay: e.dualPricingDisplay ?? "lines",
+			formatMode: e.formatMode ?? "with_code"
+		};
+	}, [n, t]);
+	return {
+		defaultCurrency: r,
+		displayCurrency: a,
+		dualPricingEnabled: s,
+		displayMode: c,
+		dualPricingDisplay: l,
+		formatMode: u,
+		shouldShowDualPricing: () => s ? c === "dual" : !1,
+		formatAmount: (e, t, n) => {
+			let r = typeof e == "string" ? parseFloat(e) : e;
+			if (!Number.isFinite(r)) return t ? `${String(e)} ${t}`.trim() : String(e);
+			let i = new Intl.NumberFormat(o, {
+				minimumFractionDigits: 2,
+				maximumFractionDigits: 2
+			}).format(r);
+			switch (u) {
+				case "decimal": return i;
+				case "with_code": return t ? `${i} ${t}` : i;
+				case "with_symbol": return n ? `${n}${i}` : t ? `${i} ${t}` : i;
+				case "locale_aware":
+					if (!t) return i;
+					try {
+						return new Intl.NumberFormat(o, {
+							style: "currency",
+							currency: t
+						}).format(r);
+					} catch {
+						return `${i} ${t}`;
+					}
+				default: return t ? `${i} ${t}` : i;
+			}
+		},
+		getCurrencySymbol: (e) => ({
+			BGN: "лв",
+			EUR: "€",
+			USD: "$",
+			GBP: "£",
+			JPY: "¥"
+		})[e] ?? e
+	};
+}
+//#endregion
+//#region src/components/base/currency/currency-pair-preview.tsx
+var l = /* @__PURE__ */ a(s, {
+	className: "size-3 shrink-0 opacity-60",
+	"aria-hidden": "true"
+});
+function u({ pair: e, emptyLabel: i = "—", separator: s = l, className: u, size: d, tag: f = "span", ...p }) {
+	let { defaultTextSize: m } = t(), h = d ?? m ?? "sm", { formatAmount: g } = c(), _ = e?.source?.value ?? null, v = e?.source?.currency ?? null, y = e?.source?.symbol ?? null, b = e?.target?.value ?? null, x = e?.target?.currency ?? null, S = e?.target?.symbol ?? null;
+	return !_ || !b ? /* @__PURE__ */ a(r, {
+		tag: f,
+		size: h,
+		type: "secondary",
+		className: n("currency-pair-preview--component", "tabular-nums", u),
+		...p,
+		children: i
+	}) : /* @__PURE__ */ o(r, {
+		tag: f,
+		size: h,
+		className: n("inline-flex items-center gap-1.5 tabular-nums", u),
+		...p,
+		children: [
+			/* @__PURE__ */ a("span", { children: g(_, String(v ?? ""), y ?? void 0) }),
+			/* @__PURE__ */ a("span", {
+				className: "inline-flex items-center text-muted-foreground",
+				"aria-hidden": "true",
+				children: s
+			}),
+			/* @__PURE__ */ a("span", { children: g(b, String(x ?? ""), S ?? void 0) })
+		]
+	});
+}
+u.displayName = "CurrencyPairPreview";
+//#endregion
+//#region src/components/base/display/money-display.tsx
+var d = (e) => {
+	if (e == null) return null;
+	let t = typeof e == "number" ? e : Number.parseFloat(String(e).trim());
+	return Number.isFinite(t) ? t : null;
+}, f = (e) => {
+	let t = d(e?.value);
+	return t === null ? null : {
+		value: t,
+		currency: e?.currency ? String(e.currency) : null,
+		symbol: e?.symbol ? String(e.symbol) : null
+	};
+}, p = (e) => {
+	let t = d(e?.amount);
+	return t === null ? null : {
+		value: t,
+		currency: e?.currency ? String(e.currency) : null,
+		symbol: null
+	};
+}, m = (e) => {
+	let t = d(e?.amount);
+	return t === null ? null : {
+		value: t,
+		currency: e?.currency ? String(e.currency) : null,
+		symbol: null
+	};
+};
+function h({ money: e, moneyPair: i, amount: s, pair: l, showPair: u = !1, dualPricingDisplay: d, alignment: h, emptyLabel: g = "—", variant: _ = "default", secondaryEmphasis: v = "discrete", className: y, size: b, align: x = "right", weight: S = "medium", tag: C = "span", ...w }) {
+	let { defaultTextSize: T } = t(), E = b ?? T ?? "sm", { displayCurrency: D, dualPricingDisplay: O, shouldShowDualPricing: k, formatAmount: A, getCurrencySymbol: j } = c(), M = d ?? O ?? "lines", N = (k() || u) && i?.primary ? p(i.primary) : null, P = p(e), F = f(s), I = N ?? P ?? F ?? null, L = I?.currency ?? D ?? null, R = (u || k()) && !!(i ?? l ?? e?.pair), z = _ === "minimal" || v === "hidden" ? null : (() => {
+		if (!R) return null;
+		if (i?.primary && i?.secondary) return p(i.secondary);
+		if (e?.pair) return m(e.pair);
+		if (l?.source || l?.target) {
+			let e = f(l?.source ?? null), t = f(l?.target ?? null);
+			if (!e && !t) return null;
+			let n = e?.currency ?? null, r = t?.currency ?? null;
+			return L && r === L ? e : L && n === L ? t : D && r === D ? e : D && n === D ? t : t ?? e;
+		}
+		return null;
+	})(), B = h ?? x, V = B === "left" ? "text-left" : B === "center" ? "text-center" : "text-right", H = B === "left" ? "justify-start" : B === "center" ? "justify-center" : "justify-end";
+	if (!I) return /* @__PURE__ */ a(r, {
+		tag: C,
+		size: E,
+		type: "secondary",
+		align: B,
+		className: n("money-display--component", "money--display inline-flex flex-col tabular-nums", V, y),
+		...w,
+		children: g
+	});
+	let U = A(I.value, L ?? "", I.symbol ?? (L ? j(L) : void 0)), W = z ? A(z.value, z.currency ?? "", z.symbol ?? (z.currency ? j(z.currency) : void 0)) : null, G = v === "match" ? E : v === "muted" ? "xs" : "xxs", K = v === "match" ? void 0 : v === "muted" ? "secondary" : "discrete";
+	return M === "inline" && W ? /* @__PURE__ */ o("span", {
+		className: n("money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap", H, y),
+		...w,
+		children: [
+			/* @__PURE__ */ a(r, {
+				tag: "span",
+				size: E,
+				weight: S,
+				children: U
+			}),
+			/* @__PURE__ */ a(r, {
+				tag: "span",
+				size: "xxs",
+				type: "discrete",
+				"aria-hidden": "true",
+				children: "·"
+			}),
+			/* @__PURE__ */ a(r, {
+				tag: "span",
+				size: G,
+				type: K,
+				weight: "regular",
+				children: W
+			})
+		]
+	}) : /* @__PURE__ */ o(r, {
+		tag: C,
+		size: E,
+		align: B,
+		className: n("money--display inline-flex flex-col tabular-nums leading-tight", V, y),
+		...w,
+		children: [/* @__PURE__ */ a(r, {
+			tag: "span",
+			size: E,
+			weight: S,
+			children: U
+		}), !!W && /* @__PURE__ */ a(r, {
+			tag: "span",
+			size: G,
+			align: B,
+			type: K,
+			className: "block whitespace-nowrap font-normal leading-tight",
+			children: W
+		})]
+	});
+}
+h.displayName = "MoneyDisplay";
+//#endregion
+export { u as n, h as t };
+
+//# sourceMappingURL=money-display-D_-Cb8-9.js.map

package/dist/_shared/money-display-D_-Cb8-9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-display-D_-Cb8-9.js","names":[],"sources":["../../src/components/base/currency/hooks/use-currency.ts","../../src/components/base/currency/currency-pair-preview.tsx","../../src/components/base/display/money-display.tsx"],"sourcesContent":["/**\n * `useCurrency` — sugar over the `money` slice of `<UIProvider>`.\n *\n * Reads currency display settings from the global `UIConfig.money` store\n * (initialized with `DEFAULT_UI_CONFIG.money`), optionally overridden\n * per-call via `useCurrency({ ... })`. Returns formatting helpers that\n * compose the `Intl` APIs against the resolved settings.\n *\n * To change library-wide defaults: mount `<UIProvider config={{ money: {\n * defaultCurrency: 'EUR', formatMode: 'with_symbol' } }}>` near the root.\n * To change a single call site only: pass `useCurrency({ formatMode: ... })`.\n */\nimport { useMemo } from 'react';\n\nimport { useMoneyConfig } from '@/lib/ui-provider';\nimport type {\n    MoneyConfig,\n    MoneyDisplayMode,\n    MoneyDualLayout,\n    MoneyFormatMode,\n} from '@/lib/ui-provider';\n\n/**\n * Local-call override shape. Mirrors `MoneyConfig` keys, all optional.\n * Kept as a separate type so the public surface of `useCurrency` doesn't\n * depend directly on the UIConfig types.\n */\nexport type CurrencyOverrides = Partial<MoneyConfig>;\n\n/**\n * @deprecated Kept as an alias for back-compat. Prefer importing\n *  `MoneyConfig` from `@/lib/ui-provider` directly.\n */\nexport type CurrencyConfig = MoneyConfig;\n\n/**\n * @deprecated Use `<UIProvider config={{ money: {...} }}>` instead.\n *  This export is retained as a no-op shim during migration.\n */\nexport function CurrencyConfigProvider({\n    children,\n}: {\n    config?: Partial<MoneyConfig>;\n    children: React.ReactNode;\n}): React.ReactElement {\n    return children as React.ReactElement;\n}\n\n/** Hook returning resolved currency settings + formatting helpers. */\nexport function useCurrency(overrides?: CurrencyOverrides) {\n    const fromStore = useMoneyConfig();\n\n    const resolved = useMemo<Required<Pick<MoneyConfig,\n        'defaultCurrency' | 'dualPricingEnabled' | 'displayMode' |\n        'dualPricingDisplay' | 'formatMode'\n    >> & { displayCurrency: string; locale?: string }>(() => {\n        const merged: MoneyConfig = { ...fromStore, ...overrides };\n        const defaultCurrency = merged.defaultCurrency ?? 'USD';\n        return {\n            defaultCurrency,\n            displayCurrency: merged.displayCurrency ?? defaultCurrency,\n            locale: merged.locale,\n            dualPricingEnabled: merged.dualPricingEnabled ?? false,\n            displayMode:\n                merged.displayMode ?? ('default_only' as MoneyDisplayMode),\n            dualPricingDisplay:\n                merged.dualPricingDisplay ?? ('lines' as MoneyDualLayout),\n            formatMode: merged.formatMode ?? ('with_code' as MoneyFormatMode),\n        };\n    }, [fromStore, overrides]);\n\n    const {\n        defaultCurrency,\n        displayCurrency,\n        locale,\n        dualPricingEnabled,\n        displayMode,\n        dualPricingDisplay,\n        formatMode,\n    } = resolved;\n\n    const shouldShowDualPricing = () => {\n        if (!dualPricingEnabled) return false;\n        return displayMode === 'dual';\n    };\n\n    const formatAmount = (\n        value: string | number,\n        currency: string,\n        symbol?: string,\n    ): string => {\n        const numValue = typeof value === 'string' ? parseFloat(value) : value;\n        if (!Number.isFinite(numValue)) {\n            return currency ? `${String(value)} ${currency}`.trim() : String(value);\n        }\n\n        const formattedNumber = new Intl.NumberFormat(locale, {\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n        }).format(numValue);\n\n        switch (formatMode) {\n            case 'decimal':\n                return formattedNumber;\n            case 'with_code':\n                return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n            case 'with_symbol':\n                return symbol\n                    ? `${symbol}${formattedNumber}`\n                    : currency\n                        ? `${formattedNumber} ${currency}`\n                        : formattedNumber;\n            case 'locale_aware':\n                if (!currency) return formattedNumber;\n                try {\n                    return new Intl.NumberFormat(locale, {\n                        style: 'currency',\n                        currency,\n                    }).format(numValue);\n                } catch {\n                    return `${formattedNumber} ${currency}`;\n                }\n            default:\n                return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n        }\n    };\n\n    const getCurrencySymbol = (currency: string): string => {\n        const symbols: Record<string, string> = {\n            BGN: 'лв',\n            EUR: '€',\n            USD: '$',\n            GBP: '£',\n            JPY: '¥',\n        };\n        return symbols[currency] ?? currency;\n    };\n\n    return {\n        defaultCurrency,\n        displayCurrency,\n        dualPricingEnabled,\n        displayMode,\n        dualPricingDisplay,\n        formatMode,\n        shouldShowDualPricing,\n        formatAmount,\n        getCurrencySymbol,\n    };\n}\n\n/**\n * @deprecated Use `DEFAULT_UI_CONFIG.money` from `@/lib/ui-provider`.\n *  Retained for back-compat during migration.\n */\nexport const defaultCurrencyConfig: MoneyConfig = {\n    defaultCurrency: 'USD',\n    dualPricingEnabled: false,\n    displayMode: 'default_only',\n    dualPricingDisplay: 'lines',\n    formatMode: 'with_code',\n};\n\nexport default useCurrency;\n","/**\n * CurrencyPairPreview — inline rendering of a `source → target` currency\n * pair using `useCurrency().formatAmount` for each side. Shows the shared\n * EMPTY placeholder when either leg is missing. Provide a custom `separator`\n * (default `→`) for direction or styling variations.\n */\nimport { ArrowRight } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n/**\n * Currency-pair shape rendered by `<CurrencyPairPreview>`.\n *\n * `value` is the numeric amount; `currency` is the ISO 4217 code;\n * `symbol` is an optional pre-resolved symbol the consumer can pass when\n * they don't want the library to look one up.\n */\nexport interface CurrencyPairLeg {\n\tvalue?: number | string | null;\n\tcurrency?: string | null;\n\tsymbol?: string | null;\n}\n\nexport interface CurrencyPairData {\n\tsource?: CurrencyPairLeg | null;\n\ttarget?: CurrencyPairLeg | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nconst DEFAULT_SEPARATOR = (\n\t<ArrowRight className=\"size-3 shrink-0 opacity-60\" aria-hidden=\"true\" />\n);\n\nexport interface CurrencyPairPreviewProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tpair?: CurrencyPairData | null;\n\temptyLabel?: ReactNode;\n\tseparator?: ReactNode;\n}\n\nexport function CurrencyPairPreview({\n\tpair,\n\temptyLabel = EMPTY,\n\tseparator = DEFAULT_SEPARATOR,\n\tclassName,\n\tsize: sizeProp,\n\ttag = 'span',\n\t...props\n}: CurrencyPairPreviewProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst { formatAmount } = useCurrency();\n\n\tconst source = pair?.source?.value ?? null;\n\tconst sourceCurrency = pair?.source?.currency ?? null;\n\tconst sourceSymbol = pair?.source?.symbol ?? null;\n\tconst target = pair?.target?.value ?? null;\n\tconst targetCurrency = pair?.target?.currency ?? null;\n\tconst targetSymbol = pair?.target?.symbol ?? null;\n\n\tif (!source || !target) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\tclassName={cn('currency-pair-preview--component', 'tabular-nums', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\tclassName={cn('inline-flex items-center gap-1.5 tabular-nums', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span>\n\t\t\t\t{formatAmount(source, String(sourceCurrency ?? ''), sourceSymbol ?? undefined)}\n\t\t\t</span>\n\t\t\t<span className=\"inline-flex items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t{separator}\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{formatAmount(target, String(targetCurrency ?? ''), targetSymbol ?? undefined)}\n\t\t\t</span>\n\t\t</Text>\n\t);\n}\n\nCurrencyPairPreview.displayName = 'CurrencyPairPreview';\n","/**\n * MoneyDisplay — primary + (optional) secondary currency amount renderer.\n *\n * Resolves a money value from any of `money` / `moneyPair` / `amount` / `pair`\n * (in priority order) and formats via the active `useCurrency` config. When\n * dual pricing is enabled (provider or per-instance `showPair`), the\n * converted secondary value renders either stacked\n * (`dualPricingDisplay=\"lines\"`, default) or inline. Numbers always use the\n * active locale's thousands separator and tabular-nums for stable column\n * alignment.\n *\n * Re-exported from `@/components/base/currency/money-display` to keep\n * currency-namespaced imports grouped.\n */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n\n/**\n * Flexible input shapes accepted by `<MoneyDisplay>`. The component reads\n * defensively (numeric or string `value`/`amount`) and treats `currency` as\n * a free-form ISO 4217 string. Consumers map their domain money/currency\n * types into these at the call site.\n */\nexport interface CurrencyAmountData {\n    value?: number | string | null;\n    currency?: string | null;\n    symbol?: string | null;\n}\n\nexport interface MoneyValueData {\n    amount?: number | string | null;\n    currency?: string | null;\n}\n\nexport interface MoneyData extends MoneyValueData {\n    /** Optional secondary leg used when dual-pricing is enabled. */\n    pair?: MoneyValueData | null;\n}\n\nexport interface MoneyPairData {\n    primary?: MoneyData | null;\n    secondary?: MoneyData | null;\n}\n\nexport interface CurrencyPairData {\n    source?: CurrencyAmountData | null;\n    target?: CurrencyAmountData | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nexport type MoneyDisplayVariant = 'default' | 'minimal' | 'stacked';\nexport type MoneyDisplaySecondaryEmphasis = 'discrete' | 'muted' | 'match' | 'hidden';\n\nexport interface MoneyDisplayProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tmoney?: MoneyData | null;\n\tmoneyPair?: MoneyPairData | null;\n\tamount?: CurrencyAmountData | null;\n\tpair?: CurrencyPairData | null;\n\tshowPair?: boolean;\n\tdualPricingDisplay?: 'inline' | 'lines';\n\talignment?: 'left' | 'center' | 'right';\n\temptyLabel?: ReactNode;\n\t/**\n\t * Visual variant. `default`/`stacked` show secondary on a line below;\n\t * `minimal` always renders just the primary value (single token, no\n\t * secondary, no separator) — use it for dense rows or chips.\n\t */\n\tvariant?: MoneyDisplayVariant;\n\t/**\n\t * Tunes the prominence of the secondary value when it renders.\n\t * `discrete` (default for stacked) — `xxs` discrete tone, easy to scan past.\n\t * `muted` — `xs` secondary tone (legacy behaviour).\n\t * `match` — same size as primary, regular weight.\n\t * `hidden` — never render the secondary even if a pair is provided.\n\t */\n\tsecondaryEmphasis?: MoneyDisplaySecondaryEmphasis;\n}\n\ntype ResolvedAmount = {\n\tvalue: number;\n\tcurrency: string | null;\n\tsymbol: string | null;\n};\n\nconst toNumber = (raw: string | number | undefined | null): number | null => {\n\tif (raw === null || raw === undefined) return null;\n\tconst n = typeof raw === 'number' ? raw : Number.parseFloat(String(raw).trim());\n\treturn Number.isFinite(n) ? n : null;\n};\n\nconst resolveCurrencyAmount = (amount?: CurrencyAmountData | null): ResolvedAmount | null => {\n\tconst n = toNumber(amount?.value);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: amount?.currency ? String(amount.currency) : null,\n\t\tsymbol: amount?.symbol ? String(amount.symbol) : null,\n\t};\n};\n\nconst resolveMoney = (money?: MoneyData | null): ResolvedAmount | null => {\n\tconst n = toNumber(money?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: money?.currency ? String(money.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nconst resolveMoneyValue = (value?: MoneyValueData | null): ResolvedAmount | null => {\n\tconst n = toNumber(value?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: value?.currency ? String(value.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nexport function MoneyDisplay({\n\tmoney,\n\tmoneyPair,\n\tamount,\n\tpair,\n\tshowPair = false,\n\tdualPricingDisplay,\n\talignment,\n\temptyLabel = EMPTY,\n\tvariant = 'default',\n\tsecondaryEmphasis = 'discrete',\n\tclassName,\n\t// Defaults tuned for admin density: `sm` + `medium` reads as a normal\n\t// number in context, not a hero figure. Pass `size=\"base\"` /\n\t// `weight=\"semibold\"` for emphasis (totals, KPI tiles).\n\tsize: sizeProp,\n\talign = 'right',\n\tweight = 'medium',\n\ttag = 'span',\n\t...props\n}: MoneyDisplayProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst {\n\t\tdisplayCurrency,\n\t\tdualPricingDisplay: globalDualPricingDisplay,\n\t\tshouldShowDualPricing,\n\t\tformatAmount,\n\t\tgetCurrencySymbol,\n\t} = useCurrency();\n\n\tconst resolvedDualPricingDisplay = dualPricingDisplay ?? globalDualPricingDisplay ?? 'lines';\n\n\tconst primaryFromMoneyPair =\n\t\t(shouldShowDualPricing() || showPair) && moneyPair?.primary\n\t\t\t? resolveMoney(moneyPair.primary)\n\t\t\t: null;\n\tconst primaryFromMoney = resolveMoney(money);\n\tconst primaryFromAmount = resolveCurrencyAmount(amount);\n\n\tconst primary = primaryFromMoneyPair ?? primaryFromMoney ?? primaryFromAmount ?? null;\n\tconst primaryCurrency = primary?.currency ?? displayCurrency ?? null;\n\n\tconst shouldRenderPair =\n\t\t(showPair || shouldShowDualPricing()) &&\n\t\tBoolean(moneyPair ?? pair ?? money?.pair);\n\n\tconst resolveSecondary = (): ResolvedAmount | null => {\n\t\tif (!shouldRenderPair) return null;\n\n\t\tif (moneyPair?.primary && moneyPair?.secondary) {\n\t\t\treturn resolveMoney(moneyPair.secondary);\n\t\t}\n\n\t\tif (money?.pair) {\n\t\t\treturn resolveMoneyValue(money.pair);\n\t\t}\n\n\t\tif (pair?.source || pair?.target) {\n\t\t\tconst source = resolveCurrencyAmount(pair?.source ?? null);\n\t\t\tconst target = resolveCurrencyAmount(pair?.target ?? null);\n\n\t\t\tif (!source && !target) return null;\n\n\t\t\tconst sourceCurrency = source?.currency ?? null;\n\t\t\tconst targetCurrency = target?.currency ?? null;\n\n\t\t\tif (primaryCurrency && targetCurrency === primaryCurrency) return source;\n\t\t\tif (primaryCurrency && sourceCurrency === primaryCurrency) return target;\n\t\t\tif (displayCurrency && targetCurrency === displayCurrency) return source;\n\t\t\tif (displayCurrency && sourceCurrency === displayCurrency) return target;\n\t\t\treturn target ?? source;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tconst secondary =\n\t\tvariant === 'minimal' || secondaryEmphasis === 'hidden'\n\t\t\t? null\n\t\t\t: resolveSecondary();\n\n\tconst resolvedAlign = alignment ?? align;\n\tconst alignmentClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'text-left'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'text-center'\n\t\t\t\t: 'text-right';\n\tconst justifyClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'justify-start'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'justify-center'\n\t\t\t\t: 'justify-end';\n\n\tif (!primary) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\talign={resolvedAlign}\n\t\t\t\tclassName={cn('money-display--component', \n\t\t\t\t\t'money--display inline-flex flex-col tabular-nums',\n\t\t\t\t\talignmentClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst primaryLabel = formatAmount(\n\t\tprimary.value,\n\t\tprimaryCurrency ?? '',\n\t\tprimary.symbol ?? (primaryCurrency ? getCurrencySymbol(primaryCurrency) : undefined),\n\t);\n\tconst secondaryLabel = secondary\n\t\t? formatAmount(\n\t\t\t\tsecondary.value,\n\t\t\t\tsecondary.currency ?? '',\n\t\t\t\tsecondary.symbol ?? (secondary.currency ? getCurrencySymbol(secondary.currency) : undefined),\n\t\t\t)\n\t\t: null;\n\n\tconst secondarySize: BaseTextProps['size'] =\n\t\tsecondaryEmphasis === 'match' ? size\n\t\t\t: secondaryEmphasis === 'muted' ? 'xs'\n\t\t\t\t: 'xxs';\n\tconst secondaryType: BaseTextProps['type'] =\n\t\tsecondaryEmphasis === 'match' ? undefined\n\t\t\t: secondaryEmphasis === 'muted' ? 'secondary'\n\t\t\t\t: 'discrete';\n\n\tif (resolvedDualPricingDisplay === 'inline' && secondaryLabel) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap',\n\t\t\t\t\tjustifyClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...(props as React.HTMLAttributes<HTMLSpanElement>)}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t\t{primaryLabel}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" aria-hidden=\"true\">\n\t\t\t\t\t·\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size={secondarySize} type={secondaryType} weight=\"regular\">\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\talign={resolvedAlign}\n\t\t\tclassName={cn(\n\t\t\t\t'money--display inline-flex flex-col tabular-nums leading-tight',\n\t\t\t\talignmentClass,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t{primaryLabel}\n\t\t\t</Text>\n\t\t\t{!!secondaryLabel && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize={secondarySize}\n\t\t\t\t\talign={resolvedAlign}\n\t\t\t\t\ttype={secondaryType}\n\t\t\t\t\tclassName=\"block whitespace-nowrap font-normal leading-tight\"\n\t\t\t\t>\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</Text>\n\t);\n}\n\nMoneyDisplay.displayName = 'MoneyDisplay';\n"],"mappings":"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"}