admin-ui-starter-kit 0.6.2 → 0.6.4

package/dist/showcase/assets/{combobox-Dv_OkynR.js → combobox-TmDBXkM-.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-Dd6X6IKg.js";import{t as s}from"./example-Rrx9vj75.js";import{N as c,d as l,n as u}from"./index-o71HAmc3.js";import{t as d}from"./props-table-C6gPyO49.js";import{r as f,t as p}from"./avatar-D29-FL5U.js";import{t as m}from"./customers-DvBxRjHv.js";import{t as h}from"./orders-BFwWtubb.js";import{i as g,n as _,t as v}from"./fetchers-DHuMQ6PN.js";import{i as y}from"./index.esm-BXmcbSs7.js";import{n as b,r as x,t as S}from"./enhanced-combobox-CY9QcVEl.js";import{t as C}from"./form-field-Dg_Az7lk.js";var w=t(n(),1),T=l(),ee={...x,error:`Unable to load options.`};function E({fetcher:e,value:t,defaultValue:n=null,onValueChange:r,onAfterFetch:i,onError:o,getKey:s,getLabel:l,getDescription:d,getMeta:f,renderOption:p,limit:m=10,debounceMs:h=300,preload:g=!0,minSearchLength:_=0,errorMessage:v,strings:y,disabled:b,...x}){let C=c(ee,y),E=t!==void 0,[D,O]=(0,w.useState)(n),k=E?t:D,[A,j]=(0,w.useState)(``),[M,N]=(0,w.useState)([]),[P,F]=(0,w.useState)(!1),[I,L]=(0,w.useState)(null),R=(0,w.useRef)(0),z=A.trim(),B=(0,w.useCallback)(e=>{E||O(e),r?.(e)},[E,r]);(0,w.useEffect)(()=>{if(b)return;if(!(z.length>0?z.length>=_:g)){N([]),F(!1),L(null);return}let t=R.current+1;R.current=t;let n=new AbortController,r={query:z,limit:m,signal:n.signal},a=window.setTimeout(()=>{F(!0),L(null),e(r).then(e=>{n.signal.aborted||R.current!==t||(N(e),i?.(e,r))}).catch(e=>{n.signal.aborted||R.current!==t||(N([]),L(e),o?.(e,r))}).finally(()=>{!n.signal.aborted&&R.current===t&&F(!1)})},h);return()=>{window.clearTimeout(a),n.abort()}},[h,b,e,m,_,i,o,g,z]);let V=(0,w.useCallback)(e=>{if(p)return p(e,{query:z,isSelected:k?s(k)===s(e):!1});let t=d?.(e),n=f?.(e);return(0,T.jsxs)(`span`,{className:`async-resource-combobox--option flex min-w-0 items-center gap-space-md text-xs leading-tight`,children:[(0,T.jsx)(a,{tag:`span`,size:`inherit`,weight:`medium`,className:`min-w-0 shrink truncate`,children:l(e)}),(!!t||!!n)&&(0,T.jsxs)(`span`,{className:`inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-xs text-muted-foreground`,children:[!!t&&(0,T.jsx)(a,{tag:`span`,size:`inherit`,type:`secondary`,className:`min-w-0 truncate`,children:t}),!!n&&(0,T.jsx)(a,{tag:`span`,size:`inherit`,type:`secondary`,className:`min-w-0 truncate opacity-75`,children:n})]})]})},[d,s,l,f,p,k,z]),H=(0,w.useMemo)(()=>{if(I)return v??C.error},[I,v,C.error]);return(0,T.jsxs)(`div`,{"data-component":`async-resource-combobox`,"data-slot":`async-resource-combobox`,className:u(`async-resource-combobox--component`,x.className),children:[(0,T.jsx)(S,{...x,className:void 0,disabled:b,items:M,selectedValue:k??null,onSelectedValueChange:B,searchValue:A,onSearchValueChange:j,getItemLabel:l,getItemKey:s,isLoading:P,minSearchLength:_,strings:C,renderItem:V,error:typeof H==`string`?H:void 0}),H&&typeof H!=`string`&&(0,T.jsx)(`div`,{className:`async-resource-combobox--error mt-1.5`,children:H})]})}E.displayName=`AsyncResourceCombobox`;var D=e({AsyncCustomers:()=>z,AsyncDebouncedSearch:()=>V,AsyncResourceCustomerPicker:()=>B,AsyncWithLoadMore:()=>H,CssVariableScale:()=>G,CustomGroupLabels:()=>W,CustomItemRendering:()=>U,Default:()=>A,Disabled:()=>K,FormFieldIntegration:()=>X,GroupedTeamByRole:()=>R,Invalid:()=>q,MinSearchLength:()=>J,MultipleApplyButton:()=>F,MultipleCloseOnSelect:()=>I,MultipleGrouped:()=>L,MultipleSelect:()=>P,RealisticCustomerPicker:()=>Y,SingleCreatable:()=>N,SingleHighlightMatch:()=>M,SingleSelect:()=>j}),O=[{id:`apple`,name:`Apple`,group:`Pomes`},{id:`pear`,name:`Pear`,group:`Pomes`},{id:`banana`,name:`Banana`,group:`Tropical`},{id:`mango`,name:`Mango`,group:`Tropical`},{id:`kiwi`,name:`Kiwi`,group:`Tropical`},{id:`cherry`,name:`Cherry`,group:`Stone`},{id:`peach`,name:`Peach`,group:`Stone`},{id:`plum`,name:`Plum`,group:`Stone`}];function k(e){return(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?O.filter(e=>e.name.toLowerCase().includes(t)):O},[e])}function A(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`value: `,n?.name??`—`]})]})}function j(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function M(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,highlightMatch:!0,strings:{placeholder:`Type "an" or "ea"…`}})})}function N(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(O),[i,o]=(0,w.useState)(null);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:i,onSelectedValueChange:o,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,creatable:!0,onCreate:e=>{let n={id:e.toLowerCase(),name:e};r(e=>[...e,n]),o(n),t(``)},strings:{placeholder:`Pick or create…`,createNew:`Create`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`items: `,n.length]})]})}function P(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Find a fruit…`,noResults:`Nothing matches`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`selected: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function F(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,applyButton:!0,strings:{placeholder:`Pick fruits…`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`committed: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function I(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,closeOnSelect:!0,strings:{placeholder:`Add a fruit…`}})})}function L(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.group??`Other`,minSearchLength:0})})}function R(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?g.filter(e=>e.name.toLowerCase().includes(t)||e.role.toLowerCase().includes(t)):g},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.role,minSearchLength:0,strings:{placeholder:`Pick a teammate…`}})})}function z(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]),[i,a]=(0,w.useState)(!0),[o,s]=(0,w.useState)(null);return(0,w.useEffect)(()=>{let e=!0;return a(!0),v().then(t=>{e&&(r(t),a(!1))}),()=>{e=!1}},[]),(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,isLoading:i,minSearchLength:0,strings:{placeholder:`Search customers…`,searching:`Loading customers…`}})})}function B(){let[e,t]=(0,w.useState)(null);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,T.jsx)(E,{fetcher:async({query:e})=>{let t=await v(),n=e.toLowerCase().trim();return n?t.filter(e=>e.name.toLowerCase().includes(n)||e.email.toLowerCase().includes(n)):t},value:e,onValueChange:t,getKey:e=>e.id,getLabel:e=>e.name,getDescription:e=>e.email,getMeta:e=>`${e.city}, ${e.country}`,strings:{placeholder:`Search customer resources…`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`selected: `,e?.name??`—`]})]})}function V(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]),[i,a]=(0,w.useState)(!1),[o,s]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:n,searchValue:e,onSearchValueChange:t,onSearch:e=>{a(!0),_().then(t=>{let n=e.toLowerCase().trim();r(n?t.filter(e=>e.name.toLowerCase().includes(n)):t),a(!1)})},debounceMs:250,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>e.name,getItemKey:e=>e.id,isLoading:i,minSearchLength:2,strings:{placeholder:`Type a name…`,typeMore:`Type at least 2 characters`,searching:`Searching…`}})})}function H(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(1),[i,o]=(0,w.useState)(!1),[s,c]=(0,w.useState)(null),l=m.slice(0,n*4),u=l.length<m.length;return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,T.jsx)(S,{items:l,searchValue:e,onSearchValueChange:t,selectedValue:s,onSelectedValueChange:c,getItemLabel:e=>e.name,getItemKey:e=>e.id,hasMore:u,onLoadMore:()=>{o(!0),setTimeout(()=>{r(e=>e+1),o(!1)},350)},isLoadingMore:i,minSearchLength:0,strings:{placeholder:`Scroll for more…`,loadingMore:`Loading more…`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`page `,n,` • `,l.length,`/`,m.length]})]})}function U(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?m.filter(e=>e.name.toLowerCase().includes(t)):m},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,renderItem:e=>(0,T.jsxs)(`div`,{className:`flex w-full items-center gap-space-md text-xs`,children:[(0,T.jsx)(p,{className:`size-avatar-sm`,children:(0,T.jsx)(f,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,T.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-2xs`,children:[(0,T.jsx)(a,{size:`inherit`,weight:`semibold`,className:`leading-tight`,children:e.name}),(0,T.jsx)(a,{size:`inherit`,type:`secondary`,className:`text-xs leading-tight`,children:e.email})]}),(0,T.jsx)(i,{variant:`secondary`,size:`small`,children:e.country})]}),strings:{placeholder:`Pick a customer…`}})})}function W(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?h.filter(e=>e.number.toLowerCase().includes(t)):h},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.number,getItemKey:e=>e.id,getItemGroup:e=>e.status,renderGroupLabel:e=>(0,T.jsx)(`div`,{className:`flex items-center gap-space-sm`,children:(0,T.jsx)(a,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`uppercase tracking-wide`,children:e})}),minSearchLength:0,strings:{placeholder:`Find an order…`}})})}function G(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,style:{"--space-scale":`1.08`,"--density-scale":`1.04`},children:(0,T.jsx)(S,{size:`default`,items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function K(){let[e,t]=(0,w.useState)(``);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:O,searchValue:e,onSearchValueChange:t,selectedValue:O[0]??null,onSelectedValueChange:()=>{},getItemLabel:e=>e.name,getItemKey:e=>e.id,disabled:!0,minSearchLength:0})})}function q(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,required:!0,error:`A selection is required`})})}function J(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t.length<2?[]:m.filter(e=>e.name.toLowerCase().includes(t))},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:2,strings:{placeholder:`Type to search…`,typeMore:`Type at least 2 characters`}})})}function Y(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?m.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):m},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Search customers…`}})})}function X(){let{control:e,watch:t}=y({defaultValues:{assignee:null},mode:`onBlur`}),[n,r]=(0,w.useState)(``),o=t(`assignee`),s=(0,w.useMemo)(()=>{let e=n.toLowerCase().trim();return e?g.filter(t=>t.name.toLowerCase().includes(e)||t.role.toLowerCase().includes(e)):g},[n]);return(0,T.jsxs)(`div`,{className:`grid w-full max-w-sm gap-2`,children:[(0,T.jsx)(C,{name:`assignee`,control:e,label:`Assignee`,required:!0,hint:`Search by teammate or role.`,rules:{required:`Choose an assignee`},children:(e,t,o)=>(0,T.jsx)(S,{name:e.name,items:s,searchValue:n,onSearchValueChange:r,selectedValue:e.value,onSelectedValueChange:e.onChange,onBlur:e.onBlur,invalid:o,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Assign owner…`},renderItem:e=>(0,T.jsxs)(`div`,{className:`flex w-full items-center gap-space-md text-xs`,children:[(0,T.jsx)(p,{className:`size-avatar-sm`,children:(0,T.jsx)(f,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsx)(a,{size:`inherit`,weight:`semibold`,className:`leading-tight`,children:e.name}),(0,T.jsx)(a,{size:`inherit`,type:`secondary`,className:`text-xs leading-tight`,children:e.role})]}),(0,T.jsx)(i,{variant:`secondary`,size:`small`,children:e.role})]})})}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`Selected owner: `,o?.name??`none`]})]})}var Z=`import { useEffect, useMemo, useState, type CSSProperties } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-BPNIPavy.js";import{t as s}from"./example-CJMJcnb4.js";import{N as c,d as l,n as u}from"./index-jD-KSiHu.js";import{t as d}from"./props-table-DoDq8Mvr.js";import{r as f,t as p}from"./avatar-BlLAVC87.js";import{t as m}from"./customers-DvBxRjHv.js";import{t as h}from"./orders-BFwWtubb.js";import{i as g,n as _,t as v}from"./fetchers-DHuMQ6PN.js";import{i as y}from"./index.esm-BXmcbSs7.js";import{n as b,r as x,t as S}from"./enhanced-combobox-2wbQJS6R.js";import{t as C}from"./form-field-Dhy0eM5B.js";var w=t(n(),1),T=l(),ee={...x,error:`Unable to load options.`};function E({fetcher:e,value:t,defaultValue:n=null,onValueChange:r,onAfterFetch:i,onError:o,getKey:s,getLabel:l,getDescription:d,getMeta:f,renderOption:p,limit:m=10,debounceMs:h=300,preload:g=!0,minSearchLength:_=0,errorMessage:v,strings:y,disabled:b,...x}){let C=c(ee,y),E=t!==void 0,[D,O]=(0,w.useState)(n),k=E?t:D,[A,j]=(0,w.useState)(``),[M,N]=(0,w.useState)([]),[P,F]=(0,w.useState)(!1),[I,L]=(0,w.useState)(null),R=(0,w.useRef)(0),z=A.trim(),B=(0,w.useCallback)(e=>{E||O(e),r?.(e)},[E,r]);(0,w.useEffect)(()=>{if(b)return;if(!(z.length>0?z.length>=_:g)){N([]),F(!1),L(null);return}let t=R.current+1;R.current=t;let n=new AbortController,r={query:z,limit:m,signal:n.signal},a=window.setTimeout(()=>{F(!0),L(null),e(r).then(e=>{n.signal.aborted||R.current!==t||(N(e),i?.(e,r))}).catch(e=>{n.signal.aborted||R.current!==t||(N([]),L(e),o?.(e,r))}).finally(()=>{!n.signal.aborted&&R.current===t&&F(!1)})},h);return()=>{window.clearTimeout(a),n.abort()}},[h,b,e,m,_,i,o,g,z]);let V=(0,w.useCallback)(e=>{if(p)return p(e,{query:z,isSelected:k?s(k)===s(e):!1});let t=d?.(e),n=f?.(e);return(0,T.jsxs)(`span`,{className:`async-resource-combobox--option flex min-w-0 items-center gap-space-md text-xs leading-tight`,children:[(0,T.jsx)(a,{tag:`span`,size:`inherit`,weight:`medium`,className:`min-w-0 shrink truncate`,children:l(e)}),(!!t||!!n)&&(0,T.jsxs)(`span`,{className:`inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-xs text-muted-foreground`,children:[!!t&&(0,T.jsx)(a,{tag:`span`,size:`inherit`,type:`secondary`,className:`min-w-0 truncate`,children:t}),!!n&&(0,T.jsx)(a,{tag:`span`,size:`inherit`,type:`secondary`,className:`min-w-0 truncate opacity-75`,children:n})]})]})},[d,s,l,f,p,k,z]),H=(0,w.useMemo)(()=>{if(I)return v??C.error},[I,v,C.error]);return(0,T.jsxs)(`div`,{"data-component":`async-resource-combobox`,"data-slot":`async-resource-combobox`,className:u(`async-resource-combobox--component`,x.className),children:[(0,T.jsx)(S,{...x,className:void 0,disabled:b,items:M,selectedValue:k??null,onSelectedValueChange:B,searchValue:A,onSearchValueChange:j,getItemLabel:l,getItemKey:s,isLoading:P,minSearchLength:_,strings:C,renderItem:V,error:typeof H==`string`?H:void 0}),H&&typeof H!=`string`&&(0,T.jsx)(`div`,{className:`async-resource-combobox--error mt-1.5`,children:H})]})}E.displayName=`AsyncResourceCombobox`;var D=e({AsyncCustomers:()=>z,AsyncDebouncedSearch:()=>V,AsyncResourceCustomerPicker:()=>B,AsyncWithLoadMore:()=>H,CssVariableScale:()=>G,CustomGroupLabels:()=>W,CustomItemRendering:()=>U,Default:()=>A,Disabled:()=>K,FormFieldIntegration:()=>X,GroupedTeamByRole:()=>R,Invalid:()=>q,MinSearchLength:()=>J,MultipleApplyButton:()=>F,MultipleCloseOnSelect:()=>I,MultipleGrouped:()=>L,MultipleSelect:()=>P,RealisticCustomerPicker:()=>Y,SingleCreatable:()=>N,SingleHighlightMatch:()=>M,SingleSelect:()=>j}),O=[{id:`apple`,name:`Apple`,group:`Pomes`},{id:`pear`,name:`Pear`,group:`Pomes`},{id:`banana`,name:`Banana`,group:`Tropical`},{id:`mango`,name:`Mango`,group:`Tropical`},{id:`kiwi`,name:`Kiwi`,group:`Tropical`},{id:`cherry`,name:`Cherry`,group:`Stone`},{id:`peach`,name:`Peach`,group:`Stone`},{id:`plum`,name:`Plum`,group:`Stone`}];function k(e){return(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?O.filter(e=>e.name.toLowerCase().includes(t)):O},[e])}function A(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`value: `,n?.name??`—`]})]})}function j(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function M(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,highlightMatch:!0,strings:{placeholder:`Type "an" or "ea"…`}})})}function N(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(O),[i,o]=(0,w.useState)(null);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:i,onSelectedValueChange:o,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,creatable:!0,onCreate:e=>{let n={id:e.toLowerCase(),name:e};r(e=>[...e,n]),o(n),t(``)},strings:{placeholder:`Pick or create…`,createNew:`Create`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`items: `,n.length]})]})}function P(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Find a fruit…`,noResults:`Nothing matches`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`selected: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function F(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,applyButton:!0,strings:{placeholder:`Pick fruits…`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`committed: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function I(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,closeOnSelect:!0,strings:{placeholder:`Add a fruit…`}})})}function L(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(b,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.group??`Other`,minSearchLength:0})})}function R(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?g.filter(e=>e.name.toLowerCase().includes(t)||e.role.toLowerCase().includes(t)):g},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.role,minSearchLength:0,strings:{placeholder:`Pick a teammate…`}})})}function z(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]),[i,a]=(0,w.useState)(!0),[o,s]=(0,w.useState)(null);return(0,w.useEffect)(()=>{let e=!0;return a(!0),v().then(t=>{e&&(r(t),a(!1))}),()=>{e=!1}},[]),(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,isLoading:i,minSearchLength:0,strings:{placeholder:`Search customers…`,searching:`Loading customers…`}})})}function B(){let[e,t]=(0,w.useState)(null);return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,T.jsx)(E,{fetcher:async({query:e})=>{let t=await v(),n=e.toLowerCase().trim();return n?t.filter(e=>e.name.toLowerCase().includes(n)||e.email.toLowerCase().includes(n)):t},value:e,onValueChange:t,getKey:e=>e.id,getLabel:e=>e.name,getDescription:e=>e.email,getMeta:e=>`${e.city}, ${e.country}`,strings:{placeholder:`Search customer resources…`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`selected: `,e?.name??`—`]})]})}function V(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)([]),[i,a]=(0,w.useState)(!1),[o,s]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:n,searchValue:e,onSearchValueChange:t,onSearch:e=>{a(!0),_().then(t=>{let n=e.toLowerCase().trim();r(n?t.filter(e=>e.name.toLowerCase().includes(n)):t),a(!1)})},debounceMs:250,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>e.name,getItemKey:e=>e.id,isLoading:i,minSearchLength:2,strings:{placeholder:`Type a name…`,typeMore:`Type at least 2 characters`,searching:`Searching…`}})})}function H(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(1),[i,o]=(0,w.useState)(!1),[s,c]=(0,w.useState)(null),l=m.slice(0,n*4),u=l.length<m.length;return(0,T.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,T.jsx)(S,{items:l,searchValue:e,onSearchValueChange:t,selectedValue:s,onSelectedValueChange:c,getItemLabel:e=>e.name,getItemKey:e=>e.id,hasMore:u,onLoadMore:()=>{o(!0),setTimeout(()=>{r(e=>e+1),o(!1)},350)},isLoadingMore:i,minSearchLength:0,strings:{placeholder:`Scroll for more…`,loadingMore:`Loading more…`}}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`page `,n,` • `,l.length,`/`,m.length]})]})}function U(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?m.filter(e=>e.name.toLowerCase().includes(t)):m},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,renderItem:e=>(0,T.jsxs)(`div`,{className:`flex w-full items-center gap-space-md text-xs`,children:[(0,T.jsx)(p,{className:`size-avatar-sm`,children:(0,T.jsx)(f,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,T.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-2xs`,children:[(0,T.jsx)(a,{size:`inherit`,weight:`semibold`,className:`leading-tight`,children:e.name}),(0,T.jsx)(a,{size:`inherit`,type:`secondary`,className:`text-xs leading-tight`,children:e.email})]}),(0,T.jsx)(i,{variant:`secondary`,size:`small`,children:e.country})]}),strings:{placeholder:`Pick a customer…`}})})}function W(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?h.filter(e=>e.number.toLowerCase().includes(t)):h},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.number,getItemKey:e=>e.id,getItemGroup:e=>e.status,renderGroupLabel:e=>(0,T.jsx)(`div`,{className:`flex items-center gap-space-sm`,children:(0,T.jsx)(a,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`uppercase tracking-wide`,children:e})}),minSearchLength:0,strings:{placeholder:`Find an order…`}})})}function G(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,style:{"--space-scale":`1.08`,"--density-scale":`1.04`},children:(0,T.jsx)(S,{size:`default`,items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function K(){let[e,t]=(0,w.useState)(``);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:O,searchValue:e,onSearchValueChange:t,selectedValue:O[0]??null,onSelectedValueChange:()=>{},getItemLabel:e=>e.name,getItemKey:e=>e.id,disabled:!0,minSearchLength:0})})}function q(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,T.jsx)(S,{items:k(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,required:!0,error:`A selection is required`})})}function J(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t.length<2?[]:m.filter(e=>e.name.toLowerCase().includes(t))},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:2,strings:{placeholder:`Type to search…`,typeMore:`Type at least 2 characters`}})})}function Y(){let[e,t]=(0,w.useState)(``),[n,r]=(0,w.useState)(null);return(0,T.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,T.jsx)(S,{items:(0,w.useMemo)(()=>{let t=e.toLowerCase().trim();return t?m.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):m},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Search customers…`}})})}function X(){let{control:e,watch:t}=y({defaultValues:{assignee:null},mode:`onBlur`}),[n,r]=(0,w.useState)(``),o=t(`assignee`),s=(0,w.useMemo)(()=>{let e=n.toLowerCase().trim();return e?g.filter(t=>t.name.toLowerCase().includes(e)||t.role.toLowerCase().includes(e)):g},[n]);return(0,T.jsxs)(`div`,{className:`grid w-full max-w-sm gap-2`,children:[(0,T.jsx)(C,{name:`assignee`,control:e,label:`Assignee`,required:!0,hint:`Search by teammate or role.`,rules:{required:`Choose an assignee`},children:(e,t,o)=>(0,T.jsx)(S,{name:e.name,items:s,searchValue:n,onSearchValueChange:r,selectedValue:e.value,onSelectedValueChange:e.onChange,onBlur:e.onBlur,invalid:o,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Assign owner…`},renderItem:e=>(0,T.jsxs)(`div`,{className:`flex w-full items-center gap-space-md text-xs`,children:[(0,T.jsx)(p,{className:`size-avatar-sm`,children:(0,T.jsx)(f,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsx)(a,{size:`inherit`,weight:`semibold`,className:`leading-tight`,children:e.name}),(0,T.jsx)(a,{size:`inherit`,type:`secondary`,className:`text-xs leading-tight`,children:e.role})]}),(0,T.jsx)(i,{variant:`secondary`,size:`small`,children:e.role})]})})}),(0,T.jsxs)(a,{size:`xs`,type:`secondary`,children:[`Selected owner: `,o?.name??`none`]})]})}var Z=`import { useEffect, useMemo, useState, type CSSProperties } from 'react';
 import { useForm } from 'react-hook-form';
 import { AsyncResourceCombobox, EnhancedCombobox, EnhancedComboboxMultiple } from '@/components/base/combobox';
 import { ControlledFormField } from '@/components/base/forms';

package/dist/showcase/assets/{command-BSmiujfZ.js → command-9-r1qrJt.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{l as n,u as r}from"./section-Dd6X6IKg.js";import{Or as i}from"./example-Rrx9vj75.js";import{P as a,a as o,d as s,n as c}from"./index-o71HAmc3.js";import{a as l,i as u,l as d,n as f,o as p}from"./dist-q3PLGr1_.js";import{n as m,t as h}from"./input-group-DtkAnPaQ.js";var g=1,_=.9,v=.8,y=.17,b=.1,x=.999,S=.9999,C=.99,w=/[\\\/_+.#"@\[\(\{&]/,T=/[\\\/_+.#"@\[\(\{&]/g,E=/[\s-]/,D=/[\s-]/g;function O(e,t,n,r,i,a,o){if(a===t.length)return i===e.length?g:C;var s=`${i},${a}`;if(o[s]!==void 0)return o[s];for(var c=r.charAt(a),l=n.indexOf(c,i),u=0,d,f,p,m;l>=0;)d=O(e,t,n,r,l+1,a+1,o),d>u&&(l===i?d*=g:w.test(e.charAt(l-1))?(d*=v,p=e.slice(i,l-1).match(T),p&&i>0&&(d*=x**+p.length)):E.test(e.charAt(l-1))?(d*=_,m=e.slice(i,l-1).match(D),m&&i>0&&(d*=x**+m.length)):(d*=y,i>0&&(d*=x**+(l-i))),e.charAt(l)!==t.charAt(a)&&(d*=S)),(d<b&&n.charAt(l-1)===r.charAt(a+1)||r.charAt(a+1)===r.charAt(a)&&n.charAt(l-1)!==r.charAt(a))&&(f=O(e,t,n,r,l+1,a+2,o),f*b>d&&(d=f*b)),d>u&&(u=d),l=n.indexOf(c,l+1);return o[s]=u,u}function k(e){return e.toLowerCase().replace(D,` `)}function A(e,t,n){return e=n&&n.length>0?`${e+` `+n.join(` `)}`:e,O(e,t,k(e),k(t),0,0,{})}var j=e(t(),1);a();var M=s(),N=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let r=n(`Primitive.${t}`),i=j.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,M.jsx)(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{}),P=`[cmdk-group=""]`,F=`[cmdk-group-items=""]`,ee=`[cmdk-group-heading=""]`,I=`[cmdk-item=""]`,L=`${I}:not([aria-disabled="true"])`,R=`cmdk-item-select`,z=`data-value`,te=(e,t,n)=>A(e,t,n),B=j.createContext(void 0),V=()=>j.useContext(B),H=j.createContext(void 0),U=()=>j.useContext(H),W=j.createContext(void 0),G=j.forwardRef((e,t)=>{let n=Z(()=>({search:``,value:e.value??e.defaultValue??``,selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),r=Z(()=>new Set),i=Z(()=>new Map),a=Z(()=>new Map),o=Z(()=>new Set),s=le(e),{label:c,children:l,value:u,onValueChange:f,filter:p,shouldFilter:m,loop:h,disablePointerSelection:g=!1,vimBindings:_=!0,...v}=e,y=d(),b=d(),x=d(),S=j.useRef(null),C=de();X(()=>{if(u!==void 0){let e=u.trim();n.current.value=e,w.emit()}},[u]),X(()=>{C(6,A)},[]);let w=j.useMemo(()=>({subscribe:e=>(o.current.add(e),()=>o.current.delete(e)),snapshot:()=>n.current,setState:(e,t,r)=>{var i,a,o;if(!Object.is(n.current[e],t)){if(n.current[e]=t,e===`search`)k(),D(),C(1,O);else if(e===`value`){if(document.activeElement.hasAttribute(`cmdk-input`)||document.activeElement.hasAttribute(`cmdk-root`)){let e=document.getElementById(x);e?e.focus():(i=document.getElementById(y))==null||i.focus()}if(C(7,()=>{n.current.selectedItemId=M()?.id,w.emit()}),r||C(5,A),s.current?.value!==void 0){let e=t??``;(o=(a=s.current).onValueChange)==null||o.call(a,e);return}}w.emit()}},emit:()=>{o.current.forEach(e=>e())}}),[]),T=j.useMemo(()=>({value:(e,t,r)=>{t!==a.current.get(e)?.value&&(a.current.set(e,{value:t,keywords:r}),n.current.filtered.items.set(e,E(t,r)),C(2,()=>{D(),w.emit()}))},item:(e,t)=>(r.current.add(e),t&&(i.current.has(t)?i.current.get(t).add(e):i.current.set(t,new Set([e]))),C(3,()=>{k(),D(),n.current.value||O(),w.emit()}),()=>{a.current.delete(e),r.current.delete(e),n.current.filtered.items.delete(e);let t=M();C(4,()=>{k(),t?.getAttribute(`id`)===e&&O(),w.emit()})}),group:e=>(i.current.has(e)||i.current.set(e,new Set),()=>{a.current.delete(e),i.current.delete(e)}),filter:()=>s.current.shouldFilter,label:c||e[`aria-label`],getDisablePointerSelection:()=>s.current.disablePointerSelection,listId:y,inputId:x,labelId:b,listInnerRef:S}),[]);function E(e,t){let r=s.current?.filter??te;return e?r(e,n.current.search,t):0}function D(){if(!n.current.search||s.current.shouldFilter===!1)return;let e=n.current.filtered.items,t=[];n.current.filtered.groups.forEach(n=>{let r=i.current.get(n),a=0;r.forEach(t=>{let n=e.get(t);a=Math.max(n,a)}),t.push([n,a])});let r=S.current;V().sort((t,n)=>{let r=t.getAttribute(`id`),i=n.getAttribute(`id`);return(e.get(i)??0)-(e.get(r)??0)}).forEach(e=>{let t=e.closest(F);t?t.appendChild(e.parentElement===t?e:e.closest(`${F} > *`)):r.appendChild(e.parentElement===r?e:e.closest(`${F} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{let t=S.current?.querySelector(`${P}[${z}="${encodeURIComponent(e[0])}"]`);t?.parentElement.appendChild(t)})}function O(){let e=V().find(e=>e.getAttribute(`aria-disabled`)!==`true`)?.getAttribute(z);w.setState(`value`,e||void 0)}function k(){if(!n.current.search||s.current.shouldFilter===!1){n.current.filtered.count=r.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let t of r.current){let r=E(a.current.get(t)?.value??``,a.current.get(t)?.keywords??[]);n.current.filtered.items.set(t,r),r>0&&e++}for(let[e,t]of i.current)for(let r of t)if(n.current.filtered.items.get(r)>0){n.current.filtered.groups.add(e);break}n.current.filtered.count=e}function A(){var e;let t=M();t&&(t.parentElement?.firstChild===t&&((e=t.closest(P)?.querySelector(ee))==null||e.scrollIntoView({block:`nearest`})),t.scrollIntoView({block:`nearest`}))}function M(){return S.current?.querySelector(`${I}[aria-selected="true"]`)}function V(){return Array.from(S.current?.querySelectorAll(L)||[])}function U(e){let t=V()[e];t&&w.setState(`value`,t.getAttribute(z))}function W(e){var t;let n=M(),r=V(),i=r.findIndex(e=>e===n),a=r[i+e];(t=s.current)!=null&&t.loop&&(a=i+e<0?r[r.length-1]:i+e===r.length?r[0]:r[i+e]),a&&w.setState(`value`,a.getAttribute(z))}function G(e){let t=M()?.closest(P),n;for(;t&&!n;)t=e>0?se(t,P):ce(t,P),n=t?.querySelector(L);n?w.setState(`value`,n.getAttribute(z)):W(e)}let K=()=>U(V().length-1),q=e=>{e.preventDefault(),e.metaKey?K():e.altKey?G(1):W(1)},J=e=>{e.preventDefault(),e.metaKey?U(0):e.altKey?G(-1):W(-1)};return j.createElement(N.div,{ref:t,tabIndex:-1,...v,"cmdk-root":``,onKeyDown:e=>{var t;(t=v.onKeyDown)==null||t.call(v,e);let n=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||n))switch(e.key){case`n`:case`j`:_&&e.ctrlKey&&q(e);break;case`ArrowDown`:q(e);break;case`p`:case`k`:_&&e.ctrlKey&&J(e);break;case`ArrowUp`:J(e);break;case`Home`:e.preventDefault(),U(0);break;case`End`:e.preventDefault(),K();break;case`Enter`:{e.preventDefault();let t=M();if(t){let e=new Event(R);t.dispatchEvent(e)}}}}},j.createElement(`label`,{"cmdk-label":``,htmlFor:T.inputId,id:T.labelId,style:pe},c),$(e,e=>j.createElement(H.Provider,{value:w},j.createElement(B.Provider,{value:T},e))))}),K=j.forwardRef((e,t)=>{let n=d(),i=j.useRef(null),a=j.useContext(W),o=V(),s=le(e),c=s.current?.forceMount??a?.forceMount;X(()=>{if(!c)return o.item(n,a?.id)},[c]);let l=ue(n,i,[e.value,e.children,i],e.keywords),u=U(),f=Q(e=>e.value&&e.value===l.current),p=Q(e=>c||o.filter()===!1?!0:e.search?e.filtered.items.get(n)>0:!0);j.useEffect(()=>{let t=i.current;if(!(!t||e.disabled))return t.addEventListener(R,m),()=>t.removeEventListener(R,m)},[p,e.onSelect,e.disabled]);function m(){var e,t;h(),(t=(e=s.current).onSelect)==null||t.call(e,l.current)}function h(){u.setState(`value`,l.current,!0)}if(!p)return null;let{disabled:g,value:_,onSelect:v,forceMount:y,keywords:b,...x}=e;return j.createElement(N.div,{ref:r(i,t),...x,id:n,"cmdk-item":``,role:`option`,"aria-disabled":!!g,"aria-selected":!!f,"data-disabled":!!g,"data-selected":!!f,onPointerMove:g||o.getDisablePointerSelection()?void 0:h,onClick:g?void 0:m},e.children)}),q=j.forwardRef((e,t)=>{let{heading:n,children:i,forceMount:a,...o}=e,s=d(),c=j.useRef(null),l=j.useRef(null),u=d(),f=V(),p=Q(e=>a||f.filter()===!1?!0:e.search?e.filtered.groups.has(s):!0);X(()=>f.group(s),[]),ue(s,c,[e.value,e.heading,l]);let m=j.useMemo(()=>({id:s,forceMount:a}),[a]);return j.createElement(N.div,{ref:r(c,t),...o,"cmdk-group":``,role:`presentation`,hidden:p?void 0:!0},n&&j.createElement(`div`,{ref:l,"cmdk-group-heading":``,"aria-hidden":!0,id:u},n),$(e,e=>j.createElement(`div`,{"cmdk-group-items":``,role:`group`,"aria-labelledby":n?u:void 0},j.createElement(W.Provider,{value:m},e))))}),J=j.forwardRef((e,t)=>{let{alwaysRender:n,...i}=e,a=j.useRef(null),o=Q(e=>!e.search);return!n&&!o?null:j.createElement(N.div,{ref:r(a,t),...i,"cmdk-separator":``,role:`separator`})}),ne=j.forwardRef((e,t)=>{let{onValueChange:n,...r}=e,i=e.value!=null,a=U(),o=Q(e=>e.search),s=Q(e=>e.selectedItemId),c=V();return j.useEffect(()=>{e.value!=null&&a.setState(`search`,e.value)},[e.value]),j.createElement(N.input,{ref:t,...r,"cmdk-input":``,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,"aria-autocomplete":`list`,role:`combobox`,"aria-expanded":!0,"aria-controls":c.listId,"aria-labelledby":c.labelId,"aria-activedescendant":s,id:c.inputId,type:`text`,value:i?e.value:o,onChange:e=>{i||a.setState(`search`,e.target.value),n?.(e.target.value)}})}),re=j.forwardRef((e,t)=>{let{children:n,label:i=`Suggestions`,...a}=e,o=j.useRef(null),s=j.useRef(null),c=Q(e=>e.selectedItemId),l=V();return j.useEffect(()=>{if(s.current&&o.current){let e=s.current,t=o.current,n,r=new ResizeObserver(()=>{n=requestAnimationFrame(()=>{let n=e.offsetHeight;t.style.setProperty(`--cmdk-list-height`,n.toFixed(1)+`px`)})});return r.observe(e),()=>{cancelAnimationFrame(n),r.unobserve(e)}}},[]),j.createElement(N.div,{ref:r(o,t),...a,"cmdk-list":``,role:`listbox`,tabIndex:-1,"aria-activedescendant":c,"aria-label":i,id:l.listId},$(e,e=>j.createElement(`div`,{ref:r(s,l.listInnerRef),"cmdk-list-sizer":``},e)))}),ie=j.forwardRef((e,t)=>{let{open:n,onOpenChange:r,overlayClassName:i,contentClassName:a,container:o,...s}=e;return j.createElement(p,{open:n,onOpenChange:r},j.createElement(l,{container:o},j.createElement(u,{"cmdk-overlay":``,className:i}),j.createElement(f,{"aria-label":e.label,"cmdk-dialog":``,className:a},j.createElement(G,{ref:t,...s}))))}),ae=j.forwardRef((e,t)=>Q(e=>e.filtered.count===0)?j.createElement(N.div,{ref:t,...e,"cmdk-empty":``,role:`presentation`}):null),oe=j.forwardRef((e,t)=>{let{progress:n,children:r,label:i=`Loading...`,...a}=e;return j.createElement(N.div,{ref:t,...a,"cmdk-loading":``,role:`progressbar`,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i},$(e,e=>j.createElement(`div`,{"aria-hidden":!0},e)))}),Y=Object.assign(G,{List:re,Item:K,Input:ne,Group:q,Separator:J,Dialog:ie,Empty:ae,Loading:oe});function se(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return n;n=n.nextElementSibling}}function ce(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return n;n=n.previousElementSibling}}function le(e){let t=j.useRef(e);return X(()=>{t.current=e}),t}var X=typeof window>`u`?j.useEffect:j.useLayoutEffect;function Z(e){let t=j.useRef();return t.current===void 0&&(t.current=e()),t}function Q(e){let t=U(),n=()=>e(t.snapshot());return j.useSyncExternalStore(t.subscribe,n,n)}function ue(e,t,n,r=[]){let i=j.useRef(),a=V();return X(()=>{var o;let s=(()=>{for(let e of n){if(typeof e==`string`)return e.trim();if(typeof e==`object`&&`current`in e)return e.current?e.current.textContent?.trim():i.current}})(),c=r.map(e=>e.trim());a.value(e,s,c),(o=t.current)==null||o.setAttribute(z,s),i.current=s}),i}var de=()=>{let[e,t]=j.useState(),n=Z(()=>new Map);return X(()=>{n.current.forEach(e=>e()),n.current=new Map},[e]),(e,r)=>{n.current.set(e,r),t({})}};function fe(e){let t=e.type;return typeof t==`function`?t(e.props):`render`in t?t.render(e.props):e}function $({asChild:e,children:t},n){return e&&j.isValidElement(t)?j.cloneElement(fe(t),{ref:t.ref},n(t.props.children)):n(t)}var pe={position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,borderWidth:`0`};function me({className:e,...t}){return(0,M.jsx)(Y,{"data-slot":`command`,className:c(`bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden`,e),...t})}function he({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,M.jsxs)(h,{className:`bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!`,children:[(0,M.jsx)(Y.Input,{"data-slot":`command-input`,className:c(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...t}),(0,M.jsx)(m,{children:(0,M.jsx)(o,{className:`size-4 shrink-0 opacity-50`})})]})})}function ge({className:e,...t}){return(0,M.jsx)(Y.List,{"data-slot":`command-list`,className:c(`no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto`,e),...t})}function _e({className:e,...t}){return(0,M.jsx)(Y.Empty,{"data-slot":`command-empty`,className:c(`py-6 text-center text-sm`,e),...t})}function ve({className:e,...t}){return(0,M.jsx)(Y.Group,{"data-slot":`command-group`,className:c(`text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium`,e),...t})}function ye({className:e,...t}){return(0,M.jsx)(Y.Separator,{"data-slot":`command-separator`,className:c(`bg-border -mx-1 h-px w-auto`,e),...t})}function be({className:e,children:t,...n}){return(0,M.jsxs)(Y.Item,{"data-slot":`command-item`,className:c(`data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...n,children:[t,(0,M.jsx)(i,{className:`ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}export{be as a,he as i,_e as n,ge as o,ve as r,ye as s,me as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{l as n,u as r}from"./section-BPNIPavy.js";import{Or as i}from"./example-CJMJcnb4.js";import{P as a,a as o,d as s,n as c}from"./index-jD-KSiHu.js";import{a as l,i as u,l as d,n as f,o as p}from"./dist-CTSkWj_M.js";import{n as m,t as h}from"./input-group-Bq9aXQPG.js";var g=1,_=.9,v=.8,y=.17,b=.1,x=.999,S=.9999,C=.99,w=/[\\\/_+.#"@\[\(\{&]/,T=/[\\\/_+.#"@\[\(\{&]/g,E=/[\s-]/,D=/[\s-]/g;function O(e,t,n,r,i,a,o){if(a===t.length)return i===e.length?g:C;var s=`${i},${a}`;if(o[s]!==void 0)return o[s];for(var c=r.charAt(a),l=n.indexOf(c,i),u=0,d,f,p,m;l>=0;)d=O(e,t,n,r,l+1,a+1,o),d>u&&(l===i?d*=g:w.test(e.charAt(l-1))?(d*=v,p=e.slice(i,l-1).match(T),p&&i>0&&(d*=x**+p.length)):E.test(e.charAt(l-1))?(d*=_,m=e.slice(i,l-1).match(D),m&&i>0&&(d*=x**+m.length)):(d*=y,i>0&&(d*=x**+(l-i))),e.charAt(l)!==t.charAt(a)&&(d*=S)),(d<b&&n.charAt(l-1)===r.charAt(a+1)||r.charAt(a+1)===r.charAt(a)&&n.charAt(l-1)!==r.charAt(a))&&(f=O(e,t,n,r,l+1,a+2,o),f*b>d&&(d=f*b)),d>u&&(u=d),l=n.indexOf(c,l+1);return o[s]=u,u}function k(e){return e.toLowerCase().replace(D,` `)}function A(e,t,n){return e=n&&n.length>0?`${e+` `+n.join(` `)}`:e,O(e,t,k(e),k(t),0,0,{})}var j=e(t(),1);a();var M=s(),N=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let r=n(`Primitive.${t}`),i=j.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,M.jsx)(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{}),P=`[cmdk-group=""]`,F=`[cmdk-group-items=""]`,ee=`[cmdk-group-heading=""]`,I=`[cmdk-item=""]`,L=`${I}:not([aria-disabled="true"])`,R=`cmdk-item-select`,z=`data-value`,te=(e,t,n)=>A(e,t,n),B=j.createContext(void 0),V=()=>j.useContext(B),H=j.createContext(void 0),U=()=>j.useContext(H),W=j.createContext(void 0),G=j.forwardRef((e,t)=>{let n=Z(()=>({search:``,value:e.value??e.defaultValue??``,selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),r=Z(()=>new Set),i=Z(()=>new Map),a=Z(()=>new Map),o=Z(()=>new Set),s=le(e),{label:c,children:l,value:u,onValueChange:f,filter:p,shouldFilter:m,loop:h,disablePointerSelection:g=!1,vimBindings:_=!0,...v}=e,y=d(),b=d(),x=d(),S=j.useRef(null),C=de();X(()=>{if(u!==void 0){let e=u.trim();n.current.value=e,w.emit()}},[u]),X(()=>{C(6,A)},[]);let w=j.useMemo(()=>({subscribe:e=>(o.current.add(e),()=>o.current.delete(e)),snapshot:()=>n.current,setState:(e,t,r)=>{var i,a,o;if(!Object.is(n.current[e],t)){if(n.current[e]=t,e===`search`)k(),D(),C(1,O);else if(e===`value`){if(document.activeElement.hasAttribute(`cmdk-input`)||document.activeElement.hasAttribute(`cmdk-root`)){let e=document.getElementById(x);e?e.focus():(i=document.getElementById(y))==null||i.focus()}if(C(7,()=>{n.current.selectedItemId=M()?.id,w.emit()}),r||C(5,A),s.current?.value!==void 0){let e=t??``;(o=(a=s.current).onValueChange)==null||o.call(a,e);return}}w.emit()}},emit:()=>{o.current.forEach(e=>e())}}),[]),T=j.useMemo(()=>({value:(e,t,r)=>{t!==a.current.get(e)?.value&&(a.current.set(e,{value:t,keywords:r}),n.current.filtered.items.set(e,E(t,r)),C(2,()=>{D(),w.emit()}))},item:(e,t)=>(r.current.add(e),t&&(i.current.has(t)?i.current.get(t).add(e):i.current.set(t,new Set([e]))),C(3,()=>{k(),D(),n.current.value||O(),w.emit()}),()=>{a.current.delete(e),r.current.delete(e),n.current.filtered.items.delete(e);let t=M();C(4,()=>{k(),t?.getAttribute(`id`)===e&&O(),w.emit()})}),group:e=>(i.current.has(e)||i.current.set(e,new Set),()=>{a.current.delete(e),i.current.delete(e)}),filter:()=>s.current.shouldFilter,label:c||e[`aria-label`],getDisablePointerSelection:()=>s.current.disablePointerSelection,listId:y,inputId:x,labelId:b,listInnerRef:S}),[]);function E(e,t){let r=s.current?.filter??te;return e?r(e,n.current.search,t):0}function D(){if(!n.current.search||s.current.shouldFilter===!1)return;let e=n.current.filtered.items,t=[];n.current.filtered.groups.forEach(n=>{let r=i.current.get(n),a=0;r.forEach(t=>{let n=e.get(t);a=Math.max(n,a)}),t.push([n,a])});let r=S.current;V().sort((t,n)=>{let r=t.getAttribute(`id`),i=n.getAttribute(`id`);return(e.get(i)??0)-(e.get(r)??0)}).forEach(e=>{let t=e.closest(F);t?t.appendChild(e.parentElement===t?e:e.closest(`${F} > *`)):r.appendChild(e.parentElement===r?e:e.closest(`${F} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{let t=S.current?.querySelector(`${P}[${z}="${encodeURIComponent(e[0])}"]`);t?.parentElement.appendChild(t)})}function O(){let e=V().find(e=>e.getAttribute(`aria-disabled`)!==`true`)?.getAttribute(z);w.setState(`value`,e||void 0)}function k(){if(!n.current.search||s.current.shouldFilter===!1){n.current.filtered.count=r.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let t of r.current){let r=E(a.current.get(t)?.value??``,a.current.get(t)?.keywords??[]);n.current.filtered.items.set(t,r),r>0&&e++}for(let[e,t]of i.current)for(let r of t)if(n.current.filtered.items.get(r)>0){n.current.filtered.groups.add(e);break}n.current.filtered.count=e}function A(){var e;let t=M();t&&(t.parentElement?.firstChild===t&&((e=t.closest(P)?.querySelector(ee))==null||e.scrollIntoView({block:`nearest`})),t.scrollIntoView({block:`nearest`}))}function M(){return S.current?.querySelector(`${I}[aria-selected="true"]`)}function V(){return Array.from(S.current?.querySelectorAll(L)||[])}function U(e){let t=V()[e];t&&w.setState(`value`,t.getAttribute(z))}function W(e){var t;let n=M(),r=V(),i=r.findIndex(e=>e===n),a=r[i+e];(t=s.current)!=null&&t.loop&&(a=i+e<0?r[r.length-1]:i+e===r.length?r[0]:r[i+e]),a&&w.setState(`value`,a.getAttribute(z))}function G(e){let t=M()?.closest(P),n;for(;t&&!n;)t=e>0?se(t,P):ce(t,P),n=t?.querySelector(L);n?w.setState(`value`,n.getAttribute(z)):W(e)}let K=()=>U(V().length-1),q=e=>{e.preventDefault(),e.metaKey?K():e.altKey?G(1):W(1)},J=e=>{e.preventDefault(),e.metaKey?U(0):e.altKey?G(-1):W(-1)};return j.createElement(N.div,{ref:t,tabIndex:-1,...v,"cmdk-root":``,onKeyDown:e=>{var t;(t=v.onKeyDown)==null||t.call(v,e);let n=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||n))switch(e.key){case`n`:case`j`:_&&e.ctrlKey&&q(e);break;case`ArrowDown`:q(e);break;case`p`:case`k`:_&&e.ctrlKey&&J(e);break;case`ArrowUp`:J(e);break;case`Home`:e.preventDefault(),U(0);break;case`End`:e.preventDefault(),K();break;case`Enter`:{e.preventDefault();let t=M();if(t){let e=new Event(R);t.dispatchEvent(e)}}}}},j.createElement(`label`,{"cmdk-label":``,htmlFor:T.inputId,id:T.labelId,style:pe},c),$(e,e=>j.createElement(H.Provider,{value:w},j.createElement(B.Provider,{value:T},e))))}),K=j.forwardRef((e,t)=>{let n=d(),i=j.useRef(null),a=j.useContext(W),o=V(),s=le(e),c=s.current?.forceMount??a?.forceMount;X(()=>{if(!c)return o.item(n,a?.id)},[c]);let l=ue(n,i,[e.value,e.children,i],e.keywords),u=U(),f=Q(e=>e.value&&e.value===l.current),p=Q(e=>c||o.filter()===!1?!0:e.search?e.filtered.items.get(n)>0:!0);j.useEffect(()=>{let t=i.current;if(!(!t||e.disabled))return t.addEventListener(R,m),()=>t.removeEventListener(R,m)},[p,e.onSelect,e.disabled]);function m(){var e,t;h(),(t=(e=s.current).onSelect)==null||t.call(e,l.current)}function h(){u.setState(`value`,l.current,!0)}if(!p)return null;let{disabled:g,value:_,onSelect:v,forceMount:y,keywords:b,...x}=e;return j.createElement(N.div,{ref:r(i,t),...x,id:n,"cmdk-item":``,role:`option`,"aria-disabled":!!g,"aria-selected":!!f,"data-disabled":!!g,"data-selected":!!f,onPointerMove:g||o.getDisablePointerSelection()?void 0:h,onClick:g?void 0:m},e.children)}),q=j.forwardRef((e,t)=>{let{heading:n,children:i,forceMount:a,...o}=e,s=d(),c=j.useRef(null),l=j.useRef(null),u=d(),f=V(),p=Q(e=>a||f.filter()===!1?!0:e.search?e.filtered.groups.has(s):!0);X(()=>f.group(s),[]),ue(s,c,[e.value,e.heading,l]);let m=j.useMemo(()=>({id:s,forceMount:a}),[a]);return j.createElement(N.div,{ref:r(c,t),...o,"cmdk-group":``,role:`presentation`,hidden:p?void 0:!0},n&&j.createElement(`div`,{ref:l,"cmdk-group-heading":``,"aria-hidden":!0,id:u},n),$(e,e=>j.createElement(`div`,{"cmdk-group-items":``,role:`group`,"aria-labelledby":n?u:void 0},j.createElement(W.Provider,{value:m},e))))}),J=j.forwardRef((e,t)=>{let{alwaysRender:n,...i}=e,a=j.useRef(null),o=Q(e=>!e.search);return!n&&!o?null:j.createElement(N.div,{ref:r(a,t),...i,"cmdk-separator":``,role:`separator`})}),ne=j.forwardRef((e,t)=>{let{onValueChange:n,...r}=e,i=e.value!=null,a=U(),o=Q(e=>e.search),s=Q(e=>e.selectedItemId),c=V();return j.useEffect(()=>{e.value!=null&&a.setState(`search`,e.value)},[e.value]),j.createElement(N.input,{ref:t,...r,"cmdk-input":``,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,"aria-autocomplete":`list`,role:`combobox`,"aria-expanded":!0,"aria-controls":c.listId,"aria-labelledby":c.labelId,"aria-activedescendant":s,id:c.inputId,type:`text`,value:i?e.value:o,onChange:e=>{i||a.setState(`search`,e.target.value),n?.(e.target.value)}})}),re=j.forwardRef((e,t)=>{let{children:n,label:i=`Suggestions`,...a}=e,o=j.useRef(null),s=j.useRef(null),c=Q(e=>e.selectedItemId),l=V();return j.useEffect(()=>{if(s.current&&o.current){let e=s.current,t=o.current,n,r=new ResizeObserver(()=>{n=requestAnimationFrame(()=>{let n=e.offsetHeight;t.style.setProperty(`--cmdk-list-height`,n.toFixed(1)+`px`)})});return r.observe(e),()=>{cancelAnimationFrame(n),r.unobserve(e)}}},[]),j.createElement(N.div,{ref:r(o,t),...a,"cmdk-list":``,role:`listbox`,tabIndex:-1,"aria-activedescendant":c,"aria-label":i,id:l.listId},$(e,e=>j.createElement(`div`,{ref:r(s,l.listInnerRef),"cmdk-list-sizer":``},e)))}),ie=j.forwardRef((e,t)=>{let{open:n,onOpenChange:r,overlayClassName:i,contentClassName:a,container:o,...s}=e;return j.createElement(p,{open:n,onOpenChange:r},j.createElement(l,{container:o},j.createElement(u,{"cmdk-overlay":``,className:i}),j.createElement(f,{"aria-label":e.label,"cmdk-dialog":``,className:a},j.createElement(G,{ref:t,...s}))))}),ae=j.forwardRef((e,t)=>Q(e=>e.filtered.count===0)?j.createElement(N.div,{ref:t,...e,"cmdk-empty":``,role:`presentation`}):null),oe=j.forwardRef((e,t)=>{let{progress:n,children:r,label:i=`Loading...`,...a}=e;return j.createElement(N.div,{ref:t,...a,"cmdk-loading":``,role:`progressbar`,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i},$(e,e=>j.createElement(`div`,{"aria-hidden":!0},e)))}),Y=Object.assign(G,{List:re,Item:K,Input:ne,Group:q,Separator:J,Dialog:ie,Empty:ae,Loading:oe});function se(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return n;n=n.nextElementSibling}}function ce(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return n;n=n.previousElementSibling}}function le(e){let t=j.useRef(e);return X(()=>{t.current=e}),t}var X=typeof window>`u`?j.useEffect:j.useLayoutEffect;function Z(e){let t=j.useRef();return t.current===void 0&&(t.current=e()),t}function Q(e){let t=U(),n=()=>e(t.snapshot());return j.useSyncExternalStore(t.subscribe,n,n)}function ue(e,t,n,r=[]){let i=j.useRef(),a=V();return X(()=>{var o;let s=(()=>{for(let e of n){if(typeof e==`string`)return e.trim();if(typeof e==`object`&&`current`in e)return e.current?e.current.textContent?.trim():i.current}})(),c=r.map(e=>e.trim());a.value(e,s,c),(o=t.current)==null||o.setAttribute(z,s),i.current=s}),i}var de=()=>{let[e,t]=j.useState(),n=Z(()=>new Map);return X(()=>{n.current.forEach(e=>e()),n.current=new Map},[e]),(e,r)=>{n.current.set(e,r),t({})}};function fe(e){let t=e.type;return typeof t==`function`?t(e.props):`render`in t?t.render(e.props):e}function $({asChild:e,children:t},n){return e&&j.isValidElement(t)?j.cloneElement(fe(t),{ref:t.ref},n(t.props.children)):n(t)}var pe={position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,borderWidth:`0`};function me({className:e,...t}){return(0,M.jsx)(Y,{"data-slot":`command`,className:c(`bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden`,e),...t})}function he({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,M.jsxs)(h,{className:`bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!`,children:[(0,M.jsx)(Y.Input,{"data-slot":`command-input`,className:c(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...t}),(0,M.jsx)(m,{children:(0,M.jsx)(o,{className:`size-4 shrink-0 opacity-50`})})]})})}function ge({className:e,...t}){return(0,M.jsx)(Y.List,{"data-slot":`command-list`,className:c(`no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto`,e),...t})}function _e({className:e,...t}){return(0,M.jsx)(Y.Empty,{"data-slot":`command-empty`,className:c(`py-6 text-center text-sm`,e),...t})}function ve({className:e,...t}){return(0,M.jsx)(Y.Group,{"data-slot":`command-group`,className:c(`text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium`,e),...t})}function ye({className:e,...t}){return(0,M.jsx)(Y.Separator,{"data-slot":`command-separator`,className:c(`bg-border -mx-1 h-px w-auto`,e),...t})}function be({className:e,children:t,...n}){return(0,M.jsxs)(Y.Item,{"data-slot":`command-item`,className:c(`data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...n,children:[t,(0,M.jsx)(i,{className:`ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}export{be as a,he as i,_e as n,ge as o,ve as r,ye as s,me as t};

package/dist/showcase/assets/{command-Cw81GF7c.js → command-DGne3l9s.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-o71HAmc3.js";import{a as r,n as i,o as a,r as o,t as s}from"./command-BSmiujfZ.js";e();var c=t();function l({className:e,...t}){return(0,c.jsx)(s,{className:n(`command--component`,`rounded-md! p-0 bg-transparent`,e),...t})}function u({className:e,...t}){return(0,c.jsx)(a,{className:n(`max-h-72 px-1 py-1`,e),...t})}function d({className:e,...t}){return(0,c.jsx)(o,{className:n(`p-0 [&_[cmdk-group-heading]]:px-control-sm [&_[cmdk-group-heading]]:pt-space-sm [&_[cmdk-group-heading]]:pb-space-2xs [&_[cmdk-group-heading]]:text-xxs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground`,e),...t})}function f({className:e,...t}){return(0,c.jsx)(r,{className:n(`gap-space-sm rounded-md px-control-sm py-row-y text-xs`,e),...t})}function p({className:e,...t}){return(0,c.jsx)(i,{className:n(`py-4 text-center text-xs text-muted-foreground`,e),...t})}export{u as a,f as i,p as n,d as r,l as t};
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-jD-KSiHu.js";import{a as r,n as i,o as a,r as o,t as s}from"./command-9-r1qrJt.js";e();var c=t();function l({className:e,...t}){return(0,c.jsx)(s,{className:n(`command--component`,`rounded-md! p-0 bg-transparent`,e),...t})}function u({className:e,...t}){return(0,c.jsx)(a,{className:n(`max-h-72 px-1 py-1`,e),...t})}function d({className:e,...t}){return(0,c.jsx)(o,{className:n(`p-0 [&_[cmdk-group-heading]]:px-control-sm [&_[cmdk-group-heading]]:pt-space-sm [&_[cmdk-group-heading]]:pb-space-2xs [&_[cmdk-group-heading]]:text-xxs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground`,e),...t})}function f({className:e,...t}){return(0,c.jsx)(r,{className:n(`gap-space-sm rounded-md px-control-sm py-row-y text-xs`,e),...t})}function p({className:e,...t}){return(0,c.jsx)(i,{className:n(`py-4 text-center text-xs text-muted-foreground`,e),...t})}export{u as a,f as i,p as n,d as r,l as t};

package/dist/showcase/assets/{comment-composer-C09JANlW.js → comment-composer-BI0qnvuY.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{C as n,p as r,y as i}from"./section-Dd6X6IKg.js";import{Er as a,r as o}from"./example-Rrx9vj75.js";import{t as s}from"./file-text-Clv0qFr3.js";import{t as c}from"./file-BBUnjRPN.js";import{t as l}from"./image-Cda8layy.js";import{t as u}from"./rich-text-editor-k1dtT5bX.js";import{t as d}from"./paperclip-BBDKiZeH.js";import{t as f}from"./send-3ANJL7UB.js";import{t as p}from"./x-FNPo6qUv.js";import{N as m,d as h,l as g,n as _}from"./index-o71HAmc3.js";import{i as v,t as y}from"./popover-C8YAdHfL.js";import{n as b,r as x,t as S}from"./mention-inline-suggestions-BTunE4RJ.js";var C=g(`at-sign`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8`,key:`7n84p3`}]]),w=g(`calendar-range`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M17 14h-6`,key:`bkmgh3`}],[`path`,{d:`M13 18H7`,key:`bb0bb7`}],[`path`,{d:`M7 14h.01`,key:`1qa3f1`}],[`path`,{d:`M17 18h.01`,key:`1bdyru`}]]),T=e(t(),1),E=h(),D={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function O(e){return m(D,e)}function k(e){let t=n(),r=i();return(0,T.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>t.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>t.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??r.formatRelativeTime}),[e,t,r.formatRelativeTime])}function A(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,T.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,T.useState)(()=>a[0]??null),[c,l]=(0,T.useState)(!1),[u,d]=(0,T.useState)(``),[f,p]=(0,T.useState)({}),[m,h]=(0,T.useState)(!1),[g,_]=(0,T.useState)(()=>r?[...r]:[]),v=(0,T.useRef)(0),y=(0,T.useRef)(null);(0,T.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let b=(0,T.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),x=(0,T.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,T.useEffect)(()=>{if(y.current&&clearTimeout(y.current),a.length===0){p({});return}let e=++v.current,t=async()=>{h(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await x(e,u)]}catch{return[e,[]]}}));if(e!==v.current)return;let n={};for(let[e,r]of t)n[e]=r;p(n)}finally{e===v.current&&h(!1)}};return y.current=setTimeout(()=>{t()},i),()=>{y.current&&clearTimeout(y.current)}},[a,u,x,i]),(0,T.useEffect)(()=>{if(c||!o||(f[o]??[]).length>0)return;let e=a.find(e=>(f[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,c,f]);let S=(0,T.useCallback)(e=>{s(e)},[]),C=(0,T.useCallback)(e=>{d(e)},[]),w=(0,T.useCallback)(e=>{_(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,T.useCallback)(e=>{_(t=>t.filter(t=>t.id!==e))},[]),D=(0,T.useCallback)(e=>{_([...e])},[]),O=(0,T.useCallback)(()=>{_([]),d(``),l(!1),v.current++},[]),k=(0,T.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 w(s),s},[o,w,t]);return{kinds:a,activeKind:o,setActiveKind:S,activeResource:b,query:u,setQuery:C,suggestions:(0,T.useMemo)(()=>o?f[o]??[]:[],[o,f]),suggestionsByKind:f,isLoading:m,mentions:g,addMention:w,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:c,setManualKindOverride:l}}function j(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function M(e={}){let t=e.resources,n=e.onResourceSearch,r=A({...e,resources:t,onResourceSearch:n}),[i,a]=(0,T.useState)(!1),[o,s]=(0,T.useState)(!1),c=(0,T.useRef)(null),l=(0,T.useRef)(null),u=(0,T.useCallback)(e=>{a(e),e||(c.current=null,l.current=null,s(!1),r.setManualKindOverride(!1))},[r]),d=e.editorRef,f=(0,T.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=d?.current?.getCaretContext();if(!n){c.current&&(c.current=null,u(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),f=n.textBefore.match(o);if(!f){c.current&&(c.current=null,u(!1));return}let p=f[1],m=f[2]??``,h=e[p];c.current={kind:h,triggerChar:p,consumedLength:p.length+m.length},s(!0),l.current!==p&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),l.current=p),r.query!==m&&r.setQuery(m),a(!0)},[d,t,r,u]),p=(0,T.useCallback)(e=>{let n=r.selectSuggestion(e),i=c.current,a=t?.[n.kind]?.tone,o=j(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&d?.current?(d.current.replaceBeforeCaret(i.consumedLength,o),c.current=null):d?.current&&d.current.insertHTML(o),u(!1),n},[d,t,r,u]);return{...r,pickerOpen:i,setPickerOpen:u,triggerActive:o,handleCaretChange:f,pickSuggestion:p}}var N=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function P(e){if(!e)return[];let t=[],n=0,r;for(N.lastIndex=0;(r=N.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 F=`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 I(e){let{html:t,mentions:n,resources:r,renderMention:i,sanitizer:a,className:o,prose:s=!0}=e,c=r,l=a?a(t??``):t??``,u=new Map;for(let e of n??[])u.set(e.id,e);let d=u.size>0?P(l):[{kind:`html`,value:l}],f=e=>{if(i)return i(e);let t=c?.[e.kind];return(0,E.jsx)(x,{mention:e,resource:t})},p=d.map((e,t)=>{if(e.kind===`mention`){let n=u.get(e.refId);return n?(0,E.jsx)(T.Fragment,{children:f(n)},`ref-${t}-${e.refId}`):(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return s?(0,E.jsx)(`div`,{className:_(`mention-content--component`,F,o),children:p}):(0,E.jsx)(E.Fragment,{children:p})}var L=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,R=/data-ref-kind\s*=\s*"([^"]+)"/i;function z(e){let t=[];if(!e)return t;let n=new Set,r;for(L.lastIndex=0;(r=L.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(R)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}function B(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function V(e){return e.mimeType?.startsWith(`image/`)?l:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?s:e.mimeType?c:d}var H=({attachment:e,editable:t=!1,onRemove:n,onRetry:i,accessors:s,strings:c,compact:l=!1,className:u})=>{let d=m(D,c),f=s?.getMediaUrl?.(e)??e.url,h=s?.getMediaName?.(e)??e.name??d.attachmentFallback,g=V(e),v=e.status===`uploading`,y=e.status===`failed`,b=B(e.size),x=v?d.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):y?e.error??d.attachmentFailedLabel:b,S=_(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,l?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,y?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,u),C=v?(0,E.jsx)(a,{className:_(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,E.jsx)(g,{className:_(`shrink-0`,`size-3.5`,y?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),w=(0,E.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,E.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,className:_(`truncate`,y&&`text-destructive`),children:h}),x?(0,E.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:x}):null]});return(0,E.jsxs)(`div`,{className:S,children:[C,f&&!v&&!y?(0,E.jsx)(`a`,{href:f,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":d.attachmentDownloadLabel,children:w}):w,v&&typeof e.progress==`number`&&(0,E.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,E.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),y&&i&&(0,E.jsx)(o,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`small`,onClick:()=>i(e.id),className:`h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60`,children:d.attachmentRetryLabel}),t&&n&&(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>n(e.id),className:`-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground`,"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,children:(0,E.jsx)(p,{className:`size-3`})})]})};function U(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,T.useState)(()=>a?[...a]:[]),u=(0,T.useRef)(new Map),d=(0,T.useRef)(new Map),f=(0,T.useRef)(o);f.current=o;let p=(0,T.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),m=(0,T.useCallback)(e=>{l([...e])},[]),h=(0,T.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),p(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{p(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),p(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;p(e,{status:`failed`,error:n}),s?.(n)})},[s,t,p]),g=(0,T.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>h(i,e))}return t})},[h,i,r,n,s,t]),_=(0,T.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),v=(0,T.useCallback)(e=>{let t=d.current.get(e);t&&h(e,t)},[h]),y=(0,T.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,T.useEffect)(()=>{f.current?.(c)},[c]),(0,T.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,T.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,T.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:g,removeAttachment:_,retryAttachment:v,setAttachments:m,reset:y}}function W(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var G=(0,T.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:n=!1,errors:i,resetKey:s=0,onSubmit:c,onCancel:l,editingComment:p,strings:m,resources:h,onResourceSearch:g,attachments:_,initialValues:x,autoFocus:w=!1,inlineSubmit:D=!0,placeholder:k},A){let j=O(m),N=h,P=g,F=_,I=(0,T.useRef)(null),[L,R]=(0,T.useState)(()=>x?.content??p?.content??``),[B,V]=(0,T.useState)(null),G=M({resources:N,onResourceSearch:P,editorRef:I,initialMentions:x?.references??p?.references}),q=U({...F,initialAttachments:x?.attachments??void 0});(0,T.useImperativeHandle)(A,()=>({focus:()=>I.current?.focus(),clear:()=>{I.current?.clear(),G.reset(),q.reset(),V(null)},setBody:e=>{I.current?.setHTML(e)}}),[q,G]),(0,T.useEffect)(()=>{I.current?.setHTML(x?.content??``),G.setMentions(x?.references??[]),q.setAttachments(x?.attachments??[]),V(null)},[e.id,e.type,s]),(0,T.useEffect)(()=>{if(!p)return;I.current?.setHTML(p.content??``),G.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);q.setAttachments(e)},[p?.id]),(0,T.useEffect)(()=>{i?.content&&V(i.content)},[i]);let J=t=>{t?.preventDefault();let n=I.current?.getHTML()??L;if(!W(n)){V(j.invalidContent);return}V(null),c({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:G.mentions,attachments:q.uploadedAttachments,editingId:p?.id})},Y=(0,T.useRef)(null),X=()=>Y.current?.click(),ee=e=>{e&&q.addFiles(e)},Z=q.attachments.length>0,Q=!!p,te=n?j.composerSubmitting:Q?j.composerSave:j.composerSubmit,ne=Q?(0,E.jsx)(K,{label:j.composerEditingEyebrow,closeLabel:j.composerCancel,onClose:l}):null,re=(0,T.useMemo)(()=>{let e=[];return N&&Object.keys(N).length>0&&e.push({id:`reference`,icon:C,label:j.composerReferenceLabel,onClick:()=>G.setPickerOpen(!0)}),F?.onUpload&&!F.disabled&&e.push({id:`attachment`,icon:d,label:j.composerAttachmentLabel,onClick:X}),e},[N,F?.onUpload,F?.disabled,j.composerReferenceLabel,j.composerAttachmentLabel]);if(!t)return null;let $=(0,E.jsx)(o,{type:`button`,onClick:()=>J(),disabled:n||q.isUploading,icon:n?a:f,children:te}),ie=Q||l?(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:n,children:j.composerCancel}):null,ae=Z?(0,E.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:q.attachments.map(e=>(0,E.jsx)(H,{attachment:e,editable:!0,onRemove:q.removeAttachment,onRetry:q.retryAttachment,strings:m},e.id))}):null,oe=Z?ae:null,se=D===!1?null:$,ce=D===!1||Q;return(0,E.jsxs)(`form`,{onSubmit:J,className:`space-y-2`,children:[ne,(0,E.jsx)(`input`,{ref:Y,type:`file`,multiple:!0,hidden:!0,accept:F?.accept,onChange:e=>{ee(e.target.files),e.target.value=``}}),!G.triggerActive&&(0,E.jsxs)(y,{open:G.pickerOpen,onOpenChange:G.setPickerOpen,children:[(0,E.jsx)(v,{render:(0,E.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:j.composerReferenceLabel}),(0,E.jsx)(b,{open:G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,kinds:G.kinds,resources:N,query:G.query,setQuery:G.setQuery,suggestions:G.suggestions,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,searchPlaceholder:j.composerReferenceSearchPlaceholder,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),(0,E.jsxs)(`div`,{className:`relative`,children:[(0,E.jsx)(u,{ref:I,value:L,onChange:e=>{R(e);let t=z(e),n=G.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);G.setMentions(r)}},placeholder:k??j.composerPlaceholder,strings:{editorLabel:k??j.composerPlaceholder},minHeight:`3rem`,autoFocus:w||Q,extraToolbarItems:re,toolbarTrailing:se,footerSlot:oe,onCaretChange:G.handleCaretChange}),(0,E.jsx)(S,{open:G.triggerActive&&G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,onManualKindChange:()=>G.setManualKindOverride(!0),kinds:G.kinds,resources:N,query:G.query,suggestions:G.suggestions,suggestionsByKind:G.suggestionsByKind,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),B&&(0,E.jsx)(r,{size:`xs`,type:`error`,children:B}),ce&&(0,E.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[ie,$]})]})});function K({label:e,closeLabel:t,onClose:n}){return(0,E.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,E.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),n?(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:n,className:`size-4 rounded p-0 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,E.jsx)(p,{className:`size-3`})}):null]})}export{O as a,k as i,H as n,w as o,I as r,G as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{C as n,p as r,y as i}from"./section-BPNIPavy.js";import{Er as a,r as o}from"./example-CJMJcnb4.js";import{t as s}from"./file-text-BTTFP8Jo.js";import{t as c}from"./file-CJFWrwy1.js";import{t as l}from"./image-CxNywgkb.js";import{t as u}from"./rich-text-editor-D433iv0N.js";import{t as d}from"./paperclip-BRM-yXTB.js";import{t as f}from"./send-DNCcBKXs.js";import{t as p}from"./x-DyuS4YRT.js";import{N as m,d as h,l as g,n as _}from"./index-jD-KSiHu.js";import{i as v,t as y}from"./popover-Czmwspmc.js";import{n as b,r as x,t as S}from"./mention-inline-suggestions-DPO6FhXx.js";var C=g(`at-sign`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8`,key:`7n84p3`}]]),w=g(`calendar-range`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M17 14h-6`,key:`bkmgh3`}],[`path`,{d:`M13 18H7`,key:`bb0bb7`}],[`path`,{d:`M7 14h.01`,key:`1qa3f1`}],[`path`,{d:`M17 18h.01`,key:`1bdyru`}]]),T=e(t(),1),E=h(),D={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function O(e){return m(D,e)}function k(e){let t=n(),r=i();return(0,T.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>t.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>t.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??r.formatRelativeTime}),[e,t,r.formatRelativeTime])}function A(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,T.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,T.useState)(()=>a[0]??null),[c,l]=(0,T.useState)(!1),[u,d]=(0,T.useState)(``),[f,p]=(0,T.useState)({}),[m,h]=(0,T.useState)(!1),[g,_]=(0,T.useState)(()=>r?[...r]:[]),v=(0,T.useRef)(0),y=(0,T.useRef)(null);(0,T.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let b=(0,T.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),x=(0,T.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,T.useEffect)(()=>{if(y.current&&clearTimeout(y.current),a.length===0){p({});return}let e=++v.current,t=async()=>{h(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await x(e,u)]}catch{return[e,[]]}}));if(e!==v.current)return;let n={};for(let[e,r]of t)n[e]=r;p(n)}finally{e===v.current&&h(!1)}};return y.current=setTimeout(()=>{t()},i),()=>{y.current&&clearTimeout(y.current)}},[a,u,x,i]),(0,T.useEffect)(()=>{if(c||!o||(f[o]??[]).length>0)return;let e=a.find(e=>(f[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,c,f]);let S=(0,T.useCallback)(e=>{s(e)},[]),C=(0,T.useCallback)(e=>{d(e)},[]),w=(0,T.useCallback)(e=>{_(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,T.useCallback)(e=>{_(t=>t.filter(t=>t.id!==e))},[]),D=(0,T.useCallback)(e=>{_([...e])},[]),O=(0,T.useCallback)(()=>{_([]),d(``),l(!1),v.current++},[]),k=(0,T.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 w(s),s},[o,w,t]);return{kinds:a,activeKind:o,setActiveKind:S,activeResource:b,query:u,setQuery:C,suggestions:(0,T.useMemo)(()=>o?f[o]??[]:[],[o,f]),suggestionsByKind:f,isLoading:m,mentions:g,addMention:w,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:c,setManualKindOverride:l}}function j(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function M(e={}){let t=e.resources,n=e.onResourceSearch,r=A({...e,resources:t,onResourceSearch:n}),[i,a]=(0,T.useState)(!1),[o,s]=(0,T.useState)(!1),c=(0,T.useRef)(null),l=(0,T.useRef)(null),u=(0,T.useCallback)(e=>{a(e),e||(c.current=null,l.current=null,s(!1),r.setManualKindOverride(!1))},[r]),d=e.editorRef,f=(0,T.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=d?.current?.getCaretContext();if(!n){c.current&&(c.current=null,u(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),f=n.textBefore.match(o);if(!f){c.current&&(c.current=null,u(!1));return}let p=f[1],m=f[2]??``,h=e[p];c.current={kind:h,triggerChar:p,consumedLength:p.length+m.length},s(!0),l.current!==p&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),l.current=p),r.query!==m&&r.setQuery(m),a(!0)},[d,t,r,u]),p=(0,T.useCallback)(e=>{let n=r.selectSuggestion(e),i=c.current,a=t?.[n.kind]?.tone,o=j(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&d?.current?(d.current.replaceBeforeCaret(i.consumedLength,o),c.current=null):d?.current&&d.current.insertHTML(o),u(!1),n},[d,t,r,u]);return{...r,pickerOpen:i,setPickerOpen:u,triggerActive:o,handleCaretChange:f,pickSuggestion:p}}var N=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function P(e){if(!e)return[];let t=[],n=0,r;for(N.lastIndex=0;(r=N.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 F=`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 I(e){let{html:t,mentions:n,resources:r,renderMention:i,sanitizer:a,className:o,prose:s=!0}=e,c=r,l=a?a(t??``):t??``,u=new Map;for(let e of n??[])u.set(e.id,e);let d=u.size>0?P(l):[{kind:`html`,value:l}],f=e=>{if(i)return i(e);let t=c?.[e.kind];return(0,E.jsx)(x,{mention:e,resource:t})},p=d.map((e,t)=>{if(e.kind===`mention`){let n=u.get(e.refId);return n?(0,E.jsx)(T.Fragment,{children:f(n)},`ref-${t}-${e.refId}`):(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return s?(0,E.jsx)(`div`,{className:_(`mention-content--component`,F,o),children:p}):(0,E.jsx)(E.Fragment,{children:p})}var L=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,R=/data-ref-kind\s*=\s*"([^"]+)"/i;function z(e){let t=[];if(!e)return t;let n=new Set,r;for(L.lastIndex=0;(r=L.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(R)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}function B(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function V(e){return e.mimeType?.startsWith(`image/`)?l:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?s:e.mimeType?c:d}var H=({attachment:e,editable:t=!1,onRemove:n,onRetry:i,accessors:s,strings:c,compact:l=!1,className:u})=>{let d=m(D,c),f=s?.getMediaUrl?.(e)??e.url,h=s?.getMediaName?.(e)??e.name??d.attachmentFallback,g=V(e),v=e.status===`uploading`,y=e.status===`failed`,b=B(e.size),x=v?d.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):y?e.error??d.attachmentFailedLabel:b,S=_(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,l?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,y?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,u),C=v?(0,E.jsx)(a,{className:_(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,E.jsx)(g,{className:_(`shrink-0`,`size-3.5`,y?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),w=(0,E.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,E.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,className:_(`truncate`,y&&`text-destructive`),children:h}),x?(0,E.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:x}):null]});return(0,E.jsxs)(`div`,{className:S,children:[C,f&&!v&&!y?(0,E.jsx)(`a`,{href:f,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":d.attachmentDownloadLabel,children:w}):w,v&&typeof e.progress==`number`&&(0,E.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,E.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),y&&i&&(0,E.jsx)(o,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`small`,onClick:()=>i(e.id),className:`h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60`,children:d.attachmentRetryLabel}),t&&n&&(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>n(e.id),className:`-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground`,"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,children:(0,E.jsx)(p,{className:`size-3`})})]})};function U(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,T.useState)(()=>a?[...a]:[]),u=(0,T.useRef)(new Map),d=(0,T.useRef)(new Map),f=(0,T.useRef)(o);f.current=o;let p=(0,T.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),m=(0,T.useCallback)(e=>{l([...e])},[]),h=(0,T.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),p(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{p(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),p(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;p(e,{status:`failed`,error:n}),s?.(n)})},[s,t,p]),g=(0,T.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>h(i,e))}return t})},[h,i,r,n,s,t]),_=(0,T.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),v=(0,T.useCallback)(e=>{let t=d.current.get(e);t&&h(e,t)},[h]),y=(0,T.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,T.useEffect)(()=>{f.current?.(c)},[c]),(0,T.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,T.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,T.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:g,removeAttachment:_,retryAttachment:v,setAttachments:m,reset:y}}function W(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var G=(0,T.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:n=!1,errors:i,resetKey:s=0,onSubmit:c,onCancel:l,editingComment:p,strings:m,resources:h,onResourceSearch:g,attachments:_,initialValues:x,autoFocus:w=!1,inlineSubmit:D=!0,placeholder:k},A){let j=O(m),N=h,P=g,F=_,I=(0,T.useRef)(null),[L,R]=(0,T.useState)(()=>x?.content??p?.content??``),[B,V]=(0,T.useState)(null),G=M({resources:N,onResourceSearch:P,editorRef:I,initialMentions:x?.references??p?.references}),q=U({...F,initialAttachments:x?.attachments??void 0});(0,T.useImperativeHandle)(A,()=>({focus:()=>I.current?.focus(),clear:()=>{I.current?.clear(),G.reset(),q.reset(),V(null)},setBody:e=>{I.current?.setHTML(e)}}),[q,G]),(0,T.useEffect)(()=>{I.current?.setHTML(x?.content??``),G.setMentions(x?.references??[]),q.setAttachments(x?.attachments??[]),V(null)},[e.id,e.type,s]),(0,T.useEffect)(()=>{if(!p)return;I.current?.setHTML(p.content??``),G.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);q.setAttachments(e)},[p?.id]),(0,T.useEffect)(()=>{i?.content&&V(i.content)},[i]);let J=t=>{t?.preventDefault();let n=I.current?.getHTML()??L;if(!W(n)){V(j.invalidContent);return}V(null),c({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:G.mentions,attachments:q.uploadedAttachments,editingId:p?.id})},Y=(0,T.useRef)(null),X=()=>Y.current?.click(),ee=e=>{e&&q.addFiles(e)},Z=q.attachments.length>0,Q=!!p,te=n?j.composerSubmitting:Q?j.composerSave:j.composerSubmit,ne=Q?(0,E.jsx)(K,{label:j.composerEditingEyebrow,closeLabel:j.composerCancel,onClose:l}):null,re=(0,T.useMemo)(()=>{let e=[];return N&&Object.keys(N).length>0&&e.push({id:`reference`,icon:C,label:j.composerReferenceLabel,onClick:()=>G.setPickerOpen(!0)}),F?.onUpload&&!F.disabled&&e.push({id:`attachment`,icon:d,label:j.composerAttachmentLabel,onClick:X}),e},[N,F?.onUpload,F?.disabled,j.composerReferenceLabel,j.composerAttachmentLabel]);if(!t)return null;let $=(0,E.jsx)(o,{type:`button`,onClick:()=>J(),disabled:n||q.isUploading,icon:n?a:f,children:te}),ie=Q||l?(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:n,children:j.composerCancel}):null,ae=Z?(0,E.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:q.attachments.map(e=>(0,E.jsx)(H,{attachment:e,editable:!0,onRemove:q.removeAttachment,onRetry:q.retryAttachment,strings:m},e.id))}):null,oe=Z?ae:null,se=D===!1?null:$,ce=D===!1||Q;return(0,E.jsxs)(`form`,{onSubmit:J,className:`space-y-2`,children:[ne,(0,E.jsx)(`input`,{ref:Y,type:`file`,multiple:!0,hidden:!0,accept:F?.accept,onChange:e=>{ee(e.target.files),e.target.value=``}}),!G.triggerActive&&(0,E.jsxs)(y,{open:G.pickerOpen,onOpenChange:G.setPickerOpen,children:[(0,E.jsx)(v,{render:(0,E.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:j.composerReferenceLabel}),(0,E.jsx)(b,{open:G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,kinds:G.kinds,resources:N,query:G.query,setQuery:G.setQuery,suggestions:G.suggestions,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,searchPlaceholder:j.composerReferenceSearchPlaceholder,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),(0,E.jsxs)(`div`,{className:`relative`,children:[(0,E.jsx)(u,{ref:I,value:L,onChange:e=>{R(e);let t=z(e),n=G.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);G.setMentions(r)}},placeholder:k??j.composerPlaceholder,strings:{editorLabel:k??j.composerPlaceholder},minHeight:`3rem`,autoFocus:w||Q,extraToolbarItems:re,toolbarTrailing:se,footerSlot:oe,onCaretChange:G.handleCaretChange}),(0,E.jsx)(S,{open:G.triggerActive&&G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,onManualKindChange:()=>G.setManualKindOverride(!0),kinds:G.kinds,resources:N,query:G.query,suggestions:G.suggestions,suggestionsByKind:G.suggestionsByKind,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),B&&(0,E.jsx)(r,{size:`xs`,type:`error`,children:B}),ce&&(0,E.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[ie,$]})]})});function K({label:e,closeLabel:t,onClose:n}){return(0,E.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,E.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),n?(0,E.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:n,className:`size-4 rounded p-0 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,E.jsx)(p,{className:`size-3`})}):null]})}export{O as a,k as i,H as n,w as o,I as r,G as t};

