admin-ui-starter-kit 0.6.8 → 0.6.9

package/dist/components/base/navigation/index.js

@@ -1,5 +1,5 @@
 import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../../../_shared/dropdown-menu-CoWmrjYX.js";
 import { n as g, t as _ } from "../../../_shared/action-menu-CYwMZX-b.js";
 import { t as v } from "../../../_shared/breadcrumbs-CuT0YIfo.js";
-import { a as y, c as b, i as x, n as S, o as C, r as w, s as T, t as E } from "../../../_shared/navigation-CWK_YQ5Y.js";
+import { a as y, c as b, i as x, n as S, o as C, r as w, s as T, t as E } from "../../../_shared/navigation-CMrLO8v5.js";
 export { _ as ActionMenu, T as AsideNavigationMenu, v as Breadcrumbs, m as DropdownMenu, l as DropdownMenuCheckboxItem, f as DropdownMenuContent, o as DropdownMenuGroup, e as DropdownMenuItem, u as DropdownMenuLabel, p as DropdownMenuLinkItem, t as DropdownMenuPortal, s as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, n as DropdownMenuSeparator, r as DropdownMenuShortcut, d as DropdownMenuSub, c as DropdownMenuSubContent, a as DropdownMenuSubTrigger, i as DropdownMenuTrigger, b as LanguageSwitcher, g as MenuAction, C as NavigationTabs, E as OverflowTabBar, x as PageHeader, w as SectionNav, S as SideNav, y as TabNavigationMenu };

package/dist/components/base/table/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/table-GqTKCC8F.cjs");exports.AvatarCell=e.a,exports.CellValue=e.m,exports.ColumnVisibilityToggle=e.b,exports.CurrencyCell=e.o,exports.DataTable=e._,exports.DataTableActions=e.M,exports.DataTableBody=e.S,exports.DataTableFilterBar=e.g,exports.DataTableHeader=e.x,exports.DataTablePagination=e.h,exports.DataTableToolbar=e.y,exports.DateCell=e.s,exports.DateMetaCell=e.c,exports.DensityToggle=e.t,exports.IdentityCell=e.l,exports.Pagination=e.N,exports.ResourceCell=e.u,exports.StatusCell=e.d,exports.StatusClusterCell=e.f,exports.TableLink=e.p,exports.addSelectionColumn=e.C,exports.createHeaderSelectionCheckbox=e.w,exports.createRowSelectionCheckbox=e.T,exports.defaultDataTableStrings=e.P,exports.getCellClassName=e.E,exports.getDataTableScrollContainer=e.n,exports.getRowClassName=e.D,exports.getSelectedRowsData=e.O,exports.handleColumnVisibilityChange=e.k,exports.handleRowSelectionChange=e.A,exports.handleSortingChange=e.j,exports.mergeDataTableStrings=e.F,exports.useDataTableScrollState=e.r,exports.useDataTableSize=e.v,exports.usePersistentDensity=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/table-BVWemr79.cjs");exports.AvatarCell=e.a,exports.CellValue=e.m,exports.ColumnVisibilityToggle=e.b,exports.CurrencyCell=e.o,exports.DataTable=e._,exports.DataTableActions=e.M,exports.DataTableBody=e.S,exports.DataTableFilterBar=e.g,exports.DataTableHeader=e.x,exports.DataTablePagination=e.h,exports.DataTableToolbar=e.y,exports.DateCell=e.s,exports.DateMetaCell=e.c,exports.DensityToggle=e.t,exports.IdentityCell=e.l,exports.Pagination=e.N,exports.ResourceCell=e.u,exports.StatusCell=e.d,exports.StatusClusterCell=e.f,exports.TableLink=e.p,exports.addSelectionColumn=e.C,exports.createHeaderSelectionCheckbox=e.w,exports.createRowSelectionCheckbox=e.T,exports.defaultDataTableStrings=e.P,exports.getCellClassName=e.E,exports.getDataTableScrollContainer=e.n,exports.getRowClassName=e.D,exports.getSelectedRowsData=e.O,exports.handleColumnVisibilityChange=e.k,exports.handleRowSelectionChange=e.A,exports.handleSortingChange=e.j,exports.mergeDataTableStrings=e.F,exports.useDataTableScrollState=e.r,exports.useDataTableSize=e.v,exports.usePersistentDensity=e.i;

package/dist/components/base/table/index.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, S as l, T as u, _ as d, a as f, b as p, c as m, d as h, f as g, g as _, h as v, i as y, j as b, k as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as k, u as A, v as j, w as M, x as N, y as P } from "../../../_shared/table-Cq0jkSm5.js";
+import { A as e, C as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, S as l, T as u, _ as d, a as f, b as p, c as m, d as h, f as g, g as _, h as v, i as y, j as b, k as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as k, u as A, v as j, w as M, x as N, y as P } from "../../../_shared/table-WYSjfQRr.js";
 export { f as AvatarCell, C as CellValue, p as ColumnVisibilityToggle, T as CurrencyCell, d as DataTable, a as DataTableActions, l as DataTableBody, _ as DataTableFilterBar, N as DataTableHeader, v as DataTablePagination, P as DataTableToolbar, O as DateCell, m as DateMetaCell, k as DensityToggle, S as IdentityCell, o as Pagination, A as ResourceCell, h as StatusCell, g as StatusClusterCell, E as TableLink, t as addSelectionColumn, M as createHeaderSelectionCheckbox, u as createRowSelectionCheckbox, c as defaultDataTableStrings, r as getCellClassName, w as getDataTableScrollContainer, n as getRowClassName, s as getSelectedRowsData, x as handleColumnVisibilityChange, e as handleRowSelectionChange, b as handleSortingChange, i as mergeDataTableStrings, D as useDataTableScrollState, j as useDataTableSize, y as usePersistentDensity };

