npm - admin-ui-starter-kit - Versions diffs - 0.6.9 → 0.7.1 - Mend

admin-ui-starter-kit 0.6.9 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1360) hide show

package/dist/_shared/mentions-wtkrL2hX.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/strings.cjs"),t=require("../lib/utils.cjs"),n=require("./button-CB8e7fui.cjs"),r=require("./typography-sXFd02zl.cjs"),i=require("./badge-B0Ashqkn.cjs"),a=require("./popover-dWR7-MzY.cjs"),o=require("./command-DRIySU26.cjs"),s=require("./command-kcPx4TM_.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,`&`).replace(/</g,`<`).replace(/>/g,`>`),r=String(e.id).replace(/"/g,`"`),i=String(e.kind).replace(/"/g,`"`),a=t?.tone?String(t.tone).replace(/"/g,`"`):``,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> `}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:`xs`,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-xs 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:`xs`,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:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:y.title}),m?(0,l.jsxs)(r.s,{tag:`span`,size:`xs`,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-xs 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:`xs`,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(/ /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}});
2	+ //# sourceMappingURL=mentions-wtkrL2hX.cjs.map

package/dist/_shared/mentions-wtkrL2hX.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mentions-wtkrL2hX.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> \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, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>');\n const id = String(mention.id).replace(/\"/g, '"');\n const kind = String(mention.kind).replace(/\"/g, '"');\n const tone = options?.tone ? String(options.tone).replace(/\"/g, '"') : '';\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> `\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=\"xs\"\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-xs 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=\"xs\"\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=\"xs\"\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=\"xs\"\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-xs 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=\"xs\"\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(/ /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-BabyaIWb.js ADDED Viewed

@@ -0,0 +1,198 @@
+import { l as e, p as t } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as n } from "../lib/utils.js";
+import { s as r } from "./typography-C_kCoR1d.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("currency-pair-preview--component 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--component 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: "xs",
+				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--component 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-BabyaIWb.js.map

package/dist/_shared/money-display-BabyaIWb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"money-display-BabyaIWb.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('currency-pair-preview--component 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--component 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=\"xs\" 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--component 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-CrNRbByx.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./ui-provider-CrsJ_dGn.cjs"),t=require("../lib/utils.cjs"),n=require("./typography-sXFd02zl.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(`currency-pair-preview--component 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--component 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:`xs`,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--component 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}});
2	+ //# sourceMappingURL=money-display-CrNRbByx.cjs.map

package/dist/_shared/money-display-CrNRbByx.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"money-display-CrNRbByx.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('currency-pair-preview--component 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--component 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=\"xs\" 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--component 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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"}