package/dist/showcase/assets/{comment-item-DsQshj1L.js → comment-item-Cedds6Lm.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{f as n,o as r,p as i}from"./section-Dd6X6IKg.js";import{a,i as o,n as ee,r as s}from"./comment-composer-C09JANlW.js";import{a as c,c as l,o as u,r as d,s as f}from"./example-Rrx9vj75.js";import{t as p}from"./pencil-BUhkJ_Nn.js";import{t as m}from"./trash-2-Bf5dpRjn.js";import{d as h,l as g,n as _,p as v}from"./index-o71HAmc3.js";import{o as te,r as y,t as b}from"./avatar-D29-FL5U.js";var x=g(`corner-down-right`,[[`path`,{d:`m15 10 5 5-5 5`,key:`qqa56n`}],[`path`,{d:`M4 4v7a4 4 0 0 0 4 4h12`,key:`z08zvw`}]]),S=g(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),C=g(`smile`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2`,key:`1y1vjs`}],[`line`,{x1:`9`,x2:`9.01`,y1:`9`,y2:`9`,key:`yxxnd0`}],[`line`,{x1:`15`,x2:`15.01`,y1:`9`,y2:`9`,key:`1p4y9e`}]]),w=e(t(),1),T=h();function E(e){let{comment:t,resources:n,renderReference:r,sanitizer:a}=e,o=t.contentType??t.content_type??`text`;return o===`rich`?D(t.content):o===`html`?(0,T.jsx)(s,{html:t.content??``,mentions:t.references,resources:n,renderMention:r,sanitizer:a}):(0,T.jsx)(i,{className:`whitespace-pre-line`,children:A(t.content??``)})}function D(e){if(!e)return null;try{let t=JSON.parse(e);return!t||!Array.isArray(t.blocks)||t.blocks.length===0?null:(0,T.jsx)(`div`,{className:`prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1`,children:t.blocks.map((e,t)=>(0,T.jsx)(w.Fragment,{children:O(e)},e.id??`${e.type}-${t}`))})}catch{return(0,T.jsx)(i,{className:`whitespace-pre-line`,children:A(e)})}}function O(e){let t=e.data??{};switch(e.type){case`paragraph`:{let e=String(t.text??``).trim();return e?(0,T.jsx)(i,{asHTML:!0,content:e}):null}case`header`:{let e=k(String(t.text??``)),r=Number(t.level??3);return e?(0,w.createElement)(n,{tag:`h${Math.min(Math.max(r,1),6)}`},e):null}case`list`:{let e=(Array.isArray(t.items)?t.items:[]).map(e=>k(String(e??``))).filter(e=>e.length>0);return e.length===0?null:t.style===`ordered`?(0,T.jsx)(`ol`,{className:`ml-6 list-decimal space-y-1 text-sm`,children:e.map((e,t)=>(0,T.jsx)(`li`,{children:e},`${e}-${t}`))}):(0,T.jsx)(`ul`,{className:`ml-6 list-disc space-y-1 text-sm`,children:e.map(e=>(0,T.jsx)(`li`,{children:e},e))})}case`quote`:{let e=String(t.text??``).trim();if(!e)return null;let n=k(String(t.caption??``));return(0,T.jsxs)(`blockquote`,{className:`border-muted text-muted-foreground border-l-2 pl-3 text-sm italic`,children:[(0,T.jsx)(i,{asHTML:!0,content:e}),n.length>0&&(0,T.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,n]})]})}case`delimiter`:return(0,T.jsx)(`div`,{className:`border-muted my-4 border-b border-dashed`,"aria-hidden":`true`});default:{let e=k(String(t.text??``));return e?(0,T.jsx)(i,{className:`whitespace-pre-line`,children:e}):null}}}function k(e){return e.replace(/<[^>]*>/g,``).trim()}function A(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``)return``;if(t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}var j=`?`,ne=e=>e?.url,M=e=>e?.name,N=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),P=e=>{try{return v(new Date(e),{addSuffix:!0})}catch{return`—`}},F=(0,w.memo)(function({comment:e,canModerate:t,onDelete:n,onPinToggle:s,onReact:h,onReply:g,strings:v,getMediaUrl:D,getMediaName:O,getStatusLabel:k,formatRelativeTime:A,resources:F,renderAttachment:I,renderReference:L}){let R=a(v),z=o({getMediaUrl:D,getMediaName:O,getStatusLabel:k,formatRelativeTime:A}),B=z.getMediaUrl??ne,V=z.getMediaName??M,H=z.getStatusLabel??N,U=z.formatRelativeTime??P,W=e.user?.name??R.fallbackAuthor,G=e.user?.avatar??void 0,K=(0,w.useMemo)(()=>e.createdAt?U(e.createdAt):`—`,[e.createdAt,U]),q=(0,w.useMemo)(()=>{if(!W)return j;let e=W.trim();return e===``?j:e.charAt(0).toUpperCase()},[W]),J=(0,w.useMemo)(()=>Array.isArray(e.tagsArray)?e.tagsArray.filter(e=>typeof e==`string`):e.tagsArray&&typeof e.tagsArray==`object`?Object.values(e.tagsArray).filter(e=>typeof e==`string`):[],[e.tagsArray]),Y=(0,w.useMemo)(()=>(e.attachments??e.media??[]).filter(e=>!!e&&typeof e==`object`),[e.attachments,e.media]),X=e.reactions??[],Z=e.isPinned===!0,re=e.isEdited===!0,Q=e.status&&e.status!==`active`,$=Q&&e.status?H(e.status):null,ie=e.canDelete===!0||t===!0,ae=e.canEdit===!0||t===!0,oe=Y.length>0;return(0,T.jsx)(`article`,{className:_(`comment-item--component group relative overflow-hidden rounded-lg border transition-colors`,`border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5`),"data-comment-id":e.id,children:(0,T.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,T.jsxs)(b,{className:`mt-0.5 size-avatar shrink-0`,children:[!!G&&(0,T.jsx)(te,{src:G,alt:W}),(0,T.jsx)(y,{className:`bg-muted text-muted-foreground text-xs font-medium`,children:q})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,T.jsx)(i,{tag:`span`,weight:`semibold`,className:`truncate`,children:W}),!!Z&&(0,T.jsx)(f,{delayDuration:0,children:(0,T.jsxs)(c,{children:[(0,T.jsx)(l,{render:(0,T.jsx)(`span`,{className:`inline-flex shrink-0 self-center`}),children:(0,T.jsx)(S,{className:`text-warning size-3`,"aria-hidden":!0})}),(0,T.jsx)(u,{side:`top`,className:`text-xs`,children:R.pinned})]})}),(0,T.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:K}),!!re&&(0,T.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:R.edited}),!!Q&&!!$&&(0,T.jsx)(r,{variant:`secondary`,className:`self-center uppercase tracking-wide`,children:$})]}),(0,T.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,T.jsx)(E,{comment:e,resources:F,renderReference:L})}),J.length>0&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:J.map(e=>(0,T.jsx)(r,{variant:`secondary`,className:`uppercase tracking-wide`,children:e},e))}),oe&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:Y.map(e=>I?(0,T.jsx)(`div`,{children:I(e)},e.id??e.name):(0,T.jsx)(ee,{attachment:e,accessors:{getMediaUrl:B,getMediaName:V},strings:v},e.id??e.name))}),X.length>0&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1`,children:X.map(t=>(0,T.jsx)(d,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>h&&e.id?h(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`h-auto rounded-full p-0`,children:(0,T.jsxs)(r,{variant:t.mine?`primary`:`secondary`,className:`cursor-pointer transition-colors hover:opacity-90`,children:[(0,T.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:t.emoji}),(0,T.jsx)(`span`,{className:`tabular-nums`,children:t.count})]})},t.emoji))})]}),(0,T.jsxs)(`div`,{className:_(`absolute right-2 top-2 opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70`),children:[!!g&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&g(e.id),title:R.replyLabel,"aria-label":R.replyLabel,children:(0,T.jsx)(x,{className:`size-3.5`})}),!!h&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&h(e.id,`👍`),title:R.addReactionLabel,"aria-label":R.addReactionLabel,children:(0,T.jsx)(C,{className:`size-3.5`})}),!!s&&t&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>s(e),title:Z?R.unpinLabel:R.pinLabel,"aria-label":Z?R.unpinLabel:R.pinLabel,children:(0,T.jsx)(S,{className:_(`size-3.5`,Z&&`text-warning`)})}),!!ae&&!!e.id&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,title:R.editLabel,"aria-label":R.editLabel,children:(0,T.jsx)(p,{className:`size-3.5`})}),!!ie&&!!n&&!!e.id&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>n(e.id),title:R.deleteLabel,"aria-label":R.deleteLabel,children:(0,T.jsx)(m,{className:`size-3.5`})})]})]})})});export{F as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{f as n,o as r,p as i}from"./section-BPNIPavy.js";import{a,i as o,n as ee,r as s}from"./comment-composer-BI0qnvuY.js";import{a as c,c as l,o as u,r as d,s as f}from"./example-CJMJcnb4.js";import{t as p}from"./pencil-DiG2dQ8F.js";import{t as m}from"./trash-2-CtRtVsCy.js";import{d as h,l as g,n as _,p as v}from"./index-jD-KSiHu.js";import{o as te,r as y,t as b}from"./avatar-BlLAVC87.js";var x=g(`corner-down-right`,[[`path`,{d:`m15 10 5 5-5 5`,key:`qqa56n`}],[`path`,{d:`M4 4v7a4 4 0 0 0 4 4h12`,key:`z08zvw`}]]),S=g(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),C=g(`smile`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2`,key:`1y1vjs`}],[`line`,{x1:`9`,x2:`9.01`,y1:`9`,y2:`9`,key:`yxxnd0`}],[`line`,{x1:`15`,x2:`15.01`,y1:`9`,y2:`9`,key:`1p4y9e`}]]),w=e(t(),1),T=h();function E(e){let{comment:t,resources:n,renderReference:r,sanitizer:a}=e,o=t.contentType??t.content_type??`text`;return o===`rich`?D(t.content):o===`html`?(0,T.jsx)(s,{html:t.content??``,mentions:t.references,resources:n,renderMention:r,sanitizer:a}):(0,T.jsx)(i,{className:`whitespace-pre-line`,children:A(t.content??``)})}function D(e){if(!e)return null;try{let t=JSON.parse(e);return!t||!Array.isArray(t.blocks)||t.blocks.length===0?null:(0,T.jsx)(`div`,{className:`prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1`,children:t.blocks.map((e,t)=>(0,T.jsx)(w.Fragment,{children:O(e)},e.id??`${e.type}-${t}`))})}catch{return(0,T.jsx)(i,{className:`whitespace-pre-line`,children:A(e)})}}function O(e){let t=e.data??{};switch(e.type){case`paragraph`:{let e=String(t.text??``).trim();return e?(0,T.jsx)(i,{asHTML:!0,content:e}):null}case`header`:{let e=k(String(t.text??``)),r=Number(t.level??3);return e?(0,w.createElement)(n,{tag:`h${Math.min(Math.max(r,1),6)}`},e):null}case`list`:{let e=(Array.isArray(t.items)?t.items:[]).map(e=>k(String(e??``))).filter(e=>e.length>0);return e.length===0?null:t.style===`ordered`?(0,T.jsx)(`ol`,{className:`ml-6 list-decimal space-y-1 text-sm`,children:e.map((e,t)=>(0,T.jsx)(`li`,{children:e},`${e}-${t}`))}):(0,T.jsx)(`ul`,{className:`ml-6 list-disc space-y-1 text-sm`,children:e.map(e=>(0,T.jsx)(`li`,{children:e},e))})}case`quote`:{let e=String(t.text??``).trim();if(!e)return null;let n=k(String(t.caption??``));return(0,T.jsxs)(`blockquote`,{className:`border-muted text-muted-foreground border-l-2 pl-3 text-sm italic`,children:[(0,T.jsx)(i,{asHTML:!0,content:e}),n.length>0&&(0,T.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,n]})]})}case`delimiter`:return(0,T.jsx)(`div`,{className:`border-muted my-4 border-b border-dashed`,"aria-hidden":`true`});default:{let e=k(String(t.text??``));return e?(0,T.jsx)(i,{className:`whitespace-pre-line`,children:e}):null}}}function k(e){return e.replace(/<[^>]*>/g,``).trim()}function A(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``)return``;if(t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}var j=`?`,ne=e=>e?.url,M=e=>e?.name,N=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),P=e=>{try{return v(new Date(e),{addSuffix:!0})}catch{return`—`}},F=(0,w.memo)(function({comment:e,canModerate:t,onDelete:n,onPinToggle:s,onReact:h,onReply:g,strings:v,getMediaUrl:D,getMediaName:O,getStatusLabel:k,formatRelativeTime:A,resources:F,renderAttachment:I,renderReference:L}){let R=a(v),z=o({getMediaUrl:D,getMediaName:O,getStatusLabel:k,formatRelativeTime:A}),B=z.getMediaUrl??ne,V=z.getMediaName??M,H=z.getStatusLabel??N,U=z.formatRelativeTime??P,W=e.user?.name??R.fallbackAuthor,G=e.user?.avatar??void 0,K=(0,w.useMemo)(()=>e.createdAt?U(e.createdAt):`—`,[e.createdAt,U]),q=(0,w.useMemo)(()=>{if(!W)return j;let e=W.trim();return e===``?j:e.charAt(0).toUpperCase()},[W]),J=(0,w.useMemo)(()=>Array.isArray(e.tagsArray)?e.tagsArray.filter(e=>typeof e==`string`):e.tagsArray&&typeof e.tagsArray==`object`?Object.values(e.tagsArray).filter(e=>typeof e==`string`):[],[e.tagsArray]),Y=(0,w.useMemo)(()=>(e.attachments??e.media??[]).filter(e=>!!e&&typeof e==`object`),[e.attachments,e.media]),X=e.reactions??[],Z=e.isPinned===!0,re=e.isEdited===!0,Q=e.status&&e.status!==`active`,$=Q&&e.status?H(e.status):null,ie=e.canDelete===!0||t===!0,ae=e.canEdit===!0||t===!0,oe=Y.length>0;return(0,T.jsx)(`article`,{className:_(`comment-item--component group relative overflow-hidden rounded-lg border transition-colors`,`border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5`),"data-comment-id":e.id,children:(0,T.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,T.jsxs)(b,{className:`mt-0.5 size-avatar shrink-0`,children:[!!G&&(0,T.jsx)(te,{src:G,alt:W}),(0,T.jsx)(y,{className:`bg-muted text-muted-foreground text-xs font-medium`,children:q})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,T.jsx)(i,{tag:`span`,weight:`semibold`,className:`truncate`,children:W}),!!Z&&(0,T.jsx)(f,{delayDuration:0,children:(0,T.jsxs)(c,{children:[(0,T.jsx)(l,{render:(0,T.jsx)(`span`,{className:`inline-flex shrink-0 self-center`}),children:(0,T.jsx)(S,{className:`text-warning size-3`,"aria-hidden":!0})}),(0,T.jsx)(u,{side:`top`,className:`text-xs`,children:R.pinned})]})}),(0,T.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:K}),!!re&&(0,T.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:R.edited}),!!Q&&!!$&&(0,T.jsx)(r,{variant:`secondary`,className:`self-center uppercase tracking-wide`,children:$})]}),(0,T.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,T.jsx)(E,{comment:e,resources:F,renderReference:L})}),J.length>0&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:J.map(e=>(0,T.jsx)(r,{variant:`secondary`,className:`uppercase tracking-wide`,children:e},e))}),oe&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:Y.map(e=>I?(0,T.jsx)(`div`,{children:I(e)},e.id??e.name):(0,T.jsx)(ee,{attachment:e,accessors:{getMediaUrl:B,getMediaName:V},strings:v},e.id??e.name))}),X.length>0&&(0,T.jsx)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1`,children:X.map(t=>(0,T.jsx)(d,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>h&&e.id?h(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`h-auto rounded-full p-0`,children:(0,T.jsxs)(r,{variant:t.mine?`primary`:`secondary`,className:`cursor-pointer transition-colors hover:opacity-90`,children:[(0,T.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:t.emoji}),(0,T.jsx)(`span`,{className:`tabular-nums`,children:t.count})]})},t.emoji))})]}),(0,T.jsxs)(`div`,{className:_(`absolute right-2 top-2 opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70`),children:[!!g&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&g(e.id),title:R.replyLabel,"aria-label":R.replyLabel,children:(0,T.jsx)(x,{className:`size-3.5`})}),!!h&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&h(e.id,`👍`),title:R.addReactionLabel,"aria-label":R.addReactionLabel,children:(0,T.jsx)(C,{className:`size-3.5`})}),!!s&&t&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>s(e),title:Z?R.unpinLabel:R.pinLabel,"aria-label":Z?R.unpinLabel:R.pinLabel,children:(0,T.jsx)(S,{className:_(`size-3.5`,Z&&`text-warning`)})}),!!ae&&!!e.id&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,title:R.editLabel,"aria-label":R.editLabel,children:(0,T.jsx)(p,{className:`size-3.5`})}),!!ie&&!!n&&!!e.id&&(0,T.jsx)(d,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>n(e.id),title:R.deleteLabel,"aria-label":R.deleteLabel,children:(0,T.jsx)(m,{className:`size-3.5`})})]})]})})});export{F as t};