package/dist/components/composed/admin/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-LSAgdmGt.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/input-Dvvmn96E.cjs"),c=require("../../../_shared/checkbox-ECGg8wjW.cjs"),l=require("../../../_shared/forms-CNjjdFcf.cjs"),u=require("../../../_shared/display-Lr3xTd4a.cjs"),d=require("../../../_shared/copyable-DiDEjp8Z.cjs"),f=require("../../../_shared/item-ChHblHhR.cjs"),p=require("../../../_shared/action-menu-BYrYdpkR.cjs");let m=require("react"),h=require("react/jsx-runtime"),g=require("lucide-react"),_=require("sonner");function v({members:e,className:n}){return(0,h.jsx)(f.o,{className:t.cn(`team-member--component`,n),children:e.map(e=>(0,h.jsxs)(f.t,{children:[(0,h.jsx)(f.c,{children:(0,h.jsx)(i.t,{tone:`primary`,solid:!0,size:`default`,children:(0,h.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:e.name}),(0,h.jsx)(f.i,{clamp:1,children:e.role})]}),(0,h.jsxs)(f.n,{children:[(0,h.jsx)(a.t,{variant:`secondary`,children:e.dept}),(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}v.displayName=`TeamMemberRow`;var y={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},b={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function x({roleName:i,description:s,memberCount:c,sections:l,onEdit:u,className:d,strings:f}){let p=e.useStrings(b,f);return(0,h.jsxs)(o.t,{title:i,description:s,headerEnd:c!==void 0&&(0,h.jsx)(a.t,{variant:`info`,children:p.formatMemberCount(c)}),className:t.cn(`role-permission--component`,d),children:[(0,h.jsx)(`div`,{className:`mt-5 space-y-4`,children:l.map(e=>(0,h.jsxs)(`div`,{children:[(0,h.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,h.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,h.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,h.jsx)(r.s,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!u&&(0,h.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:g.Pencil,className:`mt-5`,onClick:u,children:p.editRole})]})}x.displayName=`RolePermissionCard`;function S({conversations:e,className:n}){return(0,h.jsx)(f.o,{className:t.cn(`conversation-row--component`,n),children:e.map(e=>(0,h.jsxs)(f.t,{className:`cursor-pointer`,children:[(0,h.jsx)(f.c,{children:(0,h.jsx)(i.t,{tone:`primary`,size:`default`,children:(0,h.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,h.jsxs)(f.r,{children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,h.jsx)(f.u,{children:e.name}),(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,h.jsx)(f.i,{clamp:1,children:e.preview})]}),!!e.unread&&(0,h.jsx)(f.n,{children:(0,h.jsx)(i.t,{tone:`primary`,solid:!0,size:`small`,children:(0,h.jsx)(r.s,{size:`xs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}S.displayName=`RecentConversationRow`;function C({settings:e,values:n,onChange:r,className:i}){let[a,s]=(0,m.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),c=r!==void 0,u=c&&n?n:a,d=(e,t)=>{c&&r?r(e,t):s(n=>({...n,[e]:t}))};return(0,h.jsx)(o.t,{className:t.cn(`settings-toggle--component`,i),children:(0,h.jsx)(f.o,{children:e.map(e=>{let t=e.icon,n=u[e.key]??!1;return(0,h.jsxs)(f.t,{children:[(0,h.jsx)(f.c,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,h.jsx)(t,{})}),(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:e.name}),(0,h.jsx)(f.i,{children:e.desc})]}),(0,h.jsx)(f.n,{children:(0,h.jsx)(l.J,{"aria-label":e.name,checked:n,onCheckedChange:t=>d(e.key,t)})})]},e.key)})})})}C.displayName=`SettingsToggleRow`;function w({productName:n,variant:i,stock:s,reorderLevel:c,maxStock:l,lastRestocked:u,className:d,strings:p}){let m=e.useStrings(y,p),g=Math.round(s/l*100),_=s<=c,v=s<=c*.5,b=v?`error`:_?`warning`:`success`,x=v?m.statusCritical:_?m.statusLowStock:m.statusInStock;return(0,h.jsxs)(o.t,{className:t.cn(`inventory-level--component`,d),children:[(0,h.jsxs)(f.t,{size:`small`,children:[(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:n}),!!i&&(0,h.jsxs)(f.i,{clamp:1,children:[m.variantLabel,`: `,i]})]}),(0,h.jsx)(f.n,{children:(0,h.jsx)(a.t,{variant:b,children:x})})]}),(0,h.jsx)(r.s,{size:`base`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:s}),(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,children:m.unitsAvailable}),(0,h.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,h.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,h.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all`,v?`bg-destructive`:_?`bg-warning`:`bg-success`),style:{width:`${g}%`}})}),(0,h.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,h.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.reorderAtLabel,`: `,(0,h.jsx)(r.s,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:c})]}),!!u&&(0,h.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.lastRestockedLabel,`: `,u]})]})]})]})}w.displayName=`InventoryLevelCard`;var T={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},E=(0,m.forwardRef)(function({items:i,defaultOpen:a=!0,open:s,onOpenChange:c,onAdd:l,onDelete:d,onCopy:f,title:p,className:_,strings:v},y){let b=e.useStrings(T,v),x=s!==void 0,[S,C]=(0,m.useState)(a),w=x?s:S,E=(0,m.useCallback)(e=>{x||C(e),c?.(e)},[x,c]);return(0,h.jsx)(o.t,{ref:y,className:t.cn(`api-key-list--component`,_),children:(0,h.jsxs)(u.h,{open:w,onOpenChange:E,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,h.jsx)(u._,{asChild:!0,children:(0,h.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,h.jsx)(g.ChevronRight,{"aria-hidden":`true`,className:t.cn(`size-4 text-muted-foreground transition-transform`,w&&`rotate-90`)}),(0,h.jsx)(r.s,{tag:`span`,weight:`semibold`,children:p??b.title})]})}),!!l&&(0,h.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:l,"aria-label":b.addAria,children:(0,h.jsx)(g.Plus,{className:`size-4`})})]}),(0,h.jsx)(u.g,{className:`pt-3`,children:i.length===0?(0,h.jsx)(r.s,{type:`secondary`,children:b.emptyMessage}):(0,h.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:i.map(e=>(0,h.jsx)(D,{item:e,onDelete:d,onCopy:f,copyMenuLabel:b.copyMenuItem,copiedMenuLabel:b.copiedMenuItem,deleteMenuLabel:b.deleteMenuItem,rowMenuAria:b.rowMenuAria,copyToastSuccess:b.copyToastSuccess,copyToastError:b.copyToastError},e.id))})})]})})});E.displayName=`ApiKeyList`;function D({item:e,onDelete:t,onCopy:n,copyMenuLabel:a,copiedMenuLabel:o,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:u}){let[d,v]=(0,m.useState)(!1),y=(0,m.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),v(!0),setTimeout(()=>v(!1),1500),_.toast.success(l),n?.(e.id,e)}catch{_.toast.error(u)}},[e,n,l,u]),b=e.displayValue??e.value;return(0,h.jsxs)(f.t,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,h.jsx)(f.c,{variant:`icon`,children:(0,h.jsx)(i.t,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,h.jsx)(g.Lock,{className:`size-3.5`})})}),(0,h.jsxs)(f.r,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,h.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,h.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:b})]}),(0,h.jsx)(f.n,{className:`shrink-0`,children:(0,h.jsxs)(p.t,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,h.jsx)(p.n,{label:d?o:a,icon:g.Copy,onClick:()=>{y()},disabled:e.disabled}),!!t&&(0,h.jsx)(p.n,{label:s,icon:g.Trash2,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}D.displayName=`ApiKeyRow`;function O(e,t){if(!e)return null;let{label:r,icon:i,variant:a=t,...o}=e;return(0,h.jsxs)(n.t,{...o,variant:a,children:[!!i&&(0,h.jsx)(i,{className:`size-4`}),r]})}function k({icon:e,title:n,description:r,primaryAction:a,secondaryAction:o,actions:s,disabled:c=!1,className:l}){return(0,h.jsxs)(f.t,{"data-component":`action-row`,"data-slot":`action-row`,className:t.cn(`action-row--component`,c&&`opacity-60`,l),children:[!!e&&(0,h.jsx)(f.c,{variant:`icon`,children:(0,h.jsx)(i.t,{icon:e,tone:`muted`,shape:`square`,size:`default`})}),(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:n}),!!r&&(0,h.jsx)(f.i,{children:r})]}),(0,h.jsx)(f.n,{className:`flex-wrap justify-end`,children:s??(0,h.jsxs)(h.Fragment,{children:[O(o,`secondary`),O(a,`primary`)]})})]})}function A({title:e,description:n,actions:r,children:i,rows:a,padding:s=`default`,surface:c=`card`,className:l,contentClassName:u}){return(0,h.jsxs)(o.t,{"data-component":`action-list`,"data-slot":`action-list`,title:e,description:n,headerAction:r,padding:s,surface:c,className:t.cn(`action-list--component`,l),contentClassName:t.cn(`action-list--content grid gap-2`,u),children:[a?.map((e,t)=>(0,h.jsx)(k,{...e},t)),i]})}function j({title:e,description:n,confirmation:a,action:s,icon:c=g.ShieldAlert,padding:l=`default`,surface:u=`card`,className:d}){return(0,h.jsxs)(o.t,{"data-component":`sensitive-action-card`,"data-slot":`sensitive-action-card`,padding:l,surface:u,className:t.cn(`sensitive-action-card--component border-destructive/30`,d),contentClassName:`sensitive-action-card--content grid gap-3`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,h.jsx)(i.t,{icon:c,tone:`destructive`,shape:`square`,size:`default`}),(0,h.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,h.jsx)(r.s,{weight:`semibold`,children:e}),!!n&&(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n})]}),!!s&&(0,h.jsx)(`div`,{className:`shrink-0`,children:s})]}),!!a&&(0,h.jsx)(o.i,{variant:`destructive`,role:`note`,className:`sensitive-action-card--confirmation`,children:(0,h.jsx)(o.o,{children:a})})]})}var M={title:`Secret created`,description:`Copy this value now. It may not be shown again.`,copySuccess:`Secret copied`};function N({value:n,displayValue:r,title:i,description:a,action:s,className:c,strings:l}){let u=e.useStrings(M,l);return(0,h.jsxs)(o.i,{"data-component":`copyable-secret-alert`,"data-slot":`copyable-secret-alert`,variant:`success`,className:t.cn(`copyable-secret-alert--component`,c),children:[(0,h.jsx)(g.KeyRound,{className:`size-4`}),(0,h.jsx)(o.s,{children:i??u.title}),(0,h.jsx)(o.o,{children:(0,h.jsxs)(`span`,{className:`grid gap-2`,children:[(0,h.jsx)(`span`,{children:a??u.description}),(0,h.jsx)(d.t,{value:n,displayValue:r??n,mono:!0,truncate:!0,className:`copyable-secret-alert--value max-w-full rounded-md bg-background px-2 py-1`,successMessage:u.copySuccess})]})}),!!s&&(0,h.jsx)(o.a,{children:s})]})}var P={title:`API tokens`,description:`Create and revoke access tokens.`,nameLabel:`Token name`,namePlaceholder:`Production deploy key`,abilitiesLabel:`Abilities`,create:`Create token`,revokeAll:`Revoke all`,createdTitle:`Token created`,createdDescription:`Copy this token now. It will not be shown again.`};function F({tokens:i,abilities:a=[],createdToken:l,name:d,defaultName:f=``,onNameChange:p,selectedAbilities:_,defaultSelectedAbilities:v=[],onSelectedAbilitiesChange:y,onCreateToken:b,onRevokeToken:x,onRevokeAllTokens:S,onAfterMutate:C,onError:w,isCreating:T=!1,isRevokingAll:D=!1,disabled:O=!1,className:k,strings:A}){let j=e.useStrings(P,A),M=d!==void 0,F=_!==void 0,[I,L]=(0,m.useState)(f),[R,z]=(0,m.useState)([...v]),[B,V]=(0,m.useState)(null),H=M?d:I,U=(0,m.useMemo)(()=>F?[..._]:R,[R,F,_]),W=T||B===`create`,G=D||B===`revoke-all`,K=(0,m.useCallback)(e=>{M||L(e),p?.(e)},[M,p]),q=(0,m.useCallback)(e=>{F||z(e),y?.(e)},[F,y]),J=(0,m.useCallback)((e,t)=>{q(t===!0?Array.from(new Set([...U,e])):U.filter(t=>t!==e))},[U,q]),Y=(0,m.useCallback)(async(e,t,n)=>{V(e);try{await t(),C?.({type:e,payload:n})}catch(t){w?.(t,{phase:e})}finally{V(null)}},[C,w]),X=(0,m.useCallback)(()=>{if(!b)return;let e={name:H,abilities:U};Y(`create`,()=>b(e),e)},[b,U,H,Y]),Z=(0,m.useCallback)((e,t)=>{x&&Y(`revoke`,()=>x(e,t),t)},[x,Y]),Q=(0,m.useCallback)(()=>{S&&Y(`revoke-all`,S)},[S,Y]);return(0,h.jsxs)(o.t,{"data-component":`api-token-manager`,"data-slot":`api-token-manager`,title:j.title,description:j.description,headerAction:S?(0,h.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`outline`,loading:G,disabled:O||i.length===0,onClick:Q,children:[(0,h.jsx)(g.Trash2,{className:`size-4`}),j.revokeAll]}):void 0,className:t.cn(`api-token-manager--component`,k),contentClassName:`api-token-manager--content grid gap-4`,children:[!!l&&(0,h.jsx)(N,{value:l.value,displayValue:l.displayValue,title:l.name??j.createdTitle,description:j.createdDescription}),(0,h.jsxs)(`div`,{className:`api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3`,children:[(0,h.jsx)(u.D,{label:j.nameLabel,children:(0,h.jsx)(s.t,{value:H,placeholder:j.namePlaceholder,onChange:e=>K(e.currentTarget.value),disabled:O||W})}),a.length>0&&(0,h.jsxs)(`div`,{className:`api-token-manager--abilities grid gap-2`,children:[(0,h.jsx)(r.s,{size:`xs`,weight:`semibold`,children:j.abilitiesLabel}),(0,h.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:a.map(e=>(0,h.jsxs)(`label`,{className:`flex min-w-0 items-start gap-2 rounded-md border border-border/70 bg-background px-3 py-2`,children:[(0,h.jsx)(c.t,{checked:U.includes(e.id),disabled:O||W||e.disabled,onCheckedChange:t=>J(e.id,t)}),(0,h.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,h.jsx)(r.s,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,h.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:e.description})]})]},e.id))})]}),(0,h.jsx)(`div`,{className:`flex justify-end`,children:(0,h.jsxs)(n.t,{type:`button`,variant:`primary`,loading:W,disabled:O||!b||H.trim().length===0,onClick:X,children:[(0,h.jsx)(g.Plus,{className:`size-4`}),j.create]})})]}),(0,h.jsx)(E,{items:i,onDelete:x?Z:void 0})]})}F.displayName=`ApiTokenManager`,exports.ActionList=A,exports.ActionRow=k,exports.ApiKeyList=E,exports.ApiTokenManager=F,exports.CopyableSecretAlert=N,exports.InventoryLevelCard=w,exports.RecentConversationRow=S,exports.RolePermissionCard=x,exports.SensitiveActionCard=j,exports.SettingsToggleRow=C,exports.TeamMemberRow=v,exports.defaultApiKeyListStrings=T,exports.defaultApiTokenManagerStrings=P,exports.defaultCopyableSecretAlertStrings=M;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-C65rt1M9.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/input-Dvvmn96E.cjs"),c=require("../../../_shared/checkbox-ECGg8wjW.cjs"),l=require("../../../_shared/forms-CNh-S9FK.cjs"),u=require("../../../_shared/display-BqoPOdof.cjs"),d=require("../../../_shared/copyable-DiDEjp8Z.cjs"),f=require("../../../_shared/item-ChHblHhR.cjs"),p=require("../../../_shared/action-menu-BYrYdpkR.cjs");let m=require("react"),h=require("react/jsx-runtime"),g=require("lucide-react"),_=require("sonner");function v({members:e,className:n}){return(0,h.jsx)(f.o,{className:t.cn(`team-member--component`,n),children:e.map(e=>(0,h.jsxs)(f.t,{children:[(0,h.jsx)(f.c,{children:(0,h.jsx)(i.t,{tone:`primary`,solid:!0,size:`default`,children:(0,h.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:e.name}),(0,h.jsx)(f.i,{clamp:1,children:e.role})]}),(0,h.jsxs)(f.n,{children:[(0,h.jsx)(a.t,{variant:`secondary`,children:e.dept}),(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}v.displayName=`TeamMemberRow`;var y={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},b={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function x({roleName:i,description:s,memberCount:c,sections:l,onEdit:u,className:d,strings:f}){let p=e.useStrings(b,f);return(0,h.jsxs)(o.t,{title:i,description:s,headerEnd:c!==void 0&&(0,h.jsx)(a.t,{variant:`info`,children:p.formatMemberCount(c)}),className:t.cn(`role-permission--component`,d),children:[(0,h.jsx)(`div`,{className:`mt-5 space-y-4`,children:l.map(e=>(0,h.jsxs)(`div`,{children:[(0,h.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,h.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,h.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,h.jsx)(r.s,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!u&&(0,h.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:g.Pencil,className:`mt-5`,onClick:u,children:p.editRole})]})}x.displayName=`RolePermissionCard`;function S({conversations:e,className:n}){return(0,h.jsx)(f.o,{className:t.cn(`conversation-row--component`,n),children:e.map(e=>(0,h.jsxs)(f.t,{className:`cursor-pointer`,children:[(0,h.jsx)(f.c,{children:(0,h.jsx)(i.t,{tone:`primary`,size:`default`,children:(0,h.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,h.jsxs)(f.r,{children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,h.jsx)(f.u,{children:e.name}),(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,h.jsx)(f.i,{clamp:1,children:e.preview})]}),!!e.unread&&(0,h.jsx)(f.n,{children:(0,h.jsx)(i.t,{tone:`primary`,solid:!0,size:`small`,children:(0,h.jsx)(r.s,{size:`xs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}S.displayName=`RecentConversationRow`;function C({settings:e,values:n,onChange:r,className:i}){let[a,s]=(0,m.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),c=r!==void 0,u=c&&n?n:a,d=(e,t)=>{c&&r?r(e,t):s(n=>({...n,[e]:t}))};return(0,h.jsx)(o.t,{className:t.cn(`settings-toggle--component`,i),children:(0,h.jsx)(f.o,{children:e.map(e=>{let t=e.icon,n=u[e.key]??!1;return(0,h.jsxs)(f.t,{children:[(0,h.jsx)(f.c,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,h.jsx)(t,{})}),(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:e.name}),(0,h.jsx)(f.i,{children:e.desc})]}),(0,h.jsx)(f.n,{children:(0,h.jsx)(l.J,{"aria-label":e.name,checked:n,onCheckedChange:t=>d(e.key,t)})})]},e.key)})})})}C.displayName=`SettingsToggleRow`;function w({productName:n,variant:i,stock:s,reorderLevel:c,maxStock:l,lastRestocked:u,className:d,strings:p}){let m=e.useStrings(y,p),g=Math.round(s/l*100),_=s<=c,v=s<=c*.5,b=v?`error`:_?`warning`:`success`,x=v?m.statusCritical:_?m.statusLowStock:m.statusInStock;return(0,h.jsxs)(o.t,{className:t.cn(`inventory-level--component`,d),children:[(0,h.jsxs)(f.t,{size:`small`,children:[(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:n}),!!i&&(0,h.jsxs)(f.i,{clamp:1,children:[m.variantLabel,`: `,i]})]}),(0,h.jsx)(f.n,{children:(0,h.jsx)(a.t,{variant:b,children:x})})]}),(0,h.jsx)(r.s,{size:`base`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:s}),(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,children:m.unitsAvailable}),(0,h.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,h.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,h.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all`,v?`bg-destructive`:_?`bg-warning`:`bg-success`),style:{width:`${g}%`}})}),(0,h.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,h.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.reorderAtLabel,`: `,(0,h.jsx)(r.s,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:c})]}),!!u&&(0,h.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[m.lastRestockedLabel,`: `,u]})]})]})]})}w.displayName=`InventoryLevelCard`;var T={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},E=(0,m.forwardRef)(function({items:i,defaultOpen:a=!0,open:s,onOpenChange:c,onAdd:l,onDelete:d,onCopy:f,title:p,className:_,strings:v},y){let b=e.useStrings(T,v),x=s!==void 0,[S,C]=(0,m.useState)(a),w=x?s:S,E=(0,m.useCallback)(e=>{x||C(e),c?.(e)},[x,c]);return(0,h.jsx)(o.t,{ref:y,className:t.cn(`api-key-list--component`,_),children:(0,h.jsxs)(u.h,{open:w,onOpenChange:E,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,h.jsx)(u._,{asChild:!0,children:(0,h.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,h.jsx)(g.ChevronRight,{"aria-hidden":`true`,className:t.cn(`size-4 text-muted-foreground transition-transform`,w&&`rotate-90`)}),(0,h.jsx)(r.s,{tag:`span`,weight:`semibold`,children:p??b.title})]})}),!!l&&(0,h.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:l,"aria-label":b.addAria,children:(0,h.jsx)(g.Plus,{className:`size-4`})})]}),(0,h.jsx)(u.g,{className:`pt-3`,children:i.length===0?(0,h.jsx)(r.s,{type:`secondary`,children:b.emptyMessage}):(0,h.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:i.map(e=>(0,h.jsx)(D,{item:e,onDelete:d,onCopy:f,copyMenuLabel:b.copyMenuItem,copiedMenuLabel:b.copiedMenuItem,deleteMenuLabel:b.deleteMenuItem,rowMenuAria:b.rowMenuAria,copyToastSuccess:b.copyToastSuccess,copyToastError:b.copyToastError},e.id))})})]})})});E.displayName=`ApiKeyList`;function D({item:e,onDelete:t,onCopy:n,copyMenuLabel:a,copiedMenuLabel:o,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:u}){let[d,v]=(0,m.useState)(!1),y=(0,m.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),v(!0),setTimeout(()=>v(!1),1500),_.toast.success(l),n?.(e.id,e)}catch{_.toast.error(u)}},[e,n,l,u]),b=e.displayValue??e.value;return(0,h.jsxs)(f.t,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,h.jsx)(f.c,{variant:`icon`,children:(0,h.jsx)(i.t,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,h.jsx)(g.Lock,{className:`size-3.5`})})}),(0,h.jsxs)(f.r,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,h.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,h.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:b})]}),(0,h.jsx)(f.n,{className:`shrink-0`,children:(0,h.jsxs)(p.t,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,h.jsx)(p.n,{label:d?o:a,icon:g.Copy,onClick:()=>{y()},disabled:e.disabled}),!!t&&(0,h.jsx)(p.n,{label:s,icon:g.Trash2,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}D.displayName=`ApiKeyRow`;function O(e,t){if(!e)return null;let{label:r,icon:i,variant:a=t,...o}=e;return(0,h.jsxs)(n.t,{...o,variant:a,children:[!!i&&(0,h.jsx)(i,{className:`size-4`}),r]})}function k({icon:e,title:n,description:r,primaryAction:a,secondaryAction:o,actions:s,disabled:c=!1,className:l}){return(0,h.jsxs)(f.t,{"data-component":`action-row`,"data-slot":`action-row`,className:t.cn(`action-row--component`,c&&`opacity-60`,l),children:[!!e&&(0,h.jsx)(f.c,{variant:`icon`,children:(0,h.jsx)(i.t,{icon:e,tone:`muted`,shape:`square`,size:`default`})}),(0,h.jsxs)(f.r,{children:[(0,h.jsx)(f.u,{children:n}),!!r&&(0,h.jsx)(f.i,{children:r})]}),(0,h.jsx)(f.n,{className:`flex-wrap justify-end`,children:s??(0,h.jsxs)(h.Fragment,{children:[O(o,`secondary`),O(a,`primary`)]})})]})}function A({title:e,description:n,actions:r,children:i,rows:a,padding:s=`default`,surface:c=`card`,className:l,contentClassName:u}){return(0,h.jsxs)(o.t,{"data-component":`action-list`,"data-slot":`action-list`,title:e,description:n,headerAction:r,padding:s,surface:c,className:t.cn(`action-list--component`,l),contentClassName:t.cn(`action-list--content grid gap-2`,u),children:[a?.map((e,t)=>(0,h.jsx)(k,{...e},t)),i]})}function j({title:e,description:n,confirmation:a,action:s,icon:c=g.ShieldAlert,padding:l=`default`,surface:u=`card`,className:d}){return(0,h.jsxs)(o.t,{"data-component":`sensitive-action-card`,"data-slot":`sensitive-action-card`,padding:l,surface:u,className:t.cn(`sensitive-action-card--component border-destructive/30`,d),contentClassName:`sensitive-action-card--content grid gap-3`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,h.jsx)(i.t,{icon:c,tone:`destructive`,shape:`square`,size:`default`}),(0,h.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,h.jsx)(r.s,{weight:`semibold`,children:e}),!!n&&(0,h.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n})]}),!!s&&(0,h.jsx)(`div`,{className:`shrink-0`,children:s})]}),!!a&&(0,h.jsx)(o.i,{variant:`destructive`,role:`note`,className:`sensitive-action-card--confirmation`,children:(0,h.jsx)(o.o,{children:a})})]})}var M={title:`Secret created`,description:`Copy this value now. It may not be shown again.`,copySuccess:`Secret copied`};function N({value:n,displayValue:r,title:i,description:a,action:s,className:c,strings:l}){let u=e.useStrings(M,l);return(0,h.jsxs)(o.i,{"data-component":`copyable-secret-alert`,"data-slot":`copyable-secret-alert`,variant:`success`,className:t.cn(`copyable-secret-alert--component`,c),children:[(0,h.jsx)(g.KeyRound,{className:`size-4`}),(0,h.jsx)(o.s,{children:i??u.title}),(0,h.jsx)(o.o,{children:(0,h.jsxs)(`span`,{className:`grid gap-2`,children:[(0,h.jsx)(`span`,{children:a??u.description}),(0,h.jsx)(d.t,{value:n,displayValue:r??n,mono:!0,truncate:!0,className:`copyable-secret-alert--value max-w-full rounded-md bg-background px-2 py-1`,successMessage:u.copySuccess})]})}),!!s&&(0,h.jsx)(o.a,{children:s})]})}var P={title:`API tokens`,description:`Create and revoke access tokens.`,nameLabel:`Token name`,namePlaceholder:`Production deploy key`,abilitiesLabel:`Abilities`,create:`Create token`,revokeAll:`Revoke all`,createdTitle:`Token created`,createdDescription:`Copy this token now. It will not be shown again.`};function F({tokens:i,abilities:a=[],createdToken:l,name:d,defaultName:f=``,onNameChange:p,selectedAbilities:_,defaultSelectedAbilities:v=[],onSelectedAbilitiesChange:y,onCreateToken:b,onRevokeToken:x,onRevokeAllTokens:S,onAfterMutate:C,onError:w,isCreating:T=!1,isRevokingAll:D=!1,disabled:O=!1,className:k,strings:A}){let j=e.useStrings(P,A),M=d!==void 0,F=_!==void 0,[I,L]=(0,m.useState)(f),[R,z]=(0,m.useState)([...v]),[B,V]=(0,m.useState)(null),H=M?d:I,U=(0,m.useMemo)(()=>F?[..._]:R,[R,F,_]),W=T||B===`create`,G=D||B===`revoke-all`,K=(0,m.useCallback)(e=>{M||L(e),p?.(e)},[M,p]),q=(0,m.useCallback)(e=>{F||z(e),y?.(e)},[F,y]),J=(0,m.useCallback)((e,t)=>{q(t===!0?Array.from(new Set([...U,e])):U.filter(t=>t!==e))},[U,q]),Y=(0,m.useCallback)(async(e,t,n)=>{V(e);try{await t(),C?.({type:e,payload:n})}catch(t){w?.(t,{phase:e})}finally{V(null)}},[C,w]),X=(0,m.useCallback)(()=>{if(!b)return;let e={name:H,abilities:U};Y(`create`,()=>b(e),e)},[b,U,H,Y]),Z=(0,m.useCallback)((e,t)=>{x&&Y(`revoke`,()=>x(e,t),t)},[x,Y]),Q=(0,m.useCallback)(()=>{S&&Y(`revoke-all`,S)},[S,Y]);return(0,h.jsxs)(o.t,{"data-component":`api-token-manager`,"data-slot":`api-token-manager`,title:j.title,description:j.description,headerAction:S?(0,h.jsxs)(n.t,{type:`button`,variant:`error`,buttonStyle:`outline`,loading:G,disabled:O||i.length===0,onClick:Q,children:[(0,h.jsx)(g.Trash2,{className:`size-4`}),j.revokeAll]}):void 0,className:t.cn(`api-token-manager--component`,k),contentClassName:`api-token-manager--content grid gap-4`,children:[!!l&&(0,h.jsx)(N,{value:l.value,displayValue:l.displayValue,title:l.name??j.createdTitle,description:j.createdDescription}),(0,h.jsxs)(`div`,{className:`api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3`,children:[(0,h.jsx)(u.D,{label:j.nameLabel,children:(0,h.jsx)(s.t,{value:H,placeholder:j.namePlaceholder,onChange:e=>K(e.currentTarget.value),disabled:O||W})}),a.length>0&&(0,h.jsxs)(`div`,{className:`api-token-manager--abilities grid gap-2`,children:[(0,h.jsx)(r.s,{size:`xs`,weight:`semibold`,children:j.abilitiesLabel}),(0,h.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:a.map(e=>(0,h.jsxs)(`label`,{className:`flex min-w-0 items-start gap-2 rounded-md border border-border/70 bg-background px-3 py-2`,children:[(0,h.jsx)(c.t,{checked:U.includes(e.id),disabled:O||W||e.disabled,onCheckedChange:t=>J(e.id,t)}),(0,h.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,h.jsx)(r.s,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,h.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,children:e.description})]})]},e.id))})]}),(0,h.jsx)(`div`,{className:`flex justify-end`,children:(0,h.jsxs)(n.t,{type:`button`,variant:`primary`,loading:W,disabled:O||!b||H.trim().length===0,onClick:X,children:[(0,h.jsx)(g.Plus,{className:`size-4`}),j.create]})})]}),(0,h.jsx)(E,{items:i,onDelete:x?Z:void 0})]})}F.displayName=`ApiTokenManager`,exports.ActionList=A,exports.ActionRow=k,exports.ApiKeyList=E,exports.ApiTokenManager=F,exports.CopyableSecretAlert=N,exports.InventoryLevelCard=w,exports.RecentConversationRow=S,exports.RolePermissionCard=x,exports.SensitiveActionCard=j,exports.SettingsToggleRow=C,exports.TeamMemberRow=v,exports.defaultApiKeyListStrings=T,exports.defaultApiTokenManagerStrings=P,exports.defaultCopyableSecretAlertStrings=M;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/admin/index.js

@@ -3,12 +3,12 @@ import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-Be2ayMxF.js";
 import { s as r } from "../../../_shared/typography-5bLhAYaK.js";
 import { t as i } from "../../../_shared/icon-badge-dZQPvuas.js";
-import { t as a } from "../../../_shared/badge-nZ2zbAV4.js";
+import { t as a } from "../../../_shared/badge-r8ae66Vd.js";
 import { a as o, i as s, o as c, s as l, t as u } from "../../../_shared/cards-BJctT9KD.js";
 import { t as d } from "../../../_shared/input-CzJzVyQ0.js";
 import { t as f } from "../../../_shared/checkbox-Cbh5x6ad.js";
-import { J as p } from "../../../_shared/forms-BA8Aa_fi.js";
-import { D as m, _ as h, g, h as _ } from "../../../_shared/display-DFVeSuWL.js";
+import { J as p } from "../../../_shared/forms-DIz3SCA9.js";
+import { D as m, _ as h, g, h as _ } from "../../../_shared/display-CQoSwU74.js";
 import { t as v } from "../../../_shared/copyable-BJYx2SlN.js";
 import { c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../../../_shared/item-CVjjpHQd.js";
 import { n as E, t as D } from "../../../_shared/action-menu-CYwMZX-b.js";

package/dist/components/composed/ai/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-LSAgdmGt.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/textarea-bHFAtwYd.cjs"),c=require("../../../_shared/separator-q42IlFFA.cjs"),l=require("../../../_shared/item-ChHblHhR.cjs"),u=require("../../../_shared/data-display-BPn-7qFO.cjs"),d=require("../../../_shared/ai-artifact-DfT97Mpi.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");var h={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},g={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},_={low:1,medium:2,high:3};function v({level:e,label:n}){let i=_[e];return(0,p.jsxs)(`div`,{className:t.cn(`ai-summary--confidence`,`flex items-center gap-1.5`),children:[(0,p.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,n)=>(0,p.jsx)(`div`,{className:t.cn(`h-2.5 w-1 rounded-sm`,n<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(n)}`))}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function y({data:t,strings:i}){let s=e.useStrings(h,i);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-summary--component`,titleSuffix:(0,p.jsx)(a.t,{variant:`secondary`,children:s.badgeLabel}),footerText:(0,p.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,children:t.generatedAt}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:t.model})]}),!!t.onRegenerate&&(0,p.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:t.onRegenerate,children:[(0,p.jsx)(m.RefreshCw,{className:`mr-1 h-3 w-3`}),s.regenerate]})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,children:t.summary}),t.entities.length>0&&(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:t.entities.map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))}),(0,p.jsx)(v,{level:t.confidence,label:s.confidenceLevels[t.confidence]})]})})}function b({data:n,strings:i}){let s=e.useStrings(g,i),l=n.confidence>=.9?s.confidenceBands.high:n.confidence>=.7?s.confidenceBands.medium:s.confidenceBands.low;return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-classification--component`,children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(a.t,{variant:`primary`,children:n.requestType}),(0,p.jsx)(a.t,{variant:n.urgencyVariant,children:n.urgency}),(0,p.jsx)(a.t,{variant:n.toneVariant,dot:!0,children:n.tone})]}),(0,p.jsx)(u.i,{label:s.complexityLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(e,r)=>(0,p.jsx)(`span`,{className:t.cn(`h-1.5 w-3 rounded-sm`,r<n.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(n.complexityScore),`/5`]})]})}),n.flags.length>0&&(0,p.jsx)(u.i,{label:s.flagsLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(`span`,{className:`flex gap-1`,children:n.flags.map(e=>(0,p.jsx)(a.t,{variant:`warning`,children:e},e))})}),(0,p.jsx)(u.i,{label:s.nextStepLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(a.t,{variant:`info`,children:n.suggestedAction})}),(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,type:`secondary`,children:n.summary}),(0,p.jsx)(c.t,{}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(a.t,{variant:`secondary`,children:[s.confidencePrefix,`: `,l]}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:n.model})]})]})})}var x={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function S(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function C({score:n,model:i,factors:s,className:c,strings:l}){let d=e.useStrings(x,l),f=Math.round(n*100),{label:h,variant:g}=S(n),_=2*Math.PI*24,v=_-f/100*_;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:d.title,titleSuffix:!!i&&(0,p.jsx)(a.t,{variant:`secondary`,size:`small`,children:i}),className:t.cn(`ai-confidence--component`,c),children:[(0,p.jsxs)(`div`,{className:`grid gap-space-xl md:grid-cols-[auto_minmax(0,1fr)] md:items-center`,children:[(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsxs)(`svg`,{width:`56`,height:`56`,viewBox:`0 0 64 64`,"aria-hidden":`true`,children:[(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/60`}),(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:_,strokeDashoffset:v,transform:`rotate(-90 32 32)`,className:t.cn(g===`success`&&`text-success`,g===`warning`&&`text-warning`,g===`error`&&`text-destructive`)})]}),(0,p.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,p.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums leading-none`,children:[f,`%`]})})]}),(0,p.jsxs)(`div`,{className:`grid min-w-0 gap-space-sm`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.confidenceLabel}),(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-space-sm`,children:[(0,p.jsx)(a.t,{variant:g,children:h}),!!i&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:i})]})]})]}),!!s&&s.length>0&&(0,p.jsxs)(`div`,{className:`mt-space-xl grid gap-space-md`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.factorsLabel}),s.map(e=>(0,p.jsxs)(`div`,{className:`grid gap-space-sm`,children:[(0,p.jsx)(u.i,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs font-medium text-foreground`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted/70`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}C.displayName=`AiConfidenceCard`;var w={title:`Try asking`,hint:`Tap a prompt to start`};function T({suggestions:n,onPick:r,className:a,strings:s}){let c=e.useStrings(w,s);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:c.title,description:c.hint,className:t.cn(`ai-prompt-suggestions--component`,a),children:(0,p.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl`,children:n.map(e=>{let n=e.icon;return(0,p.jsxs)(l.t,{variant:`outline`,render:(0,p.jsx)(`button`,{type:`button`,onClick:()=>r?.(e)}),className:t.cn(`ai-prompt-suggestions--item h-full items-start gap-space-lg px-surface py-surface-sm transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,p.jsx)(l.c,{children:(0,p.jsx)(i.t,{icon:n,tone:`primary`,size:`default`,shape:`square`})}),(0,p.jsxs)(l.r,{className:`min-w-0 gap-space-sm`,children:[(0,p.jsx)(l.u,{children:e.label}),!!e.description&&(0,p.jsx)(l.i,{children:e.description})]})]},e.id)})})})}T.displayName=`AiPromptSuggestions`;var E={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function D({model:n,inputTokens:i,outputTokens:s,cost:c,maxTokens:l,className:d,strings:f}){let h=e.useStrings(E,f),g=i+s,_=l?Math.min(100,Math.round(g/l*100)):0;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Cpu,{className:`size-4`}),title:h.title,titleSuffix:!!n&&(0,p.jsx)(a.t,{variant:`secondary`,children:n}),className:t.cn(`ai-token-usage--component`,d),children:[(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:h.input,value:i},{label:h.output,value:s},{label:h.total,value:g}].map(e=>(0,p.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,p.jsx)(r.s,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!l&&(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(u.i,{label:`${g.toLocaleString()} / ${l.toLocaleString()}`,value:`${_}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${_}%`}})})]}),!!c&&(0,p.jsx)(u.i,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:h.cost,value:c,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}D.displayName=`AiTokenUsageCard`;var O={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`};function k({value:i,onVote:a,onSubmitComment:o,allowComment:c=!0,submitted:l=!1,className:u,strings:d}){let h=e.useStrings(O,d),[g,_]=(0,f.useState)(null),[v,y]=(0,f.useState)(``),b=i??g,x=e=>{let t=b===e?null:e;i===void 0&&_(t),a?.(t)};return l?(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,u),children:[(0,p.jsx)(m.ThumbsUp,{className:`size-3.5 text-success`}),(0,p.jsx)(r.s,{size:`xs`,type:`success`,weight:`medium`,children:h.thanks})]}):(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component inline-flex flex-col gap-2`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:h.prompt}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsUpAria,"aria-pressed":b===`up`,onClick:()=>x(`up`),className:t.cn(b===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,p.jsx)(m.ThumbsUp,{className:`size-3.5`})}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsDownAria,"aria-pressed":b===`down`,onClick:()=>x(`down`),className:t.cn(b===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,p.jsx)(m.ThumbsDown,{className:`size-3.5`})})]}),!!c&&!!b&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(s.t,{value:v,onChange:e=>y(e.target.value),placeholder:h.commentPlaceholder,minRows:2}),(0,p.jsx)(`div`,{className:`flex justify-end`,children:(0,p.jsx)(n.t,{type:`button`,onClick:()=>{o?.(v,b),y(``)},disabled:!v.trim(),children:h.submit})})]})]})}k.displayName=`AiFeedback`;var A={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`};function j({sources:i,defaultExpanded:a=!1,maxCollapsedRows:o=0,className:s,strings:c}){let u=e.mergeStrings(A,c),[d,h]=(0,f.useState)(a),g=d?i:i.slice(0,Math.max(0,o)),_=i.length-g.length;return(0,p.jsxs)(`div`,{className:t.cn(`ai-citation--component`,`rounded-lg border border-border bg-card px-surface-sm py-surface-sm shadow-xs`,`space-y-space-lg`,s),children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>h(e=>!e),className:t.cn(`ai-citation--trigger h-auto justify-start gap-space-sm rounded-md px-control py-row-y`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":d,"aria-label":d?u.collapse:u.expand,children:[(0,p.jsx)(m.Quote,{className:`size-3.5`}),(0,p.jsxs)(r.s,{size:`xs`,weight:`medium`,children:[u.title,` · `,u.sourceCount(i.length)]}),d?(0,p.jsx)(m.ChevronDown,{className:`size-3.5`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5`})]}),(d||o>0)&&(0,p.jsxs)(l.o,{children:[g.map((e,t)=>(0,p.jsx)(M,{source:e,index:t+1,strings:u},e.id)),!d&&_>0&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[`+`,_,` more`]})]})]})}j.displayName=`AiCitation`;function M({source:e,index:n,strings:i}){let a=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,o=e.url?`a`:`span`,s=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,p.jsxs)(l.t,{variant:`outline`,size:`small`,className:`items-start px-surface-sm py-surface-sm`,children:[(0,p.jsx)(l.c,{children:(0,p.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground tabular-nums`,children:n})}),(0,p.jsxs)(l.r,{children:[(0,p.jsx)(l.u,{className:`truncate`,children:(0,p.jsxs)(o,{...s,className:t.cn(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,p.jsx)(m.ExternalLink,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,p.jsx)(l.i,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,p.jsxs)(l.a,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),a!==null&&(0,p.jsxs)(l.n,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[a,`%`]}),(0,p.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":i.relevance,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${a}%`}})})]})]})}var N={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`};function P(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function F({index:i,title:a,url:o,onSelect:s,className:c,strings:l}){let u=e.mergeStrings(N,l),d=P(u.openAria,{n:i,title:a??``}),f=a?`${u.sourcePrefix} ${i}: ${a}`:`${u.sourcePrefix} ${i}`,m=t.cn(`inline-flex h-5 min-w-5 -translate-y-px items-center justify-center rounded px-1`,`align-middle text-xs font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,c);return o?(0,p.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):s?(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:s,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):(0,p.jsx)(`span`,{title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})})}F.displayName=`AiInlineCitation`;var I={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function L({name:n,version:i,description:o,license:s,publishedAt:c,homepage:l,repository:u,weeklyDownloads:d,keywords:f,onSelect:h,className:g,strings:_}){let v=e.useStrings(I,_);return(0,p.jsxs)(h?`button`:`div`,{...h?{type:`button`,onClick:h}:{},className:t.cn(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,h&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,g),children:[(0,p.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,p.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,p.jsx)(m.Package,{className:`size-4`})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate font-mono`,children:n}),!!i&&(0,p.jsxs)(a.t,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,i.replace(/^v/,``)]})]}),!!o&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:o}),(s||c||d!==void 0)&&(0,p.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!s&&(0,p.jsx)(R,{label:v.licenseLabel,value:s}),!!c&&(0,p.jsx)(R,{label:v.publishedLabel,value:c}),d!==void 0&&(0,p.jsx)(R,{label:v.weeklyDownloadsLabel,value:String(d)})]}),!!f?.length&&(0,p.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.slice(0,6).map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))})]})]}),(l||u)&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!l&&(0,p.jsxs)(`a`,{href:l,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Globe,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Homepage`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]}),!!l&&!!u&&(0,p.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!u&&(0,p.jsxs)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Code2,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Repository`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]})]})]})}L.displayName=`AiPackageInfo`;function R({label:e,value:t}){return(0,p.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var z={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},B={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function V(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?m.FileCode:[`md`,`mdx`,`txt`].includes(t)?m.FileText:m.File}function H({nodes:n,selectedId:r,onSelect:i,hideStatusLabels:a=!1,indent:o=14,className:s,strings:c}){let l=e.useStrings(z,c);return(0,p.jsx)(`div`,{className:t.cn(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,s),children:(0,p.jsx)(`ul`,{children:n.map(e=>(0,p.jsx)(U,{node:e,depth:0,selectedId:r,onSelect:i,hideStatusLabels:a,indent:o,strings:l},e.id))})})}H.displayName=`AiFileTree`;function U({node:e,depth:i,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l}){let[u,d]=(0,f.useState)(e.defaultExpanded??i<1),h=e.kind===`directory`,g=a===e.id,_=e.status,v=_?B[_]:void 0,y=e.icon??(h?u?m.FolderOpen:m.Folder:V(e.name)),b=()=>{h?d(e=>!e):o?.(e)},x=(0,p.jsxs)(p.Fragment,{children:[!!_&&!s&&(0,p.jsx)(`span`,{className:t.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-xs font-bold leading-none uppercase`,v?.pill),children:l.statusLabels[_]}),!!e.trailing&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,p.jsxs)(`li`,{children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:b,"aria-expanded":h?u:void 0,"aria-label":h?u?l.collapseAria:l.expandAria:void 0,className:t.cn(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,g&&`bg-primary/10`,!!_&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,v?.row,_===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+i*c},children:[h?u?(0,p.jsx)(m.ChevronDown,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,p.jsx)(y,{className:t.cn(`size-3.5 shrink-0`,h?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,p.jsx)(`span`,{className:t.cn(`flex-1 truncate`,_===`removed`&&`line-through`),children:e.name}),(0,p.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:x})]}),h&&u&&!!e.children?.length&&(0,p.jsx)(`ul`,{children:e.children.map(e=>(0,p.jsx)(U,{node:e,depth:i+1,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l},e.id))})]})}exports.AiAgent=d.p,exports.AiArtifact=d.t,exports.AiAttachment=d.h,exports.AiChainOfThought=d.a,exports.AiCitation=j,exports.AiClassificationPanel=b,exports.AiCodeBlock=d._,exports.AiConfidenceCard=C,exports.AiConfirmation=d.d,exports.AiFeedback=k,exports.AiFileTree=H,exports.AiInlineCitation=F,exports.AiMessageBubble=d.S,exports.AiPackageInfo=L,exports.AiPromptSuggestions=T,exports.AiReasoning=d.s,exports.AiShimmer=d.y,exports.AiSources=d.l,exports.AiSummaryBlock=y,exports.AiTask=d.r,exports.AiTokenUsageCard=D,exports.AiToolCall=d.b,exports.defaultAiAgentStrings=d.m,exports.defaultAiArtifactStrings=d.n,exports.defaultAiAttachmentStrings=d.g,exports.defaultAiChainOfThoughtStrings=d.o,exports.defaultAiCitationStrings=A,exports.defaultAiCodeBlockStrings=d.v,exports.defaultAiConfidenceCardStrings=x,exports.defaultAiConfirmationStrings=d.f,exports.defaultAiFeedbackStrings=O,exports.defaultAiFileTreeStrings=z,exports.defaultAiInlineCitationStrings=N,exports.defaultAiMessageBubbleStrings=d.C,exports.defaultAiPackageInfoStrings=I,exports.defaultAiPromptSuggestionsStrings=w,exports.defaultAiReasoningStrings=d.c,exports.defaultAiSourcesStrings=d.u,exports.defaultAiTaskStrings=d.i,exports.defaultAiTokenUsageStrings=E,exports.defaultAiToolCallStrings=d.x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-C65rt1M9.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/textarea-bHFAtwYd.cjs"),c=require("../../../_shared/separator-BXn_fnly.cjs"),l=require("../../../_shared/item-ChHblHhR.cjs"),u=require("../../../_shared/data-display-DQUUEzCx.cjs"),d=require("../../../_shared/ai-artifact-Cv8VBibf.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");var h={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},g={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},_={low:1,medium:2,high:3};function v({level:e,label:n}){let i=_[e];return(0,p.jsxs)(`div`,{className:t.cn(`ai-summary--confidence`,`flex items-center gap-1.5`),children:[(0,p.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,n)=>(0,p.jsx)(`div`,{className:t.cn(`h-2.5 w-1 rounded-sm`,n<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(n)}`))}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function y({data:t,strings:i}){let s=e.useStrings(h,i);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-summary--component`,titleSuffix:(0,p.jsx)(a.t,{variant:`secondary`,children:s.badgeLabel}),footerText:(0,p.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,children:t.generatedAt}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:t.model})]}),!!t.onRegenerate&&(0,p.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:t.onRegenerate,children:[(0,p.jsx)(m.RefreshCw,{className:`mr-1 h-3 w-3`}),s.regenerate]})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,children:t.summary}),t.entities.length>0&&(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:t.entities.map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))}),(0,p.jsx)(v,{level:t.confidence,label:s.confidenceLevels[t.confidence]})]})})}function b({data:n,strings:i}){let s=e.useStrings(g,i),l=n.confidence>=.9?s.confidenceBands.high:n.confidence>=.7?s.confidenceBands.medium:s.confidenceBands.low;return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-classification--component`,children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(a.t,{variant:`primary`,children:n.requestType}),(0,p.jsx)(a.t,{variant:n.urgencyVariant,children:n.urgency}),(0,p.jsx)(a.t,{variant:n.toneVariant,dot:!0,children:n.tone})]}),(0,p.jsx)(u.i,{label:s.complexityLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(e,r)=>(0,p.jsx)(`span`,{className:t.cn(`h-1.5 w-3 rounded-sm`,r<n.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(n.complexityScore),`/5`]})]})}),n.flags.length>0&&(0,p.jsx)(u.i,{label:s.flagsLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(`span`,{className:`flex gap-1`,children:n.flags.map(e=>(0,p.jsx)(a.t,{variant:`warning`,children:e},e))})}),(0,p.jsx)(u.i,{label:s.nextStepLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(a.t,{variant:`info`,children:n.suggestedAction})}),(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,type:`secondary`,children:n.summary}),(0,p.jsx)(c.t,{}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(a.t,{variant:`secondary`,children:[s.confidencePrefix,`: `,l]}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:n.model})]})]})})}var x={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function S(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function C({score:n,model:i,factors:s,className:c,strings:l}){let d=e.useStrings(x,l),f=Math.round(n*100),{label:h,variant:g}=S(n),_=2*Math.PI*24,v=_-f/100*_;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:d.title,titleSuffix:!!i&&(0,p.jsx)(a.t,{variant:`secondary`,size:`small`,children:i}),className:t.cn(`ai-confidence--component`,c),children:[(0,p.jsxs)(`div`,{className:`grid gap-space-xl md:grid-cols-[auto_minmax(0,1fr)] md:items-center`,children:[(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsxs)(`svg`,{width:`56`,height:`56`,viewBox:`0 0 64 64`,"aria-hidden":`true`,children:[(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/60`}),(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:_,strokeDashoffset:v,transform:`rotate(-90 32 32)`,className:t.cn(g===`success`&&`text-success`,g===`warning`&&`text-warning`,g===`error`&&`text-destructive`)})]}),(0,p.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,p.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums leading-none`,children:[f,`%`]})})]}),(0,p.jsxs)(`div`,{className:`grid min-w-0 gap-space-sm`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.confidenceLabel}),(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-space-sm`,children:[(0,p.jsx)(a.t,{variant:g,children:h}),!!i&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:i})]})]})]}),!!s&&s.length>0&&(0,p.jsxs)(`div`,{className:`mt-space-xl grid gap-space-md`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.factorsLabel}),s.map(e=>(0,p.jsxs)(`div`,{className:`grid gap-space-sm`,children:[(0,p.jsx)(u.i,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs font-medium text-foreground`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted/70`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}C.displayName=`AiConfidenceCard`;var w={title:`Try asking`,hint:`Tap a prompt to start`};function T({suggestions:n,onPick:r,className:a,strings:s}){let c=e.useStrings(w,s);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:c.title,description:c.hint,className:t.cn(`ai-prompt-suggestions--component`,a),children:(0,p.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl`,children:n.map(e=>{let n=e.icon;return(0,p.jsxs)(l.t,{variant:`outline`,render:(0,p.jsx)(`button`,{type:`button`,onClick:()=>r?.(e)}),className:t.cn(`ai-prompt-suggestions--item h-full items-start gap-space-lg px-surface py-surface-sm transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,p.jsx)(l.c,{children:(0,p.jsx)(i.t,{icon:n,tone:`primary`,size:`default`,shape:`square`})}),(0,p.jsxs)(l.r,{className:`min-w-0 gap-space-sm`,children:[(0,p.jsx)(l.u,{children:e.label}),!!e.description&&(0,p.jsx)(l.i,{children:e.description})]})]},e.id)})})})}T.displayName=`AiPromptSuggestions`;var E={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function D({model:n,inputTokens:i,outputTokens:s,cost:c,maxTokens:l,className:d,strings:f}){let h=e.useStrings(E,f),g=i+s,_=l?Math.min(100,Math.round(g/l*100)):0;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Cpu,{className:`size-4`}),title:h.title,titleSuffix:!!n&&(0,p.jsx)(a.t,{variant:`secondary`,children:n}),className:t.cn(`ai-token-usage--component`,d),children:[(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:h.input,value:i},{label:h.output,value:s},{label:h.total,value:g}].map(e=>(0,p.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,p.jsx)(r.s,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!l&&(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(u.i,{label:`${g.toLocaleString()} / ${l.toLocaleString()}`,value:`${_}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${_}%`}})})]}),!!c&&(0,p.jsx)(u.i,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:h.cost,value:c,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}D.displayName=`AiTokenUsageCard`;var O={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`};function k({value:i,onVote:a,onSubmitComment:o,allowComment:c=!0,submitted:l=!1,className:u,strings:d}){let h=e.useStrings(O,d),[g,_]=(0,f.useState)(null),[v,y]=(0,f.useState)(``),b=i??g,x=e=>{let t=b===e?null:e;i===void 0&&_(t),a?.(t)};return l?(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,u),children:[(0,p.jsx)(m.ThumbsUp,{className:`size-3.5 text-success`}),(0,p.jsx)(r.s,{size:`xs`,type:`success`,weight:`medium`,children:h.thanks})]}):(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component inline-flex flex-col gap-2`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:h.prompt}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsUpAria,"aria-pressed":b===`up`,onClick:()=>x(`up`),className:t.cn(b===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,p.jsx)(m.ThumbsUp,{className:`size-3.5`})}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsDownAria,"aria-pressed":b===`down`,onClick:()=>x(`down`),className:t.cn(b===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,p.jsx)(m.ThumbsDown,{className:`size-3.5`})})]}),!!c&&!!b&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(s.t,{value:v,onChange:e=>y(e.target.value),placeholder:h.commentPlaceholder,minRows:2}),(0,p.jsx)(`div`,{className:`flex justify-end`,children:(0,p.jsx)(n.t,{type:`button`,onClick:()=>{o?.(v,b),y(``)},disabled:!v.trim(),children:h.submit})})]})]})}k.displayName=`AiFeedback`;var A={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`};function j({sources:i,defaultExpanded:a=!1,maxCollapsedRows:o=0,className:s,strings:c}){let u=e.mergeStrings(A,c),[d,h]=(0,f.useState)(a),g=d?i:i.slice(0,Math.max(0,o)),_=i.length-g.length;return(0,p.jsxs)(`div`,{className:t.cn(`ai-citation--component`,`rounded-lg border border-border bg-card px-surface-sm py-surface-sm shadow-xs`,`space-y-space-lg`,s),children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>h(e=>!e),className:t.cn(`ai-citation--trigger h-auto justify-start gap-space-sm rounded-md px-control py-row-y`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":d,"aria-label":d?u.collapse:u.expand,children:[(0,p.jsx)(m.Quote,{className:`size-3.5`}),(0,p.jsxs)(r.s,{size:`xs`,weight:`medium`,children:[u.title,` · `,u.sourceCount(i.length)]}),d?(0,p.jsx)(m.ChevronDown,{className:`size-3.5`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5`})]}),(d||o>0)&&(0,p.jsxs)(l.o,{children:[g.map((e,t)=>(0,p.jsx)(M,{source:e,index:t+1,strings:u},e.id)),!d&&_>0&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[`+`,_,` more`]})]})]})}j.displayName=`AiCitation`;function M({source:e,index:n,strings:i}){let a=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,o=e.url?`a`:`span`,s=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,p.jsxs)(l.t,{variant:`outline`,size:`small`,className:`items-start px-surface-sm py-surface-sm`,children:[(0,p.jsx)(l.c,{children:(0,p.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground tabular-nums`,children:n})}),(0,p.jsxs)(l.r,{children:[(0,p.jsx)(l.u,{className:`truncate`,children:(0,p.jsxs)(o,{...s,className:t.cn(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,p.jsx)(m.ExternalLink,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,p.jsx)(l.i,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,p.jsxs)(l.a,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),a!==null&&(0,p.jsxs)(l.n,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[a,`%`]}),(0,p.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":i.relevance,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${a}%`}})})]})]})}var N={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`};function P(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function F({index:i,title:a,url:o,onSelect:s,className:c,strings:l}){let u=e.mergeStrings(N,l),d=P(u.openAria,{n:i,title:a??``}),f=a?`${u.sourcePrefix} ${i}: ${a}`:`${u.sourcePrefix} ${i}`,m=t.cn(`inline-flex h-5 min-w-5 -translate-y-px items-center justify-center rounded px-1`,`align-middle text-xs font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,c);return o?(0,p.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):s?(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:s,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):(0,p.jsx)(`span`,{title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})})}F.displayName=`AiInlineCitation`;var I={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function L({name:n,version:i,description:o,license:s,publishedAt:c,homepage:l,repository:u,weeklyDownloads:d,keywords:f,onSelect:h,className:g,strings:_}){let v=e.useStrings(I,_);return(0,p.jsxs)(h?`button`:`div`,{...h?{type:`button`,onClick:h}:{},className:t.cn(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,h&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,g),children:[(0,p.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,p.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,p.jsx)(m.Package,{className:`size-4`})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate font-mono`,children:n}),!!i&&(0,p.jsxs)(a.t,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,i.replace(/^v/,``)]})]}),!!o&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:o}),(s||c||d!==void 0)&&(0,p.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!s&&(0,p.jsx)(R,{label:v.licenseLabel,value:s}),!!c&&(0,p.jsx)(R,{label:v.publishedLabel,value:c}),d!==void 0&&(0,p.jsx)(R,{label:v.weeklyDownloadsLabel,value:String(d)})]}),!!f?.length&&(0,p.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.slice(0,6).map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))})]})]}),(l||u)&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!l&&(0,p.jsxs)(`a`,{href:l,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Globe,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Homepage`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]}),!!l&&!!u&&(0,p.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!u&&(0,p.jsxs)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Code2,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Repository`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]})]})]})}L.displayName=`AiPackageInfo`;function R({label:e,value:t}){return(0,p.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var z={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},B={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function V(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?m.FileCode:[`md`,`mdx`,`txt`].includes(t)?m.FileText:m.File}function H({nodes:n,selectedId:r,onSelect:i,hideStatusLabels:a=!1,indent:o=14,className:s,strings:c}){let l=e.useStrings(z,c);return(0,p.jsx)(`div`,{className:t.cn(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,s),children:(0,p.jsx)(`ul`,{children:n.map(e=>(0,p.jsx)(U,{node:e,depth:0,selectedId:r,onSelect:i,hideStatusLabels:a,indent:o,strings:l},e.id))})})}H.displayName=`AiFileTree`;function U({node:e,depth:i,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l}){let[u,d]=(0,f.useState)(e.defaultExpanded??i<1),h=e.kind===`directory`,g=a===e.id,_=e.status,v=_?B[_]:void 0,y=e.icon??(h?u?m.FolderOpen:m.Folder:V(e.name)),b=()=>{h?d(e=>!e):o?.(e)},x=(0,p.jsxs)(p.Fragment,{children:[!!_&&!s&&(0,p.jsx)(`span`,{className:t.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-xs font-bold leading-none uppercase`,v?.pill),children:l.statusLabels[_]}),!!e.trailing&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,p.jsxs)(`li`,{children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:b,"aria-expanded":h?u:void 0,"aria-label":h?u?l.collapseAria:l.expandAria:void 0,className:t.cn(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,g&&`bg-primary/10`,!!_&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,v?.row,_===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+i*c},children:[h?u?(0,p.jsx)(m.ChevronDown,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,p.jsx)(y,{className:t.cn(`size-3.5 shrink-0`,h?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,p.jsx)(`span`,{className:t.cn(`flex-1 truncate`,_===`removed`&&`line-through`),children:e.name}),(0,p.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:x})]}),h&&u&&!!e.children?.length&&(0,p.jsx)(`ul`,{children:e.children.map(e=>(0,p.jsx)(U,{node:e,depth:i+1,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l},e.id))})]})}exports.AiAgent=d.p,exports.AiArtifact=d.t,exports.AiAttachment=d.h,exports.AiChainOfThought=d.a,exports.AiCitation=j,exports.AiClassificationPanel=b,exports.AiCodeBlock=d._,exports.AiConfidenceCard=C,exports.AiConfirmation=d.d,exports.AiFeedback=k,exports.AiFileTree=H,exports.AiInlineCitation=F,exports.AiMessageBubble=d.S,exports.AiPackageInfo=L,exports.AiPromptSuggestions=T,exports.AiReasoning=d.s,exports.AiShimmer=d.y,exports.AiSources=d.l,exports.AiSummaryBlock=y,exports.AiTask=d.r,exports.AiTokenUsageCard=D,exports.AiToolCall=d.b,exports.defaultAiAgentStrings=d.m,exports.defaultAiArtifactStrings=d.n,exports.defaultAiAttachmentStrings=d.g,exports.defaultAiChainOfThoughtStrings=d.o,exports.defaultAiCitationStrings=A,exports.defaultAiCodeBlockStrings=d.v,exports.defaultAiConfidenceCardStrings=x,exports.defaultAiConfirmationStrings=d.f,exports.defaultAiFeedbackStrings=O,exports.defaultAiFileTreeStrings=z,exports.defaultAiInlineCitationStrings=N,exports.defaultAiMessageBubbleStrings=d.C,exports.defaultAiPackageInfoStrings=I,exports.defaultAiPromptSuggestionsStrings=w,exports.defaultAiReasoningStrings=d.c,exports.defaultAiSourcesStrings=d.u,exports.defaultAiTaskStrings=d.i,exports.defaultAiTokenUsageStrings=E,exports.defaultAiToolCallStrings=d.x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/ai/index.js