package/dist/showcase/assets/{comments-CO3QCKyX.js → comments-De02NOns.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a,v as o}from"./section-Dd6X6IKg.js";import{a as s,o as c,t as l}from"./comment-composer-C09JANlW.js";import{t as u}from"./briefcase-CKrv_pkI.js";import{t as d}from"./example-Rrx9vj75.js";import{t as f}from"./comment-item-DsQshj1L.js";import{t as p}from"./git-branch-QLvR3_wX.js";import{t as m}from"./package-BaQGBJmO.js";import{t as h}from"./user-B35DABNz.js";import{d as g,l as _,n as v}from"./index-o71HAmc3.js";import{t as y}from"./props-table-C6gPyO49.js";import{t as b}from"./smart-card-BwSFemlj.js";var x=_(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),S=g(),C=({strings:e,icon:t,className:n})=>{let r=s(e);return(0,S.jsxs)(`div`,{className:v(`flex flex-col items-center justify-center py-8 text-center`,n),children:[(0,S.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:t??(0,S.jsx)(x,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,S.jsx)(i,{weight:`medium`,children:r.empty}),r.emptyHint?(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:r.emptyHint}):null]})},w=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:p,renderAttachment:m,renderReference:h,emptySlot:g}){return e.length?(0,S.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,S.jsx)(f,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:m,renderReference:h});return p?(0,S.jsx)(`div`,{children:p({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,S.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,S.jsx)(S.Fragment,{children:g??(0,S.jsx)(C,{strings:o})})},T=t(n(),1);function E(e){let t=o(),n=e.composerPosition??t.composerPosition??`top`,r=e.canComment??!1,i=e.canModerate??!1,a=e.onSubmit,c=e.onDelete,u=e.onPinToggle,d=e.onReact,f=e.onReply,p=e.resources,m=e.attachments,h=s(e.strings),g=e.title===void 0?h.title:e.title,[_,y]=(0,T.useState)({}),[x,E]=(0,T.useState)(!1),[D,O]=(0,T.useState)(0),k={setErrors:e=>y(e),reset:()=>{O(e=>e+1),y({}),E(!1)},setSubmitting:E},A=(0,T.useCallback)(e=>{a&&(E(!0),y({}),a(e,k))},[a]),j=e.composerSlot??(r?(0,S.jsx)(l,{context:e.context,canComment:r,isSubmitting:x,errors:_,resetKey:D,onSubmit:A,strings:e.strings,resources:p,attachments:m}):null),M=(0,S.jsx)(w,{comments:e.comments,canModerate:i,onDelete:c,onPinToggle:u,onReact:d,onReply:f,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:p,renderItem:e.renderItem,renderAttachment:e.renderAttachment,renderReference:e.renderReference,emptySlot:e.emptySlot??(0,S.jsx)(C,{strings:e.strings})}),N=j?(0,S.jsx)(`div`,{children:j}):null,P=(0,S.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.headerSlot,n===`top`&&N,M,n===`bottom`&&N,e.footerSlot]});return e.bare?P:(0,S.jsx)(b,{title:g===!1?void 0:g,description:h.subtitle||void 0,padding:`default`,className:v(`comments--component`,e.className),children:P})}var D=e({APISurface:()=>V,CommentsExample:()=>H,CustomReferenceRendering:()=>G,EmptyStateCustomStrings:()=>W,ReadOnly:()=>U}),O=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`},{id:`jordan`,label:`Jordan Jones`,description:`Finance`}],k=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`},{id:`BKG-2026-0510`,label:`BKG-2026-0510`,description:`Davida Todorova · May 04 → May 09`}],A=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`},{id:`ORD-A301`,label:`ORD-A301`,description:`€1,140.00 · Captured`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`},{id:`SPR-Q2-W4`,label:`Sprint Q2-W4`,description:`Booking calendar`}],M={user:{icon:h,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:c,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:m,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:p,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?O:t===`booking`?k:t===`order`?A:j,r=e.trim().toLowerCase();return(r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))).slice(0,8)}async function P(e){let{file:t,onProgress:n,signal:r}=e;return new Promise((e,i)=>{let a=0,o=()=>{if(r.aborted){i(Error(`aborted`));return}if(a=Math.min(100,a+18+Math.random()*14),n(a),a>=100){e({id:`att-${Math.random().toString(36).slice(2)}`,name:t.name,size:t.size,mimeType:t.type,url:`#`});return}window.setTimeout(o,220)};window.setTimeout(o,220)})}var F={id:`BKG-2026-0408`,type:`booking`,moduleKey:`bookings`},I=Date.now(),L=e=>new Date(I-e*60*60*1e3).toISOString(),R=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),z=[{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:L(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[R(`user`,`stefan`,`Daniel Kowalski`),R(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0,users:[`Davida Todorova`,`You`]}]},{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:L(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[R(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]},{id:`3`,user:{id:`stefan`,name:`Daniel Kowalski`},createdAt:L(.2),contentType:`text`,content:`Thanks for the quick turnaround. Booking #BKG-2026-0408 has been removed from the customer's active list.`,canDelete:!0}],B={resources:M,onResourceSearch:N,attachments:{onUpload:P,maxSize:8*1024*1024,maxFiles:4,accept:`.pdf,.png,.jpg,.jpeg,.txt,.csv`},onSubmit:()=>{},onDelete:()=>{},onReact:()=>{}};function V(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(i,{type:`secondary`,children:[(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<Comments<TUser, TMeta, TResource> context comments canComment canModerate composerPosition resources attachments onSubmit onDelete onUpdate onReact onReply onPinToggle strings emptySlot composerSlot headerSlot footerSlot renderItem renderAttachment renderReference />`}),`. Wire callbacks (`,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onSubmit`}),`, `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onDelete`}),`, …), `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` (mentions/badges), and `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`attachments.onUpload`}),` at the call site. App-wide display defaults (composer position, max attachments) live in `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<UIProvider config={{ comments: { … } }}>`}),`.`]})})}function H(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!0,canModerate:!0})})})}function U(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!1})})})}function W(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:[],canComment:!0,strings:{title:`Internal notes`,empty:`Nothing logged yet.`,emptyHint:`Drop a note for whoever picks this thread up next.`,composerPlaceholder:`Add an internal note…`,composerSubmit:`Save note`}})})})}function G(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e.slice(0,2),canComment:!0,renderReference:e=>(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded bg-foreground/5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset ring-foreground/10`,children:[(0,S.jsx)(u,{className:`size-3`,"aria-hidden":!0}),e.label]},e.id)})})})}var K=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a,v as o}from"./section-BPNIPavy.js";import{a as s,o as c,t as l}from"./comment-composer-BI0qnvuY.js";import{t as u}from"./briefcase-8rQTJwpE.js";import{t as d}from"./example-CJMJcnb4.js";import{t as f}from"./comment-item-Cedds6Lm.js";import{t as p}from"./git-branch-BWAuIMOQ.js";import{t as m}from"./package-Cjod_a06.js";import{t as h}from"./user-BDIP5UPS.js";import{d as g,l as _,n as v}from"./index-jD-KSiHu.js";import{t as y}from"./props-table-DoDq8Mvr.js";import{t as b}from"./smart-card-p97LLZCW.js";var x=_(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),S=g(),C=({strings:e,icon:t,className:n})=>{let r=s(e);return(0,S.jsxs)(`div`,{className:v(`flex flex-col items-center justify-center py-8 text-center`,n),children:[(0,S.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:t??(0,S.jsx)(x,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,S.jsx)(i,{weight:`medium`,children:r.empty}),r.emptyHint?(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:r.emptyHint}):null]})},w=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:p,renderAttachment:m,renderReference:h,emptySlot:g}){return e.length?(0,S.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,S.jsx)(f,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:m,renderReference:h});return p?(0,S.jsx)(`div`,{children:p({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,S.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,S.jsx)(S.Fragment,{children:g??(0,S.jsx)(C,{strings:o})})},T=t(n(),1);function E(e){let t=o(),n=e.composerPosition??t.composerPosition??`top`,r=e.canComment??!1,i=e.canModerate??!1,a=e.onSubmit,c=e.onDelete,u=e.onPinToggle,d=e.onReact,f=e.onReply,p=e.resources,m=e.attachments,h=s(e.strings),g=e.title===void 0?h.title:e.title,[_,y]=(0,T.useState)({}),[x,E]=(0,T.useState)(!1),[D,O]=(0,T.useState)(0),k={setErrors:e=>y(e),reset:()=>{O(e=>e+1),y({}),E(!1)},setSubmitting:E},A=(0,T.useCallback)(e=>{a&&(E(!0),y({}),a(e,k))},[a]),j=e.composerSlot??(r?(0,S.jsx)(l,{context:e.context,canComment:r,isSubmitting:x,errors:_,resetKey:D,onSubmit:A,strings:e.strings,resources:p,attachments:m}):null),M=(0,S.jsx)(w,{comments:e.comments,canModerate:i,onDelete:c,onPinToggle:u,onReact:d,onReply:f,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:p,renderItem:e.renderItem,renderAttachment:e.renderAttachment,renderReference:e.renderReference,emptySlot:e.emptySlot??(0,S.jsx)(C,{strings:e.strings})}),N=j?(0,S.jsx)(`div`,{children:j}):null,P=(0,S.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.headerSlot,n===`top`&&N,M,n===`bottom`&&N,e.footerSlot]});return e.bare?P:(0,S.jsx)(b,{title:g===!1?void 0:g,description:h.subtitle||void 0,padding:`default`,className:v(`comments--component`,e.className),children:P})}var D=e({APISurface:()=>V,CommentsExample:()=>H,CustomReferenceRendering:()=>G,EmptyStateCustomStrings:()=>W,ReadOnly:()=>U}),O=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`},{id:`jordan`,label:`Jordan Jones`,description:`Finance`}],k=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`},{id:`BKG-2026-0510`,label:`BKG-2026-0510`,description:`Davida Todorova · May 04 → May 09`}],A=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`},{id:`ORD-A301`,label:`ORD-A301`,description:`€1,140.00 · Captured`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`},{id:`SPR-Q2-W4`,label:`Sprint Q2-W4`,description:`Booking calendar`}],M={user:{icon:h,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:c,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:m,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:p,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?O:t===`booking`?k:t===`order`?A:j,r=e.trim().toLowerCase();return(r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))).slice(0,8)}async function P(e){let{file:t,onProgress:n,signal:r}=e;return new Promise((e,i)=>{let a=0,o=()=>{if(r.aborted){i(Error(`aborted`));return}if(a=Math.min(100,a+18+Math.random()*14),n(a),a>=100){e({id:`att-${Math.random().toString(36).slice(2)}`,name:t.name,size:t.size,mimeType:t.type,url:`#`});return}window.setTimeout(o,220)};window.setTimeout(o,220)})}var F={id:`BKG-2026-0408`,type:`booking`,moduleKey:`bookings`},I=Date.now(),L=e=>new Date(I-e*60*60*1e3).toISOString(),R=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),z=[{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:L(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[R(`user`,`stefan`,`Daniel Kowalski`),R(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0,users:[`Davida Todorova`,`You`]}]},{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:L(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[R(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]},{id:`3`,user:{id:`stefan`,name:`Daniel Kowalski`},createdAt:L(.2),contentType:`text`,content:`Thanks for the quick turnaround. Booking #BKG-2026-0408 has been removed from the customer's active list.`,canDelete:!0}],B={resources:M,onResourceSearch:N,attachments:{onUpload:P,maxSize:8*1024*1024,maxFiles:4,accept:`.pdf,.png,.jpg,.jpeg,.txt,.csv`},onSubmit:()=>{},onDelete:()=>{},onReact:()=>{}};function V(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(i,{type:`secondary`,children:[(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<Comments<TUser, TMeta, TResource> context comments canComment canModerate composerPosition resources attachments onSubmit onDelete onUpdate onReact onReply onPinToggle strings emptySlot composerSlot headerSlot footerSlot renderItem renderAttachment renderReference />`}),`. Wire callbacks (`,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onSubmit`}),`, `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onDelete`}),`, …), `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` (mentions/badges), and `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`attachments.onUpload`}),` at the call site. App-wide display defaults (composer position, max attachments) live in `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<UIProvider config={{ comments: { … } }}>`}),`.`]})})}function H(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!0,canModerate:!0})})})}function U(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!1})})})}function W(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:[],canComment:!0,strings:{title:`Internal notes`,empty:`Nothing logged yet.`,emptyHint:`Drop a note for whoever picks this thread up next.`,composerPlaceholder:`Add an internal note…`,composerSubmit:`Save note`}})})})}function G(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e.slice(0,2),canComment:!0,renderReference:e=>(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded bg-foreground/5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset ring-foreground/10`,children:[(0,S.jsx)(u,{className:`size-3`,"aria-hidden":!0}),e.label]},e.id)})})})}var K=`import {
     Briefcase,
     CalendarRange,
     GitBranch,

package/dist/showcase/assets/{commerce-BvnnX8Ui.js → commerce-DldtS83o.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-Dd6X6IKg.js";import{t as c}from"./calendar-DxjW_eNc.js";import{Or as l,r as u,t as d}from"./example-Rrx9vj75.js";import{t as f}from"./circle-dbSBYjvr.js";import{t as p}from"./credit-card-D_wnXbTK.js";import{t as m}from"./gift-ibO6X3CO.js";import{t as h}from"./map-pin-COrIVMWa.js";import{t as g}from"./package-BaQGBJmO.js";import{t as _}from"./receipt-Dwc4p04P.js";import{t as v}from"./rotate-ccw-Dajwztf1.js";import{t as ee}from"./shopping-bag-DGXTQNOf.js";import{t as y}from"./sparkles-Bc0I4qTf.js";import{t as te}from"./star-lUSxI166.js";import{t as ne}from"./trash-2-Bf5dpRjn.js";import{t as b}from"./x-FNPo6qUv.js";import{t as re}from"./zap-CzjU6LH0.js";import{N as x,c as ie,d as ae,l as S,n as C}from"./index-o71HAmc3.js";import{t as w}from"./props-table-C6gPyO49.js";import{t as T}from"./icon-badge-GMIN-bca.js";import{t as E}from"./smart-card-BwSFemlj.js";import{t as D}from"./separator-y9i6EG-N.js";import{a as oe,c as O,i as k,n as A,o as j,r as M,t as N,u as P}from"./item-Oe2aHuvr.js";import{t as se}from"./input-CYTQ9nWN.js";import{n as ce}from"./form-field-Dg_Az7lk.js";import{t as le}from"./date-block-CMKpiRdA.js";import{t as F}from"./inline-stat-CDQocPgN.js";var ue=S(`calendar-clock`,[[`path`,{d:`M16 14v2.2l1.6 1`,key:`fo4ql5`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5`,key:`1osxxc`}],[`path`,{d:`M3 10h5`,key:`r794hk`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`circle`,{cx:`16`,cy:`16`,r:`6`,key:`qoo3c4`}]]),de=S(`pen`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),fe=S(`repeat`,[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]),pe=S(`ticket-percent`,[[`path`,{d:`M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z`,key:`1l48ns`}],[`path`,{d:`M9 9h.01`,key:`1q5me6`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M15 15h.01`,key:`lqbp3k`}]]),me=S(`trophy`,[[`path`,{d:`M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`,key:`1n3hpd`}],[`path`,{d:`M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`,key:`rfe1zi`}],[`path`,{d:`M18 9h1.5a1 1 0 0 0 0-5H18`,key:`7xy6bh`}],[`path`,{d:`M4 22h16`,key:`57wxv0`}],[`path`,{d:`M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`,key:`1mhfuq`}],[`path`,{d:`M6 9H4.5a1 1 0 0 1 0-5H6`,key:`tex48p`}]]),I=ae();function he(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function ge({bookings:e,className:t,locale:n,dateTone:r=`inverse`,timePlacement:i=`below`}){return(0,I.jsx)(j,{className:C(`upcoming-booking--component w-full gap-2`,t),children:e.map((e,t)=>{let a=he(e);return(0,I.jsxs)(N,{className:`items-center`,children:[!!a&&(0,I.jsx)(O,{children:(0,I.jsx)(le,{date:a,time:i===`below`?e.time:void 0,tone:r,locale:n,timePlacement:`below`,layout:`stacked`})}),(0,I.jsxs)(M,{className:`min-w-0 sm:min-w-48`,children:[(0,I.jsx)(P,{children:e.service}),(0,I.jsx)(k,{clamp:1,children:e.customer})]}),(0,I.jsxs)(A,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[i===`inline-trailing`&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,I.jsx)(o,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}ge.displayName=`UpcomingBookingRow`;var _e={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function ve({balance:e,tier:t=`Gold Tier`,tierVariant:n,history:i=[],redeemLabel:s,onRedeem:c,className:l,strings:d}){let f=x(x(_e,s===void 0?void 0:{redeem:s}),d);return(0,I.jsxs)(E,{className:C(`loyalty-points--component w-full`,l),children:[(0,I.jsx)(F,{label:f.balanceLabel,value:(0,I.jsxs)(a,{variant:`warning`,children:[(0,I.jsx)(me,{className:`mr-1 inline size-3`}),t]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,I.jsx)(r,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof e==`number`?e.toLocaleString():e}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:f.pointsAvailable}),(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(j,{children:i.map(e=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsxs)(M,{children:[(0,I.jsx)(P,{bold:!1,children:e.label}),(0,I.jsx)(k,{clamp:1,children:e.date})]}),(0,I.jsx)(A,{children:(0,I.jsx)(o,{weight:`semibold`,className:C(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,I.jsxs)(u,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:c,children:[(0,I.jsx)(m,{className:`mr-1.5 size-3.5`}),f.redeem]})]})}ve.displayName=`LoyaltyPointsCard`;var ye={title:`Applied Discounts`,totalSavings:`Total Savings`};function be({discounts:e,totalSavings:t,className:n,strings:i}){let s=x(ye,i);return(0,I.jsxs)(E,{title:s.title,className:C(`discount-stack--component w-full`,n),children:[(0,I.jsx)(j,{className:`mt-4`,children:e.map(e=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(a,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,I.jsx)(M,{children:(0,I.jsx)(P,{bold:!1,children:e.label})}),(0,I.jsx)(A,{children:(0,I.jsx)(o,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(F,{label:s.totalSavings,value:(0,I.jsx)(r,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:t}),labelClassName:`text-sm font-semibold`})]})}be.displayName=`DiscountStackPreview`;function xe({trackingNumber:e,carrier:t,status:n,steps:r,details:i=[],className:s}){return(0,I.jsxs)(E,{className:C(`shipment-tracking--component w-full`,s),children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsx)(o,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!t&&(0,I.jsx)(a,{variant:`info`,children:t})]}),(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,I.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,I.jsx)(o,{weight:`semibold`,children:n})]}),(0,I.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:r.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),t<r.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),i.length>0&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(`div`,{className:`space-y-2`,children:i.map(e=>(0,I.jsx)(F,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}xe.displayName=`ShipmentTrackingCard`;var Se={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function Ce({subtotal:e,taxes:t,totalTax:n,total:r,className:i,strings:a}){let s=x(Se,a);return(0,I.jsxs)(E,{icon:(0,I.jsx)(_,{className:`size-4`}),title:s.title,className:C(`tax-breakdown--component w-full`,i),children:[(0,I.jsx)(F,{label:s.subtotal,value:e,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[t.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,I.jsx)(o,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,I.jsx)(o,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!n&&t.length>1&&(0,I.jsx)(F,{label:s.totalTax,value:n,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(F,{label:s.total,value:r,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}Ce.displayName=`TaxBreakdownCard`;var we={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function Te({planName:e,priceLabel:t,cycleLabel:n,nextBillingDate:i,statusLabel:s,perks:d=[],onManage:f,onUpgrade:p,className:m,strings:h}){let g=x(we,h);return(0,I.jsxs)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:g.title,headerEnd:s?(0,I.jsx)(a,{variant:`success`,children:s}):null,className:C(`subscription-summary--component w-full`,m),children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.plan}),(0,I.jsx)(r,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:e}),(0,I.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,I.jsx)(o,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:t}),(0,I.jsx)(o,{type:`secondary`,children:n})]})]}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(c,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:g.nextBilling})]}),(0,I.jsx)(o,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:i})]}),d.length>0&&(0,I.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.perks}),(0,I.jsx)(j,{children:d.map((e,t)=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:e.icon??l,tone:`success`,size:`small`})}),(0,I.jsx)(M,{children:(0,I.jsx)(P,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(f||p)&&(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!f&&(0,I.jsx)(u,{variant:`secondary`,buttonStyle:`outline`,onClick:f,className:`flex-1`,children:g.manage}),!!p&&(0,I.jsxs)(u,{variant:`primary`,onClick:p,className:`flex-1`,children:[g.upgrade,(0,I.jsx)(ie,{className:`ml-1 size-3.5`})]})]})]})}Te.displayName=`SubscriptionSummaryCard`;var Ee={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},L=[`requested`,`approved`,`processing`,`completed`];function De({stage:e,amount:t,reason:n,method:i,eta:a,requestedAt:s,className:c,strings:u}){let d=x(Ee,u),f=L.indexOf(e);return(0,I.jsxs)(E,{icon:(0,I.jsx)(v,{className:`size-4`}),title:d.title,className:C(`refund-status--component w-full`,c),children:[(0,I.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.amount}),(0,I.jsx)(r,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:t}),!!s&&(0,I.jsxs)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[d.requested,`: `,s]})]}),(0,I.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:L.map((e,t)=>{let n=t<=f,r=t===f;return(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,n?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,r&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:n?(0,I.jsx)(l,{className:`size-3`}):(0,I.jsx)(o,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:t+1})}),t<L.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsx)(o,{size:`xxs`,weight:r?`semibold`:`medium`,type:n?`main`:`secondary`,className:`text-center leading-tight`,children:d[e]})]},e)})}),(n||i||a)&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[!!n&&(0,I.jsx)(F,{label:d.reason,value:n,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!i&&(0,I.jsx)(F,{label:d.method,value:i,valueClassName:`text-sm font-medium`}),!!a&&(0,I.jsx)(F,{label:d.eta,value:a,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}De.displayName=`RefundStatusCard`;var Oe={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function R({kind:e=`shipping`,name:t,line1:n,line2:r,city:i,region:s,postalCode:c,country:l,phone:u,isDefault:d=!1,onEdit:f,onRemove:p,onMakeDefault:m,className:g,strings:_}){let v=x(Oe,_),ee={shipping:v.shipping,billing:v.billing,pickup:v.pickup},y=[i,s,c].filter(Boolean).join(`, `),b=[];return f&&b.push({id:`edit`,label:v.edit,icon:(0,I.jsx)(de,{className:`size-3.5`}),onClick:f}),m&&!d&&b.push({id:`make-default`,label:v.makeDefault,icon:(0,I.jsx)(te,{className:`size-3.5`}),onClick:m}),p&&b.push({id:`remove`,label:v.remove,icon:(0,I.jsx)(ne,{className:`size-3.5`}),onClick:p}),(0,I.jsx)(E,{icon:(0,I.jsx)(h,{className:`size-4`}),title:ee[e],titleSuffix:d?(0,I.jsx)(a,{variant:`primary`,children:v.defaultBadge}):null,actions:b.length>0?b:void 0,className:C(`address-card--component w-full`,g),children:(0,I.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,I.jsx)(o,{weight:`semibold`,children:t}),(0,I.jsx)(o,{children:n}),!!r&&(0,I.jsx)(o,{children:r}),!!y&&(0,I.jsx)(o,{children:y}),(0,I.jsx)(o,{type:`secondary`,children:l}),!!u&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:u})]})})}R.displayName=`AddressCard`;var ke={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},z=t(n(),1),Ae=e=>e.toUpperCase();function je({appliedCode:e,balance:t,error:n,loading:r,onCheck:i,onRemove:s,className:c,strings:d}){let f=x(ke,d),p=(0,z.useId)(),[h,g]=(0,z.useState)(``),_=h.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,c),children:(0,I.jsxs)(N,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:l,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(M,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,I.jsx)(P,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(a,{variant:`success`,size:`small`,children:f.applied})]}),(0,I.jsx)(k,{clamp:1,children:f.balance})]}),(0,I.jsxs)(oe,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(A,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:t}),!!s&&(0,I.jsx)(u,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:s,"aria-label":f.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(b,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,c),children:(0,I.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),_&&i?.(_)},children:(0,I.jsx)(ce,{label:f.inputLabel,htmlFor:p,error:n,hint:n?void 0:f.helperText,children:(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,I.jsx)(se,{id:p,value:h,onChange:e=>g(Ae(e.target.value)),placeholder:f.placeholder,startIcon:m,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(u,{type:`submit`,loading:r,disabled:!_,className:`shrink-0`,children:f.check})]})})})})}je.displayName=`VoucherEntryCard`;var Me={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},Ne=e=>e.replace(/^[\s−-]+/,``),Pe=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,Fe=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),Ie=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function Le({title:e}){return(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xxs font-semibold text-muted-foreground ring-1 ring-border/60`,children:Ie(e)})}function Re({items:e,subtotal:t,tax:n,shipping:r,discount:i,total:a,onCheckout:s,className:c,strings:l}){let d=x(Me,l),f=!!(t||n||r||i);return(0,I.jsxs)(E,{icon:(0,I.jsx)(ee,{className:`size-4`}),title:d.title,className:C(`cart-summary--component w-full`,c),children:[(0,I.jsx)(j,{children:e.map(e=>{let t=Pe(e),n=Fe(e);return(0,I.jsxs)(N,{className:`cart-summary--item`,children:[(0,I.jsx)(O,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,I.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,I.jsx)(Le,{title:t})}),(0,I.jsxs)(M,{className:`cart-summary--item-content`,children:[(0,I.jsx)(P,{children:t}),!!e.variantTitle&&(0,I.jsx)(k,{clamp:1,children:e.variantTitle})]}),(0,I.jsx)(A,{className:`cart-summary--item-actions`,children:(0,I.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,I.jsxs)(o,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,I.jsx)(o,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!f&&(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!t&&(0,I.jsx)(F,{label:d.subtotal,value:t,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!n&&(0,I.jsx)(F,{label:d.tax,value:n,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!r&&(0,I.jsx)(F,{label:d.shipping,value:r,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!i&&(0,I.jsx)(F,{label:d.discount,value:`−${Ne(i)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(F,{label:d.total,value:a,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!s&&(0,I.jsx)(u,{onClick:s,fullWidth:!0,className:`mt-4`,children:d.checkout})]})}Re.displayName=`CartSummaryCard`;var ze={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},Be=e=>e.replace(/^[\s−-]+/,``),Ve=e=>e.toUpperCase();function B({appliedCode:e,appliedDiscount:t,error:n,onApply:r,onRemove:i,loading:a,className:s,strings:c}){let d=x(ze,c),[f,p]=(0,z.useState)(``),m=f.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(pe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,s),children:(0,I.jsxs)(N,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:l,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(M,{className:`min-w-0`,children:[(0,I.jsx)(P,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(k,{className:`uppercase tracking-wide`,clamp:1,children:d.applied})]}),(0,I.jsxs)(oe,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(A,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsxs)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,Be(t)]}),!!i&&(0,I.jsx)(u,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:i,"aria-label":d.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(b,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(pe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,s),children:(0,I.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,I.jsx)(se,{value:f,onChange:e=>p(Ve(e.target.value)),placeholder:d.placeholder,startIcon:y,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(u,{size:`default`,onClick:()=>r?.(m),loading:a,disabled:!m,className:`shrink-0`,children:d.apply})]}),!!n&&(0,I.jsx)(o,{size:`xs`,type:`error`,children:n||d.invalid})]})})}B.displayName=`CouponInputCard`;var He={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},Ue={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function We({orderNumber:e,status:t,statusVariant:n,events:r,currentEta:i,className:s,strings:c}){let u=x(He,c),d=n??Ue[t],p=r.reduce((e,t,n)=>t.complete?n:e,-1),m=r[p]??r[0],h=r.find(e=>!e.complete);return(0,I.jsxs)(E,{icon:(0,I.jsx)(g,{className:`size-4`}),title:u.title,titleSuffix:(0,I.jsx)(a,{variant:d,className:`capitalize`,children:t}),description:`#${e}`,className:C(`order-status--component w-full`,s),children:[(0,I.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,I.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:u.statusLabel}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5 capitalize`,children:t})]}),!!m&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:m.complete?u.latestEvent:u.currentStep}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5`,children:m.label})]}),!!i&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:u.eta}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:i})]})]})}),r.length>0&&(0,I.jsx)(`ol`,{className:`mt-4`,children:r.map((e,t)=>{let n=t===r.length-1,i=h?e===h:t===p;return(0,I.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,I.jsx)(`span`,{className:C(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,i&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,I.jsx)(l,{className:`size-3.5`,strokeWidth:2.5}):i?(0,I.jsx)(ue,{className:`size-3.5`}):(0,I.jsx)(f,{className:`size-3`})}),!n&&(0,I.jsx)(`span`,{"aria-hidden":`true`,className:C(`min-h-6 w-px flex-1`,t<p?`bg-success`:`bg-border`)})]}),(0,I.jsxs)(`div`,{className:C(`min-w-0 flex-1 pb-4`,n&&`pb-0`),children:[(0,I.jsx)(o,{weight:e.complete||i?`semibold`:`medium`,className:C(!e.complete&&!i&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${t}`)})})]})}We.displayName=`OrderStatusCard`;var Ge={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Ke={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},qe={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function Je({brand:e,last4:t,expiry:n,holderName:r,isDefault:i,onChange:s,className:c,strings:l}){let d=x(Ge,l),f=Ke[e],m=qe[e];return(0,I.jsx)(E,{icon:(0,I.jsx)(p,{className:`size-4`}),title:d.title,titleSuffix:i?(0,I.jsx)(a,{variant:`primary`,children:d.default}):null,headerAction:s?(0,I.jsx)(u,{buttonStyle:`ghost`,variant:`secondary`,onClick:s,children:d.change}):void 0,className:C(`payment-method--component w-full`,c),children:(0,I.jsxs)(`div`,{className:C(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,m),children:[(0,I.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,I.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,I.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,I.jsx)(o,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:f})]}),(0,I.jsx)(`div`,{className:`relative`,children:(0,I.jsxs)(o,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,t]})}),(0,I.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,I.jsx)(`div`,{className:`min-w-0`,children:!!r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.cardHolder}),(0,I.jsx)(o,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:r})]})}),!!n&&(0,I.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,I.jsx)(o,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.expires}),(0,I.jsx)(o,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:n})]})]})]})})}Je.displayName=`PaymentMethodCard`;var Ye=e({DiscountStack:()=>U,LoyaltyPoints:()=>H,ShipmentTracking:()=>W,UpcomingBookings:()=>V});function V(){return(0,I.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,I.jsx)(E,{children:(0,I.jsx)(ge,{timePlacement:`inline-trailing`,bookings:[{id:`1`,date:new Date(2026,2,28),service:`Wine Tasting Tour`,customer:`Daniel Smith`,time:`14:00`,amount:`370 USD`},{id:`2`,date:new Date(2026,3,3),service:`Luxury Spa Day`,customer:`Emma Garcia`,time:`10:00`,amount:`320 USD`},{id:`3`,date:new Date(2026,3,7),service:`Hot Air Balloon`,customer:`David Williams`,time:`06:30`,amount:`580 USD`}]})})})}function H(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(ve,{balance:`4,830`,tier:`Gold Tier`,history:[{label:`Spa booking`,points:`+250`,date:`Mar 24`,positive:!0},{label:`Redeemed coupon`,points:`-500`,date:`Mar 18`,positive:!1},{label:`Wine tasting order`,points:`+180`,date:`Mar 12`,positive:!0}],onRedeem:()=>{}})})}function U(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(be,{discounts:[{type:`Coupon`,label:`SPRING2026 — 25% off`,amount:`-88.40 USD`,badge:`info`},{type:`Loyalty`,label:`Gold tier — 5% extra`,amount:`-17.68 USD`,badge:`warning`},{type:`Promo`,label:`Free shipping over 500 USD`,amount:`-12.00 USD`,badge:`success`}],totalSavings:`-118.08 USD`})})}function W(){return(0,I.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,I.jsx)(xe,{trackingNumber:`TRK-9847261035`,carrier:`Speedy`,status:`In Transit`,steps:[{label:`Picked up`,done:!0},{label:`In transit`,done:!0},{label:`Out for delivery`,done:!1},{label:`Delivered`,done:!1}],details:[{label:`Est. Delivery`,value:`Mar 29, 2026`},{label:`Recipient`,value:`Daniel Smith`}]})})}var Xe=e({AddressCardExample:()=>et,CartSummaryCardExample:()=>G,CouponInputCardEmptyApplied:()=>K,OrderStatusCardExample:()=>q,PaymentMethodCardExample:()=>J,RefundStatusCardExample:()=>$e,SubscriptionSummaryCardExample:()=>X,TaxBreakdownCardExample:()=>Y,VoucherEntryCardExample:()=>tt}),Ze=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23edf1e9%22%2F%3E%0A%09%3Crect%20x%3D%2234%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2258%22%20rx%3D%229%22%20fill%3D%22%2353624d%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2212%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%224%22%20fill%3D%22%23303b2e%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2239%22%20width%3D%2218%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23f7f0d7%22%2F%3E%0A%3C%2Fsvg%3E%0A`,Qe=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23eef1f5%22%2F%3E%0A%09%3Cellipse%20cx%3D%2249%22%20cy%3D%2273%22%20rx%3D%2229%22%20ry%3D%227%22%20fill%3D%22%23d6dde6%22%2F%3E%0A%09%3Crect%20x%3D%2224%22%20y%3D%2238%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23ffffff%22%2F%3E%0A%09%3Crect%20x%3D%2230%22%20y%3D%2230%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23dfe6ef%22%2F%3E%0A%09%3Crect%20x%3D%2255%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%2244%22%20rx%3D%227%22%20fill%3D%22%23697586%22%2F%3E%0A%09%3Crect%20x%3D%2258%22%20y%3D%2217%22%20width%3D%228%22%20height%3D%229%22%20rx%3D%223%22%20fill%3D%22%23485467%22%2F%3E%0A%09%3Ccircle%20cx%3D%2235%22%20cy%3D%2266%22%20r%3D%229%22%20fill%3D%22%23cad6df%22%2F%3E%0A%3C%2Fsvg%3E%0A`;function G(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Re,{items:[{id:`1`,name:`Estate olive oil`,variantTitle:`500 ml bottle`,qty:2,price:`48 USD`,src:Ze},{id:`2`,productTitle:`Spa day voucher`,variantTitle:`Weekend package`,qty:1,price:`180 USD`,url:Qe},{id:`3`,name:`Gift wrap`,variantTitle:`Matte white box`,qty:1,price:`15 USD`}],subtotal:`243 USD`,tax:`48.60 USD`,shipping:`0 USD`,discount:`25 USD`,total:`266.60 USD`,onCheckout:()=>{}})})}function K(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-4xl gap-4 md:grid-cols-2`,children:[(0,I.jsx)(B,{onApply:()=>{}}),(0,I.jsx)(B,{appliedCode:`SPRING2026`,appliedDiscount:`88.40 USD`,onRemove:()=>{}})]})}function q(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(We,{orderNumber:`ORD-2026-0412`,status:`shipped`,currentEta:`Mar 29, 2026`,events:[{label:`Placed`,timestamp:`Mar 24`,complete:!0},{label:`Paid`,timestamp:`Mar 24`,complete:!0},{label:`Fulfilled`,timestamp:`Mar 25`,complete:!0},{label:`Shipped`,timestamp:`Mar 26`,complete:!0},{label:`Delivered`,complete:!1}]})})}function J(){return(0,I.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,I.jsx)(Je,{brand:`visa`,last4:`4242`,expiry:`04/27`,holderName:`Sarah Smitha`,isDefault:!0,onChange:()=>{}})})}function Y(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Ce,{subtotal:`565.00 USD`,taxes:[{label:`VAT (standard)`,rate:`20%`,amount:`94.20 USD`},{label:`Tourist tax`,rate:`€1.50/night`,amount:`4.50 USD`},{label:`Service charge`,rate:`5%`,amount:`14.30 USD`}],totalTax:`113.00 USD`,total:`678.00 USD`})})}function X(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(Te,{planName:`Pro Annual`,priceLabel:`€29`,cycleLabel:`/ month`,nextBillingDate:`May 12, 2026`,statusLabel:`Active`,perks:[{icon:y,label:`AI assist included`},{icon:te,label:`Priority support`},{icon:re,label:`Unlimited bookings`}],onManage:()=>{},onUpgrade:()=>{}})})}function $e(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(De,{stage:`processing`,amount:`180.00 USD`,reason:`Customer cancelled within 48h window`,method:`Visa ending 4242`,eta:`Apr 14, 2026`,requestedAt:`Apr 8, 2026`})})}function et(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-3xl gap-3 md:grid-cols-2`,children:[(0,I.jsx)(R,{kind:`shipping`,name:`Sarah Smitha`,line1:`ul. Vitosha 24, ap. 5`,city:`New York`,postalCode:`1000`,country:`USA`,phone:`+1 888 123 456`,isDefault:!0,onEdit:()=>{},onRemove:()=>{}}),(0,I.jsx)(R,{kind:`billing`,name:`Daniel Smith`,line1:`ul. Slavyanska 9`,line2:`floor 3`,city:`Los Angeles`,postalCode:`4000`,country:`USA`,onEdit:()=>{},onRemove:()=>{},onMakeDefault:()=>{}})]})}function tt(){let[e,t]=(0,z.useState)(!1);return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(je,{onCheck:()=>t(!0),...e?{appliedCode:`GCT-2026-PETROV`,balance:`120.00 USD`,onRemove:()=>t(!1)}:{}})})}var Z=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-BPNIPavy.js";import{t as c}from"./calendar-Bhpyn4u0.js";import{Or as l,r as u,t as d}from"./example-CJMJcnb4.js";import{t as f}from"./circle-BFDzL1iF.js";import{t as p}from"./credit-card-B0AUZiWw.js";import{t as m}from"./gift-BXtKbzvA.js";import{t as h}from"./map-pin-CdV-R6nt.js";import{t as g}from"./package-Cjod_a06.js";import{t as _}from"./receipt-rgnlMgyi.js";import{t as v}from"./rotate-ccw-JuE4H14F.js";import{t as ee}from"./shopping-bag-DzMrGvpF.js";import{t as y}from"./sparkles-Z4V23xKK.js";import{t as te}from"./star-Ck8Lg5hm.js";import{t as ne}from"./trash-2-CtRtVsCy.js";import{t as b}from"./x-DyuS4YRT.js";import{t as re}from"./zap-Dpn8_pnQ.js";import{N as x,c as ie,d as ae,l as S,n as C}from"./index-jD-KSiHu.js";import{t as w}from"./props-table-DoDq8Mvr.js";import{t as T}from"./icon-badge-DrZ5qGpa.js";import{t as E}from"./smart-card-p97LLZCW.js";import{t as D}from"./separator-CKM9A-mm.js";import{a as oe,c as O,i as k,n as A,o as j,r as M,t as N,u as P}from"./item-ffIfXEGd.js";import{t as se}from"./input-CkNgwwCs.js";import{n as ce}from"./form-field-Dhy0eM5B.js";import{t as le}from"./date-block-BQH25FLS.js";import{t as F}from"./inline-stat-CklKufoA.js";var ue=S(`calendar-clock`,[[`path`,{d:`M16 14v2.2l1.6 1`,key:`fo4ql5`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5`,key:`1osxxc`}],[`path`,{d:`M3 10h5`,key:`r794hk`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`circle`,{cx:`16`,cy:`16`,r:`6`,key:`qoo3c4`}]]),de=S(`pen`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),fe=S(`repeat`,[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]),pe=S(`ticket-percent`,[[`path`,{d:`M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z`,key:`1l48ns`}],[`path`,{d:`M9 9h.01`,key:`1q5me6`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M15 15h.01`,key:`lqbp3k`}]]),me=S(`trophy`,[[`path`,{d:`M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`,key:`1n3hpd`}],[`path`,{d:`M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`,key:`rfe1zi`}],[`path`,{d:`M18 9h1.5a1 1 0 0 0 0-5H18`,key:`7xy6bh`}],[`path`,{d:`M4 22h16`,key:`57wxv0`}],[`path`,{d:`M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`,key:`1mhfuq`}],[`path`,{d:`M6 9H4.5a1 1 0 0 1 0-5H6`,key:`tex48p`}]]),I=ae();function he(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function ge({bookings:e,className:t,locale:n,dateTone:r=`inverse`,timePlacement:i=`below`}){return(0,I.jsx)(j,{className:C(`upcoming-booking--component w-full gap-2`,t),children:e.map((e,t)=>{let a=he(e);return(0,I.jsxs)(N,{className:`items-center`,children:[!!a&&(0,I.jsx)(O,{children:(0,I.jsx)(le,{date:a,time:i===`below`?e.time:void 0,tone:r,locale:n,timePlacement:`below`,layout:`stacked`})}),(0,I.jsxs)(M,{className:`min-w-0 sm:min-w-48`,children:[(0,I.jsx)(P,{children:e.service}),(0,I.jsx)(k,{clamp:1,children:e.customer})]}),(0,I.jsxs)(A,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[i===`inline-trailing`&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,I.jsx)(o,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}ge.displayName=`UpcomingBookingRow`;var _e={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function ve({balance:e,tier:t=`Gold Tier`,tierVariant:n,history:i=[],redeemLabel:s,onRedeem:c,className:l,strings:d}){let f=x(x(_e,s===void 0?void 0:{redeem:s}),d);return(0,I.jsxs)(E,{className:C(`loyalty-points--component w-full`,l),children:[(0,I.jsx)(F,{label:f.balanceLabel,value:(0,I.jsxs)(a,{variant:`warning`,children:[(0,I.jsx)(me,{className:`mr-1 inline size-3`}),t]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,I.jsx)(r,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof e==`number`?e.toLocaleString():e}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:f.pointsAvailable}),(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(j,{children:i.map(e=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsxs)(M,{children:[(0,I.jsx)(P,{bold:!1,children:e.label}),(0,I.jsx)(k,{clamp:1,children:e.date})]}),(0,I.jsx)(A,{children:(0,I.jsx)(o,{weight:`semibold`,className:C(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,I.jsxs)(u,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:c,children:[(0,I.jsx)(m,{className:`mr-1.5 size-3.5`}),f.redeem]})]})}ve.displayName=`LoyaltyPointsCard`;var ye={title:`Applied Discounts`,totalSavings:`Total Savings`};function be({discounts:e,totalSavings:t,className:n,strings:i}){let s=x(ye,i);return(0,I.jsxs)(E,{title:s.title,className:C(`discount-stack--component w-full`,n),children:[(0,I.jsx)(j,{className:`mt-4`,children:e.map(e=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(a,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,I.jsx)(M,{children:(0,I.jsx)(P,{bold:!1,children:e.label})}),(0,I.jsx)(A,{children:(0,I.jsx)(o,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(F,{label:s.totalSavings,value:(0,I.jsx)(r,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:t}),labelClassName:`text-sm font-semibold`})]})}be.displayName=`DiscountStackPreview`;function xe({trackingNumber:e,carrier:t,status:n,steps:r,details:i=[],className:s}){return(0,I.jsxs)(E,{className:C(`shipment-tracking--component w-full`,s),children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsx)(o,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!t&&(0,I.jsx)(a,{variant:`info`,children:t})]}),(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,I.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,I.jsx)(o,{weight:`semibold`,children:n})]}),(0,I.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:r.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),t<r.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),i.length>0&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(`div`,{className:`space-y-2`,children:i.map(e=>(0,I.jsx)(F,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}xe.displayName=`ShipmentTrackingCard`;var Se={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function Ce({subtotal:e,taxes:t,totalTax:n,total:r,className:i,strings:a}){let s=x(Se,a);return(0,I.jsxs)(E,{icon:(0,I.jsx)(_,{className:`size-4`}),title:s.title,className:C(`tax-breakdown--component w-full`,i),children:[(0,I.jsx)(F,{label:s.subtotal,value:e,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[t.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,I.jsx)(o,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,I.jsx)(o,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!n&&t.length>1&&(0,I.jsx)(F,{label:s.totalTax,value:n,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(F,{label:s.total,value:r,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}Ce.displayName=`TaxBreakdownCard`;var we={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function Te({planName:e,priceLabel:t,cycleLabel:n,nextBillingDate:i,statusLabel:s,perks:d=[],onManage:f,onUpgrade:p,className:m,strings:h}){let g=x(we,h);return(0,I.jsxs)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:g.title,headerEnd:s?(0,I.jsx)(a,{variant:`success`,children:s}):null,className:C(`subscription-summary--component w-full`,m),children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.plan}),(0,I.jsx)(r,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:e}),(0,I.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,I.jsx)(o,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:t}),(0,I.jsx)(o,{type:`secondary`,children:n})]})]}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(c,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:g.nextBilling})]}),(0,I.jsx)(o,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:i})]}),d.length>0&&(0,I.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.perks}),(0,I.jsx)(j,{children:d.map((e,t)=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:e.icon??l,tone:`success`,size:`small`})}),(0,I.jsx)(M,{children:(0,I.jsx)(P,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(f||p)&&(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!f&&(0,I.jsx)(u,{variant:`secondary`,buttonStyle:`outline`,onClick:f,className:`flex-1`,children:g.manage}),!!p&&(0,I.jsxs)(u,{variant:`primary`,onClick:p,className:`flex-1`,children:[g.upgrade,(0,I.jsx)(ie,{className:`ml-1 size-3.5`})]})]})]})}Te.displayName=`SubscriptionSummaryCard`;var Ee={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},L=[`requested`,`approved`,`processing`,`completed`];function De({stage:e,amount:t,reason:n,method:i,eta:a,requestedAt:s,className:c,strings:u}){let d=x(Ee,u),f=L.indexOf(e);return(0,I.jsxs)(E,{icon:(0,I.jsx)(v,{className:`size-4`}),title:d.title,className:C(`refund-status--component w-full`,c),children:[(0,I.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.amount}),(0,I.jsx)(r,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:t}),!!s&&(0,I.jsxs)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[d.requested,`: `,s]})]}),(0,I.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:L.map((e,t)=>{let n=t<=f,r=t===f;return(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,n?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,r&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:n?(0,I.jsx)(l,{className:`size-3`}):(0,I.jsx)(o,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:t+1})}),t<L.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsx)(o,{size:`xxs`,weight:r?`semibold`:`medium`,type:n?`main`:`secondary`,className:`text-center leading-tight`,children:d[e]})]},e)})}),(n||i||a)&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[!!n&&(0,I.jsx)(F,{label:d.reason,value:n,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!i&&(0,I.jsx)(F,{label:d.method,value:i,valueClassName:`text-sm font-medium`}),!!a&&(0,I.jsx)(F,{label:d.eta,value:a,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}De.displayName=`RefundStatusCard`;var Oe={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function R({kind:e=`shipping`,name:t,line1:n,line2:r,city:i,region:s,postalCode:c,country:l,phone:u,isDefault:d=!1,onEdit:f,onRemove:p,onMakeDefault:m,className:g,strings:_}){let v=x(Oe,_),ee={shipping:v.shipping,billing:v.billing,pickup:v.pickup},y=[i,s,c].filter(Boolean).join(`, `),b=[];return f&&b.push({id:`edit`,label:v.edit,icon:(0,I.jsx)(de,{className:`size-3.5`}),onClick:f}),m&&!d&&b.push({id:`make-default`,label:v.makeDefault,icon:(0,I.jsx)(te,{className:`size-3.5`}),onClick:m}),p&&b.push({id:`remove`,label:v.remove,icon:(0,I.jsx)(ne,{className:`size-3.5`}),onClick:p}),(0,I.jsx)(E,{icon:(0,I.jsx)(h,{className:`size-4`}),title:ee[e],titleSuffix:d?(0,I.jsx)(a,{variant:`primary`,children:v.defaultBadge}):null,actions:b.length>0?b:void 0,className:C(`address-card--component w-full`,g),children:(0,I.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,I.jsx)(o,{weight:`semibold`,children:t}),(0,I.jsx)(o,{children:n}),!!r&&(0,I.jsx)(o,{children:r}),!!y&&(0,I.jsx)(o,{children:y}),(0,I.jsx)(o,{type:`secondary`,children:l}),!!u&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:u})]})})}R.displayName=`AddressCard`;var ke={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},z=t(n(),1),Ae=e=>e.toUpperCase();function je({appliedCode:e,balance:t,error:n,loading:r,onCheck:i,onRemove:s,className:c,strings:d}){let f=x(ke,d),p=(0,z.useId)(),[h,g]=(0,z.useState)(``),_=h.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,c),children:(0,I.jsxs)(N,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:l,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(M,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,I.jsx)(P,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(a,{variant:`success`,size:`small`,children:f.applied})]}),(0,I.jsx)(k,{clamp:1,children:f.balance})]}),(0,I.jsxs)(oe,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(A,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:t}),!!s&&(0,I.jsx)(u,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:s,"aria-label":f.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(b,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,c),children:(0,I.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),_&&i?.(_)},children:(0,I.jsx)(ce,{label:f.inputLabel,htmlFor:p,error:n,hint:n?void 0:f.helperText,children:(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,I.jsx)(se,{id:p,value:h,onChange:e=>g(Ae(e.target.value)),placeholder:f.placeholder,startIcon:m,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(u,{type:`submit`,loading:r,disabled:!_,className:`shrink-0`,children:f.check})]})})})})}je.displayName=`VoucherEntryCard`;var Me={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},Ne=e=>e.replace(/^[\s−-]+/,``),Pe=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,Fe=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),Ie=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function Le({title:e}){return(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xxs font-semibold text-muted-foreground ring-1 ring-border/60`,children:Ie(e)})}function Re({items:e,subtotal:t,tax:n,shipping:r,discount:i,total:a,onCheckout:s,className:c,strings:l}){let d=x(Me,l),f=!!(t||n||r||i);return(0,I.jsxs)(E,{icon:(0,I.jsx)(ee,{className:`size-4`}),title:d.title,className:C(`cart-summary--component w-full`,c),children:[(0,I.jsx)(j,{children:e.map(e=>{let t=Pe(e),n=Fe(e);return(0,I.jsxs)(N,{className:`cart-summary--item`,children:[(0,I.jsx)(O,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,I.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,I.jsx)(Le,{title:t})}),(0,I.jsxs)(M,{className:`cart-summary--item-content`,children:[(0,I.jsx)(P,{children:t}),!!e.variantTitle&&(0,I.jsx)(k,{clamp:1,children:e.variantTitle})]}),(0,I.jsx)(A,{className:`cart-summary--item-actions`,children:(0,I.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,I.jsxs)(o,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,I.jsx)(o,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!f&&(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!t&&(0,I.jsx)(F,{label:d.subtotal,value:t,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!n&&(0,I.jsx)(F,{label:d.tax,value:n,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!r&&(0,I.jsx)(F,{label:d.shipping,value:r,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!i&&(0,I.jsx)(F,{label:d.discount,value:`−${Ne(i)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(F,{label:d.total,value:a,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!s&&(0,I.jsx)(u,{onClick:s,fullWidth:!0,className:`mt-4`,children:d.checkout})]})}Re.displayName=`CartSummaryCard`;var ze={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},Be=e=>e.replace(/^[\s−-]+/,``),Ve=e=>e.toUpperCase();function B({appliedCode:e,appliedDiscount:t,error:n,onApply:r,onRemove:i,loading:a,className:s,strings:c}){let d=x(ze,c),[f,p]=(0,z.useState)(``),m=f.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(pe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,s),children:(0,I.jsxs)(N,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:l,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(M,{className:`min-w-0`,children:[(0,I.jsx)(P,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(k,{className:`uppercase tracking-wide`,clamp:1,children:d.applied})]}),(0,I.jsxs)(oe,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(A,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsxs)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,Be(t)]}),!!i&&(0,I.jsx)(u,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:i,"aria-label":d.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(b,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(pe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,s),children:(0,I.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,I.jsx)(se,{value:f,onChange:e=>p(Ve(e.target.value)),placeholder:d.placeholder,startIcon:y,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(u,{size:`default`,onClick:()=>r?.(m),loading:a,disabled:!m,className:`shrink-0`,children:d.apply})]}),!!n&&(0,I.jsx)(o,{size:`xs`,type:`error`,children:n||d.invalid})]})})}B.displayName=`CouponInputCard`;var He={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},Ue={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function We({orderNumber:e,status:t,statusVariant:n,events:r,currentEta:i,className:s,strings:c}){let u=x(He,c),d=n??Ue[t],p=r.reduce((e,t,n)=>t.complete?n:e,-1),m=r[p]??r[0],h=r.find(e=>!e.complete);return(0,I.jsxs)(E,{icon:(0,I.jsx)(g,{className:`size-4`}),title:u.title,titleSuffix:(0,I.jsx)(a,{variant:d,className:`capitalize`,children:t}),description:`#${e}`,className:C(`order-status--component w-full`,s),children:[(0,I.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,I.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:u.statusLabel}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5 capitalize`,children:t})]}),!!m&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:m.complete?u.latestEvent:u.currentStep}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5`,children:m.label})]}),!!i&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:u.eta}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:i})]})]})}),r.length>0&&(0,I.jsx)(`ol`,{className:`mt-4`,children:r.map((e,t)=>{let n=t===r.length-1,i=h?e===h:t===p;return(0,I.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,I.jsx)(`span`,{className:C(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,i&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,I.jsx)(l,{className:`size-3.5`,strokeWidth:2.5}):i?(0,I.jsx)(ue,{className:`size-3.5`}):(0,I.jsx)(f,{className:`size-3`})}),!n&&(0,I.jsx)(`span`,{"aria-hidden":`true`,className:C(`min-h-6 w-px flex-1`,t<p?`bg-success`:`bg-border`)})]}),(0,I.jsxs)(`div`,{className:C(`min-w-0 flex-1 pb-4`,n&&`pb-0`),children:[(0,I.jsx)(o,{weight:e.complete||i?`semibold`:`medium`,className:C(!e.complete&&!i&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${t}`)})})]})}We.displayName=`OrderStatusCard`;var Ge={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Ke={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},qe={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function Je({brand:e,last4:t,expiry:n,holderName:r,isDefault:i,onChange:s,className:c,strings:l}){let d=x(Ge,l),f=Ke[e],m=qe[e];return(0,I.jsx)(E,{icon:(0,I.jsx)(p,{className:`size-4`}),title:d.title,titleSuffix:i?(0,I.jsx)(a,{variant:`primary`,children:d.default}):null,headerAction:s?(0,I.jsx)(u,{buttonStyle:`ghost`,variant:`secondary`,onClick:s,children:d.change}):void 0,className:C(`payment-method--component w-full`,c),children:(0,I.jsxs)(`div`,{className:C(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,m),children:[(0,I.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,I.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,I.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,I.jsx)(o,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:f})]}),(0,I.jsx)(`div`,{className:`relative`,children:(0,I.jsxs)(o,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,t]})}),(0,I.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,I.jsx)(`div`,{className:`min-w-0`,children:!!r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.cardHolder}),(0,I.jsx)(o,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:r})]})}),!!n&&(0,I.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,I.jsx)(o,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.expires}),(0,I.jsx)(o,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:n})]})]})]})})}Je.displayName=`PaymentMethodCard`;var Ye=e({DiscountStack:()=>U,LoyaltyPoints:()=>H,ShipmentTracking:()=>W,UpcomingBookings:()=>V});function V(){return(0,I.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,I.jsx)(E,{children:(0,I.jsx)(ge,{timePlacement:`inline-trailing`,bookings:[{id:`1`,date:new Date(2026,2,28),service:`Wine Tasting Tour`,customer:`Daniel Smith`,time:`14:00`,amount:`370 USD`},{id:`2`,date:new Date(2026,3,3),service:`Luxury Spa Day`,customer:`Emma Garcia`,time:`10:00`,amount:`320 USD`},{id:`3`,date:new Date(2026,3,7),service:`Hot Air Balloon`,customer:`David Williams`,time:`06:30`,amount:`580 USD`}]})})})}function H(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(ve,{balance:`4,830`,tier:`Gold Tier`,history:[{label:`Spa booking`,points:`+250`,date:`Mar 24`,positive:!0},{label:`Redeemed coupon`,points:`-500`,date:`Mar 18`,positive:!1},{label:`Wine tasting order`,points:`+180`,date:`Mar 12`,positive:!0}],onRedeem:()=>{}})})}function U(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(be,{discounts:[{type:`Coupon`,label:`SPRING2026 — 25% off`,amount:`-88.40 USD`,badge:`info`},{type:`Loyalty`,label:`Gold tier — 5% extra`,amount:`-17.68 USD`,badge:`warning`},{type:`Promo`,label:`Free shipping over 500 USD`,amount:`-12.00 USD`,badge:`success`}],totalSavings:`-118.08 USD`})})}function W(){return(0,I.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,I.jsx)(xe,{trackingNumber:`TRK-9847261035`,carrier:`Speedy`,status:`In Transit`,steps:[{label:`Picked up`,done:!0},{label:`In transit`,done:!0},{label:`Out for delivery`,done:!1},{label:`Delivered`,done:!1}],details:[{label:`Est. Delivery`,value:`Mar 29, 2026`},{label:`Recipient`,value:`Daniel Smith`}]})})}var Xe=e({AddressCardExample:()=>et,CartSummaryCardExample:()=>G,CouponInputCardEmptyApplied:()=>K,OrderStatusCardExample:()=>q,PaymentMethodCardExample:()=>J,RefundStatusCardExample:()=>$e,SubscriptionSummaryCardExample:()=>X,TaxBreakdownCardExample:()=>Y,VoucherEntryCardExample:()=>tt}),Ze=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23edf1e9%22%2F%3E%0A%09%3Crect%20x%3D%2234%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2258%22%20rx%3D%229%22%20fill%3D%22%2353624d%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2212%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%224%22%20fill%3D%22%23303b2e%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2239%22%20width%3D%2218%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23f7f0d7%22%2F%3E%0A%3C%2Fsvg%3E%0A`,Qe=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23eef1f5%22%2F%3E%0A%09%3Cellipse%20cx%3D%2249%22%20cy%3D%2273%22%20rx%3D%2229%22%20ry%3D%227%22%20fill%3D%22%23d6dde6%22%2F%3E%0A%09%3Crect%20x%3D%2224%22%20y%3D%2238%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23ffffff%22%2F%3E%0A%09%3Crect%20x%3D%2230%22%20y%3D%2230%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23dfe6ef%22%2F%3E%0A%09%3Crect%20x%3D%2255%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%2244%22%20rx%3D%227%22%20fill%3D%22%23697586%22%2F%3E%0A%09%3Crect%20x%3D%2258%22%20y%3D%2217%22%20width%3D%228%22%20height%3D%229%22%20rx%3D%223%22%20fill%3D%22%23485467%22%2F%3E%0A%09%3Ccircle%20cx%3D%2235%22%20cy%3D%2266%22%20r%3D%229%22%20fill%3D%22%23cad6df%22%2F%3E%0A%3C%2Fsvg%3E%0A`;function G(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Re,{items:[{id:`1`,name:`Estate olive oil`,variantTitle:`500 ml bottle`,qty:2,price:`48 USD`,src:Ze},{id:`2`,productTitle:`Spa day voucher`,variantTitle:`Weekend package`,qty:1,price:`180 USD`,url:Qe},{id:`3`,name:`Gift wrap`,variantTitle:`Matte white box`,qty:1,price:`15 USD`}],subtotal:`243 USD`,tax:`48.60 USD`,shipping:`0 USD`,discount:`25 USD`,total:`266.60 USD`,onCheckout:()=>{}})})}function K(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-4xl gap-4 md:grid-cols-2`,children:[(0,I.jsx)(B,{onApply:()=>{}}),(0,I.jsx)(B,{appliedCode:`SPRING2026`,appliedDiscount:`88.40 USD`,onRemove:()=>{}})]})}function q(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(We,{orderNumber:`ORD-2026-0412`,status:`shipped`,currentEta:`Mar 29, 2026`,events:[{label:`Placed`,timestamp:`Mar 24`,complete:!0},{label:`Paid`,timestamp:`Mar 24`,complete:!0},{label:`Fulfilled`,timestamp:`Mar 25`,complete:!0},{label:`Shipped`,timestamp:`Mar 26`,complete:!0},{label:`Delivered`,complete:!1}]})})}function J(){return(0,I.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,I.jsx)(Je,{brand:`visa`,last4:`4242`,expiry:`04/27`,holderName:`Sarah Smitha`,isDefault:!0,onChange:()=>{}})})}function Y(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Ce,{subtotal:`565.00 USD`,taxes:[{label:`VAT (standard)`,rate:`20%`,amount:`94.20 USD`},{label:`Tourist tax`,rate:`€1.50/night`,amount:`4.50 USD`},{label:`Service charge`,rate:`5%`,amount:`14.30 USD`}],totalTax:`113.00 USD`,total:`678.00 USD`})})}function X(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(Te,{planName:`Pro Annual`,priceLabel:`€29`,cycleLabel:`/ month`,nextBillingDate:`May 12, 2026`,statusLabel:`Active`,perks:[{icon:y,label:`AI assist included`},{icon:te,label:`Priority support`},{icon:re,label:`Unlimited bookings`}],onManage:()=>{},onUpgrade:()=>{}})})}function $e(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(De,{stage:`processing`,amount:`180.00 USD`,reason:`Customer cancelled within 48h window`,method:`Visa ending 4242`,eta:`Apr 14, 2026`,requestedAt:`Apr 8, 2026`})})}function et(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-3xl gap-3 md:grid-cols-2`,children:[(0,I.jsx)(R,{kind:`shipping`,name:`Sarah Smitha`,line1:`ul. Vitosha 24, ap. 5`,city:`New York`,postalCode:`1000`,country:`USA`,phone:`+1 888 123 456`,isDefault:!0,onEdit:()=>{},onRemove:()=>{}}),(0,I.jsx)(R,{kind:`billing`,name:`Daniel Smith`,line1:`ul. Slavyanska 9`,line2:`floor 3`,city:`Los Angeles`,postalCode:`4000`,country:`USA`,onEdit:()=>{},onRemove:()=>{},onMakeDefault:()=>{}})]})}function tt(){let[e,t]=(0,z.useState)(!1);return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(je,{onCheck:()=>t(!0),...e?{appliedCode:`GCT-2026-PETROV`,balance:`120.00 USD`,onRemove:()=>t(!1)}:{}})})}var Z=`import {
 	DiscountStackPreview,
 	LoyaltyPointsCard,
 	ShipmentTrackingCard,

package/dist/showcase/assets/{composite-BjZbcKJw.js → composite-BjZZlzzb.js}

@@ -1 +1 @@
-import{Sr as e}from"./example-Rrx9vj75.js";var t=`ArrowUp`,n=`ArrowDown`,r=`ArrowLeft`,i=`ArrowRight`,a=`Home`,o=`PageUp`,s=`PageDown`,c=new Set([r,i]),l=new Set([r,i,a,`End`]),u=new Set([t,n]),d=new Set([t,n,a,`End`]),f=new Set([...c,...u]),p=new Set([...f,a,`End`]),m=`Shift`,h=new Set([m,`Control`,`Alt`,`Meta`]);function g(t){return e(t)&&t.tagName===`INPUT`}function _(t){return!!(g(t)&&t.selectionStart!=null||e(t)&&t.tagName===`TEXTAREA`)}function v(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=y(e,t,`left`),a=b(e),o=b(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=y(e,t,`top`),r=b(e),i=b(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function y(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function b(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}export{v as _,t as a,c,s as d,o as f,_ as g,d as h,i,l,u as m,f as n,p as o,m as p,r,a as s,n as t,h as u};
+import{Sr as e}from"./example-CJMJcnb4.js";var t=`ArrowUp`,n=`ArrowDown`,r=`ArrowLeft`,i=`ArrowRight`,a=`Home`,o=`PageUp`,s=`PageDown`,c=new Set([r,i]),l=new Set([r,i,a,`End`]),u=new Set([t,n]),d=new Set([t,n,a,`End`]),f=new Set([...c,...u]),p=new Set([...f,a,`End`]),m=`Shift`,h=new Set([m,`Control`,`Alt`,`Meta`]);function g(t){return e(t)&&t.tagName===`INPUT`}function _(t){return!!(g(t)&&t.selectionStart!=null||e(t)&&t.tagName===`TEXTAREA`)}function v(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=y(e,t,`left`),a=b(e),o=b(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=y(e,t,`top`),r=b(e),i=b(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function y(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function b(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}export{v as _,t as a,c,s as d,o as f,_ as g,d as h,i,l,u as m,f as n,p as o,m as p,r,a as s,n as t,h as u};

package/dist/showcase/assets/{contact-card-Dq50G6UK.js → contact-card-muCZ3uXV.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-Dd6X6IKg.js";import{r as a,t as o}from"./example-Rrx9vj75.js";import{t as s}from"./external-link-BkCjE03j.js";import{t as c}from"./mail-Bo_4xDQw.js";import{t as l}from"./map-pin-COrIVMWa.js";import{t as u}from"./phone-DtJDFH70.js";import{N as d,d as f,n as p}from"./index-o71HAmc3.js";import{t as m}from"./props-table-C6gPyO49.js";import{o as h,r as g,t as _}from"./avatar-D29-FL5U.js";import{c as v,o as y,r as b,t as x,u as S}from"./item-Oe2aHuvr.js";import{t as C}from"./PreviewLayout-CBTybzKu.js";var w={contact:`Contact`,profile:`Profile`},T=f();function E(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function D({name:e,role:t,email:i,phone:o,location:f,avatarUrl:m,initials:C,badge:D,badgeVariant:O=`success`,onContact:k,onViewProfile:A,className:j,strings:M}){let N=d(w,M);return(0,T.jsxs)(`div`,{className:p(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,j),children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsxs)(_,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!m&&(0,T.jsx)(h,{src:m,alt:e}),(0,T.jsx)(g,{className:`text-sm font-semibold`,children:E(e,C)})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!D&&(0,T.jsx)(n,{variant:O,children:D})]}),!!t&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t})]})]}),!!(i||o||f)&&(0,T.jsxs)(y,{className:`mt-4 gap-0`,children:[!!i&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(c,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:i})})]}),!!o&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(u,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:o})})]}),!!f&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(l,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:f})})]})]}),!!(k||A)&&(0,T.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!k&&(0,T.jsx)(a,{variant:`primary`,buttonStyle:`solid`,icon:c,onClick:k,children:N.contact}),!!A&&(0,T.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:s,onClick:A,children:N.profile})]})]})}D.displayName=`ContactCard`;var O=e({DifferentBadgeVariants:()=>M,Minimal:()=>j,WithAllFields:()=>k,WithInitialsOnly:()=>A});function k(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Sarah Smitha`,role:`Account Manager`,email:`maria@giftcometrue.com`,phone:`+1 888 123 456`,location:`New York, NY`,badge:`Online`,badgeVariant:`success`,onContact:()=>{},onViewProfile:()=>{}})})}function A(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Georgi Johnson`,role:`Head of Operations`,email:`georgi@giftcometrue.com`,initials:`GI`,badge:`Away`,badgeVariant:`warning`,onContact:()=>{},onViewProfile:()=>{}})})}function j(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Emma Williamsa`})})}function M(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(C,{children:[`primary`,`secondary`,`success`,`info`,`warning`,`error`].map(e=>(0,T.jsx)(D,{name:`Variant: ${e}`,role:`Demo`,email:`demo@example.com`,badge:e,badgeVariant:e},e))})})}var N=`import { ContactCard } from '@/components/composed/cards/contact-card';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BPNIPavy.js";import{r as a,t as o}from"./example-CJMJcnb4.js";import{t as s}from"./external-link-CvXhYrnd.js";import{t as c}from"./mail-CCdaRmft.js";import{t as l}from"./map-pin-CdV-R6nt.js";import{t as u}from"./phone-BREyNZN-.js";import{N as d,d as f,n as p}from"./index-jD-KSiHu.js";import{t as m}from"./props-table-DoDq8Mvr.js";import{o as h,r as g,t as _}from"./avatar-BlLAVC87.js";import{c as v,o as y,r as b,t as x,u as S}from"./item-ffIfXEGd.js";import{t as C}from"./PreviewLayout-B_l930k0.js";var w={contact:`Contact`,profile:`Profile`},T=f();function E(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function D({name:e,role:t,email:i,phone:o,location:f,avatarUrl:m,initials:C,badge:D,badgeVariant:O=`success`,onContact:k,onViewProfile:A,className:j,strings:M}){let N=d(w,M);return(0,T.jsxs)(`div`,{className:p(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,j),children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsxs)(_,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!m&&(0,T.jsx)(h,{src:m,alt:e}),(0,T.jsx)(g,{className:`text-sm font-semibold`,children:E(e,C)})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!D&&(0,T.jsx)(n,{variant:O,children:D})]}),!!t&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t})]})]}),!!(i||o||f)&&(0,T.jsxs)(y,{className:`mt-4 gap-0`,children:[!!i&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(c,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:i})})]}),!!o&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(u,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:o})})]}),!!f&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(l,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:f})})]})]}),!!(k||A)&&(0,T.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!k&&(0,T.jsx)(a,{variant:`primary`,buttonStyle:`solid`,icon:c,onClick:k,children:N.contact}),!!A&&(0,T.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:s,onClick:A,children:N.profile})]})]})}D.displayName=`ContactCard`;var O=e({DifferentBadgeVariants:()=>M,Minimal:()=>j,WithAllFields:()=>k,WithInitialsOnly:()=>A});function k(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Sarah Smitha`,role:`Account Manager`,email:`maria@giftcometrue.com`,phone:`+1 888 123 456`,location:`New York, NY`,badge:`Online`,badgeVariant:`success`,onContact:()=>{},onViewProfile:()=>{}})})}function A(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Georgi Johnson`,role:`Head of Operations`,email:`georgi@giftcometrue.com`,initials:`GI`,badge:`Away`,badgeVariant:`warning`,onContact:()=>{},onViewProfile:()=>{}})})}function j(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Emma Williamsa`})})}function M(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(C,{children:[`primary`,`secondary`,`success`,`info`,`warning`,`error`].map(e=>(0,T.jsx)(D,{name:`Variant: ${e}`,role:`Demo`,email:`demo@example.com`,badge:e,badgeVariant:e},e))})})}var N=`import { ContactCard } from '@/components/composed/cards/contact-card';
 import { Col } from '../../PreviewLayout';
 
 export function WithAllFields() {

package/dist/showcase/assets/{content-container-BQZdQhX2.js → content-container-BxSLICeL.js}

@@ -1 +1 @@
-import{d as e,n as t}from"./index-o71HAmc3.js";var n=e(),r={narrow:`max-w-7xl mx-auto`,default:``,wide:`max-w-screen-2xl mx-auto`,full:``},i={none:`p-0`,sm:`p-4 md:p-5`,default:`p-5 md:p-7`,lg:`p-6 md:p-8`};function a({children:e,as:a=`div`,width:o=`default`,padding:s=`default`,bare:c=!1,className:l,innerClassName:u,...d}){let f=r[o],p=i[s];return c?(0,n.jsx)(a,{className:t(`w-full flex-1 relative overflow-hidden @container/main h-full`,f,l),...d,children:e}):(0,n.jsx)(a,{className:t(`w-full flex-1 relative overflow-hidden @container/main h-full`,l),...d,children:(0,n.jsx)(`div`,{className:t(`flex min-h-full flex-1 flex-col gap-6 rounded-xl`,f,p,u),children:e})})}export{a as t};
+import{d as e,n as t}from"./index-jD-KSiHu.js";var n=e(),r={narrow:`max-w-7xl mx-auto`,default:``,wide:`max-w-screen-2xl mx-auto`,full:``},i={none:`p-0`,sm:`p-4 md:p-5`,default:`p-5 md:p-7`,lg:`p-6 md:p-8`};function a({children:e,as:a=`div`,width:o=`default`,padding:s=`default`,bare:c=!1,className:l,innerClassName:u,...d}){let f=r[o],p=i[s];return c?(0,n.jsx)(a,{className:t(`w-full flex-1 relative overflow-hidden @container/main h-full`,f,l),...d,children:e}):(0,n.jsx)(a,{className:t(`w-full flex-1 relative overflow-hidden @container/main h-full`,l),...d,children:(0,n.jsx)(`div`,{className:t(`flex min-h-full flex-1 flex-col gap-6 rounded-xl`,f,p,u),children:e})})}export{a as t};

package/dist/showcase/assets/{copyable-BdfWxV6u.js → copyable-DYhhmTqM.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-Dd6X6IKg.js";import{Dr as r,Or as i}from"./example-Rrx9vj75.js";import{d as a,n as o}from"./index-o71HAmc3.js";import{n as s}from"./dist-CS2Ky1_m.js";var c=e(t(),1),l=a();function u({value:e,displayValue:t,mono:a=!1,truncate:u=!1,className:d,contentClassName:f,successMessage:p=`Copied to clipboard`}){let[m,h]=(0,c.useState)(!1),g=async()=>{try{await navigator.clipboard.writeText(e),h(!0),s.success(p),setTimeout(()=>h(!1),2e3)}catch{s.error(`Failed to copy`)}},_=t!==void 0&&typeof t!=`string`;return(0,l.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:g,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g())},className:o(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,d),children:[_?t:(0,l.jsx)(n,{tag:`span`,className:o(a&&`font-mono`,u&&`max-w-[300px] truncate`,f),children:t??e}),(0,l.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:m?(0,l.jsx)(i,{className:`size-3.5 text-success`}):(0,l.jsx)(r,{className:`size-3.5`})})]})}u.displayName=`Copyable`;export{u as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-BPNIPavy.js";import{Dr as r,Or as i}from"./example-CJMJcnb4.js";import{d as a,n as o}from"./index-jD-KSiHu.js";import{n as s}from"./dist-W8bxVfew.js";var c=e(t(),1),l=a();function u({value:e,displayValue:t,mono:a=!1,truncate:u=!1,className:d,contentClassName:f,successMessage:p=`Copied to clipboard`}){let[m,h]=(0,c.useState)(!1),g=async()=>{try{await navigator.clipboard.writeText(e),h(!0),s.success(p),setTimeout(()=>h(!1),2e3)}catch{s.error(`Failed to copy`)}},_=t!==void 0&&typeof t!=`string`;return(0,l.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:g,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g())},className:o(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,d),children:[_?t:(0,l.jsx)(n,{tag:`span`,className:o(a&&`font-mono`,u&&`max-w-[300px] truncate`,f),children:t??e}),(0,l.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:m?(0,l.jsx)(i,{className:`size-3.5 text-success`}):(0,l.jsx)(r,{className:`size-3.5`})})]})}u.displayName=`Copyable`;export{u as t};