@@ -3,13 +3,13 @@ import { cn as n } from "../../../lib/utils.js";
 import { t as r } from "../../../_shared/button-Be2ayMxF.js";
 import { s as i } from "../../../_shared/typography-5bLhAYaK.js";
 import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
-import { t as o } from "../../../_shared/badge-nZ2zbAV4.js";
+import { t as o } from "../../../_shared/badge-r8ae66Vd.js";
 import { t as s } from "../../../_shared/cards-BJctT9KD.js";
 import { t as c } from "../../../_shared/textarea-C0iZwWdD.js";
-import { t as l } from "../../../_shared/separator-B8FBp-7E.js";
+import { t as l } from "../../../_shared/separator-DiH-j--f.js";
 import { a as u, c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "../../../_shared/item-CVjjpHQd.js";
-import { i as v } from "../../../_shared/data-display-4E_irfF2.js";
-import { C as ee, S as te, _ as ne, a as y, b as re, c as ie, d as ae, f as oe, g as b, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../../../_shared/ai-artifact-BylloxGO.js";
+import { i as v } from "../../../_shared/data-display-LlvMEFTK.js";
+import { C as ee, S as te, _ as ne, a as y, b as re, c as ie, d as ae, f as oe, g as b, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../../../_shared/ai-artifact-DwfXQuh4.js";
 import { useState as x } from "react";
 import { Fragment as xe, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { BrainCircuit as w, ChevronDown as T, ChevronRight as E, Code2 as D, Cpu as O, ExternalLink as k, File as A, FileCode as j, FileText as M, Folder as Se, FolderOpen as Ce, Globe as we, Package as Te, Quote as N, RefreshCw as Ee, Sparkles as P, ThumbsDown as De, ThumbsUp as F } from "lucide-react";

package/dist/components/composed/cards/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-LSAgdmGt.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/display-Lr3xTd4a.cjs"),c=require("../../../_shared/avatar-BnKM_o2d.cjs"),l=require("../../../_shared/item-ChHblHhR.cjs"),u=require("../../../_shared/data-display-BPn-7qFO.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react");var m={contact:`Contact`,profile:`Profile`};function h(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function g({name:i,role:o,email:s,phone:u,location:d,avatarUrl:g,initials:_,badge:v,badgeVariant:y=`success`,onContact:b,onViewProfile:x,className:S,strings:C}){let w=e.useStrings(m,C);return(0,f.jsxs)(`div`,{className:t.cn(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,S),children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,f.jsxs)(c.t,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!g&&(0,f.jsx)(c.o,{src:g,alt:i}),(0,f.jsx)(c.r,{className:`text-sm font-semibold`,children:h(i,_)})]}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:i}),!!v&&(0,f.jsx)(a.t,{variant:y,children:v})]}),!!o&&(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),!!(s||u||d)&&(0,f.jsxs)(l.o,{className:`mt-4 gap-0`,children:[!!s&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Mail,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:s})})]}),!!u&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Phone,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:u})})]}),!!d&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.MapPin,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:d})})]})]}),!!(b||x)&&(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!b&&(0,f.jsx)(n.t,{variant:`primary`,buttonStyle:`solid`,icon:p.Mail,onClick:b,children:w.contact}),!!x&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:p.ExternalLink,onClick:x,children:w.profile})]})]})}g.displayName=`ContactCard`;var _={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function y(){let e=`gradient-card-diag-stripes-${(0,d.useId)().replace(/:/g,``)}`;return(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,f.jsx)(`defs`,{children:(0,f.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,f.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,f.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var b={none:null,circles:()=>(0,f.jsx)(v,{}),diagonal:()=>(0,f.jsx)(y,{})};function x({gradient:e=`coral`,pattern:i=`none`,title:a,subtitle:o,value:s,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:p,action:m,footer:h,children:g,className:v}){let y=b[i],x=!!(a||o||u);return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card--component relative overflow-hidden rounded-lg`,_[e],v),children:[!!y&&y(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!x&&(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!a&&(0,f.jsx)(r.s,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(r.s,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:o})]}),!!u&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,f.jsx)(u,{className:`size-5`})})]}),!!s&&(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(r.o,{tag:`h3`,align:`left`,className:`text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:s}),(c||l)&&(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,f.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,f.jsx)(r.s,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!p&&(0,f.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:p})]}),!!g&&(0,f.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,f.jsx)(n.t,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,f.jsx)(`span`,{}),!!h&&(0,f.jsx)(r.s,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}x.displayName=`GradientCard`;function S({gradient:e=`coral`,pattern:n=`none`,title:i,value:a,change:o,subtitle:s,className:c}){let l=b[n];return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card-compact--component relative overflow-hidden rounded-lg`,_[e],c),children:[!!l&&l(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!i&&(0,f.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:i}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,f.jsx)(r.o,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}S.displayName=`GradientCardCompact`;var C={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},w={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};C.status.active,C.status.redeemed,C.status.expired,C.status.disabled;var T={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},E={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},D={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},O={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},k={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`};function A({code:i,amount:a,remainingAmount:o,status:s,recipientName:c,senderName:l,message:d,expiresAt:m,createdAt:h,template:g,onView:_,gradient:v=`purple`,pattern:y=`none`,className:b,strings:x}){let S=e.useStrings(C,x),E=S.status[s],D=w[s],O=!!o&&o!==a,k=O?o:a,A=[...c?[{label:S.to,value:c}]:[],...l?[{label:S.from,value:l}]:[],...m?[{label:S.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,b),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,T[v].card),children:[y===`circles`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),y===`waves`&&(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,f.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,f.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,f.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":D,children:[(0,f.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),E]})}),(0,f.jsxs)(`div`,{className:`relative z-10`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(p.Gift,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,f.jsx)(r.s,{weight:`medium`,className:`text-inverse-muted`,children:S.giftCard})]}),(0,f.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,f.jsx)(r.s,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:S.balance}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:k}),!!O&&(0,f.jsx)(r.s,{className:`line-through tabular-nums text-inverse-disabled`,children:a})]})]}),(0,f.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:i}),(0,f.jsx)(n.t,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":S.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-4 w-4`})})]})]})]}),(0,f.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!d&&(0,f.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:S.personalMessage}),(0,f.jsxs)(r.s,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,d,`”`]})]}),(0,f.jsx)(u.a,{items:A,columns:2}),!!_&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:_,children:S.viewDetails})]})]})}A.displayName=`GiftcardCard`;function j({code:n,amount:i,remainingAmount:o,status:s,recipientName:c,gradient:u=`purple`,className:d,strings:m}){let h=e.useStrings(C,m).status[s],g=w[s],_=!!o&&o!==i,v=_?o:i;return(0,f.jsxs)(l.t,{size:`small`,variant:`outline`,className:t.cn(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,d),children:[(0,f.jsx)(l.c,{variant:`image`,children:(0,f.jsx)(`div`,{className:t.cn(`flex size-full items-center justify-center bg-gradient-to-br`,E[u]),children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,f.jsxs)(l.r,{className:`min-w-0`,children:[(0,f.jsx)(l.u,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:n}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,f.jsx)(r.s,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:v}),!!_&&(0,f.jsx)(r.s,{size:`xs`,type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,f.jsx)(a.t,{variant:g,size:`small`,children:h})]})})]})}j.displayName=`GiftcardCompact`;function M({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,color:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[c],x=w[c],S=!!s&&s!==o,T=S?s:o,E=D[g],O=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsx)(`div`,{className:t.cn(`mx-4 mt-3 h-1 w-12 rounded-sm`,E.line)}),(0,f.jsxs)(l.t,{size:`small`,className:`flex-nowrap items-center`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:t.cn(`flex h-7 w-7 items-center justify-center rounded-full`,E.iconBg),children:(0,f.jsx)(p.Gift,{className:`h-3.5 w-3.5`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsx)(a.t,{variant:x,size:`small`,children:b})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:O,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,f.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,f.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[y.viewDetails,(0,f.jsx)(p.ArrowRight,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}M.displayName=`GiftcardCardMinimal`;function N({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,className:g,strings:_}){let v=e.useStrings(C,_),y=v.status[c],b=w[c],x=!!s&&s!==o,S=x?s:o,T=[...d?[{label:v.recipient,value:d}]:[],...m?[{label:v.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-warning`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,f.jsx)(l.n,{children:(0,f.jsx)(a.t,{variant:b,children:y})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:S}),!!x&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:T,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,f.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,f.jsx)(n.t,{variant:`dark`,buttonStyle:`solid`,icon:p.Eye,fullWidth:!0,onClick:h,children:v.viewDetails})})]})}N.displayName=`GiftcardCardDark`;function P({code:o,amount:s,remainingAmount:c,status:l,recipientName:d,expiresAt:m,onView:h,headerColor:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[l],x=w[l],S=!!c&&c!==s,T=S?c:s,E=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,O[g]),children:[(0,f.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,f.jsx)(i.t,{icon:p.Gift,size:`default`,shape:`square`,className:t.cn(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,k[g])}),(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:y.giftCard})]}),(0,f.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:s})]}),(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:y.balance})]}),(0,f.jsx)(a.t,{variant:x,children:b})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:o}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:E,columns:2}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:h,children:y.viewDetails})]})]})}P.displayName=`GiftcardCardIllustrated`;var F={participants:`Participants`,progress:`Progress`},I=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,L=`from-primary/8 via-card to-info/10`;function R(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function z({title:i,description:c,badges:u=[],participants:d=[],extraParticipants:p=0,progressPercent:m,actionLabel:h,onAction:g,className:_,strings:v,variant:y=`default`,gradient:b=L}){let x=e.useStrings(F,v),S=d.length+p,C=R(d);return y===`minimal`?(0,f.jsxs)(l.t,{variant:`outline`,className:t.cn(`course-card--component`,`hover:bg-muted/30 transition-colors`,_),children:[(0,f.jsxs)(l.r,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(l.u,{children:i}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsxs)(l.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[d.length>0&&(0,f.jsx)(s.b,{users:C,max:3,size:`small`,overflowFormatter:()=>`+${p||0}`,showOverflow:p>0}),m!==void 0&&(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,children:h})]})]}):y===`gradient`?(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component border-primary/20 bg-gradient-to-br`,b,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:3,size:`small`,showOverflow:!1}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]})]})]})}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]}):(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component`,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.participants}),(0,f.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:S})]}),(0,f.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:4,size:`small`,showOverflow:p>0,overflowFormatter:()=>`+${p}`}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.progress}),(0,f.jsxs)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[m,`%`]})]}),(0,f.jsx)(`div`,{className:`mt-2.5`,children:(0,f.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})})})]})]}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]})}z.displayName=`CourseCard`;function B({icon:e=p.Sparkles,title:r,description:s,tags:c=[],actionLabel:u,onAction:d,className:m}){return(0,f.jsxs)(o.t,{className:t.cn(`feature-announcement--component`,m),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(i.t,{icon:e,tone:`primary`,size:`default`,shape:`square`,className:`rounded-md ring-1 ring-primary/15`})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:r}),(0,f.jsx)(l.i,{clamp:`none`,children:s})]})]}),c.length>0&&(0,f.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:c.map(e=>(0,f.jsx)(a.t,{variant:`info`,children:e},e))}),!!u&&(0,f.jsx)(`div`,{className:`mt-3`,children:(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:d,className:`-ml-2`,children:[u,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})})]})}B.displayName=`FeatureAnnouncementCard`;var V={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`};function H({name:a,initials:o,avatarUrl:s,role:c,verified:m=!1,earnings:h,earningsChange:g,metrics:_=[],stats:v=[],onMessage:y,onHire:b,className:x,strings:S}){let C=e.useStrings(V,S),[w,T]=(0,d.useState)(`overview`),E=o??a.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),D={overview:C.tabOverview,stats:C.tabStats},O=!!h||_.length>0,k=v.length>0,A=[[`overview`,O],[`stats`,k]].filter(([,e])=>e).map(([e])=>e),j=w===`overview`&&!O&&k?`stats`:w;return(0,f.jsxs)(`div`,{className:t.cn(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,x),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{variant:s?`avatar`:`default`,children:s?(0,f.jsx)(`img`,{src:s,alt:a,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,f.jsx)(i.t,{tone:`primary`,size:`default`,className:`font-semibold ring-1 ring-primary/15`,children:E})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[a,!!m&&(0,f.jsx)(i.t,{tone:`success`,solid:!0,size:`small`,"aria-label":C.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,f.jsx)(p.Check,{className:`size-2.5`,strokeWidth:3})})]})}),!!c&&(0,f.jsx)(l.i,{clamp:2,children:c})]})]}),A.length>1&&(0,f.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:A.map(e=>(0,f.jsx)(n.t,{type:`button`,"aria-pressed":j===e,onClick:()=>T(e),variant:`secondary`,buttonStyle:`ghost`,size:`small`,className:t.cn(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:D[e]},e))}),j===`overview`&&O&&(0,f.jsxs)(`div`,{className:`space-y-3`,children:[!!h&&(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:C.totalEarnings}),(0,f.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,f.jsx)(r.s,{size:`base`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:h}),!!g&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:g})]})]}),_.length>0&&(0,f.jsx)(`div`,{className:`space-y-1.5`,children:_.map(e=>(0,f.jsx)(u.i,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),j===`stats`&&k&&(0,f.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:v.map(e=>(0,f.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,f.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,f.jsx)(r.s,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:t.cn(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,f.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:y,children:[(0,f.jsx)(p.MessageSquare,{className:`mr-1.5 size-3.5`}),C.message]}),(0,f.jsxs)(n.t,{variant:`dark`,className:`flex-1 rounded-md`,onClick:b,children:[C.hire,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}H.displayName=`VendorProfileCard`,exports.ContactCard=g,exports.CourseCard=z,exports.FeatureAnnouncementCard=B,exports.GiftcardCard=A,exports.GiftcardCardDark=N,exports.GiftcardCardIllustrated=P,exports.GiftcardCardMinimal=M,exports.GiftcardCompact=j,exports.GradientCard=x,exports.GradientCardCompact=S,exports.VendorProfileCard=H;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-C65rt1M9.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/display-BqoPOdof.cjs"),c=require("../../../_shared/avatar-BnKM_o2d.cjs"),l=require("../../../_shared/item-ChHblHhR.cjs"),u=require("../../../_shared/data-display-DQUUEzCx.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react");var m={contact:`Contact`,profile:`Profile`};function h(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function g({name:i,role:o,email:s,phone:u,location:d,avatarUrl:g,initials:_,badge:v,badgeVariant:y=`success`,onContact:b,onViewProfile:x,className:S,strings:C}){let w=e.useStrings(m,C);return(0,f.jsxs)(`div`,{className:t.cn(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,S),children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,f.jsxs)(c.t,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!g&&(0,f.jsx)(c.o,{src:g,alt:i}),(0,f.jsx)(c.r,{className:`text-sm font-semibold`,children:h(i,_)})]}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:i}),!!v&&(0,f.jsx)(a.t,{variant:y,children:v})]}),!!o&&(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),!!(s||u||d)&&(0,f.jsxs)(l.o,{className:`mt-4 gap-0`,children:[!!s&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Mail,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:s})})]}),!!u&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Phone,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:u})})]}),!!d&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.MapPin,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:d})})]})]}),!!(b||x)&&(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!b&&(0,f.jsx)(n.t,{variant:`primary`,buttonStyle:`solid`,icon:p.Mail,onClick:b,children:w.contact}),!!x&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:p.ExternalLink,onClick:x,children:w.profile})]})]})}g.displayName=`ContactCard`;var _={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function y(){let e=`gradient-card-diag-stripes-${(0,d.useId)().replace(/:/g,``)}`;return(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,f.jsx)(`defs`,{children:(0,f.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,f.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,f.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var b={none:null,circles:()=>(0,f.jsx)(v,{}),diagonal:()=>(0,f.jsx)(y,{})};function x({gradient:e=`coral`,pattern:i=`none`,title:a,subtitle:o,value:s,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:p,action:m,footer:h,children:g,className:v}){let y=b[i],x=!!(a||o||u);return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card--component relative overflow-hidden rounded-lg`,_[e],v),children:[!!y&&y(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!x&&(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!a&&(0,f.jsx)(r.s,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(r.s,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:o})]}),!!u&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,f.jsx)(u,{className:`size-5`})})]}),!!s&&(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(r.o,{tag:`h3`,align:`left`,className:`text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:s}),(c||l)&&(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,f.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,f.jsx)(r.s,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!p&&(0,f.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:p})]}),!!g&&(0,f.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,f.jsx)(n.t,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,f.jsx)(`span`,{}),!!h&&(0,f.jsx)(r.s,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}x.displayName=`GradientCard`;function S({gradient:e=`coral`,pattern:n=`none`,title:i,value:a,change:o,subtitle:s,className:c}){let l=b[n];return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card-compact--component relative overflow-hidden rounded-lg`,_[e],c),children:[!!l&&l(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!i&&(0,f.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:i}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,f.jsx)(r.o,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}S.displayName=`GradientCardCompact`;var C={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},w={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};C.status.active,C.status.redeemed,C.status.expired,C.status.disabled;var T={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},E={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},D={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},O={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},k={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`};function A({code:i,amount:a,remainingAmount:o,status:s,recipientName:c,senderName:l,message:d,expiresAt:m,createdAt:h,template:g,onView:_,gradient:v=`purple`,pattern:y=`none`,className:b,strings:x}){let S=e.useStrings(C,x),E=S.status[s],D=w[s],O=!!o&&o!==a,k=O?o:a,A=[...c?[{label:S.to,value:c}]:[],...l?[{label:S.from,value:l}]:[],...m?[{label:S.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,b),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,T[v].card),children:[y===`circles`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),y===`waves`&&(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,f.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,f.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,f.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":D,children:[(0,f.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),E]})}),(0,f.jsxs)(`div`,{className:`relative z-10`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(p.Gift,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,f.jsx)(r.s,{weight:`medium`,className:`text-inverse-muted`,children:S.giftCard})]}),(0,f.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,f.jsx)(r.s,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:S.balance}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:k}),!!O&&(0,f.jsx)(r.s,{className:`line-through tabular-nums text-inverse-disabled`,children:a})]})]}),(0,f.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:i}),(0,f.jsx)(n.t,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":S.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-4 w-4`})})]})]})]}),(0,f.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!d&&(0,f.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:S.personalMessage}),(0,f.jsxs)(r.s,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,d,`”`]})]}),(0,f.jsx)(u.a,{items:A,columns:2}),!!_&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:_,children:S.viewDetails})]})]})}A.displayName=`GiftcardCard`;function j({code:n,amount:i,remainingAmount:o,status:s,recipientName:c,gradient:u=`purple`,className:d,strings:m}){let h=e.useStrings(C,m).status[s],g=w[s],_=!!o&&o!==i,v=_?o:i;return(0,f.jsxs)(l.t,{size:`small`,variant:`outline`,className:t.cn(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,d),children:[(0,f.jsx)(l.c,{variant:`image`,children:(0,f.jsx)(`div`,{className:t.cn(`flex size-full items-center justify-center bg-gradient-to-br`,E[u]),children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,f.jsxs)(l.r,{className:`min-w-0`,children:[(0,f.jsx)(l.u,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:n}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,f.jsx)(r.s,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:v}),!!_&&(0,f.jsx)(r.s,{size:`xs`,type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,f.jsx)(a.t,{variant:g,size:`small`,children:h})]})})]})}j.displayName=`GiftcardCompact`;function M({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,color:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[c],x=w[c],S=!!s&&s!==o,T=S?s:o,E=D[g],O=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsx)(`div`,{className:t.cn(`mx-4 mt-3 h-1 w-12 rounded-sm`,E.line)}),(0,f.jsxs)(l.t,{size:`small`,className:`flex-nowrap items-center`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:t.cn(`flex h-7 w-7 items-center justify-center rounded-full`,E.iconBg),children:(0,f.jsx)(p.Gift,{className:`h-3.5 w-3.5`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsx)(a.t,{variant:x,size:`small`,children:b})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:O,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,f.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,f.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[y.viewDetails,(0,f.jsx)(p.ArrowRight,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}M.displayName=`GiftcardCardMinimal`;function N({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,className:g,strings:_}){let v=e.useStrings(C,_),y=v.status[c],b=w[c],x=!!s&&s!==o,S=x?s:o,T=[...d?[{label:v.recipient,value:d}]:[],...m?[{label:v.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-warning`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,f.jsx)(l.n,{children:(0,f.jsx)(a.t,{variant:b,children:y})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:S}),!!x&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:T,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,f.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,f.jsx)(n.t,{variant:`dark`,buttonStyle:`solid`,icon:p.Eye,fullWidth:!0,onClick:h,children:v.viewDetails})})]})}N.displayName=`GiftcardCardDark`;function P({code:o,amount:s,remainingAmount:c,status:l,recipientName:d,expiresAt:m,onView:h,headerColor:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[l],x=w[l],S=!!c&&c!==s,T=S?c:s,E=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,O[g]),children:[(0,f.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,f.jsx)(i.t,{icon:p.Gift,size:`default`,shape:`square`,className:t.cn(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,k[g])}),(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:y.giftCard})]}),(0,f.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:s})]}),(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:y.balance})]}),(0,f.jsx)(a.t,{variant:x,children:b})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:o}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:E,columns:2}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:h,children:y.viewDetails})]})]})}P.displayName=`GiftcardCardIllustrated`;var F={participants:`Participants`,progress:`Progress`},I=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,L=`from-primary/8 via-card to-info/10`;function R(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function z({title:i,description:c,badges:u=[],participants:d=[],extraParticipants:p=0,progressPercent:m,actionLabel:h,onAction:g,className:_,strings:v,variant:y=`default`,gradient:b=L}){let x=e.useStrings(F,v),S=d.length+p,C=R(d);return y===`minimal`?(0,f.jsxs)(l.t,{variant:`outline`,className:t.cn(`course-card--component`,`hover:bg-muted/30 transition-colors`,_),children:[(0,f.jsxs)(l.r,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(l.u,{children:i}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsxs)(l.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[d.length>0&&(0,f.jsx)(s.b,{users:C,max:3,size:`small`,overflowFormatter:()=>`+${p||0}`,showOverflow:p>0}),m!==void 0&&(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,children:h})]})]}):y===`gradient`?(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component border-primary/20 bg-gradient-to-br`,b,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:3,size:`small`,showOverflow:!1}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]})]})]})}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]}):(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component`,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.participants}),(0,f.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:S})]}),(0,f.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:4,size:`small`,showOverflow:p>0,overflowFormatter:()=>`+${p}`}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.progress}),(0,f.jsxs)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[m,`%`]})]}),(0,f.jsx)(`div`,{className:`mt-2.5`,children:(0,f.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})})})]})]}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]})}z.displayName=`CourseCard`;function B({icon:e=p.Sparkles,title:r,description:s,tags:c=[],actionLabel:u,onAction:d,className:m}){return(0,f.jsxs)(o.t,{className:t.cn(`feature-announcement--component`,m),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(i.t,{icon:e,tone:`primary`,size:`default`,shape:`square`,className:`rounded-md ring-1 ring-primary/15`})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:r}),(0,f.jsx)(l.i,{clamp:`none`,children:s})]})]}),c.length>0&&(0,f.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:c.map(e=>(0,f.jsx)(a.t,{variant:`info`,children:e},e))}),!!u&&(0,f.jsx)(`div`,{className:`mt-3`,children:(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:d,className:`-ml-2`,children:[u,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})})]})}B.displayName=`FeatureAnnouncementCard`;var V={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`};function H({name:a,initials:o,avatarUrl:s,role:c,verified:m=!1,earnings:h,earningsChange:g,metrics:_=[],stats:v=[],onMessage:y,onHire:b,className:x,strings:S}){let C=e.useStrings(V,S),[w,T]=(0,d.useState)(`overview`),E=o??a.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),D={overview:C.tabOverview,stats:C.tabStats},O=!!h||_.length>0,k=v.length>0,A=[[`overview`,O],[`stats`,k]].filter(([,e])=>e).map(([e])=>e),j=w===`overview`&&!O&&k?`stats`:w;return(0,f.jsxs)(`div`,{className:t.cn(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,x),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{variant:s?`avatar`:`default`,children:s?(0,f.jsx)(`img`,{src:s,alt:a,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,f.jsx)(i.t,{tone:`primary`,size:`default`,className:`font-semibold ring-1 ring-primary/15`,children:E})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[a,!!m&&(0,f.jsx)(i.t,{tone:`success`,solid:!0,size:`small`,"aria-label":C.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,f.jsx)(p.Check,{className:`size-2.5`,strokeWidth:3})})]})}),!!c&&(0,f.jsx)(l.i,{clamp:2,children:c})]})]}),A.length>1&&(0,f.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:A.map(e=>(0,f.jsx)(n.t,{type:`button`,"aria-pressed":j===e,onClick:()=>T(e),variant:`secondary`,buttonStyle:`ghost`,size:`small`,className:t.cn(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:D[e]},e))}),j===`overview`&&O&&(0,f.jsxs)(`div`,{className:`space-y-3`,children:[!!h&&(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:C.totalEarnings}),(0,f.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,f.jsx)(r.s,{size:`base`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:h}),!!g&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:g})]})]}),_.length>0&&(0,f.jsx)(`div`,{className:`space-y-1.5`,children:_.map(e=>(0,f.jsx)(u.i,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),j===`stats`&&k&&(0,f.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:v.map(e=>(0,f.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,f.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,f.jsx)(r.s,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:t.cn(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,f.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:y,children:[(0,f.jsx)(p.MessageSquare,{className:`mr-1.5 size-3.5`}),C.message]}),(0,f.jsxs)(n.t,{variant:`dark`,className:`flex-1 rounded-md`,onClick:b,children:[C.hire,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}H.displayName=`VendorProfileCard`,exports.ContactCard=g,exports.CourseCard=z,exports.FeatureAnnouncementCard=B,exports.GiftcardCard=A,exports.GiftcardCardDark=N,exports.GiftcardCardIllustrated=P,exports.GiftcardCardMinimal=M,exports.GiftcardCompact=j,exports.GradientCard=x,exports.GradientCardCompact=S,exports.VendorProfileCard=H;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/cards/index.js

@@ -3,12 +3,12 @@ import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-Be2ayMxF.js";
 import { o as r, s as i } from "../../../_shared/typography-5bLhAYaK.js";
 import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
-import { t as o } from "../../../_shared/badge-nZ2zbAV4.js";
+import { t as o } from "../../../_shared/badge-r8ae66Vd.js";
 import { t as s } from "../../../_shared/cards-BJctT9KD.js";
-import { b as c } from "../../../_shared/display-DFVeSuWL.js";
+import { b as c } from "../../../_shared/display-CQoSwU74.js";
 import { o as l, r as u, t as d } from "../../../_shared/avatar-BagPbPuD.js";
 import { c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-CVjjpHQd.js";
-import { a as y, i as b } from "../../../_shared/data-display-4E_irfF2.js";
+import { a as y, i as b } from "../../../_shared/data-display-LlvMEFTK.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { ArrowRight as E, Check as D, ChevronRight as O, Copy as k, ExternalLink as A, Eye as j, Gift as M, Mail as N, MapPin as P, MessageSquare as ee, Phone as F, Sparkles as I } from "lucide-react";

package/dist/components/composed/commerce/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-LSAgdmGt.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/input-Dvvmn96E.cjs"),c=require("../../../_shared/display-Lr3xTd4a.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/item-ChHblHhR.cjs"),d=require("../../../_shared/data-display-BPn-7qFO.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");function h(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 g({bookings:e,className:n,locale:i,dateTone:a=`inverse`,timePlacement:o=`below`}){return(0,p.jsx)(u.o,{className:t.cn(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,t)=>{let n=h(e);return(0,p.jsxs)(u.t,{className:`items-center`,children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(c.v,{date:n,time:o===`below`?e.time:void 0,tone:a,locale:i,timePlacement:`below`,layout:`stacked`})}),(0,p.jsxs)(u.r,{className:`min-w-0 sm:min-w-48`,children:[(0,p.jsx)(u.u,{children:e.service}),(0,p.jsx)(u.i,{clamp:1,children:e.customer})]}),(0,p.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o===`inline-trailing`&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,p.jsx)(r.s,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}g.displayName=`UpcomingBookingRow`;var _={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function v({balance:i,tier:s=`Gold Tier`,tierVariant:c,history:f=[],redeemLabel:h,onRedeem:g,className:v,strings:y}){let b=e.useStrings(e.useStrings(_,h===void 0?void 0:{redeem:h}),y);return(0,p.jsxs)(o.t,{className:t.cn(`loyalty-points--component w-full`,v),children:[(0,p.jsx)(d.i,{label:b.balanceLabel,value:(0,p.jsxs)(a.t,{variant:`warning`,children:[(0,p.jsx)(m.Trophy,{className:`mr-1 inline size-3`}),s]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:typeof i==`number`?i.toLocaleString():i}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.pointsAvailable}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(u.o,{children:f.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{bold:!1,children:e.label}),(0,p.jsx)(u.i,{clamp:1,children:e.date})]}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:t.cn(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,p.jsxs)(n.t,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:g,children:[(0,p.jsx)(m.Gift,{className:`mr-1.5 size-3.5`}),b.redeem]})]})}v.displayName=`LoyaltyPointsCard`;var y={title:`Applied Discounts`,totalSavings:`Total Savings`};function b({discounts:n,totalSavings:i,className:s,strings:c}){let f=e.useStrings(y,c);return(0,p.jsxs)(o.t,{title:f.title,className:t.cn(`discount-stack--component w-full`,s),children:[(0,p.jsx)(u.o,{className:`mt-4`,children:n.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(a.t,{variant:e.badge,className:`w-16 justify-center`,children:e.type})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(d.i,{label:f.totalSavings,value:(0,p.jsx)(r.o,{tag:`h4`,className:`text-base tabular-nums tracking-tight text-success border-none pb-0`,children:i}),labelClassName:`text-sm font-semibold`})]})}b.displayName=`DiscountStackPreview`;function x({trackingNumber:e,carrier:n,status:i,steps:s,details:c=[],className:u}){return(0,p.jsxs)(o.t,{className:t.cn(`shipment-tracking--component w-full`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(r.s,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,p.jsx)(a.t,{variant:`info`,children:n})]}),(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,p.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,p.jsx)(r.s,{weight:`semibold`,children:i})]}),(0,p.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:s.map((e,n)=>(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<s.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,p.jsx)(d.i,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}x.displayName=`ShipmentTrackingCard`;var S={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function C({subtotal:n,taxes:i,totalTax:a,total:s,className:c,strings:u}){let f=e.useStrings(S,u);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Receipt,{className:`size-4`}),title:f.title,className:t.cn(`tax-breakdown--component w-full`,c),children:[(0,p.jsx)(d.i,{label:f.subtotal,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[i.map((e,t)=>(0,p.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!a&&i.length>1&&(0,p.jsx)(d.i,{label:f.totalTax,value:a,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,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:f.total,value:s,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`})]})}C.displayName=`TaxBreakdownCard`;var w={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function T({planName:s,priceLabel:c,cycleLabel:l,nextBillingDate:d,statusLabel:f,perks:h=[],onManage:g,onUpgrade:_,className:v,strings:y}){let b=e.useStrings(w,y);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Repeat,{className:`size-4`}),title:b.title,headerEnd:f?(0,p.jsx)(a.t,{variant:`success`,children:f}):null,className:t.cn(`subscription-summary--component w-full`,v),children:[(0,p.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.plan}),(0,p.jsx)(r.o,{tag:`h3`,className:`mt-1 text-base font-semibold tracking-tight border-none pb-0`,children:s}),(0,p.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{tag:`span`,size:`base`,weight:`bold`,className:`tabular-nums`,children:c}),(0,p.jsx)(r.s,{type:`secondary`,children:l})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.Calendar,{className:`size-3.5 text-muted-foreground`}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.nextBilling})]}),(0,p.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:d})]}),h.length>0&&(0,p.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.perks}),(0,p.jsx)(u.o,{children:h.map((e,t)=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:e.icon??m.Check,tone:`success`,size:`small`})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(g||_)&&(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!g&&(0,p.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,className:`flex-1`,children:b.manage}),!!_&&(0,p.jsxs)(n.t,{variant:`primary`,onClick:_,className:`flex-1`,children:[b.upgrade,(0,p.jsx)(m.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`SubscriptionSummaryCard`;var E={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},D=[`requested`,`approved`,`processing`,`completed`];function O({stage:n,amount:i,reason:a,method:s,eta:c,requestedAt:u,className:f,strings:h}){let g=e.useStrings(E,h),_=D.indexOf(n);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.RotateCcw,{className:`size-4`}),title:g.title,className:t.cn(`refund-status--component w-full`,f),children:[(0,p.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amount}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:i}),!!u&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[g.requested,`: `,u]})]}),(0,p.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:D.map((e,n)=>{let i=n<=_,a=n===_;return(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,i?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,a&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:i?(0,p.jsx)(m.Check,{className:`size-3`}):(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:n+1})}),n<D.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,n<_?`bg-success`:`bg-border`)})]}),(0,p.jsx)(r.s,{size:`xs`,weight:a?`semibold`:`medium`,type:i?`main`:`secondary`,className:`text-center leading-tight`,children:g[e]})]},e)})}),(a||s||c)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[!!a&&(0,p.jsx)(d.i,{label:g.reason,value:a,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!s&&(0,p.jsx)(d.i,{label:g.method,value:s,valueClassName:`text-sm font-medium`}),!!c&&(0,p.jsx)(d.i,{label:g.eta,value:c,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}O.displayName=`RefundStatusCard`;var k={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function A({kind:n=`shipping`,name:i,line1:s,line2:c,city:l,region:u,postalCode:d,country:f,phone:h,isDefault:g=!1,onEdit:_,onRemove:v,onMakeDefault:y,className:b,strings:x}){let S=e.useStrings(k,x),C={shipping:S.shipping,billing:S.billing,pickup:S.pickup},w=[l,u,d].filter(Boolean).join(`, `),T=[];return _&&T.push({id:`edit`,label:S.edit,icon:(0,p.jsx)(m.Edit2,{className:`size-3.5`}),onClick:_}),y&&!g&&T.push({id:`make-default`,label:S.makeDefault,icon:(0,p.jsx)(m.Star,{className:`size-3.5`}),onClick:y}),v&&T.push({id:`remove`,label:S.remove,icon:(0,p.jsx)(m.Trash2,{className:`size-3.5`}),onClick:v}),(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.MapPin,{className:`size-4`}),title:C[n],titleSuffix:g?(0,p.jsx)(a.t,{variant:`primary`,children:S.defaultBadge}):null,actions:T.length>0?T:void 0,className:t.cn(`address-card--component w-full`,b),children:(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(r.s,{weight:`semibold`,children:i}),(0,p.jsx)(r.s,{children:s}),!!c&&(0,p.jsx)(r.s,{children:c}),!!w&&(0,p.jsx)(r.s,{children:w}),(0,p.jsx)(r.s,{type:`secondary`,children:f}),!!h&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:h})]})})}A.displayName=`AddressCard`;var j={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.`},M=e=>e.toUpperCase();function N({appliedCode:l,balance:d,error:h,loading:g,onCheck:_,onRemove:v,className:y,strings:b}){let x=e.useStrings(j,b),S=(0,f.useId)(),[C,w]=(0,f.useState)(``),T=C.trim();return l?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsxs)(u.t,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:l}),(0,p.jsx)(a.t,{variant:`success`,size:`small`,children:x.applied})]}),(0,p.jsx)(u.i,{clamp:1,children:x.balance})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!d&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:d}),!!v&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:v,"aria-label":x.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),T&&_?.(T)},children:(0,p.jsx)(c.D,{label:x.inputLabel,htmlFor:S,error:h,hint:h?void 0:x.helperText,children:(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,p.jsx)(s.t,{id:S,value:C,onChange:e=>w(M(e.target.value)),placeholder:x.placeholder,startIcon:m.Gift,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!h})}),(0,p.jsx)(n.t,{type:`submit`,loading:g,disabled:!T,className:`shrink-0`,children:x.check})]})})})})}N.displayName=`VoucherEntryCard`;var P={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},F=e=>e.replace(/^[\s−-]+/,``),I=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,L=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),R=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function z({title:e}){return(0,p.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xs font-semibold text-muted-foreground ring-1 ring-border/60`,children:R(e)})}function B({items:i,subtotal:a,tax:s,shipping:c,discount:f,total:h,onCheckout:g,className:_,strings:v}){let y=e.useStrings(P,v),b=!!(a||s||c||f);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.ShoppingBag,{className:`size-4`}),title:y.title,className:t.cn(`cart-summary--component w-full`,_),children:[(0,p.jsx)(u.o,{children:i.map(e=>{let t=I(e),n=L(e);return(0,p.jsxs)(u.t,{className:`cart-summary--item`,children:[(0,p.jsx)(u.c,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,p.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,p.jsx)(z,{title:t})}),(0,p.jsxs)(u.r,{className:`cart-summary--item-content`,children:[(0,p.jsx)(u.u,{children:t}),!!e.variantTitle&&(0,p.jsx)(u.i,{clamp:1,children:e.variantTitle})]}),(0,p.jsx)(u.n,{className:`cart-summary--item-actions`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!b&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!a&&(0,p.jsx)(d.i,{label:y.subtotal,value:a,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!s&&(0,p.jsx)(d.i,{label:y.tax,value:s,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!c&&(0,p.jsx)(d.i,{label:y.shipping,value:c,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!f&&(0,p.jsx)(d.i,{label:y.discount,value:`−${F(f)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:y.total,value:h,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`}),!!g&&(0,p.jsx)(n.t,{onClick:g,fullWidth:!0,className:`mt-4`,children:y.checkout})]})}B.displayName=`CartSummaryCard`;var V={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},H=e=>e.replace(/^[\s−-]+/,``),U=e=>e.toUpperCase();function W({appliedCode:a,appliedDiscount:c,error:l,onApply:d,onRemove:h,loading:g,className:_,strings:v}){let y=e.useStrings(V,v),[b,x]=(0,f.useState)(``),S=b.trim();return a?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(u.t,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:a}),(0,p.jsx)(u.i,{className:`uppercase tracking-wide`,clamp:1,children:y.applied})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!c&&(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,H(c)]}),!!h&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:h,"aria-label":y.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,p.jsx)(s.t,{value:b,onChange:e=>x(U(e.target.value)),placeholder:y.placeholder,startIcon:m.Sparkles,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!l})}),(0,p.jsx)(n.t,{size:`default`,onClick:()=>d?.(S),loading:g,disabled:!S,className:`shrink-0`,children:y.apply})]}),!!l&&(0,p.jsx)(r.s,{size:`xs`,type:`error`,children:l||y.invalid})]})})}W.displayName=`CouponInputCard`;var G={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},K={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function q({orderNumber:n,status:i,statusVariant:s,events:c,currentEta:l,className:u,strings:d}){let f=e.useStrings(G,d),h=s??K[i],g=c.reduce((e,t,n)=>t.complete?n:e,-1),_=c[g]??c[0],v=c.find(e=>!e.complete);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Package,{className:`size-4`}),title:f.title,titleSuffix:(0,p.jsx)(a.t,{variant:h,className:`capitalize`,children:i}),description:`#${n}`,className:t.cn(`order-status--component w-full`,u),children:[(0,p.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,p.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.statusLabel}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 capitalize`,children:i})]}),!!_&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:_.complete?f.latestEvent:f.currentStep}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5`,children:_.label})]}),!!l&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.eta}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:l})]})]})}),c.length>0&&(0,p.jsx)(`ol`,{className:`mt-4`,children:c.map((e,n)=>{let i=n===c.length-1,a=v?e===v:n===g;return(0,p.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,p.jsx)(`span`,{className:t.cn(`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`,a&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,p.jsx)(m.Check,{className:`size-3.5`,strokeWidth:2.5}):a?(0,p.jsx)(m.CalendarClock,{className:`size-3.5`}):(0,p.jsx)(m.Circle,{className:`size-3`})}),!i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`min-h-6 w-px flex-1`,n<g?`bg-success`:`bg-border`)})]}),(0,p.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-4`,i&&`pb-0`),children:[(0,p.jsx)(r.s,{weight:e.complete||a?`semibold`:`medium`,className:t.cn(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${n}`)})})]})}q.displayName=`OrderStatusCard`;var J={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Y={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},X={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 Z({brand:i,last4:s,expiry:c,holderName:l,isDefault:u,onChange:d,className:f,strings:h}){let g=e.useStrings(J,h),_=Y[i],v=X[i];return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.CreditCard,{className:`size-4`}),title:g.title,titleSuffix:u?(0,p.jsx)(a.t,{variant:`primary`,children:g.default}):null,headerAction:d?(0,p.jsx)(n.t,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:g.change}):void 0,className:t.cn(`payment-method--component w-full`,f),children:(0,p.jsxs)(`div`,{className:t.cn(`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`,v),children:[(0,p.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,p.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,p.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,p.jsx)(r.s,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:_})]}),(0,p.jsx)(`div`,{className:`relative`,children:(0,p.jsxs)(r.s,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,s]})}),(0,p.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`min-w-0`,children:!!l&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.s,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.cardHolder}),(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:l})]})}),!!c&&(0,p.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.expires}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:c})]})]})]})})}Z.displayName=`PaymentMethodCard`,exports.AddressCard=A,exports.CartSummaryCard=B,exports.CouponInputCard=W,exports.DiscountStackPreview=b,exports.LoyaltyPointsCard=v,exports.OrderStatusCard=q,exports.PaymentMethodCard=Z,exports.RefundStatusCard=O,exports.ShipmentTrackingCard=x,exports.SubscriptionSummaryCard=T,exports.TaxBreakdownCard=C,exports.UpcomingBookingRow=g,exports.VoucherEntryCard=N,exports.defaultAddressCardStrings=k,exports.defaultCartSummaryStrings=P,exports.defaultCouponInputStrings=V,exports.defaultDiscountStackStrings=y,exports.defaultLoyaltyPointsStrings=_,exports.defaultOrderStatusStrings=G,exports.defaultPaymentMethodStrings=J,exports.defaultRefundStatusStrings=E,exports.defaultSubscriptionSummaryStrings=w,exports.defaultTaxBreakdownStrings=S,exports.defaultVoucherEntryStrings=j;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-C65rt1M9.cjs"),o=require("../../../_shared/cards-m03XN10f.cjs"),s=require("../../../_shared/input-Dvvmn96E.cjs"),c=require("../../../_shared/display-BqoPOdof.cjs"),l=require("../../../_shared/separator-BXn_fnly.cjs"),u=require("../../../_shared/item-ChHblHhR.cjs"),d=require("../../../_shared/data-display-DQUUEzCx.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");function h(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 g({bookings:e,className:n,locale:i,dateTone:a=`inverse`,timePlacement:o=`below`}){return(0,p.jsx)(u.o,{className:t.cn(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,t)=>{let n=h(e);return(0,p.jsxs)(u.t,{className:`items-center`,children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(c.v,{date:n,time:o===`below`?e.time:void 0,tone:a,locale:i,timePlacement:`below`,layout:`stacked`})}),(0,p.jsxs)(u.r,{className:`min-w-0 sm:min-w-48`,children:[(0,p.jsx)(u.u,{children:e.service}),(0,p.jsx)(u.i,{clamp:1,children:e.customer})]}),(0,p.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o===`inline-trailing`&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,p.jsx)(r.s,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}g.displayName=`UpcomingBookingRow`;var _={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function v({balance:i,tier:s=`Gold Tier`,tierVariant:c,history:f=[],redeemLabel:h,onRedeem:g,className:v,strings:y}){let b=e.useStrings(e.useStrings(_,h===void 0?void 0:{redeem:h}),y);return(0,p.jsxs)(o.t,{className:t.cn(`loyalty-points--component w-full`,v),children:[(0,p.jsx)(d.i,{label:b.balanceLabel,value:(0,p.jsxs)(a.t,{variant:`warning`,children:[(0,p.jsx)(m.Trophy,{className:`mr-1 inline size-3`}),s]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:typeof i==`number`?i.toLocaleString():i}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.pointsAvailable}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(u.o,{children:f.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{bold:!1,children:e.label}),(0,p.jsx)(u.i,{clamp:1,children:e.date})]}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:t.cn(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,p.jsxs)(n.t,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:g,children:[(0,p.jsx)(m.Gift,{className:`mr-1.5 size-3.5`}),b.redeem]})]})}v.displayName=`LoyaltyPointsCard`;var y={title:`Applied Discounts`,totalSavings:`Total Savings`};function b({discounts:n,totalSavings:i,className:s,strings:c}){let f=e.useStrings(y,c);return(0,p.jsxs)(o.t,{title:f.title,className:t.cn(`discount-stack--component w-full`,s),children:[(0,p.jsx)(u.o,{className:`mt-4`,children:n.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(a.t,{variant:e.badge,className:`w-16 justify-center`,children:e.type})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(d.i,{label:f.totalSavings,value:(0,p.jsx)(r.o,{tag:`h4`,className:`text-base tabular-nums tracking-tight text-success border-none pb-0`,children:i}),labelClassName:`text-sm font-semibold`})]})}b.displayName=`DiscountStackPreview`;function x({trackingNumber:e,carrier:n,status:i,steps:s,details:c=[],className:u}){return(0,p.jsxs)(o.t,{className:t.cn(`shipment-tracking--component w-full`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(r.s,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,p.jsx)(a.t,{variant:`info`,children:n})]}),(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,p.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,p.jsx)(r.s,{weight:`semibold`,children:i})]}),(0,p.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:s.map((e,n)=>(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<s.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,p.jsx)(d.i,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}x.displayName=`ShipmentTrackingCard`;var S={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function C({subtotal:n,taxes:i,totalTax:a,total:s,className:c,strings:u}){let f=e.useStrings(S,u);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Receipt,{className:`size-4`}),title:f.title,className:t.cn(`tax-breakdown--component w-full`,c),children:[(0,p.jsx)(d.i,{label:f.subtotal,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[i.map((e,t)=>(0,p.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!a&&i.length>1&&(0,p.jsx)(d.i,{label:f.totalTax,value:a,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,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:f.total,value:s,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`})]})}C.displayName=`TaxBreakdownCard`;var w={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function T({planName:s,priceLabel:c,cycleLabel:l,nextBillingDate:d,statusLabel:f,perks:h=[],onManage:g,onUpgrade:_,className:v,strings:y}){let b=e.useStrings(w,y);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Repeat,{className:`size-4`}),title:b.title,headerEnd:f?(0,p.jsx)(a.t,{variant:`success`,children:f}):null,className:t.cn(`subscription-summary--component w-full`,v),children:[(0,p.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.plan}),(0,p.jsx)(r.o,{tag:`h3`,className:`mt-1 text-base font-semibold tracking-tight border-none pb-0`,children:s}),(0,p.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{tag:`span`,size:`base`,weight:`bold`,className:`tabular-nums`,children:c}),(0,p.jsx)(r.s,{type:`secondary`,children:l})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.Calendar,{className:`size-3.5 text-muted-foreground`}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.nextBilling})]}),(0,p.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:d})]}),h.length>0&&(0,p.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.perks}),(0,p.jsx)(u.o,{children:h.map((e,t)=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:e.icon??m.Check,tone:`success`,size:`small`})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(g||_)&&(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!g&&(0,p.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,className:`flex-1`,children:b.manage}),!!_&&(0,p.jsxs)(n.t,{variant:`primary`,onClick:_,className:`flex-1`,children:[b.upgrade,(0,p.jsx)(m.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`SubscriptionSummaryCard`;var E={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},D=[`requested`,`approved`,`processing`,`completed`];function O({stage:n,amount:i,reason:a,method:s,eta:c,requestedAt:u,className:f,strings:h}){let g=e.useStrings(E,h),_=D.indexOf(n);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.RotateCcw,{className:`size-4`}),title:g.title,className:t.cn(`refund-status--component w-full`,f),children:[(0,p.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amount}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:i}),!!u&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[g.requested,`: `,u]})]}),(0,p.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:D.map((e,n)=>{let i=n<=_,a=n===_;return(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,i?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,a&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:i?(0,p.jsx)(m.Check,{className:`size-3`}):(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:n+1})}),n<D.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,n<_?`bg-success`:`bg-border`)})]}),(0,p.jsx)(r.s,{size:`xs`,weight:a?`semibold`:`medium`,type:i?`main`:`secondary`,className:`text-center leading-tight`,children:g[e]})]},e)})}),(a||s||c)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[!!a&&(0,p.jsx)(d.i,{label:g.reason,value:a,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!s&&(0,p.jsx)(d.i,{label:g.method,value:s,valueClassName:`text-sm font-medium`}),!!c&&(0,p.jsx)(d.i,{label:g.eta,value:c,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}O.displayName=`RefundStatusCard`;var k={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function A({kind:n=`shipping`,name:i,line1:s,line2:c,city:l,region:u,postalCode:d,country:f,phone:h,isDefault:g=!1,onEdit:_,onRemove:v,onMakeDefault:y,className:b,strings:x}){let S=e.useStrings(k,x),C={shipping:S.shipping,billing:S.billing,pickup:S.pickup},w=[l,u,d].filter(Boolean).join(`, `),T=[];return _&&T.push({id:`edit`,label:S.edit,icon:(0,p.jsx)(m.Edit2,{className:`size-3.5`}),onClick:_}),y&&!g&&T.push({id:`make-default`,label:S.makeDefault,icon:(0,p.jsx)(m.Star,{className:`size-3.5`}),onClick:y}),v&&T.push({id:`remove`,label:S.remove,icon:(0,p.jsx)(m.Trash2,{className:`size-3.5`}),onClick:v}),(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.MapPin,{className:`size-4`}),title:C[n],titleSuffix:g?(0,p.jsx)(a.t,{variant:`primary`,children:S.defaultBadge}):null,actions:T.length>0?T:void 0,className:t.cn(`address-card--component w-full`,b),children:(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(r.s,{weight:`semibold`,children:i}),(0,p.jsx)(r.s,{children:s}),!!c&&(0,p.jsx)(r.s,{children:c}),!!w&&(0,p.jsx)(r.s,{children:w}),(0,p.jsx)(r.s,{type:`secondary`,children:f}),!!h&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:h})]})})}A.displayName=`AddressCard`;var j={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.`},M=e=>e.toUpperCase();function N({appliedCode:l,balance:d,error:h,loading:g,onCheck:_,onRemove:v,className:y,strings:b}){let x=e.useStrings(j,b),S=(0,f.useId)(),[C,w]=(0,f.useState)(``),T=C.trim();return l?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsxs)(u.t,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:l}),(0,p.jsx)(a.t,{variant:`success`,size:`small`,children:x.applied})]}),(0,p.jsx)(u.i,{clamp:1,children:x.balance})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!d&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:d}),!!v&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:v,"aria-label":x.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),T&&_?.(T)},children:(0,p.jsx)(c.D,{label:x.inputLabel,htmlFor:S,error:h,hint:h?void 0:x.helperText,children:(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,p.jsx)(s.t,{id:S,value:C,onChange:e=>w(M(e.target.value)),placeholder:x.placeholder,startIcon:m.Gift,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!h})}),(0,p.jsx)(n.t,{type:`submit`,loading:g,disabled:!T,className:`shrink-0`,children:x.check})]})})})})}N.displayName=`VoucherEntryCard`;var P={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},F=e=>e.replace(/^[\s−-]+/,``),I=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,L=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),R=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function z({title:e}){return(0,p.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xs font-semibold text-muted-foreground ring-1 ring-border/60`,children:R(e)})}function B({items:i,subtotal:a,tax:s,shipping:c,discount:f,total:h,onCheckout:g,className:_,strings:v}){let y=e.useStrings(P,v),b=!!(a||s||c||f);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.ShoppingBag,{className:`size-4`}),title:y.title,className:t.cn(`cart-summary--component w-full`,_),children:[(0,p.jsx)(u.o,{children:i.map(e=>{let t=I(e),n=L(e);return(0,p.jsxs)(u.t,{className:`cart-summary--item`,children:[(0,p.jsx)(u.c,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,p.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,p.jsx)(z,{title:t})}),(0,p.jsxs)(u.r,{className:`cart-summary--item-content`,children:[(0,p.jsx)(u.u,{children:t}),!!e.variantTitle&&(0,p.jsx)(u.i,{clamp:1,children:e.variantTitle})]}),(0,p.jsx)(u.n,{className:`cart-summary--item-actions`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!b&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!a&&(0,p.jsx)(d.i,{label:y.subtotal,value:a,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!s&&(0,p.jsx)(d.i,{label:y.tax,value:s,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!c&&(0,p.jsx)(d.i,{label:y.shipping,value:c,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!f&&(0,p.jsx)(d.i,{label:y.discount,value:`−${F(f)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:y.total,value:h,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`}),!!g&&(0,p.jsx)(n.t,{onClick:g,fullWidth:!0,className:`mt-4`,children:y.checkout})]})}B.displayName=`CartSummaryCard`;var V={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},H=e=>e.replace(/^[\s−-]+/,``),U=e=>e.toUpperCase();function W({appliedCode:a,appliedDiscount:c,error:l,onApply:d,onRemove:h,loading:g,className:_,strings:v}){let y=e.useStrings(V,v),[b,x]=(0,f.useState)(``),S=b.trim();return a?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(u.t,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:a}),(0,p.jsx)(u.i,{className:`uppercase tracking-wide`,clamp:1,children:y.applied})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!c&&(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,H(c)]}),!!h&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:h,"aria-label":y.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,p.jsx)(s.t,{value:b,onChange:e=>x(U(e.target.value)),placeholder:y.placeholder,startIcon:m.Sparkles,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!l})}),(0,p.jsx)(n.t,{size:`default`,onClick:()=>d?.(S),loading:g,disabled:!S,className:`shrink-0`,children:y.apply})]}),!!l&&(0,p.jsx)(r.s,{size:`xs`,type:`error`,children:l||y.invalid})]})})}W.displayName=`CouponInputCard`;var G={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},K={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function q({orderNumber:n,status:i,statusVariant:s,events:c,currentEta:l,className:u,strings:d}){let f=e.useStrings(G,d),h=s??K[i],g=c.reduce((e,t,n)=>t.complete?n:e,-1),_=c[g]??c[0],v=c.find(e=>!e.complete);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Package,{className:`size-4`}),title:f.title,titleSuffix:(0,p.jsx)(a.t,{variant:h,className:`capitalize`,children:i}),description:`#${n}`,className:t.cn(`order-status--component w-full`,u),children:[(0,p.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,p.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.statusLabel}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 capitalize`,children:i})]}),!!_&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:_.complete?f.latestEvent:f.currentStep}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5`,children:_.label})]}),!!l&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.eta}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:l})]})]})}),c.length>0&&(0,p.jsx)(`ol`,{className:`mt-4`,children:c.map((e,n)=>{let i=n===c.length-1,a=v?e===v:n===g;return(0,p.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,p.jsx)(`span`,{className:t.cn(`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`,a&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,p.jsx)(m.Check,{className:`size-3.5`,strokeWidth:2.5}):a?(0,p.jsx)(m.CalendarClock,{className:`size-3.5`}):(0,p.jsx)(m.Circle,{className:`size-3`})}),!i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`min-h-6 w-px flex-1`,n<g?`bg-success`:`bg-border`)})]}),(0,p.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-4`,i&&`pb-0`),children:[(0,p.jsx)(r.s,{weight:e.complete||a?`semibold`:`medium`,className:t.cn(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${n}`)})})]})}q.displayName=`OrderStatusCard`;var J={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Y={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},X={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 Z({brand:i,last4:s,expiry:c,holderName:l,isDefault:u,onChange:d,className:f,strings:h}){let g=e.useStrings(J,h),_=Y[i],v=X[i];return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.CreditCard,{className:`size-4`}),title:g.title,titleSuffix:u?(0,p.jsx)(a.t,{variant:`primary`,children:g.default}):null,headerAction:d?(0,p.jsx)(n.t,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:g.change}):void 0,className:t.cn(`payment-method--component w-full`,f),children:(0,p.jsxs)(`div`,{className:t.cn(`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`,v),children:[(0,p.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,p.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,p.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,p.jsx)(r.s,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:_})]}),(0,p.jsx)(`div`,{className:`relative`,children:(0,p.jsxs)(r.s,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,s]})}),(0,p.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`min-w-0`,children:!!l&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.s,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.cardHolder}),(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:l})]})}),!!c&&(0,p.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.expires}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:c})]})]})]})})}Z.displayName=`PaymentMethodCard`,exports.AddressCard=A,exports.CartSummaryCard=B,exports.CouponInputCard=W,exports.DiscountStackPreview=b,exports.LoyaltyPointsCard=v,exports.OrderStatusCard=q,exports.PaymentMethodCard=Z,exports.RefundStatusCard=O,exports.ShipmentTrackingCard=x,exports.SubscriptionSummaryCard=T,exports.TaxBreakdownCard=C,exports.UpcomingBookingRow=g,exports.VoucherEntryCard=N,exports.defaultAddressCardStrings=k,exports.defaultCartSummaryStrings=P,exports.defaultCouponInputStrings=V,exports.defaultDiscountStackStrings=y,exports.defaultLoyaltyPointsStrings=_,exports.defaultOrderStatusStrings=G,exports.defaultPaymentMethodStrings=J,exports.defaultRefundStatusStrings=E,exports.defaultSubscriptionSummaryStrings=w,exports.defaultTaxBreakdownStrings=S,exports.defaultVoucherEntryStrings=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/commerce/index.js

@@ -3,13 +3,13 @@ import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-Be2ayMxF.js";
 import { o as r, s as i } from "../../../_shared/typography-5bLhAYaK.js";
 import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
-import { t as o } from "../../../_shared/badge-nZ2zbAV4.js";
+import { t as o } from "../../../_shared/badge-r8ae66Vd.js";
 import { t as s } from "../../../_shared/cards-BJctT9KD.js";
 import { t as c } from "../../../_shared/input-CzJzVyQ0.js";
-import { D as l, v as u } from "../../../_shared/display-DFVeSuWL.js";
-import { t as d } from "../../../_shared/separator-B8FBp-7E.js";
+import { D as l, v as u } from "../../../_shared/display-CQoSwU74.js";
+import { t as d } from "../../../_shared/separator-DiH-j--f.js";
 import { a as f, c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-CVjjpHQd.js";
-import { i as b } from "../../../_shared/data-display-4E_irfF2.js";
+import { i as b } from "../../../_shared/data-display-LlvMEFTK.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Calendar as E, CalendarClock as D, Check as O, ChevronRight as k, Circle as A, CreditCard as j, Edit2 as M, Gift as N, MapPin as P, Package as ee, Receipt as te, Repeat as ne, RotateCcw as re, ShoppingBag as ie, Sparkles as ae, Star as oe, TicketPercent as se, Trash2 as ce, Trophy as le, X as ue } from "lucide-react";