admin-ui-starter-kit 0.6.1 → 0.6.4

package/dist/showcase/assets/{products-BzHX1ta0.js → products-DGNqIbLs.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-D-N8Ze16.js";import{t as c}from"./arrow-left-B1kFGJ8v.js";import{t as l}from"./arrow-right-Md96ra7v.js";import{t as u}from"./box-Bfv5RQBf.js";import{Dr as d,r as f,t as p}from"./example-PsbgbESI.js";import{t as m}from"./eye-YnIHbdKe.js";import{t as h}from"./file-text-BQeGXxPG.js";import{t as g}from"./image-apDSlTAx.js";import{t as _}from"./languages-CGYZVmbV.js";import{t as v}from"./layers-DJZSVGAu.js";import{t as y}from"./list-checks-CXt8visd.js";import{t as b}from"./package-check-B0wyBUSU.js";import{t as x}from"./pencil-DlDLApli.js";import{t as S}from"./plus-BkhJjfUv.js";import{t as C}from"./receipt-text-BlL_TJsS.js";import{t as w}from"./save-BFsAGR7O.js";import{t as T}from"./shield-check-BW_7p6Xf.js";import{t as E}from"./trash-2-DhUpICQq.js";import{t as ee}from"./x-idpnOHil.js";import{N as D,d as O,i as k,l as te,n as A,s as ne}from"./index-QESvAJrb.js";import{t as j}from"./props-table-CCcohuyT.js";import{t as M}from"./smart-card-C6-idFYI.js";import{c as N,i as P,n as F,o as I,r as L,t as R,u as re}from"./item-BMSdEK3V.js";import{t as z}from"./input-yYoqWQQ7.js";import{t as ie}from"./textarea-PXKZSiRa.js";import{t as ae}from"./select-ReMZs8K6.js";import{n as B}from"./form-field-AWNJL9FM.js";import{t as oe}from"./progress-jIJ_EIKE.js";import{t as V}from"./metadata-list-BhlsEWYT.js";import{t as se}from"./table-actions-CrujG5R-.js";import{t as ce}from"./empty-state-CkixFVN1.js";import{t as le}from"./inline-stat-CO01t7SJ.js";var ue=te(`tags`,[[`path`,{d:`M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z`,key:`16rjxf`}],[`path`,{d:`M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193`,key:`178nd4`}],[`circle`,{cx:`10.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`12ikhr`}]]),de={title:`Readiness`,description:`Publishing checks and operational setup.`,scoreLabel:`Overall readiness`,progressLabel:`Readiness progress`,createLabel:`Add check`,editLabel:`Edit check`,deleteLabel:`Delete check`,actionsLabel:`Check actions`,emptyTitle:`No readiness checks`,emptyDescription:`Pass readiness items from your product workflow to show progress.`,actionLabel:`Open`},fe={title:`Structure`,description:`Media, taxonomy, options, and content coverage.`,createLabel:`Add metric`,viewLabel:`Open`,editLabel:`Edit metric`,deleteLabel:`Delete metric`,actionsLabel:`Metric actions`,emptyTitle:`No structure metrics`,emptyDescription:`Pass structure metrics to summarize the product setup.`},pe={title:`Operations`,description:`Availability, channels, service rules, and fulfilment signals.`,createLabel:`Add signal`,editLabel:`Edit signal`,deleteLabel:`Delete signal`,actionsLabel:`Signal actions`,emptyTitle:`No operational signals`,emptyDescription:`Pass operational rows to show channel and availability health.`,actionLabel:`Open`},me={title:`Product details`,description:`Core identity and catalogue fields.`,editLabel:`Edit details`,emptyTitle:`No details`,emptyDescription:`Pass metadata rows to render product details.`},he={title:`Contract`,description:`Commercial terms, pricing rules, and customer-facing conditions.`,termsTitle:`Terms`,rulesTitle:`Rules`,actionLabel:`Manage contract`,editLabel:`Edit contract`,createRuleLabel:`Add rule`,viewRuleLabel:`Open rule`,editRuleLabel:`Edit rule`,deleteRuleLabel:`Delete rule`,ruleActionsLabel:`Rule actions`,emptyTitle:`No contract summary`,emptyDescription:`Pass metrics, terms, or rules to summarize the product contract.`},ge={title:`Options`,description:`Variant-driving choices and add-ons customers can select.`,manageLabel:`Manage options`,createLabel:`Add option`,viewLabel:`Open option`,editLabel:`Edit option`,deleteLabel:`Delete option`,actionsLabel:`Option actions`,emptyTitle:`No options`,emptyDescription:`Pass option groups to summarize configurable product choices.`},_e={viewLabel:`Open option`,editLabel:`Edit option`,deleteLabel:`Delete option`,actionsLabel:`Option actions`},ve={title:`Quote preview`,description:`How the product appears in a compact customer quote.`,subtotalLabel:`Subtotal`,taxLabel:`Tax`,discountLabel:`Discount`,totalLabel:`Total`,actionLabel:`Open quote`,createLineLabel:`Add line`,viewLineLabel:`Open line`,editLineLabel:`Edit line`,deleteLineLabel:`Delete line`,lineActionsLabel:`Line actions`,emptyTitle:`No quote lines`,emptyDescription:`Pass quote lines to preview pricing.`},ye={title:`Policies`,description:`Cancellation, booking, service, and customer-facing rules.`,createLabel:`Add policy`,viewLabel:`View`,editLabel:`Edit policy`,deleteLabel:`Delete policy`,actionsLabel:`Policy actions`,emptyTitle:`No policies`,emptyDescription:`Pass policies to summarize customer-facing rules.`},be={title:`Variants`,description:`Sellable combinations with price, availability, and SKU.`,createLabel:`Add variant`,viewLabel:`Open variant`,editLabel:`Edit`,duplicateLabel:`Duplicate`,deleteLabel:`Delete`,emptyTitle:`No variants`,emptyDescription:`Create or pass variants to show sellable rows.`,headers:{variant:`Variant`,sku:`SKU`,price:`Price`,inventory:`Available`,channels:`Channels`,updated:`Updated`,actions:`Actions`}},xe={viewLabel:`Open variant`,editLabel:`Edit`,duplicateLabel:`Duplicate`,deleteLabel:`Delete`,actionsLabel:`Variant actions`},Se={title:`Variant`,description:`Sellable variant details, options, pricing, and fulfilment data.`,backLabel:`Back`,factsTitle:`Variant facts`,selectedOptionsTitle:`Selected options`,relatedOptionsTitle:`Option groups`,viewOptionLabel:`Open option`,emptyTitle:`No variant selected`,emptyDescription:`Pass a variant to render a standalone variant detail surface.`,metadata:{price:`Price`,inventory:`Available`,sku:`SKU`,channels:`Channels`,updated:`Updated`}},Ce={title:`Edit variant`,description:`Controlled form for variant identity, pricing, inventory, and option values.`,identityTitle:`Identity`,commercialTitle:`Commercial setup`,optionsTitle:`Options`,saveLabel:`Save variant`,savingLabel:`Saving`,cancelLabel:`Cancel`,deleteLabel:`Delete variant`,statusPlaceholder:`Select status`,optionPlaceholder:`Select value`,fields:{name:`Name`,description:`Description`,sku:`SKU`,price:`Price`,inventory:`Inventory`,status:`Status`,channels:`Channels`},placeholders:{name:`750 ml bottle`,description:`Standard retail pack`,sku:`BAL-750-CL`,price:`US$ 24.00`,inventory:`82`,status:`Active`,channels:`Online store, POS`}},we={mainLabel:`Product overview`,railLabel:`Product supporting information`},H=O();function U({title:e,description:t,action:n,className:r}){return(0,H.jsx)(ce,{padding:`small`,border:!0,title:e,description:t,actions:n,className:A(`product-empty-state--component bg-muted/20`,r)})}var Te={neutral:`secondary`,primary:`primary`,success:`success`,warning:`warning`,error:`error`,info:`info`},W={neutral:`border-border bg-card text-muted-foreground`,primary:`border-primary/20 bg-primary/5 text-primary`,success:`border-success/20 bg-success/5 text-success`,warning:`border-warning/30 bg-warning/8 text-warning`,error:`border-destructive/25 bg-destructive/8 text-destructive`,info:`border-info/20 bg-info/5 text-info`};function Ee(e){return Number.isFinite(e)?Math.min(100,Math.max(0,Math.round(e))):0}function G({tone:e=`neutral`}){return(0,H.jsx)(`span`,{"aria-hidden":`true`,className:A(`product-tone-dot--component size-2 rounded-full`,{"bg-muted-foreground":e===`neutral`,"bg-primary":e===`primary`,"bg-success":e===`success`,"bg-warning":e===`warning`,"bg-destructive":e===`error`,"bg-info":e===`info`})})}function De({metric:e}){let t=e.tone??`neutral`;return(0,H.jsxs)(`div`,{className:A(`product-metric-tile--component rounded-md border px-3 py-2.5`,W[t]),children:[(0,H.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,H.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,H.jsx)(o,{size:`xs`,type:t===`neutral`?`secondary`:`main`,className:`truncate`,children:e.label}),(0,H.jsx)(o,{weight:`semibold`,className:`tabular-nums`,children:e.value})]}),`icon`in e&&!!e.icon&&(0,H.jsx)(`div`,{className:`shrink-0 opacity-80`,children:e.icon})]}),!!e.description&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1.5 leading-snug`,children:e.description})]})}function K({item:e,actions:t,menuLabel:n,className:r}){return t.length===0?null:(0,H.jsx)(`div`,{className:A(`product-row-actions--component flex justify-end`,r),children:(0,H.jsx)(se,{row:e,actions:t,menuLabel:n,displayMode:`menu`})})}function Oe({metric:e,actions:t}){let n=e.tone??`neutral`;return(0,H.jsxs)(R,{className:`product-structure-metric-row--component product-structure-card--item`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[n]),children:e.icon??(0,H.jsx)(G,{tone:n})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description})]}),(0,H.jsxs)(F,{className:`ml-auto shrink-0 gap-2`,children:[(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),t]})]})}function ke({item:e,actionFallback:t,onSelect:n,actions:r}){let i=e.tone??(e.completed?`success`:`neutral`),o=e.onSelect??n;return(0,H.jsxs)(R,{className:`product-readiness-row--component product-readiness-card--item`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[i]),children:(0,H.jsx)(G,{tone:i})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description})]}),!!(e.value||o||r)&&(0,H.jsxs)(F,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,H.jsx)(a,{variant:Te[i],children:e.value}),!!o&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:o,icon:l,iconPosition:`right`,children:e.actionLabel??t}),r]})]})}function Ae({item:e,actionFallback:t,onSelect:n,actions:r}){let i=e.tone??`neutral`,a=e.onSelect??n;return(0,H.jsxs)(R,{className:`product-operation-row--component product-operations-card--item`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[i]),children:(0,H.jsx)(G,{tone:i})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description})]}),!!(e.value||a||r)&&(0,H.jsxs)(F,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,children:e.value}),!!a&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:l,iconPosition:`right`,children:e.actionLabel??t}),r]})]})}function q({item:e,actionLabel:t,onSelect:n,actions:r}){let i=e.tone??`neutral`,s=`values`in e?e.values:void 0;return(0,H.jsxs)(R,{className:`product-summary-row--component`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[i]),children:(0,H.jsx)(G,{tone:i})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description}),!!s?.length&&(0,H.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:s.map((e,t)=>(0,H.jsx)(a,{variant:`secondary`,children:e},t))})]}),!!(e.value||e.badge||n||r)&&(0,H.jsxs)(F,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,children:e.value}),!!e.badge&&e.badge,!!n&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:n,icon:l,iconPosition:`right`,children:t}),r]})]})}function je({metrics:e=[],terms:t=[],rules:n=[],onOpenContract:r,onEditContract:i,onCreateRule:a,onSelectRule:s,onEditRule:c,onDeleteRule:u,renderRuleActions:d,actions:p,footerSlot:g,empty:_,className:v,strings:y}){let b=D(he,y),C=e.length>0||t.length>0||n.length>0,w=r||i||a?(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!a&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:S,children:b.createRuleLabel}),!!i&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:x,children:b.editLabel}),!!r&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:r,icon:l,iconPosition:`right`,children:b.actionLabel})]}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(h,{className:`size-4`}),title:b.title,description:b.description,actions:p,headerAction:w,footerSlot:g,contentClassName:`mt-1`,className:A(`product-contract-overview--component w-full`,v),children:C?(0,H.jsxs)(`div`,{className:`space-y-4`,children:[e.length>0&&(0,H.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>(0,H.jsx)(De,{metric:e},e.id))}),t.length>0&&(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(o,{size:`xs`,weight:`semibold`,children:b.termsTitle}),(0,H.jsx)(V,{items:t,columns:2,dense:!0})]}),n.length>0&&(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(o,{size:`xs`,weight:`semibold`,children:b.rulesTitle}),(0,H.jsx)(I,{children:n.map((e,t)=>{let n=s?()=>s(e):void 0,r=c?()=>c(e):void 0,i=u?()=>u(e):void 0,a=[...n?[{id:`open`,label:b.viewRuleLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>n(),variant:`ghost`}]:[],...r?[{id:`edit`,label:b.editRuleLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:b.deleteRuleLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]];return(0,H.jsx)(q,{item:e,actions:d?d(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,H.jsx)(K,{item:e,actions:a,menuLabel:b.ruleActionsLabel})},e.id)})})]})]}):_??(0,H.jsx)(U,{title:b.emptyTitle,description:b.emptyDescription,action:a?(0,H.jsx)(f,{type:`button`,onClick:a,icon:S,children:b.createRuleLabel}):void 0})})}je.displayName=`ProductContractOverview`;function Me({title:e,description:t,metadata:n=[],media:r,onEditDetails:i,actions:a,headerEnd:o,footerSlot:s,empty:c,className:l,strings:d}){let p=D(me,d),m=i?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:x,children:p.editLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(u,{className:`size-4`}),title:e??p.title,description:t===!1?void 0:t??p.description,actions:a,headerAction:m,headerEnd:o,footerSlot:s,contentClassName:`mt-1`,className:A(`product-details-card--component w-full`,l),children:n.length===0?c??(0,H.jsx)(U,{title:p.emptyTitle,description:p.emptyDescription}):(0,H.jsx)(`div`,{className:`@container/product-details`,children:(0,H.jsxs)(`div`,{className:A(`grid gap-4`,r&&`@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]`),children:[!!r&&(0,H.jsx)(`div`,{className:`product-details-card--media overflow-hidden rounded-md border border-border bg-muted/30`,children:r}),(0,H.jsx)(V,{items:n,columns:r?1:2,dense:!0,className:`min-w-0`,valueClassName:`break-words`})]})})})}Me.displayName=`ProductDetailsCard`;function Ne({option:e,index:t=0,onSelectOption:n,onEditOption:r,onDeleteOption:i,renderOptionActions:a,menuLabel:o,className:s,strings:c}){let l=D(_e,c),u=n?()=>n(e):void 0,d=r?()=>r(e):void 0,f=i?()=>i(e):void 0;return u||d||f||a?a?(0,H.jsx)(`div`,{className:A(`product-option-action-menu--component flex justify-end`,s),children:a(e,{index:t,onSelect:u,onEdit:d,onDelete:f})}):(0,H.jsx)(K,{item:e,menuLabel:o??l.actionsLabel,className:A(`product-option-action-menu--component`,s),actions:[...u?[{id:`open`,label:l.viewLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>u(),variant:`ghost`}]:[],...d?[{id:`edit`,label:l.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>d(),variant:`ghost`}]:[],...f?[{id:`delete`,label:l.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>f(),variant:`destructive`}]:[]]}):null}Ne.displayName=`ProductOptionActionMenu`;function Pe({items:e=[],onCreateOperation:t,onSelectOperation:n,onEditOperation:r,onDeleteOperation:i,renderOperationActions:a,actions:o,footerSlot:s,renderItem:c,empty:l,className:u,strings:d}){let p=D(pe,d),m=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:p.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(b,{className:`size-4`}),title:p.title,description:p.description,actions:o,headerAction:m,footerSlot:s,contentClassName:`mt-1`,className:A(`product-operations-card--component w-full`,u),children:e.length===0?l??(0,H.jsx)(U,{title:p.emptyTitle,description:p.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:p.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>{let o=n?()=>n(e):void 0,s=r?()=>r(e):void 0,l=i?()=>i(e):void 0,u=[...s?[{id:`edit`,label:p.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...l?[{id:`delete`,label:p.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>l(),variant:`destructive`}]:[]],d=a?a(e,{index:t,onSelect:o,onEdit:s,onDelete:l}):(0,H.jsx)(K,{item:e,actions:u,menuLabel:p.actionsLabel});return c?(0,H.jsx)(`div`,{children:c(e,t)},e.id):(0,H.jsx)(Ae,{item:e,actionFallback:p.actionLabel,onSelect:o,actions:d},e.id)})})})}Pe.displayName=`ProductOperationsCard`;function Fe({options:e=[],onManageOptions:t,onCreateOption:n,onSelectOption:r,onEditOption:i,onDeleteOption:a,renderOptionActions:o,actions:s,footerSlot:c,renderOption:l,empty:u,className:d,strings:p}){let m=D(ge,p),h=!!(r||i||a||o),g=[...s??[],...n&&t?[{id:`manage-options`,label:m.manageLabel,icon:(0,H.jsx)(k,{className:`size-3.5`}),onClick:t}]:[]],_=n||t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:n??t,icon:n?S:k,children:n?m.createLabel:m.manageLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(k,{className:`size-4`}),title:m.title,description:m.description,actions:g.length>0?g:void 0,headerAction:_,footerSlot:c,contentClassName:`mt-1`,className:A(`product-options-summary--component w-full`,d),children:e.length===0?u??(0,H.jsx)(U,{title:m.emptyTitle,description:m.emptyDescription,action:n?(0,H.jsx)(f,{type:`button`,onClick:n,icon:S,children:m.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>(()=>{let n=h?(0,H.jsx)(Ne,{option:e,index:t,onSelectOption:r,onEditOption:i,onDeleteOption:a,renderOptionActions:o,menuLabel:m.actionsLabel,strings:{viewLabel:m.viewLabel,editLabel:m.editLabel,deleteLabel:m.deleteLabel,actionsLabel:m.actionsLabel}}):void 0;return l?(0,H.jsx)(`div`,{children:l(e,t)},e.id):(0,H.jsx)(q,{item:e,actions:n},e.id)})())})})}Fe.displayName=`ProductOptionsSummary`;function Ie({policies:e=[],onCreatePolicy:t,onSelectPolicy:n,onEditPolicy:r,onDeletePolicy:i,renderPolicyActions:a,actions:o,footerSlot:s,renderPolicy:c,empty:l,className:u,strings:d}){let p=D(ye,d),m=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:p.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(T,{className:`size-4`}),title:p.title,description:p.description,actions:o,headerAction:m,footerSlot:s,contentClassName:`mt-1`,className:A(`product-policies-card--component w-full`,u),children:e.length===0?l??(0,H.jsx)(U,{title:p.emptyTitle,description:p.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:p.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>(()=>{let o=n?()=>n(e):void 0,s=r?()=>r(e):void 0,l=i?()=>i(e):void 0,u=[...s?[{id:`edit`,label:p.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...l?[{id:`delete`,label:p.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>l(),variant:`destructive`}]:[]],d=a?a(e,{index:t,onSelect:o,onEdit:s,onDelete:l}):(0,H.jsx)(K,{item:e,actions:u,menuLabel:p.actionsLabel});return c?(0,H.jsx)(`div`,{children:c(e,t)},e.id):(0,H.jsx)(q,{item:e,actionLabel:p.viewLabel,onSelect:o,actions:d},e.id)})())})})}Ie.displayName=`ProductPoliciesCard`;function Le({lines:e=[],subtotal:t,tax:n,discount:r,total:i,onOpenQuote:a,onCreateLine:s,onSelectLine:c,onEditLine:u,onDeleteLine:d,renderLineActions:p,actions:h,footerSlot:g,empty:_,className:v,strings:y}){let b=D(ve,y),w=s||a?(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!s&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:s,icon:S,children:b.createLineLabel}),!!a&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:l,iconPosition:`right`,children:b.actionLabel})]}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(C,{className:`size-4`}),title:b.title,description:b.description,actions:h,headerAction:w,footerSlot:g,contentClassName:`mt-1`,className:A(`product-quote-preview-card--component w-full`,v),children:e.length===0?_??(0,H.jsx)(U,{title:b.emptyTitle,description:b.emptyDescription,action:s?(0,H.jsx)(f,{type:`button`,onClick:s,icon:S,children:b.createLineLabel}):void 0}):(0,H.jsxs)(`div`,{className:`space-y-3`,children:[(0,H.jsx)(`div`,{className:`space-y-2`,children:e.map((e,t)=>{let n=c?()=>c(e):void 0,r=u?()=>u(e):void 0,i=d?()=>d(e):void 0,a=[...n?[{id:`open`,label:b.viewLineLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>n(),variant:`ghost`}]:[],...r?[{id:`edit`,label:b.editLineLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:b.deleteLineLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]],s=p?p(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,H.jsx)(K,{item:e,actions:a,menuLabel:b.lineActionsLabel});return(0,H.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border border-border bg-muted/20 px-3 py-2`,children:[(0,H.jsxs)(`div`,{className:`min-w-0`,children:[(0,H.jsx)(o,{weight:`semibold`,className:`truncate`,children:e.label}),!!e.description&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.quantity&&(0,H.jsx)(o,{size:`xxs`,type:`secondary`,className:`mt-1`,children:e.quantity})]}),(0,H.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,H.jsx)(o,{weight:`semibold`,className:`tabular-nums`,children:e.amount}),s]})]},e.id)})}),(0,H.jsxs)(`div`,{className:`space-y-1.5 rounded-md bg-muted/30 px-3 py-2.5`,children:[t!==void 0&&(0,H.jsx)(le,{label:b.subtotalLabel,value:t,mono:!0}),n!==void 0&&(0,H.jsx)(le,{label:b.taxLabel,value:n,mono:!0}),r!==void 0&&(0,H.jsx)(le,{label:b.discountLabel,value:r,mono:!0,valueClassName:`text-success`}),(0,H.jsx)(le,{label:b.totalLabel,value:i??`-`,mono:!0,labelClassName:`font-semibold`,valueClassName:`font-semibold`})]})]})})}Le.displayName=`ProductQuotePreviewCard`;function Re({items:e=[],score:t,scoreLabel:n,summary:r,onCreateReadinessItem:i,onSelectReadinessItem:a,onEditReadinessItem:s,onDeleteReadinessItem:c,renderReadinessItemActions:l,actions:u,footerSlot:d,renderItem:p,empty:m,className:h,strings:g}){let _=D(de,g),v=t===void 0?void 0:Ee(t),y=i?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:S,children:_.createLabel}):void 0;return(0,H.jsxs)(M,{icon:(0,H.jsx)(ne,{className:`size-4`}),title:_.title,description:_.description,actions:u,headerAction:y,footerSlot:d,contentClassName:`mt-1`,className:A(`product-readiness-card--component w-full`,h),children:[v!==void 0&&(0,H.jsxs)(`div`,{className:`mb-3 rounded-md border border-border bg-muted/20 px-3 py-2.5`,children:[(0,H.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,H.jsx)(o,{size:`xs`,type:`secondary`,children:n??_.scoreLabel}),(0,H.jsxs)(o,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[v,`%`]})]}),(0,H.jsx)(oe,{value:v,"aria-label":typeof n==`string`?n:_.progressLabel,"aria-valuetext":`${v}%`,className:`h-1.5`})]}),!!r&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mb-3 leading-relaxed`,children:r}),e.length===0?m??(0,H.jsx)(U,{title:_.emptyTitle,description:_.emptyDescription,action:i?(0,H.jsx)(f,{type:`button`,onClick:i,icon:S,children:_.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>{let n=a?()=>a(e):void 0,r=s?()=>s(e):void 0,i=c?()=>c(e):void 0,o=[...r?[{id:`edit`,label:_.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:_.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]],u=l?l(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,H.jsx)(K,{item:e,actions:o,menuLabel:_.actionsLabel});return p?(0,H.jsx)(`div`,{children:p(e,t)},e.id):(0,H.jsx)(ke,{item:e,actionFallback:_.actionLabel,onSelect:n,actions:u},e.id)})})]})}Re.displayName=`ProductReadinessCard`;function ze({metrics:e=[],onCreateMetric:t,onSelectMetric:n,onEditMetric:r,onDeleteMetric:i,renderMetricActions:a,actions:o,footerSlot:s,empty:c,className:l,strings:u}){let d=D(fe,u),p=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:d.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(v,{className:`size-4`}),title:d.title,description:d.description,actions:o,headerAction:p,footerSlot:s,contentClassName:`mt-1`,className:A(`product-structure-card--component w-full`,l),children:e.length===0?c??(0,H.jsx)(U,{title:d.emptyTitle,description:d.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:d.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>{let o=n?()=>n(e):void 0,s=r?()=>r(e):void 0,c=i?()=>i(e):void 0,l=[...o?[{id:`open`,label:d.viewLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>o(),variant:`ghost`}]:[],...s?[{id:`edit`,label:d.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...c?[{id:`delete`,label:d.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>c(),variant:`destructive`}]:[]];return(0,H.jsx)(Oe,{metric:e,actions:a?a(e,{index:t,onSelect:o,onEdit:s,onDelete:c}):(0,H.jsx)(K,{item:e,actions:l,menuLabel:d.actionsLabel})},e.id)})})})}ze.displayName=`ProductStructureCard`;function J({variant:e,index:t=0,onSelectVariant:n,onEditVariant:r,onDuplicateVariant:i,onDeleteVariant:a,renderVariantActions:o,menuLabel:s,className:c,strings:l}){let u=D(xe,l),f=n?()=>n(e):void 0,p=r?()=>r(e):void 0,h=i?()=>i(e):void 0,g=a?()=>a(e):void 0;return f||p||h||g||o?o?(0,H.jsx)(`div`,{className:A(`product-variant-action-menu--component flex justify-end`,c),children:o(e,{index:t,onSelect:f,onEdit:p,onDuplicate:h,onDelete:g})}):(0,H.jsx)(K,{item:e,menuLabel:s??u.actionsLabel,className:A(`product-variant-action-menu--component`,c),actions:[...f?[{id:`open`,label:u.viewLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>f(),variant:`ghost`}]:[],...p?[{id:`edit`,label:u.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>p(),variant:`ghost`}]:[],...h?[{id:`duplicate`,label:u.duplicateLabel,icon:(0,H.jsx)(d,{className:`size-3.5`}),onClick:()=>h(),variant:`ghost`}]:[],...g?[{id:`delete`,label:u.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>g(),variant:`destructive`}]:[]]}):null}J.displayName=`ProductVariantActionMenu`;function Y({label:e,children:t,className:n,textClassName:r,weight:i}){return(0,H.jsxs)(`div`,{className:A(`product-variant-cell--component grid min-w-0 grid-cols-[6rem_minmax(0,1fr)] items-center gap-2 lg:block lg:space-y-0.5`,n),children:[(0,H.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide lg:sr-only`,children:e}),(0,H.jsx)(o,{size:`xs`,type:`secondary`,weight:i,className:A(`truncate`,r),children:t})]})}function Be({variants:e=[],onCreateVariant:t,onSelectVariant:n,onEditVariant:r,onDuplicateVariant:i,onDeleteVariant:s,renderVariantActions:c,actions:l,footerSlot:u,empty:d,className:p,strings:m}){let h=D(be,m),g=!!(n||r||i||s||c),_=`lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]`,v=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:h.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(y,{className:`size-4`}),title:h.title,description:h.description,actions:l,headerAction:v,footerSlot:u,contentClassName:`mt-1`,className:A(`product-variants-table--component w-full`,p),children:e.length===0?d??(0,H.jsx)(U,{title:h.emptyTitle,description:h.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:h.createLabel}):void 0}):(0,H.jsx)(`div`,{className:`product-variants-table--table rounded-md border border-border`,children:(0,H.jsxs)(`div`,{className:`lg:min-w-136`,children:[(0,H.jsxs)(`div`,{className:A(`hidden gap-3 border-b border-border bg-muted/40 px-3 py-2 lg:grid`,_),children:[(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.variant}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.price}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.inventory}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.sku}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.updated})]}),(0,H.jsx)(`div`,{className:`divide-y divide-border`,children:e.map((e,t)=>(0,H.jsxs)(`div`,{className:A(`grid gap-2 px-3 py-3 lg:items-center lg:gap-3 lg:py-2.5`,_),children:[(0,H.jsx)(`div`,{className:`min-w-0`,children:(0,H.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[(0,H.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,H.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,H.jsx)(o,{weight:`semibold`,className:`truncate`,children:e.name}),!!e.status&&(0,H.jsx)(a,{variant:e.statusVariant??`secondary`,children:e.status})]}),!!e.description&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!(e.options?.length||e.channels)&&(0,H.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-1`,children:[e.options?.map((e,t)=>(0,H.jsx)(a,{variant:`secondary`,children:e},t)),!!e.channels&&(0,H.jsxs)(o,{tag:`span`,size:`xxs`,type:`secondary`,className:`pl-1`,children:[h.headers.channels,`: `,e.channels]})]})]}),!!g&&(0,H.jsx)(J,{variant:e,index:t,onSelectVariant:n,onEditVariant:r,onDuplicateVariant:i,onDeleteVariant:s,renderVariantActions:c,menuLabel:h.headers.actions,className:`shrink-0`,strings:{viewLabel:h.viewLabel,editLabel:h.editLabel,duplicateLabel:h.duplicateLabel,deleteLabel:h.deleteLabel,actionsLabel:h.headers.actions}})]})}),(0,H.jsx)(Y,{label:h.headers.price,weight:`semibold`,textClassName:`tabular-nums text-foreground`,children:e.price??`-`}),(0,H.jsx)(Y,{label:h.headers.inventory,textClassName:`tabular-nums`,children:e.inventory??`-`}),(0,H.jsx)(Y,{label:h.headers.sku,textClassName:`tabular-nums`,children:e.sku??`-`}),(0,H.jsx)(Y,{label:h.headers.updated,children:e.updatedAt??`-`})]},e.id))})]})})})}Be.displayName=`ProductVariantsTable`;function Ve({details:e,contract:t,options:n,variants:r,readiness:i,structure:a,operations:o,quote:s,policies:c,slots:l,className:u,mainClassName:d,railClassName:f,strings:p}){let m=D(we,p),h=!!(i||a||o||s||c||l?.railTop||l?.railBottom);return(0,H.jsxs)(`div`,{className:A(`product-overview--component @container/product-overview space-y-4`,u),children:[l?.before,(0,H.jsxs)(`div`,{className:A(`grid gap-4`,h&&`@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]`),children:[(0,H.jsxs)(`section`,{"aria-label":m.mainLabel,className:A(`product-overview--main min-w-0 space-y-4`,d),children:[l?.mainTop,!!e&&(0,H.jsx)(Me,{...e}),!!t&&(0,H.jsx)(je,{...t}),!!n&&(0,H.jsx)(Fe,{...n}),!!r&&(0,H.jsx)(Be,{...r}),l?.mainBottom]}),!!h&&(0,H.jsxs)(`aside`,{"aria-label":m.railLabel,className:A(`product-overview--rail min-w-0 space-y-4`,f),children:[l?.railTop,!!i&&(0,H.jsx)(Re,{...i}),!!a&&(0,H.jsx)(ze,{...a}),!!o&&(0,H.jsx)(Pe,{...o}),!!s&&(0,H.jsx)(Le,{...s}),!!c&&(0,H.jsx)(Ie,{...c}),l?.railBottom]})]}),l?.after]})}Ve.displayName=`ProductOverview`;var He=e=>e!=null&&e!==!1&&e!==``;function Ue(e,t){return[{label:t.price,value:e.price},{label:t.inventory,value:e.inventory},{label:t.sku,value:e.sku},{label:t.channels,value:e.channels},{label:t.updated,value:e.updatedAt}].filter(e=>He(e.value))}function We({variant:e,metadata:t,optionItems:n=[],media:r,onBack:i,onSelectVariant:s,onEditVariant:l,onDuplicateVariant:u,onDeleteVariant:d,onSelectOption:p,actions:m,headerEnd:h,footerSlot:g,empty:_,renderActions:v,renderMetadata:b,renderOption:x,className:S,strings:C}){let w=D(Se,C),T=e?t??Ue(e,w.metadata):[],E=!!(e&&(s||l||u||d||v)),ee=(0,H.jsxs)(`div`,{className:`product-variant-details--header-actions flex items-center gap-2`,children:[!!i&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:c,children:w.backLabel}),!!E&&e&&(0,H.jsx)(J,{variant:e,onSelectVariant:s,onEditVariant:l,onDuplicateVariant:u,onDeleteVariant:d,renderVariantActions:v})]}),O=e?.options??[];return(0,H.jsx)(M,{icon:(0,H.jsx)(y,{className:`size-4`}),title:e?.name??w.title,titleSuffix:e?.status?(0,H.jsx)(a,{variant:e.statusVariant??`secondary`,children:e.status}):void 0,description:e?.description??w.description,actions:m,headerAction:i||E?ee:void 0,headerEnd:h,footerSlot:g,contentClassName:`mt-1`,className:A(`product-variant-details--component w-full`,S),children:e?(0,H.jsxs)(`div`,{className:`product-variant-details--body grid gap-5`,children:[!!r&&(0,H.jsx)(`div`,{className:`product-variant-details--media overflow-hidden rounded-md border border-border bg-muted/30`,children:r}),b?b(e):(0,H.jsx)(V,{title:w.factsTitle,items:T,columns:3,dense:!0,className:`product-variant-details--metadata`}),!!O.length&&(0,H.jsxs)(`div`,{className:`product-variant-details--selected-options space-y-2`,children:[(0,H.jsx)(o,{weight:`semibold`,children:w.selectedOptionsTitle}),(0,H.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:O.map((e,t)=>(0,H.jsx)(a,{variant:`secondary`,children:e},t))})]}),!!n.length&&(0,H.jsxs)(`div`,{className:`product-variant-details--related-options space-y-2`,children:[(0,H.jsx)(o,{weight:`semibold`,children:w.relatedOptionsTitle}),(0,H.jsx)(I,{children:n.map((e,t)=>x?(0,H.jsx)(`div`,{children:x(e,t)},e.id):(0,H.jsx)(q,{item:e,actionLabel:w.viewOptionLabel,onSelect:p?()=>p(e):void 0},e.id))})]})]}):_??(0,H.jsx)(U,{title:w.emptyTitle,description:w.emptyDescription})})}We.displayName=`ProductVariantDetails`;var Ge=t(n(),1),Ke=e=>e.map(e=>({value:e.value,label:e.label,disabled:e.disabled}));function qe({value:e,defaultValue:t,optionFields:n=[],statusOptions:r=[],onValueChange:i,onSubmit:a,onCancel:s,onDelete:c,actions:l,headerEnd:u,footerSlot:d,disabled:p=!1,isSubmitting:m=!1,className:h,strings:g}){let _=D(Ce,g),v=(0,Ge.useId)(),y=e!==void 0,[b,S]=(0,Ge.useState)(t??{}),C=(y?e:b)??{},T=p||m,O=e=>{y||S(e),i?.(e)},k=(e,t)=>{O({...C,[e]:t})},te=(e,t)=>{O({...C,options:{...C.options??{},[e.id]:t}})},ne=e=>{e.preventDefault(),a?.(C)},j=(0,H.jsxs)(`div`,{className:`product-variant-editor--footer flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,H.jsx)(`div`,{children:!!c&&(0,H.jsx)(f,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:()=>c(C),disabled:T,icon:E,children:_.deleteLabel})}),(0,H.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,children:[!!s&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:s,disabled:T,icon:ee,children:_.cancelLabel}),!!a&&(0,H.jsx)(f,{type:`submit`,form:v,disabled:T,icon:w,children:m?_.savingLabel:_.saveLabel})]})]}),N=!!(c||s||a);return(0,H.jsx)(M,{icon:(0,H.jsx)(x,{className:`size-4`}),title:_.title,description:_.description,actions:l,headerEnd:u,footerSlot:d??(N?j:void 0),footerDivider:!0,contentClassName:`mt-1`,className:A(`product-variant-editor--component w-full`,h),children:(0,H.jsxs)(`form`,{id:v,className:`product-variant-editor--form grid gap-5`,onSubmit:ne,children:[(0,H.jsxs)(`section`,{className:`product-variant-editor--section grid gap-3`,children:[(0,H.jsx)(o,{weight:`semibold`,children:_.identityTitle}),(0,H.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,H.jsx)(B,{label:_.fields.name,required:!0,children:(0,H.jsx)(z,{value:C.name??``,onChange:e=>k(`name`,e.target.value),placeholder:_.placeholders.name,disabled:T})}),(0,H.jsx)(B,{label:_.fields.sku,children:(0,H.jsx)(z,{value:C.sku??``,onChange:e=>k(`sku`,e.target.value),placeholder:_.placeholders.sku,disabled:T})}),(0,H.jsx)(B,{label:_.fields.description,className:`md:col-span-2`,children:(0,H.jsx)(ie,{value:C.description??``,onChange:e=>k(`description`,e.target.value),placeholder:_.placeholders.description,disabled:T,autoResize:!0,minRows:2})})]})]}),(0,H.jsxs)(`section`,{className:`product-variant-editor--section grid gap-3`,children:[(0,H.jsx)(o,{weight:`semibold`,children:_.commercialTitle}),(0,H.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,H.jsx)(B,{label:_.fields.price,children:(0,H.jsx)(z,{value:C.price??``,onChange:e=>k(`price`,e.target.value),placeholder:_.placeholders.price,disabled:T})}),(0,H.jsx)(B,{label:_.fields.inventory,children:(0,H.jsx)(z,{value:C.inventory??``,onChange:e=>k(`inventory`,e.target.value),placeholder:_.placeholders.inventory,disabled:T,inputMode:`numeric`})}),(0,H.jsx)(B,{label:_.fields.status,children:r.length>0?(0,H.jsx)(ae,{options:Ke(r),value:C.status??null,onChange:e=>k(`status`,e??``),placeholder:_.statusPlaceholder,disabled:T,"aria-label":_.fields.status}):(0,H.jsx)(z,{value:C.status??``,onChange:e=>k(`status`,e.target.value),placeholder:_.placeholders.status,disabled:T})}),(0,H.jsx)(B,{label:_.fields.channels,children:(0,H.jsx)(z,{value:C.channels??``,onChange:e=>k(`channels`,e.target.value),placeholder:_.placeholders.channels,disabled:T})})]})]}),!!n.length&&(0,H.jsxs)(`section`,{className:`product-variant-editor--section grid gap-3`,children:[(0,H.jsx)(o,{weight:`semibold`,children:_.optionsTitle}),(0,H.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:n.map(e=>{let t=e.value??C.options?.[e.id]??``,n=!!e.choices?.length;return(0,H.jsx)(B,{label:e.label,helperText:e.helperText,children:n?(0,H.jsx)(ae,{options:Ke(e.choices??[]),value:t||null,onChange:t=>te(e,t),placeholder:e.placeholder??_.optionPlaceholder,disabled:T,"aria-label":e.label}):(0,H.jsx)(z,{value:t,onChange:t=>te(e,t.target.value),placeholder:e.placeholder??_.optionPlaceholder,disabled:T})},e.id)})})]})]})})}qe.displayName=`ProductVariantEditor`;function Je({className:e,...t}){return(0,H.jsx)(Ve,{...t,className:A(`products--component`,e)})}Je.displayName=`Products`;var Ye=``+new URL(`hero-CLDdwZDr.png`,import.meta.url).href,Xe=e({OptionsAndVariants:()=>ot,ProductEditor:()=>at,ProductSupportRail:()=>lt,StandaloneActionMenus:()=>ct,VariantDetailsAndEditor:()=>st}),Ze=[{id:`classic`,name:`Classic bottle`,description:`Standard retail pack`,options:[`375 ml`,`Classic label`],sku:`BAL-375-CL`,price:`US$ 18.00`,inventory:`82`,channels:`Online store, POS`,updatedAt:`Today`,status:`Active`,statusVariant:`success`},{id:`gift`,name:`Gift box`,description:`Bottle, pourer, tasting card`,options:[`750 ml`,`Gift packaging`],sku:`BAL-750-GF`,price:`US$ 46.00`,inventory:`28`,channels:`Online store`,updatedAt:`Yesterday`,status:`Review`,statusVariant:`warning`},{id:`case`,name:`Case of six`,description:`Wholesale case pack`,options:[`6 x 750 ml`,`Wholesale`],sku:`BAL-CASE-6`,price:`US$ 132.00`,inventory:`14`,channels:`B2B`,updatedAt:`Jun 12`,status:`Active`,statusVariant:`success`}],Qe=[{id:`size`,label:`Size`,description:`Controls bottle volume and variant price.`,values:[`375 ml`,`750 ml`,`Case of six`],value:`3 values`,tone:`primary`},{id:`packaging`,label:`Packaging`,description:`Customer-facing presentation options.`,values:[`Classic label`,`Gift packaging`,`Wholesale`],value:`3 values`,tone:`neutral`},{id:`gift-message`,label:`Gift message`,description:`Optional card text collected at checkout.`,values:[`None`,`Printed card`],value:`Optional`,tone:`success`}],X=()=>{},$e=[{value:`active`,label:`Active`},{value:`review`,label:`Review`},{value:`draft`,label:`Draft`}],et=[{id:`size`,label:`Size`,choices:[{value:`375 ml`,label:`375 ml`},{value:`750 ml`,label:`750 ml`},{value:`Case of six`,label:`Case of six`}]},{id:`packaging`,label:`Packaging`,choices:[{value:`Classic label`,label:`Classic label`},{value:`Gift packaging`,label:`Gift packaging`},{value:`Wholesale`,label:`Wholesale`}]}],tt={name:`Classic bottle`,description:`Standard retail pack`,sku:`BAL-375-CL`,price:`US$ 18.00`,inventory:`82`,status:`active`,channels:`Online store, POS`,options:{size:`375 ml`,packaging:`Classic label`}};function Z({children:e}){return(0,H.jsx)(`div`,{className:`max-h-[42rem] overflow-auto pr-2`,children:e})}function nt({frame:e=`square`}){return(0,H.jsxs)(`div`,{className:A(`relative overflow-hidden rounded-md border border-border bg-muted`,e===`square`?`aspect-square`:`aspect-[4/3] max-h-72`),children:[(0,H.jsx)(`img`,{src:Ye,alt:`Balsamic tasting set`,className:`h-full w-full object-cover`}),(0,H.jsxs)(`div`,{className:`absolute inset-x-0 bottom-0 bg-background/85 px-3 py-2 backdrop-blur-sm`,children:[(0,H.jsx)(o,{size:`xs`,weight:`semibold`,children:`Primary media`}),(0,H.jsx)(o,{size:`xxs`,type:`secondary`,children:`Alt text and gallery remain app-owned.`})]})]})}function rt(){return{details:{media:(0,H.jsx)(nt,{}),metadata:[{label:`Status`,value:(0,H.jsx)(a,{variant:`success`,children:`Active`})},{label:`Vendor`,value:`Aegean Pantry Co.`},{label:`Category`,value:`Food & pantry`},{label:`Product type`,value:`Physical good`},{label:`Base price`,value:`US$ 18.00`},{label:`Tax class`,value:`Standard`}]},contract:{metrics:[{id:`margin`,label:`Margin`,value:`48%`,description:`After landed cost`,tone:`success`},{id:`lead-time`,label:`Lead time`,value:`3 days`,description:`Warehouse average`,tone:`info`},{id:`tax`,label:`Tax`,value:`Included`,description:`Shown in checkout`,tone:`neutral`}],terms:[{label:`Payment`,value:`Due at checkout`},{label:`Fulfilment`,value:`Warehouse dispatch`},{label:`Cancellation`,value:`Before dispatch`},{label:`Availability`,value:`Stock constrained`}],rules:[{id:`gross`,label:`Tax included`,description:`Customer quotes show gross pricing.`,tone:`success`},{id:`b2b`,label:`Wholesale allowed`,description:`Case pack available to the B2B channel.`,tone:`info`}]},options:{options:Qe,onManageOptions:X,onCreateOption:X,onSelectOption:X,onEditOption:X,onDeleteOption:X},variants:{variants:Ze,onCreateVariant:X,onSelectVariant:X,onEditVariant:X,onDuplicateVariant:X,onDeleteVariant:X}}}function it(){return{readiness:{score:86,summary:`Ready to publish once translation review and replenishment dates are confirmed.`,onCreateReadinessItem:X,onSelectReadinessItem:X,onEditReadinessItem:X,onDeleteReadinessItem:X,items:[{id:`copy`,label:`Product copy`,description:`Title, description, SEO summary complete.`,completed:!0},{id:`media`,label:`Media`,description:`Cover image and gallery uploaded.`,completed:!0},{id:`translation`,label:`Translations`,description:`Greek and German copy need review.`,value:`2 locales`,tone:`warning`},{id:`inventory`,label:`Inventory policy`,description:`Restock date still needs supplier confirmation.`,value:`Review`,tone:`warning`}]},structure:{onCreateMetric:X,onSelectMetric:X,onEditMetric:X,onDeleteMetric:X,metrics:[{id:`media`,label:`Media`,value:`8`,description:`1 cover, 7 gallery`,tone:`success`,icon:(0,H.jsx)(g,{className:`size-4`})},{id:`categories`,label:`Collections`,value:`3`,description:`Pantry, gifts, tasting`,tone:`info`,icon:(0,H.jsx)(ue,{className:`size-4`})},{id:`locales`,label:`Locales`,value:`2 / 4`,description:`EN live, EL review`,tone:`warning`,icon:(0,H.jsx)(_,{className:`size-4`})},{id:`variants`,label:`Variants`,value:`3`,description:`All sellable`,tone:`success`,icon:(0,H.jsx)(b,{className:`size-4`})}]},operations:{onCreateOperation:X,onSelectOperation:X,onEditOperation:X,onDeleteOperation:X,items:[{id:`stock`,label:`Stock policy`,description:`Checkout blocked below available inventory.`,value:`Active`,tone:`success`},{id:`channels`,label:`Sales channels`,description:`Online store, POS, and B2B market enabled.`,value:`3`,tone:`info`},{id:`calendar`,label:`Restock calendar`,description:`Next supplier run pending confirmation.`,value:`Review`,tone:`warning`}]},quote:{onCreateLine:X,onSelectLine:X,onEditLine:X,onDeleteLine:X,lines:[{id:`bottle`,label:`Classic bottle`,quantity:`2 x US$ 18.00`,amount:`US$ 36.00`},{id:`gift`,label:`Gift packaging`,quantity:`1 x US$ 5.00`,amount:`US$ 5.00`}],subtotal:`US$ 41.00`,tax:`Included`,total:`US$ 41.00`},policies:{onCreatePolicy:X,onSelectPolicy:X,onEditPolicy:X,onDeletePolicy:X,policies:[{id:`returns`,label:`Returns`,description:`Unopened goods can be returned within 14 days.`,tone:`success`},{id:`shipping`,label:`Shipping`,description:`Ambient warehouse dispatch only.`,tone:`neutral`}]}}}function at(){let e=rt(),t=it();return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`w-full rounded-lg border border-border bg-muted/20 p-4`,children:[(0,H.jsxs)(`div`,{className:`mb-4 flex flex-col gap-4 border-b border-border pb-4 lg:flex-row lg:items-start lg:justify-between`,children:[(0,H.jsxs)(`div`,{className:`min-w-0 space-y-3`,children:[(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,H.jsx)(a,{variant:`success`,children:`Active`}),(0,H.jsx)(a,{variant:`info`,children:`3 variants`}),(0,H.jsx)(a,{variant:`warning`,children:`2 review items`})]}),(0,H.jsxs)(`div`,{children:[(0,H.jsx)(r,{tag:`h2`,className:`border-none pb-0`,children:`Balsamic tasting set`}),(0,H.jsx)(o,{type:`secondary`,className:`mt-1 max-w-3xl`,children:`Shopify-style product editor composed from product details, options, variants, readiness, operations, and quote cards.`})]}),(0,H.jsx)(V,{layout:`horizontal`,items:[{label:`SKU`,value:`BAL-TASTE-01`},{label:`Vendor`,value:`Aegean Pantry Co.`},{label:`Market`,value:`US online store`},{label:`Updated`,value:`Today`}],columns:4})]}),(0,H.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,H.jsx)(f,{variant:`secondary`,buttonStyle:`outline`,children:`Preview`}),(0,H.jsx)(f,{children:`Save product`})]})]}),(0,H.jsx)(Je,{details:e.details,contract:e.contract,options:e.options,variants:e.variants,readiness:t.readiness,structure:t.structure,operations:t.operations,quote:t.quote,policies:t.policies})]})})}function ot(){let e=rt();return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`grid w-full gap-4`,children:[(0,H.jsx)(Fe,{...e.options}),(0,H.jsx)(Be,{...e.variants})]})})}function st(){let[e,t]=(0,Ge.useState)(tt);return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`grid w-full gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]`,children:[(0,H.jsx)(We,{variant:Ze[0],optionItems:Qe.slice(0,2),media:(0,H.jsx)(nt,{frame:`wide`}),onBack:X,onSelectVariant:X,onEditVariant:X,onDuplicateVariant:X,onDeleteVariant:X,onSelectOption:X}),(0,H.jsx)(qe,{value:e,optionFields:et,statusOptions:$e,onValueChange:t,onSubmit:X,onCancel:X,onDelete:X})]})})}function ct(){return(0,H.jsxs)(`div`,{className:`grid w-full gap-4 sm:grid-cols-2`,children:[(0,H.jsx)(M,{title:`Option actions`,description:`The menu can be used next to any option row or custom layout.`,children:(0,H.jsx)(Ne,{option:Qe[0],onSelectOption:X,onEditOption:X,onDeleteOption:X})}),(0,H.jsx)(M,{title:`Variant actions`,description:`The same variant actions work outside the table.`,children:(0,H.jsx)(J,{variant:Ze[0],onSelectVariant:X,onEditVariant:X,onDuplicateVariant:X,onDeleteVariant:X})})]})}function lt(){let e=it();return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,H.jsx)(Re,{...e.readiness}),(0,H.jsx)(ze,{...e.structure}),(0,H.jsx)(Pe,{...e.operations}),(0,H.jsx)(Le,{...e.quote}),(0,H.jsx)(Ie,{...e.policies})]})})}var Q=`import { useState, type ReactNode } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-BPNIPavy.js";import{t as c}from"./arrow-left-C9I0h_su.js";import{t as l}from"./arrow-right-DswaRsr6.js";import{t as u}from"./box-72m9QSDa.js";import{Dr as d,r as f,t as p}from"./example-CJMJcnb4.js";import{t as m}from"./eye-Cl_GfUKH.js";import{t as h}from"./file-text-BTTFP8Jo.js";import{t as g}from"./image-CxNywgkb.js";import{t as _}from"./languages-D9UaP3QU.js";import{t as v}from"./layers-QXZ9Jfej.js";import{t as y}from"./list-checks-DA2jqXdm.js";import{t as b}from"./package-check-JRHaNnkl.js";import{t as x}from"./pencil-DiG2dQ8F.js";import{t as S}from"./plus-CQcelTNc.js";import{t as C}from"./receipt-text-CBQrVlnU.js";import{t as w}from"./save-Bpjj-rBP.js";import{t as T}from"./shield-check-DSfGVZq0.js";import{t as E}from"./trash-2-CtRtVsCy.js";import{t as ee}from"./x-DyuS4YRT.js";import{N as D,d as O,i as k,l as te,n as A,s as ne}from"./index-jD-KSiHu.js";import{t as j}from"./props-table-DoDq8Mvr.js";import{t as M}from"./smart-card-p97LLZCW.js";import{c as N,i as P,n as F,o as I,r as L,t as R,u as re}from"./item-ffIfXEGd.js";import{t as z}from"./input-CkNgwwCs.js";import{t as ie}from"./textarea-D2uT_GJt.js";import{t as ae}from"./select-BauiG1a3.js";import{n as B}from"./form-field-Dhy0eM5B.js";import{t as oe}from"./progress-D76Df908.js";import{t as V}from"./metadata-list-xVUTVyy9.js";import{t as se}from"./table-actions-Ci9Yszp0.js";import{t as ce}from"./empty-state-hUKvmKa-.js";import{t as le}from"./inline-stat-CklKufoA.js";var ue=te(`tags`,[[`path`,{d:`M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z`,key:`16rjxf`}],[`path`,{d:`M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193`,key:`178nd4`}],[`circle`,{cx:`10.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`12ikhr`}]]),de={title:`Readiness`,description:`Publishing checks and operational setup.`,scoreLabel:`Overall readiness`,progressLabel:`Readiness progress`,createLabel:`Add check`,editLabel:`Edit check`,deleteLabel:`Delete check`,actionsLabel:`Check actions`,emptyTitle:`No readiness checks`,emptyDescription:`Pass readiness items from your product workflow to show progress.`,actionLabel:`Open`},fe={title:`Structure`,description:`Media, taxonomy, options, and content coverage.`,createLabel:`Add metric`,viewLabel:`Open`,editLabel:`Edit metric`,deleteLabel:`Delete metric`,actionsLabel:`Metric actions`,emptyTitle:`No structure metrics`,emptyDescription:`Pass structure metrics to summarize the product setup.`},pe={title:`Operations`,description:`Availability, channels, service rules, and fulfilment signals.`,createLabel:`Add signal`,editLabel:`Edit signal`,deleteLabel:`Delete signal`,actionsLabel:`Signal actions`,emptyTitle:`No operational signals`,emptyDescription:`Pass operational rows to show channel and availability health.`,actionLabel:`Open`},me={title:`Product details`,description:`Core identity and catalogue fields.`,editLabel:`Edit details`,emptyTitle:`No details`,emptyDescription:`Pass metadata rows to render product details.`},he={title:`Contract`,description:`Commercial terms, pricing rules, and customer-facing conditions.`,termsTitle:`Terms`,rulesTitle:`Rules`,actionLabel:`Manage contract`,editLabel:`Edit contract`,createRuleLabel:`Add rule`,viewRuleLabel:`Open rule`,editRuleLabel:`Edit rule`,deleteRuleLabel:`Delete rule`,ruleActionsLabel:`Rule actions`,emptyTitle:`No contract summary`,emptyDescription:`Pass metrics, terms, or rules to summarize the product contract.`},ge={title:`Options`,description:`Variant-driving choices and add-ons customers can select.`,manageLabel:`Manage options`,createLabel:`Add option`,viewLabel:`Open option`,editLabel:`Edit option`,deleteLabel:`Delete option`,actionsLabel:`Option actions`,emptyTitle:`No options`,emptyDescription:`Pass option groups to summarize configurable product choices.`},_e={viewLabel:`Open option`,editLabel:`Edit option`,deleteLabel:`Delete option`,actionsLabel:`Option actions`},ve={title:`Quote preview`,description:`How the product appears in a compact customer quote.`,subtotalLabel:`Subtotal`,taxLabel:`Tax`,discountLabel:`Discount`,totalLabel:`Total`,actionLabel:`Open quote`,createLineLabel:`Add line`,viewLineLabel:`Open line`,editLineLabel:`Edit line`,deleteLineLabel:`Delete line`,lineActionsLabel:`Line actions`,emptyTitle:`No quote lines`,emptyDescription:`Pass quote lines to preview pricing.`},ye={title:`Policies`,description:`Cancellation, booking, service, and customer-facing rules.`,createLabel:`Add policy`,viewLabel:`View`,editLabel:`Edit policy`,deleteLabel:`Delete policy`,actionsLabel:`Policy actions`,emptyTitle:`No policies`,emptyDescription:`Pass policies to summarize customer-facing rules.`},be={title:`Variants`,description:`Sellable combinations with price, availability, and SKU.`,createLabel:`Add variant`,viewLabel:`Open variant`,editLabel:`Edit`,duplicateLabel:`Duplicate`,deleteLabel:`Delete`,emptyTitle:`No variants`,emptyDescription:`Create or pass variants to show sellable rows.`,headers:{variant:`Variant`,sku:`SKU`,price:`Price`,inventory:`Available`,channels:`Channels`,updated:`Updated`,actions:`Actions`}},xe={viewLabel:`Open variant`,editLabel:`Edit`,duplicateLabel:`Duplicate`,deleteLabel:`Delete`,actionsLabel:`Variant actions`},Se={title:`Variant`,description:`Sellable variant details, options, pricing, and fulfilment data.`,backLabel:`Back`,factsTitle:`Variant facts`,selectedOptionsTitle:`Selected options`,relatedOptionsTitle:`Option groups`,viewOptionLabel:`Open option`,emptyTitle:`No variant selected`,emptyDescription:`Pass a variant to render a standalone variant detail surface.`,metadata:{price:`Price`,inventory:`Available`,sku:`SKU`,channels:`Channels`,updated:`Updated`}},Ce={title:`Edit variant`,description:`Controlled form for variant identity, pricing, inventory, and option values.`,identityTitle:`Identity`,commercialTitle:`Commercial setup`,optionsTitle:`Options`,saveLabel:`Save variant`,savingLabel:`Saving`,cancelLabel:`Cancel`,deleteLabel:`Delete variant`,statusPlaceholder:`Select status`,optionPlaceholder:`Select value`,fields:{name:`Name`,description:`Description`,sku:`SKU`,price:`Price`,inventory:`Inventory`,status:`Status`,channels:`Channels`},placeholders:{name:`750 ml bottle`,description:`Standard retail pack`,sku:`BAL-750-CL`,price:`US$ 24.00`,inventory:`82`,status:`Active`,channels:`Online store, POS`}},we={mainLabel:`Product overview`,railLabel:`Product supporting information`},H=O();function U({title:e,description:t,action:n,className:r}){return(0,H.jsx)(ce,{padding:`small`,border:!0,title:e,description:t,actions:n,className:A(`product-empty-state--component bg-muted/20`,r)})}var Te={neutral:`secondary`,primary:`primary`,success:`success`,warning:`warning`,error:`error`,info:`info`},W={neutral:`border-border bg-card text-muted-foreground`,primary:`border-primary/20 bg-primary/5 text-primary`,success:`border-success/20 bg-success/5 text-success`,warning:`border-warning/30 bg-warning/8 text-warning`,error:`border-destructive/25 bg-destructive/8 text-destructive`,info:`border-info/20 bg-info/5 text-info`};function Ee(e){return Number.isFinite(e)?Math.min(100,Math.max(0,Math.round(e))):0}function G({tone:e=`neutral`}){return(0,H.jsx)(`span`,{"aria-hidden":`true`,className:A(`product-tone-dot--component size-2 rounded-full`,{"bg-muted-foreground":e===`neutral`,"bg-primary":e===`primary`,"bg-success":e===`success`,"bg-warning":e===`warning`,"bg-destructive":e===`error`,"bg-info":e===`info`})})}function De({metric:e}){let t=e.tone??`neutral`;return(0,H.jsxs)(`div`,{className:A(`product-metric-tile--component rounded-md border px-3 py-2.5`,W[t]),children:[(0,H.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,H.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,H.jsx)(o,{size:`xs`,type:t===`neutral`?`secondary`:`main`,className:`truncate`,children:e.label}),(0,H.jsx)(o,{weight:`semibold`,className:`tabular-nums`,children:e.value})]}),`icon`in e&&!!e.icon&&(0,H.jsx)(`div`,{className:`shrink-0 opacity-80`,children:e.icon})]}),!!e.description&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1.5 leading-snug`,children:e.description})]})}function K({item:e,actions:t,menuLabel:n,className:r}){return t.length===0?null:(0,H.jsx)(`div`,{className:A(`product-row-actions--component flex justify-end`,r),children:(0,H.jsx)(se,{row:e,actions:t,menuLabel:n,displayMode:`menu`})})}function Oe({metric:e,actions:t}){let n=e.tone??`neutral`;return(0,H.jsxs)(R,{className:`product-structure-metric-row--component product-structure-card--item`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[n]),children:e.icon??(0,H.jsx)(G,{tone:n})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description})]}),(0,H.jsxs)(F,{className:`ml-auto shrink-0 gap-2`,children:[(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),t]})]})}function ke({item:e,actionFallback:t,onSelect:n,actions:r}){let i=e.tone??(e.completed?`success`:`neutral`),o=e.onSelect??n;return(0,H.jsxs)(R,{className:`product-readiness-row--component product-readiness-card--item`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[i]),children:(0,H.jsx)(G,{tone:i})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description})]}),!!(e.value||o||r)&&(0,H.jsxs)(F,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,H.jsx)(a,{variant:Te[i],children:e.value}),!!o&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:o,icon:l,iconPosition:`right`,children:e.actionLabel??t}),r]})]})}function Ae({item:e,actionFallback:t,onSelect:n,actions:r}){let i=e.tone??`neutral`,a=e.onSelect??n;return(0,H.jsxs)(R,{className:`product-operation-row--component product-operations-card--item`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[i]),children:(0,H.jsx)(G,{tone:i})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description})]}),!!(e.value||a||r)&&(0,H.jsxs)(F,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,children:e.value}),!!a&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:l,iconPosition:`right`,children:e.actionLabel??t}),r]})]})}function q({item:e,actionLabel:t,onSelect:n,actions:r}){let i=e.tone??`neutral`,s=`values`in e?e.values:void 0;return(0,H.jsxs)(R,{className:`product-summary-row--component`,children:[(0,H.jsx)(N,{variant:`icon`,className:A(`rounded-full border`,W[i]),children:(0,H.jsx)(G,{tone:i})}),(0,H.jsxs)(L,{className:`min-w-0 sm:min-w-48`,children:[(0,H.jsx)(re,{children:e.label}),!!e.description&&(0,H.jsx)(P,{clamp:2,children:e.description}),!!s?.length&&(0,H.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:s.map((e,t)=>(0,H.jsx)(a,{variant:`secondary`,children:e},t))})]}),!!(e.value||e.badge||n||r)&&(0,H.jsxs)(F,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,children:e.value}),!!e.badge&&e.badge,!!n&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:n,icon:l,iconPosition:`right`,children:t}),r]})]})}function je({metrics:e=[],terms:t=[],rules:n=[],onOpenContract:r,onEditContract:i,onCreateRule:a,onSelectRule:s,onEditRule:c,onDeleteRule:u,renderRuleActions:d,actions:p,footerSlot:g,empty:_,className:v,strings:y}){let b=D(he,y),C=e.length>0||t.length>0||n.length>0,w=r||i||a?(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!a&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:S,children:b.createRuleLabel}),!!i&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:x,children:b.editLabel}),!!r&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:r,icon:l,iconPosition:`right`,children:b.actionLabel})]}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(h,{className:`size-4`}),title:b.title,description:b.description,actions:p,headerAction:w,footerSlot:g,contentClassName:`mt-1`,className:A(`product-contract-overview--component w-full`,v),children:C?(0,H.jsxs)(`div`,{className:`space-y-4`,children:[e.length>0&&(0,H.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>(0,H.jsx)(De,{metric:e},e.id))}),t.length>0&&(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(o,{size:`xs`,weight:`semibold`,children:b.termsTitle}),(0,H.jsx)(V,{items:t,columns:2,dense:!0})]}),n.length>0&&(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(o,{size:`xs`,weight:`semibold`,children:b.rulesTitle}),(0,H.jsx)(I,{children:n.map((e,t)=>{let n=s?()=>s(e):void 0,r=c?()=>c(e):void 0,i=u?()=>u(e):void 0,a=[...n?[{id:`open`,label:b.viewRuleLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>n(),variant:`ghost`}]:[],...r?[{id:`edit`,label:b.editRuleLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:b.deleteRuleLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]];return(0,H.jsx)(q,{item:e,actions:d?d(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,H.jsx)(K,{item:e,actions:a,menuLabel:b.ruleActionsLabel})},e.id)})})]})]}):_??(0,H.jsx)(U,{title:b.emptyTitle,description:b.emptyDescription,action:a?(0,H.jsx)(f,{type:`button`,onClick:a,icon:S,children:b.createRuleLabel}):void 0})})}je.displayName=`ProductContractOverview`;function Me({title:e,description:t,metadata:n=[],media:r,onEditDetails:i,actions:a,headerEnd:o,footerSlot:s,empty:c,className:l,strings:d}){let p=D(me,d),m=i?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:x,children:p.editLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(u,{className:`size-4`}),title:e??p.title,description:t===!1?void 0:t??p.description,actions:a,headerAction:m,headerEnd:o,footerSlot:s,contentClassName:`mt-1`,className:A(`product-details-card--component w-full`,l),children:n.length===0?c??(0,H.jsx)(U,{title:p.emptyTitle,description:p.emptyDescription}):(0,H.jsx)(`div`,{className:`@container/product-details`,children:(0,H.jsxs)(`div`,{className:A(`grid gap-4`,r&&`@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]`),children:[!!r&&(0,H.jsx)(`div`,{className:`product-details-card--media overflow-hidden rounded-md border border-border bg-muted/30`,children:r}),(0,H.jsx)(V,{items:n,columns:r?1:2,dense:!0,className:`min-w-0`,valueClassName:`break-words`})]})})})}Me.displayName=`ProductDetailsCard`;function Ne({option:e,index:t=0,onSelectOption:n,onEditOption:r,onDeleteOption:i,renderOptionActions:a,menuLabel:o,className:s,strings:c}){let l=D(_e,c),u=n?()=>n(e):void 0,d=r?()=>r(e):void 0,f=i?()=>i(e):void 0;return u||d||f||a?a?(0,H.jsx)(`div`,{className:A(`product-option-action-menu--component flex justify-end`,s),children:a(e,{index:t,onSelect:u,onEdit:d,onDelete:f})}):(0,H.jsx)(K,{item:e,menuLabel:o??l.actionsLabel,className:A(`product-option-action-menu--component`,s),actions:[...u?[{id:`open`,label:l.viewLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>u(),variant:`ghost`}]:[],...d?[{id:`edit`,label:l.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>d(),variant:`ghost`}]:[],...f?[{id:`delete`,label:l.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>f(),variant:`destructive`}]:[]]}):null}Ne.displayName=`ProductOptionActionMenu`;function Pe({items:e=[],onCreateOperation:t,onSelectOperation:n,onEditOperation:r,onDeleteOperation:i,renderOperationActions:a,actions:o,footerSlot:s,renderItem:c,empty:l,className:u,strings:d}){let p=D(pe,d),m=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:p.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(b,{className:`size-4`}),title:p.title,description:p.description,actions:o,headerAction:m,footerSlot:s,contentClassName:`mt-1`,className:A(`product-operations-card--component w-full`,u),children:e.length===0?l??(0,H.jsx)(U,{title:p.emptyTitle,description:p.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:p.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>{let o=n?()=>n(e):void 0,s=r?()=>r(e):void 0,l=i?()=>i(e):void 0,u=[...s?[{id:`edit`,label:p.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...l?[{id:`delete`,label:p.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>l(),variant:`destructive`}]:[]],d=a?a(e,{index:t,onSelect:o,onEdit:s,onDelete:l}):(0,H.jsx)(K,{item:e,actions:u,menuLabel:p.actionsLabel});return c?(0,H.jsx)(`div`,{children:c(e,t)},e.id):(0,H.jsx)(Ae,{item:e,actionFallback:p.actionLabel,onSelect:o,actions:d},e.id)})})})}Pe.displayName=`ProductOperationsCard`;function Fe({options:e=[],onManageOptions:t,onCreateOption:n,onSelectOption:r,onEditOption:i,onDeleteOption:a,renderOptionActions:o,actions:s,footerSlot:c,renderOption:l,empty:u,className:d,strings:p}){let m=D(ge,p),h=!!(r||i||a||o),g=[...s??[],...n&&t?[{id:`manage-options`,label:m.manageLabel,icon:(0,H.jsx)(k,{className:`size-3.5`}),onClick:t}]:[]],_=n||t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:n??t,icon:n?S:k,children:n?m.createLabel:m.manageLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(k,{className:`size-4`}),title:m.title,description:m.description,actions:g.length>0?g:void 0,headerAction:_,footerSlot:c,contentClassName:`mt-1`,className:A(`product-options-summary--component w-full`,d),children:e.length===0?u??(0,H.jsx)(U,{title:m.emptyTitle,description:m.emptyDescription,action:n?(0,H.jsx)(f,{type:`button`,onClick:n,icon:S,children:m.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>(()=>{let n=h?(0,H.jsx)(Ne,{option:e,index:t,onSelectOption:r,onEditOption:i,onDeleteOption:a,renderOptionActions:o,menuLabel:m.actionsLabel,strings:{viewLabel:m.viewLabel,editLabel:m.editLabel,deleteLabel:m.deleteLabel,actionsLabel:m.actionsLabel}}):void 0;return l?(0,H.jsx)(`div`,{children:l(e,t)},e.id):(0,H.jsx)(q,{item:e,actions:n},e.id)})())})})}Fe.displayName=`ProductOptionsSummary`;function Ie({policies:e=[],onCreatePolicy:t,onSelectPolicy:n,onEditPolicy:r,onDeletePolicy:i,renderPolicyActions:a,actions:o,footerSlot:s,renderPolicy:c,empty:l,className:u,strings:d}){let p=D(ye,d),m=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:p.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(T,{className:`size-4`}),title:p.title,description:p.description,actions:o,headerAction:m,footerSlot:s,contentClassName:`mt-1`,className:A(`product-policies-card--component w-full`,u),children:e.length===0?l??(0,H.jsx)(U,{title:p.emptyTitle,description:p.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:p.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>(()=>{let o=n?()=>n(e):void 0,s=r?()=>r(e):void 0,l=i?()=>i(e):void 0,u=[...s?[{id:`edit`,label:p.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...l?[{id:`delete`,label:p.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>l(),variant:`destructive`}]:[]],d=a?a(e,{index:t,onSelect:o,onEdit:s,onDelete:l}):(0,H.jsx)(K,{item:e,actions:u,menuLabel:p.actionsLabel});return c?(0,H.jsx)(`div`,{children:c(e,t)},e.id):(0,H.jsx)(q,{item:e,actionLabel:p.viewLabel,onSelect:o,actions:d},e.id)})())})})}Ie.displayName=`ProductPoliciesCard`;function Le({lines:e=[],subtotal:t,tax:n,discount:r,total:i,onOpenQuote:a,onCreateLine:s,onSelectLine:c,onEditLine:u,onDeleteLine:d,renderLineActions:p,actions:h,footerSlot:g,empty:_,className:v,strings:y}){let b=D(ve,y),w=s||a?(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!s&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:s,icon:S,children:b.createLineLabel}),!!a&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:l,iconPosition:`right`,children:b.actionLabel})]}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(C,{className:`size-4`}),title:b.title,description:b.description,actions:h,headerAction:w,footerSlot:g,contentClassName:`mt-1`,className:A(`product-quote-preview-card--component w-full`,v),children:e.length===0?_??(0,H.jsx)(U,{title:b.emptyTitle,description:b.emptyDescription,action:s?(0,H.jsx)(f,{type:`button`,onClick:s,icon:S,children:b.createLineLabel}):void 0}):(0,H.jsxs)(`div`,{className:`space-y-3`,children:[(0,H.jsx)(`div`,{className:`space-y-2`,children:e.map((e,t)=>{let n=c?()=>c(e):void 0,r=u?()=>u(e):void 0,i=d?()=>d(e):void 0,a=[...n?[{id:`open`,label:b.viewLineLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>n(),variant:`ghost`}]:[],...r?[{id:`edit`,label:b.editLineLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:b.deleteLineLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]],s=p?p(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,H.jsx)(K,{item:e,actions:a,menuLabel:b.lineActionsLabel});return(0,H.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border border-border bg-muted/20 px-3 py-2`,children:[(0,H.jsxs)(`div`,{className:`min-w-0`,children:[(0,H.jsx)(o,{weight:`semibold`,className:`truncate`,children:e.label}),!!e.description&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.quantity&&(0,H.jsx)(o,{size:`xxs`,type:`secondary`,className:`mt-1`,children:e.quantity})]}),(0,H.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,H.jsx)(o,{weight:`semibold`,className:`tabular-nums`,children:e.amount}),s]})]},e.id)})}),(0,H.jsxs)(`div`,{className:`space-y-1.5 rounded-md bg-muted/30 px-3 py-2.5`,children:[t!==void 0&&(0,H.jsx)(le,{label:b.subtotalLabel,value:t,mono:!0}),n!==void 0&&(0,H.jsx)(le,{label:b.taxLabel,value:n,mono:!0}),r!==void 0&&(0,H.jsx)(le,{label:b.discountLabel,value:r,mono:!0,valueClassName:`text-success`}),(0,H.jsx)(le,{label:b.totalLabel,value:i??`-`,mono:!0,labelClassName:`font-semibold`,valueClassName:`font-semibold`})]})]})})}Le.displayName=`ProductQuotePreviewCard`;function Re({items:e=[],score:t,scoreLabel:n,summary:r,onCreateReadinessItem:i,onSelectReadinessItem:a,onEditReadinessItem:s,onDeleteReadinessItem:c,renderReadinessItemActions:l,actions:u,footerSlot:d,renderItem:p,empty:m,className:h,strings:g}){let _=D(de,g),v=t===void 0?void 0:Ee(t),y=i?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:S,children:_.createLabel}):void 0;return(0,H.jsxs)(M,{icon:(0,H.jsx)(ne,{className:`size-4`}),title:_.title,description:_.description,actions:u,headerAction:y,footerSlot:d,contentClassName:`mt-1`,className:A(`product-readiness-card--component w-full`,h),children:[v!==void 0&&(0,H.jsxs)(`div`,{className:`mb-3 rounded-md border border-border bg-muted/20 px-3 py-2.5`,children:[(0,H.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,H.jsx)(o,{size:`xs`,type:`secondary`,children:n??_.scoreLabel}),(0,H.jsxs)(o,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[v,`%`]})]}),(0,H.jsx)(oe,{value:v,"aria-label":typeof n==`string`?n:_.progressLabel,"aria-valuetext":`${v}%`,className:`h-1.5`})]}),!!r&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mb-3 leading-relaxed`,children:r}),e.length===0?m??(0,H.jsx)(U,{title:_.emptyTitle,description:_.emptyDescription,action:i?(0,H.jsx)(f,{type:`button`,onClick:i,icon:S,children:_.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>{let n=a?()=>a(e):void 0,r=s?()=>s(e):void 0,i=c?()=>c(e):void 0,o=[...r?[{id:`edit`,label:_.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:_.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]],u=l?l(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,H.jsx)(K,{item:e,actions:o,menuLabel:_.actionsLabel});return p?(0,H.jsx)(`div`,{children:p(e,t)},e.id):(0,H.jsx)(ke,{item:e,actionFallback:_.actionLabel,onSelect:n,actions:u},e.id)})})]})}Re.displayName=`ProductReadinessCard`;function ze({metrics:e=[],onCreateMetric:t,onSelectMetric:n,onEditMetric:r,onDeleteMetric:i,renderMetricActions:a,actions:o,footerSlot:s,empty:c,className:l,strings:u}){let d=D(fe,u),p=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:d.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(v,{className:`size-4`}),title:d.title,description:d.description,actions:o,headerAction:p,footerSlot:s,contentClassName:`mt-1`,className:A(`product-structure-card--component w-full`,l),children:e.length===0?c??(0,H.jsx)(U,{title:d.emptyTitle,description:d.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:d.createLabel}):void 0}):(0,H.jsx)(I,{children:e.map((e,t)=>{let o=n?()=>n(e):void 0,s=r?()=>r(e):void 0,c=i?()=>i(e):void 0,l=[...o?[{id:`open`,label:d.viewLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>o(),variant:`ghost`}]:[],...s?[{id:`edit`,label:d.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...c?[{id:`delete`,label:d.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>c(),variant:`destructive`}]:[]];return(0,H.jsx)(Oe,{metric:e,actions:a?a(e,{index:t,onSelect:o,onEdit:s,onDelete:c}):(0,H.jsx)(K,{item:e,actions:l,menuLabel:d.actionsLabel})},e.id)})})})}ze.displayName=`ProductStructureCard`;function J({variant:e,index:t=0,onSelectVariant:n,onEditVariant:r,onDuplicateVariant:i,onDeleteVariant:a,renderVariantActions:o,menuLabel:s,className:c,strings:l}){let u=D(xe,l),f=n?()=>n(e):void 0,p=r?()=>r(e):void 0,h=i?()=>i(e):void 0,g=a?()=>a(e):void 0;return f||p||h||g||o?o?(0,H.jsx)(`div`,{className:A(`product-variant-action-menu--component flex justify-end`,c),children:o(e,{index:t,onSelect:f,onEdit:p,onDuplicate:h,onDelete:g})}):(0,H.jsx)(K,{item:e,menuLabel:s??u.actionsLabel,className:A(`product-variant-action-menu--component`,c),actions:[...f?[{id:`open`,label:u.viewLabel,icon:(0,H.jsx)(m,{className:`size-3.5`}),onClick:()=>f(),variant:`ghost`}]:[],...p?[{id:`edit`,label:u.editLabel,icon:(0,H.jsx)(x,{className:`size-3.5`}),onClick:()=>p(),variant:`ghost`}]:[],...h?[{id:`duplicate`,label:u.duplicateLabel,icon:(0,H.jsx)(d,{className:`size-3.5`}),onClick:()=>h(),variant:`ghost`}]:[],...g?[{id:`delete`,label:u.deleteLabel,icon:(0,H.jsx)(E,{className:`size-3.5`}),onClick:()=>g(),variant:`destructive`}]:[]]}):null}J.displayName=`ProductVariantActionMenu`;function Y({label:e,children:t,className:n,textClassName:r,weight:i}){return(0,H.jsxs)(`div`,{className:A(`product-variant-cell--component grid min-w-0 grid-cols-[6rem_minmax(0,1fr)] items-center gap-2 lg:block lg:space-y-0.5`,n),children:[(0,H.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide lg:sr-only`,children:e}),(0,H.jsx)(o,{size:`xs`,type:`secondary`,weight:i,className:A(`truncate`,r),children:t})]})}function Be({variants:e=[],onCreateVariant:t,onSelectVariant:n,onEditVariant:r,onDuplicateVariant:i,onDeleteVariant:s,renderVariantActions:c,actions:l,footerSlot:u,empty:d,className:p,strings:m}){let h=D(be,m),g=!!(n||r||i||s||c),_=`lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]`,v=t?(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:S,children:h.createLabel}):void 0;return(0,H.jsx)(M,{icon:(0,H.jsx)(y,{className:`size-4`}),title:h.title,description:h.description,actions:l,headerAction:v,footerSlot:u,contentClassName:`mt-1`,className:A(`product-variants-table--component w-full`,p),children:e.length===0?d??(0,H.jsx)(U,{title:h.emptyTitle,description:h.emptyDescription,action:t?(0,H.jsx)(f,{type:`button`,onClick:t,icon:S,children:h.createLabel}):void 0}):(0,H.jsx)(`div`,{className:`product-variants-table--table rounded-md border border-border`,children:(0,H.jsxs)(`div`,{className:`lg:min-w-136`,children:[(0,H.jsxs)(`div`,{className:A(`hidden gap-3 border-b border-border bg-muted/40 px-3 py-2 lg:grid`,_),children:[(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.variant}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.price}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.inventory}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.sku}),(0,H.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:h.headers.updated})]}),(0,H.jsx)(`div`,{className:`divide-y divide-border`,children:e.map((e,t)=>(0,H.jsxs)(`div`,{className:A(`grid gap-2 px-3 py-3 lg:items-center lg:gap-3 lg:py-2.5`,_),children:[(0,H.jsx)(`div`,{className:`min-w-0`,children:(0,H.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[(0,H.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,H.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,H.jsx)(o,{weight:`semibold`,className:`truncate`,children:e.name}),!!e.status&&(0,H.jsx)(a,{variant:e.statusVariant??`secondary`,children:e.status})]}),!!e.description&&(0,H.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!(e.options?.length||e.channels)&&(0,H.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-1`,children:[e.options?.map((e,t)=>(0,H.jsx)(a,{variant:`secondary`,children:e},t)),!!e.channels&&(0,H.jsxs)(o,{tag:`span`,size:`xxs`,type:`secondary`,className:`pl-1`,children:[h.headers.channels,`: `,e.channels]})]})]}),!!g&&(0,H.jsx)(J,{variant:e,index:t,onSelectVariant:n,onEditVariant:r,onDuplicateVariant:i,onDeleteVariant:s,renderVariantActions:c,menuLabel:h.headers.actions,className:`shrink-0`,strings:{viewLabel:h.viewLabel,editLabel:h.editLabel,duplicateLabel:h.duplicateLabel,deleteLabel:h.deleteLabel,actionsLabel:h.headers.actions}})]})}),(0,H.jsx)(Y,{label:h.headers.price,weight:`semibold`,textClassName:`tabular-nums text-foreground`,children:e.price??`-`}),(0,H.jsx)(Y,{label:h.headers.inventory,textClassName:`tabular-nums`,children:e.inventory??`-`}),(0,H.jsx)(Y,{label:h.headers.sku,textClassName:`tabular-nums`,children:e.sku??`-`}),(0,H.jsx)(Y,{label:h.headers.updated,children:e.updatedAt??`-`})]},e.id))})]})})})}Be.displayName=`ProductVariantsTable`;function Ve({details:e,contract:t,options:n,variants:r,readiness:i,structure:a,operations:o,quote:s,policies:c,slots:l,className:u,mainClassName:d,railClassName:f,strings:p}){let m=D(we,p),h=!!(i||a||o||s||c||l?.railTop||l?.railBottom);return(0,H.jsxs)(`div`,{className:A(`product-overview--component @container/product-overview space-y-4`,u),children:[l?.before,(0,H.jsxs)(`div`,{className:A(`grid gap-4`,h&&`@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]`),children:[(0,H.jsxs)(`section`,{"aria-label":m.mainLabel,className:A(`product-overview--main min-w-0 space-y-4`,d),children:[l?.mainTop,!!e&&(0,H.jsx)(Me,{...e}),!!t&&(0,H.jsx)(je,{...t}),!!n&&(0,H.jsx)(Fe,{...n}),!!r&&(0,H.jsx)(Be,{...r}),l?.mainBottom]}),!!h&&(0,H.jsxs)(`aside`,{"aria-label":m.railLabel,className:A(`product-overview--rail min-w-0 space-y-4`,f),children:[l?.railTop,!!i&&(0,H.jsx)(Re,{...i}),!!a&&(0,H.jsx)(ze,{...a}),!!o&&(0,H.jsx)(Pe,{...o}),!!s&&(0,H.jsx)(Le,{...s}),!!c&&(0,H.jsx)(Ie,{...c}),l?.railBottom]})]}),l?.after]})}Ve.displayName=`ProductOverview`;var He=e=>e!=null&&e!==!1&&e!==``;function Ue(e,t){return[{label:t.price,value:e.price},{label:t.inventory,value:e.inventory},{label:t.sku,value:e.sku},{label:t.channels,value:e.channels},{label:t.updated,value:e.updatedAt}].filter(e=>He(e.value))}function We({variant:e,metadata:t,optionItems:n=[],media:r,onBack:i,onSelectVariant:s,onEditVariant:l,onDuplicateVariant:u,onDeleteVariant:d,onSelectOption:p,actions:m,headerEnd:h,footerSlot:g,empty:_,renderActions:v,renderMetadata:b,renderOption:x,className:S,strings:C}){let w=D(Se,C),T=e?t??Ue(e,w.metadata):[],E=!!(e&&(s||l||u||d||v)),ee=(0,H.jsxs)(`div`,{className:`product-variant-details--header-actions flex items-center gap-2`,children:[!!i&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:c,children:w.backLabel}),!!E&&e&&(0,H.jsx)(J,{variant:e,onSelectVariant:s,onEditVariant:l,onDuplicateVariant:u,onDeleteVariant:d,renderVariantActions:v})]}),O=e?.options??[];return(0,H.jsx)(M,{icon:(0,H.jsx)(y,{className:`size-4`}),title:e?.name??w.title,titleSuffix:e?.status?(0,H.jsx)(a,{variant:e.statusVariant??`secondary`,children:e.status}):void 0,description:e?.description??w.description,actions:m,headerAction:i||E?ee:void 0,headerEnd:h,footerSlot:g,contentClassName:`mt-1`,className:A(`product-variant-details--component w-full`,S),children:e?(0,H.jsxs)(`div`,{className:`product-variant-details--body grid gap-5`,children:[!!r&&(0,H.jsx)(`div`,{className:`product-variant-details--media overflow-hidden rounded-md border border-border bg-muted/30`,children:r}),b?b(e):(0,H.jsx)(V,{title:w.factsTitle,items:T,columns:3,dense:!0,className:`product-variant-details--metadata`}),!!O.length&&(0,H.jsxs)(`div`,{className:`product-variant-details--selected-options space-y-2`,children:[(0,H.jsx)(o,{weight:`semibold`,children:w.selectedOptionsTitle}),(0,H.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:O.map((e,t)=>(0,H.jsx)(a,{variant:`secondary`,children:e},t))})]}),!!n.length&&(0,H.jsxs)(`div`,{className:`product-variant-details--related-options space-y-2`,children:[(0,H.jsx)(o,{weight:`semibold`,children:w.relatedOptionsTitle}),(0,H.jsx)(I,{children:n.map((e,t)=>x?(0,H.jsx)(`div`,{children:x(e,t)},e.id):(0,H.jsx)(q,{item:e,actionLabel:w.viewOptionLabel,onSelect:p?()=>p(e):void 0},e.id))})]})]}):_??(0,H.jsx)(U,{title:w.emptyTitle,description:w.emptyDescription})})}We.displayName=`ProductVariantDetails`;var Ge=t(n(),1),Ke=e=>e.map(e=>({value:e.value,label:e.label,disabled:e.disabled}));function qe({value:e,defaultValue:t,optionFields:n=[],statusOptions:r=[],onValueChange:i,onSubmit:a,onCancel:s,onDelete:c,actions:l,headerEnd:u,footerSlot:d,disabled:p=!1,isSubmitting:m=!1,className:h,strings:g}){let _=D(Ce,g),v=(0,Ge.useId)(),y=e!==void 0,[b,S]=(0,Ge.useState)(t??{}),C=(y?e:b)??{},T=p||m,O=e=>{y||S(e),i?.(e)},k=(e,t)=>{O({...C,[e]:t})},te=(e,t)=>{O({...C,options:{...C.options??{},[e.id]:t}})},ne=e=>{e.preventDefault(),a?.(C)},j=(0,H.jsxs)(`div`,{className:`product-variant-editor--footer flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,H.jsx)(`div`,{children:!!c&&(0,H.jsx)(f,{type:`button`,variant:`error`,buttonStyle:`ghost`,onClick:()=>c(C),disabled:T,icon:E,children:_.deleteLabel})}),(0,H.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,children:[!!s&&(0,H.jsx)(f,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:s,disabled:T,icon:ee,children:_.cancelLabel}),!!a&&(0,H.jsx)(f,{type:`submit`,form:v,disabled:T,icon:w,children:m?_.savingLabel:_.saveLabel})]})]}),N=!!(c||s||a);return(0,H.jsx)(M,{icon:(0,H.jsx)(x,{className:`size-4`}),title:_.title,description:_.description,actions:l,headerEnd:u,footerSlot:d??(N?j:void 0),footerDivider:!0,contentClassName:`mt-1`,className:A(`product-variant-editor--component w-full`,h),children:(0,H.jsxs)(`form`,{id:v,className:`product-variant-editor--form grid gap-5`,onSubmit:ne,children:[(0,H.jsxs)(`section`,{className:`product-variant-editor--section grid gap-3`,children:[(0,H.jsx)(o,{weight:`semibold`,children:_.identityTitle}),(0,H.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,H.jsx)(B,{label:_.fields.name,required:!0,children:(0,H.jsx)(z,{value:C.name??``,onChange:e=>k(`name`,e.target.value),placeholder:_.placeholders.name,disabled:T})}),(0,H.jsx)(B,{label:_.fields.sku,children:(0,H.jsx)(z,{value:C.sku??``,onChange:e=>k(`sku`,e.target.value),placeholder:_.placeholders.sku,disabled:T})}),(0,H.jsx)(B,{label:_.fields.description,className:`md:col-span-2`,children:(0,H.jsx)(ie,{value:C.description??``,onChange:e=>k(`description`,e.target.value),placeholder:_.placeholders.description,disabled:T,autoResize:!0,minRows:2})})]})]}),(0,H.jsxs)(`section`,{className:`product-variant-editor--section grid gap-3`,children:[(0,H.jsx)(o,{weight:`semibold`,children:_.commercialTitle}),(0,H.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,H.jsx)(B,{label:_.fields.price,children:(0,H.jsx)(z,{value:C.price??``,onChange:e=>k(`price`,e.target.value),placeholder:_.placeholders.price,disabled:T})}),(0,H.jsx)(B,{label:_.fields.inventory,children:(0,H.jsx)(z,{value:C.inventory??``,onChange:e=>k(`inventory`,e.target.value),placeholder:_.placeholders.inventory,disabled:T,inputMode:`numeric`})}),(0,H.jsx)(B,{label:_.fields.status,children:r.length>0?(0,H.jsx)(ae,{options:Ke(r),value:C.status??null,onChange:e=>k(`status`,e??``),placeholder:_.statusPlaceholder,disabled:T,"aria-label":_.fields.status}):(0,H.jsx)(z,{value:C.status??``,onChange:e=>k(`status`,e.target.value),placeholder:_.placeholders.status,disabled:T})}),(0,H.jsx)(B,{label:_.fields.channels,children:(0,H.jsx)(z,{value:C.channels??``,onChange:e=>k(`channels`,e.target.value),placeholder:_.placeholders.channels,disabled:T})})]})]}),!!n.length&&(0,H.jsxs)(`section`,{className:`product-variant-editor--section grid gap-3`,children:[(0,H.jsx)(o,{weight:`semibold`,children:_.optionsTitle}),(0,H.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:n.map(e=>{let t=e.value??C.options?.[e.id]??``,n=!!e.choices?.length;return(0,H.jsx)(B,{label:e.label,helperText:e.helperText,children:n?(0,H.jsx)(ae,{options:Ke(e.choices??[]),value:t||null,onChange:t=>te(e,t),placeholder:e.placeholder??_.optionPlaceholder,disabled:T,"aria-label":e.label}):(0,H.jsx)(z,{value:t,onChange:t=>te(e,t.target.value),placeholder:e.placeholder??_.optionPlaceholder,disabled:T})},e.id)})})]})]})})}qe.displayName=`ProductVariantEditor`;function Je({className:e,...t}){return(0,H.jsx)(Ve,{...t,className:A(`products--component`,e)})}Je.displayName=`Products`;var Ye=``+new URL(`hero-CLDdwZDr.png`,import.meta.url).href,Xe=e({OptionsAndVariants:()=>ot,ProductEditor:()=>at,ProductSupportRail:()=>lt,StandaloneActionMenus:()=>ct,VariantDetailsAndEditor:()=>st}),Ze=[{id:`classic`,name:`Classic bottle`,description:`Standard retail pack`,options:[`375 ml`,`Classic label`],sku:`BAL-375-CL`,price:`US$ 18.00`,inventory:`82`,channels:`Online store, POS`,updatedAt:`Today`,status:`Active`,statusVariant:`success`},{id:`gift`,name:`Gift box`,description:`Bottle, pourer, tasting card`,options:[`750 ml`,`Gift packaging`],sku:`BAL-750-GF`,price:`US$ 46.00`,inventory:`28`,channels:`Online store`,updatedAt:`Yesterday`,status:`Review`,statusVariant:`warning`},{id:`case`,name:`Case of six`,description:`Wholesale case pack`,options:[`6 x 750 ml`,`Wholesale`],sku:`BAL-CASE-6`,price:`US$ 132.00`,inventory:`14`,channels:`B2B`,updatedAt:`Jun 12`,status:`Active`,statusVariant:`success`}],Qe=[{id:`size`,label:`Size`,description:`Controls bottle volume and variant price.`,values:[`375 ml`,`750 ml`,`Case of six`],value:`3 values`,tone:`primary`},{id:`packaging`,label:`Packaging`,description:`Customer-facing presentation options.`,values:[`Classic label`,`Gift packaging`,`Wholesale`],value:`3 values`,tone:`neutral`},{id:`gift-message`,label:`Gift message`,description:`Optional card text collected at checkout.`,values:[`None`,`Printed card`],value:`Optional`,tone:`success`}],X=()=>{},$e=[{value:`active`,label:`Active`},{value:`review`,label:`Review`},{value:`draft`,label:`Draft`}],et=[{id:`size`,label:`Size`,choices:[{value:`375 ml`,label:`375 ml`},{value:`750 ml`,label:`750 ml`},{value:`Case of six`,label:`Case of six`}]},{id:`packaging`,label:`Packaging`,choices:[{value:`Classic label`,label:`Classic label`},{value:`Gift packaging`,label:`Gift packaging`},{value:`Wholesale`,label:`Wholesale`}]}],tt={name:`Classic bottle`,description:`Standard retail pack`,sku:`BAL-375-CL`,price:`US$ 18.00`,inventory:`82`,status:`active`,channels:`Online store, POS`,options:{size:`375 ml`,packaging:`Classic label`}};function Z({children:e}){return(0,H.jsx)(`div`,{className:`max-h-[42rem] overflow-auto pr-2`,children:e})}function nt({frame:e=`square`}){return(0,H.jsxs)(`div`,{className:A(`relative overflow-hidden rounded-md border border-border bg-muted`,e===`square`?`aspect-square`:`aspect-[4/3] max-h-72`),children:[(0,H.jsx)(`img`,{src:Ye,alt:`Balsamic tasting set`,className:`h-full w-full object-cover`}),(0,H.jsxs)(`div`,{className:`absolute inset-x-0 bottom-0 bg-background/85 px-3 py-2 backdrop-blur-sm`,children:[(0,H.jsx)(o,{size:`xs`,weight:`semibold`,children:`Primary media`}),(0,H.jsx)(o,{size:`xxs`,type:`secondary`,children:`Alt text and gallery remain app-owned.`})]})]})}function rt(){return{details:{media:(0,H.jsx)(nt,{}),metadata:[{label:`Status`,value:(0,H.jsx)(a,{variant:`success`,children:`Active`})},{label:`Vendor`,value:`Aegean Pantry Co.`},{label:`Category`,value:`Food & pantry`},{label:`Product type`,value:`Physical good`},{label:`Base price`,value:`US$ 18.00`},{label:`Tax class`,value:`Standard`}]},contract:{metrics:[{id:`margin`,label:`Margin`,value:`48%`,description:`After landed cost`,tone:`success`},{id:`lead-time`,label:`Lead time`,value:`3 days`,description:`Warehouse average`,tone:`info`},{id:`tax`,label:`Tax`,value:`Included`,description:`Shown in checkout`,tone:`neutral`}],terms:[{label:`Payment`,value:`Due at checkout`},{label:`Fulfilment`,value:`Warehouse dispatch`},{label:`Cancellation`,value:`Before dispatch`},{label:`Availability`,value:`Stock constrained`}],rules:[{id:`gross`,label:`Tax included`,description:`Customer quotes show gross pricing.`,tone:`success`},{id:`b2b`,label:`Wholesale allowed`,description:`Case pack available to the B2B channel.`,tone:`info`}]},options:{options:Qe,onManageOptions:X,onCreateOption:X,onSelectOption:X,onEditOption:X,onDeleteOption:X},variants:{variants:Ze,onCreateVariant:X,onSelectVariant:X,onEditVariant:X,onDuplicateVariant:X,onDeleteVariant:X}}}function it(){return{readiness:{score:86,summary:`Ready to publish once translation review and replenishment dates are confirmed.`,onCreateReadinessItem:X,onSelectReadinessItem:X,onEditReadinessItem:X,onDeleteReadinessItem:X,items:[{id:`copy`,label:`Product copy`,description:`Title, description, SEO summary complete.`,completed:!0},{id:`media`,label:`Media`,description:`Cover image and gallery uploaded.`,completed:!0},{id:`translation`,label:`Translations`,description:`Greek and German copy need review.`,value:`2 locales`,tone:`warning`},{id:`inventory`,label:`Inventory policy`,description:`Restock date still needs supplier confirmation.`,value:`Review`,tone:`warning`}]},structure:{onCreateMetric:X,onSelectMetric:X,onEditMetric:X,onDeleteMetric:X,metrics:[{id:`media`,label:`Media`,value:`8`,description:`1 cover, 7 gallery`,tone:`success`,icon:(0,H.jsx)(g,{className:`size-4`})},{id:`categories`,label:`Collections`,value:`3`,description:`Pantry, gifts, tasting`,tone:`info`,icon:(0,H.jsx)(ue,{className:`size-4`})},{id:`locales`,label:`Locales`,value:`2 / 4`,description:`EN live, EL review`,tone:`warning`,icon:(0,H.jsx)(_,{className:`size-4`})},{id:`variants`,label:`Variants`,value:`3`,description:`All sellable`,tone:`success`,icon:(0,H.jsx)(b,{className:`size-4`})}]},operations:{onCreateOperation:X,onSelectOperation:X,onEditOperation:X,onDeleteOperation:X,items:[{id:`stock`,label:`Stock policy`,description:`Checkout blocked below available inventory.`,value:`Active`,tone:`success`},{id:`channels`,label:`Sales channels`,description:`Online store, POS, and B2B market enabled.`,value:`3`,tone:`info`},{id:`calendar`,label:`Restock calendar`,description:`Next supplier run pending confirmation.`,value:`Review`,tone:`warning`}]},quote:{onCreateLine:X,onSelectLine:X,onEditLine:X,onDeleteLine:X,lines:[{id:`bottle`,label:`Classic bottle`,quantity:`2 x US$ 18.00`,amount:`US$ 36.00`},{id:`gift`,label:`Gift packaging`,quantity:`1 x US$ 5.00`,amount:`US$ 5.00`}],subtotal:`US$ 41.00`,tax:`Included`,total:`US$ 41.00`},policies:{onCreatePolicy:X,onSelectPolicy:X,onEditPolicy:X,onDeletePolicy:X,policies:[{id:`returns`,label:`Returns`,description:`Unopened goods can be returned within 14 days.`,tone:`success`},{id:`shipping`,label:`Shipping`,description:`Ambient warehouse dispatch only.`,tone:`neutral`}]}}}function at(){let e=rt(),t=it();return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`w-full rounded-lg border border-border bg-muted/20 p-4`,children:[(0,H.jsxs)(`div`,{className:`mb-4 flex flex-col gap-4 border-b border-border pb-4 lg:flex-row lg:items-start lg:justify-between`,children:[(0,H.jsxs)(`div`,{className:`min-w-0 space-y-3`,children:[(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,H.jsx)(a,{variant:`success`,children:`Active`}),(0,H.jsx)(a,{variant:`info`,children:`3 variants`}),(0,H.jsx)(a,{variant:`warning`,children:`2 review items`})]}),(0,H.jsxs)(`div`,{children:[(0,H.jsx)(r,{tag:`h2`,className:`border-none pb-0`,children:`Balsamic tasting set`}),(0,H.jsx)(o,{type:`secondary`,className:`mt-1 max-w-3xl`,children:`Shopify-style product editor composed from product details, options, variants, readiness, operations, and quote cards.`})]}),(0,H.jsx)(V,{layout:`horizontal`,items:[{label:`SKU`,value:`BAL-TASTE-01`},{label:`Vendor`,value:`Aegean Pantry Co.`},{label:`Market`,value:`US online store`},{label:`Updated`,value:`Today`}],columns:4})]}),(0,H.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,H.jsx)(f,{variant:`secondary`,buttonStyle:`outline`,children:`Preview`}),(0,H.jsx)(f,{children:`Save product`})]})]}),(0,H.jsx)(Je,{details:e.details,contract:e.contract,options:e.options,variants:e.variants,readiness:t.readiness,structure:t.structure,operations:t.operations,quote:t.quote,policies:t.policies})]})})}function ot(){let e=rt();return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`grid w-full gap-4`,children:[(0,H.jsx)(Fe,{...e.options}),(0,H.jsx)(Be,{...e.variants})]})})}function st(){let[e,t]=(0,Ge.useState)(tt);return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`grid w-full gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]`,children:[(0,H.jsx)(We,{variant:Ze[0],optionItems:Qe.slice(0,2),media:(0,H.jsx)(nt,{frame:`wide`}),onBack:X,onSelectVariant:X,onEditVariant:X,onDuplicateVariant:X,onDeleteVariant:X,onSelectOption:X}),(0,H.jsx)(qe,{value:e,optionFields:et,statusOptions:$e,onValueChange:t,onSubmit:X,onCancel:X,onDelete:X})]})})}function ct(){return(0,H.jsxs)(`div`,{className:`grid w-full gap-4 sm:grid-cols-2`,children:[(0,H.jsx)(M,{title:`Option actions`,description:`The menu can be used next to any option row or custom layout.`,children:(0,H.jsx)(Ne,{option:Qe[0],onSelectOption:X,onEditOption:X,onDeleteOption:X})}),(0,H.jsx)(M,{title:`Variant actions`,description:`The same variant actions work outside the table.`,children:(0,H.jsx)(J,{variant:Ze[0],onSelectVariant:X,onEditVariant:X,onDuplicateVariant:X,onDeleteVariant:X})})]})}function lt(){let e=it();return(0,H.jsx)(Z,{children:(0,H.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,H.jsx)(Re,{...e.readiness}),(0,H.jsx)(ze,{...e.structure}),(0,H.jsx)(Pe,{...e.operations}),(0,H.jsx)(Le,{...e.quote}),(0,H.jsx)(Ie,{...e.policies})]})})}var Q=`import { useState, type ReactNode } from 'react';
 import { Image, Languages, PackageCheck, Tags } from 'lucide-react';
 
 import { Badge } from '@/components/base/badge';

package/dist/showcase/assets/{progress-jIJ_EIKE.js → progress-D76Df908.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Wt as n,Yt as r,fr as i,nr as a}from"./example-PsbgbESI.js";import{d as o,n as s}from"./index-QESvAJrb.js";import{r as c,t as l}from"./valueToPercent-gleKSaFe.js";var u=e(t(),1),d=u.createContext(void 0);function f(){let e=u.useContext(d);if(e===void 0)throw Error(i(51));return e}var p=function(e){return e.complete=`data-complete`,e.indeterminate=`data-indeterminate`,e.progressing=`data-progressing`,e}({}),m={status(e){return e===`progressing`?{[p.progressing]:``}:e===`complete`?{[p.complete]:``}:e===`indeterminate`?{[p.indeterminate]:``}:null}},h=o();function g(e,t){return t==null?`indeterminate progress`:e||`${t}%`}var _=u.forwardRef(function(e,t){let{format:i,getAriaValueText:o=g,locale:s,max:l=100,min:f=0,value:p,render:_,className:v,children:y,style:b,...x}=e,[S,C]=u.useState(),w=r(i),T=`indeterminate`;Number.isFinite(p)&&(T=p===l?`complete`:`progressing`);let E=c(p,s,w.current),D=u.useMemo(()=>({status:T}),[T]),O={"aria-labelledby":S,"aria-valuemax":l,"aria-valuemin":f,"aria-valuenow":p??void 0,"aria-valuetext":o(E,p),role:`progressbar`,children:(0,h.jsxs)(u.Fragment,{children:[y,(0,h.jsx)(`span`,{role:`presentation`,style:n,children:`x`})]})},k=u.useMemo(()=>({formattedValue:E,max:l,min:f,setLabelId:C,state:D,status:T,value:p}),[E,l,f,C,D,T,p]),A=a(`div`,e,{state:D,ref:t,props:[O,x],stateAttributesMapping:m});return(0,h.jsx)(d.Provider,{value:k,children:A})}),v=u.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,{state:s}=f();return a(`div`,e,{state:s,ref:t,props:o,stateAttributesMapping:m})}),y=u.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,{max:s,min:c,value:u,state:d}=f(),p=Number.isFinite(u)&&u!==null?l(u,c,s):null;return a(`div`,e,{state:d,ref:t,props:[{style:p==null?{}:{insetInlineStart:0,height:`inherit`,width:`${p}%`}},o],stateAttributesMapping:m})});function b({className:e,children:t,value:n,...r}){return(0,h.jsxs)(_,{value:n,"data-slot":`progress`,className:s(`flex flex-wrap gap-3`,e),...r,children:[t,(0,h.jsx)(x,{children:(0,h.jsx)(S,{})})]})}function x({className:e,...t}){return(0,h.jsx)(v,{className:s(`bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden`,e),"data-slot":`progress-track`,...t})}function S({className:e,...t}){return(0,h.jsx)(y,{"data-slot":`progress-indicator`,className:s(`bg-primary h-full transition-all`,e),...t})}export{b as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Wt as n,Yt as r,fr as i,nr as a}from"./example-CJMJcnb4.js";import{d as o,n as s}from"./index-jD-KSiHu.js";import{r as c,t as l}from"./valueToPercent-gleKSaFe.js";var u=e(t(),1),d=u.createContext(void 0);function f(){let e=u.useContext(d);if(e===void 0)throw Error(i(51));return e}var p=function(e){return e.complete=`data-complete`,e.indeterminate=`data-indeterminate`,e.progressing=`data-progressing`,e}({}),m={status(e){return e===`progressing`?{[p.progressing]:``}:e===`complete`?{[p.complete]:``}:e===`indeterminate`?{[p.indeterminate]:``}:null}},h=o();function g(e,t){return t==null?`indeterminate progress`:e||`${t}%`}var _=u.forwardRef(function(e,t){let{format:i,getAriaValueText:o=g,locale:s,max:l=100,min:f=0,value:p,render:_,className:v,children:y,style:b,...x}=e,[S,C]=u.useState(),w=r(i),T=`indeterminate`;Number.isFinite(p)&&(T=p===l?`complete`:`progressing`);let E=c(p,s,w.current),D=u.useMemo(()=>({status:T}),[T]),O={"aria-labelledby":S,"aria-valuemax":l,"aria-valuemin":f,"aria-valuenow":p??void 0,"aria-valuetext":o(E,p),role:`progressbar`,children:(0,h.jsxs)(u.Fragment,{children:[y,(0,h.jsx)(`span`,{role:`presentation`,style:n,children:`x`})]})},k=u.useMemo(()=>({formattedValue:E,max:l,min:f,setLabelId:C,state:D,status:T,value:p}),[E,l,f,C,D,T,p]),A=a(`div`,e,{state:D,ref:t,props:[O,x],stateAttributesMapping:m});return(0,h.jsx)(d.Provider,{value:k,children:A})}),v=u.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,{state:s}=f();return a(`div`,e,{state:s,ref:t,props:o,stateAttributesMapping:m})}),y=u.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,{max:s,min:c,value:u,state:d}=f(),p=Number.isFinite(u)&&u!==null?l(u,c,s):null;return a(`div`,e,{state:d,ref:t,props:[{style:p==null?{}:{insetInlineStart:0,height:`inherit`,width:`${p}%`}},o],stateAttributesMapping:m})});function b({className:e,children:t,value:n,...r}){return(0,h.jsxs)(_,{value:n,"data-slot":`progress`,className:s(`flex flex-wrap gap-3`,e),...r,children:[t,(0,h.jsx)(x,{children:(0,h.jsx)(S,{})})]})}function x({className:e,...t}){return(0,h.jsx)(v,{className:s(`bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden`,e),"data-slot":`progress-track`,...t})}function S({className:e,...t}){return(0,h.jsx)(y,{"data-slot":`progress-indicator`,className:s(`bg-primary h-full transition-all`,e),...t})}export{b as t};

package/dist/showcase/assets/{progress-CpW2ZGAy.js → progress-DjUprSDD.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-D-N8Ze16.js";import{t as r}from"./example-PsbgbESI.js";import{d as i}from"./index-QESvAJrb.js";import{t as a}from"./progress-jIJ_EIKE.js";import{t as o}from"./PreviewLayout-wYGhlcJt.js";var s=e({Values:()=>l}),c=i();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(o,{children:[0,25,50,75,100].map(e=>(0,c.jsxs)(`div`,{className:`space-y-1`,children:[(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e,`%`]}),(0,c.jsx)(a,{value:e})]},e))})})}var u=`import { Progress } from '@/components/ui/progress';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-BPNIPavy.js";import{t as r}from"./example-CJMJcnb4.js";import{d as i}from"./index-jD-KSiHu.js";import{t as a}from"./progress-D76Df908.js";import{t as o}from"./PreviewLayout-B_l930k0.js";var s=e({Values:()=>l}),c=i();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(o,{children:[0,25,50,75,100].map(e=>(0,c.jsxs)(`div`,{className:`space-y-1`,children:[(0,c.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[e,`%`]}),(0,c.jsx)(a,{value:e})]},e))})})}var u=`import { Progress } from '@/components/ui/progress';
 import { Col } from '../../PreviewLayout';
 
 export function Values() {

package/dist/showcase/assets/{props-table-CCcohuyT.js → props-table-DoDq8Mvr.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{a as n,i as r,p as i,r as a}from"./section-D-N8Ze16.js";import{d as o,n as s}from"./index-QESvAJrb.js";var c=e(t(),1),l=``+new URL(`props.generated-cO7HmIpY.json`,import.meta.url).href,u=o(),d=null;function f(){return d||=fetch(l).then(async e=>{if(!e.ok)throw Error(`Unable to load props metadata: ${e.status}`);return e.json()}),d}function p({component:e,className:t}){let[o,l]=(0,c.useState)(null),[d,p]=(0,c.useState)(null),{register:m}=n(),h=a(`api`,e),g=r(e,{stripExampleSuffix:!1});if((0,c.useEffect)(()=>{m({id:h,title:g,level:2})},[m,h,g]),(0,c.useEffect)(()=>{let e=!0;return f().then(t=>{e&&l(t)}).catch(t=>{e&&p(t instanceof Error?t:Error(String(t)))}),()=>{e=!1}},[]),d)return(0,u.jsx)(`div`,{id:h,className:s(`props-table--component scroll-mt-24 rounded-md border border-warning/30 bg-warning/5 p-3`,t),children:(0,u.jsx)(i,{size:`xs`,type:`secondary`,children:d.message})});if(!o)return(0,u.jsx)(i,{id:h,size:`xs`,type:`secondary`,className:s(`props-table--component scroll-mt-24`,t),children:`Loading props metadata...`});let _=o[e];if(!_)return(0,u.jsx)(`div`,{id:h,className:s(`props-table--component scroll-mt-24 rounded-md border border-warning/30 bg-warning/5 p-3`,t),children:(0,u.jsxs)(i,{size:`xs`,type:`secondary`,children:[`No props metadata for `,(0,u.jsx)(`code`,{className:`font-mono`,children:e}),`. Run`,` `,(0,u.jsx)(`code`,{className:`font-mono`,children:`npm run docs:generate-props`}),`.`]})});let v=Object.values(_.props).sort((e,t)=>e.required&&!t.required?-1:!e.required&&t.required?1:e.name.localeCompare(t.name));return v.length===0?(0,u.jsx)(i,{id:h,size:`xs`,type:`secondary`,className:s(`props-table--component scroll-mt-24`,t),children:`This component has no documented props.`}):(0,u.jsxs)(`div`,{id:h,className:s(`props-table--component scroll-mt-24`,t),children:[(0,u.jsx)(`div`,{className:`props-table--cards grid gap-2 md:hidden`,children:v.map(e=>(0,u.jsxs)(`div`,{className:`props-table--card rounded-md border border-border bg-background p-3`,children:[(0,u.jsxs)(`div`,{className:`props-table--card-header flex items-start justify-between gap-3`,children:[(0,u.jsxs)(i,{size:`sm`,weight:`semibold`,className:`props-table--prop min-w-0 break-words font-mono`,children:[e.name,e.required&&(0,u.jsx)(`span`,{className:`ml-0.5 text-destructive`,children:`*`})]}),(0,u.jsx)(i,{size:`xs`,type:`secondary`,className:`props-table--default shrink-0 font-mono`,children:e.defaultValue??`—`})]}),(0,u.jsxs)(`div`,{className:`props-table--card-body mt-3 grid gap-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i,{size:`xs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:`Type`}),(0,u.jsx)(i,{size:`xs`,type:`secondary`,className:`props-table--type mt-1 break-words font-mono`,children:e.type})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i,{size:`xs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:`Description`}),(0,u.jsx)(i,{size:`xs`,type:`secondary`,className:`props-table--description mt-1`,children:e.description||`—`})]})]})]},e.name))}),(0,u.jsx)(`div`,{className:`props-table--desktop hidden overflow-x-auto rounded-md border border-border md:block`,children:(0,u.jsxs)(`table`,{className:`w-full min-w-full table-fixed border-collapse text-sm`,children:[(0,u.jsxs)(`colgroup`,{children:[(0,u.jsx)(`col`,{style:{width:`22%`}}),(0,u.jsx)(`col`,{style:{width:`30%`}}),(0,u.jsx)(`col`,{style:{width:`8%`}}),(0,u.jsx)(`col`,{style:{width:`40%`}})]}),(0,u.jsx)(`thead`,{className:`props-table--head bg-muted/40 text-left`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Prop`}),(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Type`}),(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Default`}),(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Description`})]})}),(0,u.jsx)(`tbody`,{className:`props-table--body`,children:v.map(e=>(0,u.jsxs)(`tr`,{className:`border-t border-border align-top`,children:[(0,u.jsxs)(`td`,{className:`break-words px-surface py-row-y-lg font-mono`,children:[e.name,e.required&&(0,u.jsx)(`span`,{className:`ml-0.5 text-destructive`,children:`*`})]}),(0,u.jsx)(`td`,{className:`break-words px-surface py-row-y-lg font-mono text-muted-foreground`,children:e.type}),(0,u.jsx)(`td`,{className:`break-words px-surface py-row-y-lg font-mono text-muted-foreground`,children:e.defaultValue??`—`}),(0,u.jsx)(`td`,{className:`break-words px-surface py-row-y-lg text-muted-foreground`,children:e.description||`—`})]},e.name))})]})})]})}export{p as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{a as n,i as r,p as i,r as a}from"./section-BPNIPavy.js";import{d as o,n as s}from"./index-jD-KSiHu.js";var c=e(t(),1),l=``+new URL(`props.generated-cO7HmIpY.json`,import.meta.url).href,u=o(),d=null;function f(){return d||=fetch(l).then(async e=>{if(!e.ok)throw Error(`Unable to load props metadata: ${e.status}`);return e.json()}),d}function p({component:e,className:t}){let[o,l]=(0,c.useState)(null),[d,p]=(0,c.useState)(null),{register:m}=n(),h=a(`api`,e),g=r(e,{stripExampleSuffix:!1});if((0,c.useEffect)(()=>{m({id:h,title:g,level:2})},[m,h,g]),(0,c.useEffect)(()=>{let e=!0;return f().then(t=>{e&&l(t)}).catch(t=>{e&&p(t instanceof Error?t:Error(String(t)))}),()=>{e=!1}},[]),d)return(0,u.jsx)(`div`,{id:h,className:s(`props-table--component scroll-mt-24 rounded-md border border-warning/30 bg-warning/5 p-3`,t),children:(0,u.jsx)(i,{size:`xs`,type:`secondary`,children:d.message})});if(!o)return(0,u.jsx)(i,{id:h,size:`xs`,type:`secondary`,className:s(`props-table--component scroll-mt-24`,t),children:`Loading props metadata...`});let _=o[e];if(!_)return(0,u.jsx)(`div`,{id:h,className:s(`props-table--component scroll-mt-24 rounded-md border border-warning/30 bg-warning/5 p-3`,t),children:(0,u.jsxs)(i,{size:`xs`,type:`secondary`,children:[`No props metadata for `,(0,u.jsx)(`code`,{className:`font-mono`,children:e}),`. Run`,` `,(0,u.jsx)(`code`,{className:`font-mono`,children:`npm run docs:generate-props`}),`.`]})});let v=Object.values(_.props).sort((e,t)=>e.required&&!t.required?-1:!e.required&&t.required?1:e.name.localeCompare(t.name));return v.length===0?(0,u.jsx)(i,{id:h,size:`xs`,type:`secondary`,className:s(`props-table--component scroll-mt-24`,t),children:`This component has no documented props.`}):(0,u.jsxs)(`div`,{id:h,className:s(`props-table--component scroll-mt-24`,t),children:[(0,u.jsx)(`div`,{className:`props-table--cards grid gap-2 md:hidden`,children:v.map(e=>(0,u.jsxs)(`div`,{className:`props-table--card rounded-md border border-border bg-background p-3`,children:[(0,u.jsxs)(`div`,{className:`props-table--card-header flex items-start justify-between gap-3`,children:[(0,u.jsxs)(i,{size:`sm`,weight:`semibold`,className:`props-table--prop min-w-0 break-words font-mono`,children:[e.name,e.required&&(0,u.jsx)(`span`,{className:`ml-0.5 text-destructive`,children:`*`})]}),(0,u.jsx)(i,{size:`xs`,type:`secondary`,className:`props-table--default shrink-0 font-mono`,children:e.defaultValue??`—`})]}),(0,u.jsxs)(`div`,{className:`props-table--card-body mt-3 grid gap-2`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i,{size:`xs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:`Type`}),(0,u.jsx)(i,{size:`xs`,type:`secondary`,className:`props-table--type mt-1 break-words font-mono`,children:e.type})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(i,{size:`xs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wide`,children:`Description`}),(0,u.jsx)(i,{size:`xs`,type:`secondary`,className:`props-table--description mt-1`,children:e.description||`—`})]})]})]},e.name))}),(0,u.jsx)(`div`,{className:`props-table--desktop hidden overflow-x-auto rounded-md border border-border md:block`,children:(0,u.jsxs)(`table`,{className:`w-full min-w-full table-fixed border-collapse text-sm`,children:[(0,u.jsxs)(`colgroup`,{children:[(0,u.jsx)(`col`,{style:{width:`22%`}}),(0,u.jsx)(`col`,{style:{width:`30%`}}),(0,u.jsx)(`col`,{style:{width:`8%`}}),(0,u.jsx)(`col`,{style:{width:`40%`}})]}),(0,u.jsx)(`thead`,{className:`props-table--head bg-muted/40 text-left`,children:(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Prop`}),(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Type`}),(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Default`}),(0,u.jsx)(`th`,{className:`px-surface py-row-y text-xs font-semibold`,children:`Description`})]})}),(0,u.jsx)(`tbody`,{className:`props-table--body`,children:v.map(e=>(0,u.jsxs)(`tr`,{className:`border-t border-border align-top`,children:[(0,u.jsxs)(`td`,{className:`break-words px-surface py-row-y-lg font-mono`,children:[e.name,e.required&&(0,u.jsx)(`span`,{className:`ml-0.5 text-destructive`,children:`*`})]}),(0,u.jsx)(`td`,{className:`break-words px-surface py-row-y-lg font-mono text-muted-foreground`,children:e.type}),(0,u.jsx)(`td`,{className:`break-words px-surface py-row-y-lg font-mono text-muted-foreground`,children:e.defaultValue??`—`}),(0,u.jsx)(`td`,{className:`break-words px-surface py-row-y-lg text-muted-foreground`,children:e.description||`—`})]},e.name))})]})})]})}export{p as t};

package/dist/showcase/assets/{quote-Bc9eHVKi.js → quote-BvGGgyJ0.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`quote`,[[`path`,{d:`M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z`,key:`rib7q0`}],[`path`,{d:`M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z`,key:`1ymkrd`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`quote`,[[`path`,{d:`M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z`,key:`rib7q0`}],[`path`,{d:`M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z`,key:`1ymkrd`}]]);export{t};

package/dist/showcase/assets/{receipt-B77_VWtt.js → receipt-rgnlMgyi.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`receipt`,[[`path`,{d:`M12 17V7`,key:`pyj7ub`}],[`path`,{d:`M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8`,key:`1elt7d`}],[`path`,{d:`M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z`,key:`ycz6yz`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`receipt`,[[`path`,{d:`M12 17V7`,key:`pyj7ub`}],[`path`,{d:`M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8`,key:`1elt7d`}],[`path`,{d:`M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z`,key:`ycz6yz`}]]);export{t};

package/dist/showcase/assets/{receipt-text-BlL_TJsS.js → receipt-text-CBQrVlnU.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`receipt-text`,[[`path`,{d:`M13 16H8`,key:`wsln4y`}],[`path`,{d:`M14 8H8`,key:`1l3xfs`}],[`path`,{d:`M16 12H8`,key:`1fr5h0`}],[`path`,{d:`M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z`,key:`ycz6yz`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`receipt-text`,[[`path`,{d:`M13 16H8`,key:`wsln4y`}],[`path`,{d:`M14 8H8`,key:`1l3xfs`}],[`path`,{d:`M16 12H8`,key:`1fr5h0`}],[`path`,{d:`M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z`,key:`ycz6yz`}]]);export{t};

package/dist/showcase/assets/{refinement-guide-BpzOvT_R.js → refinement-guide-B_BpIMxm.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{r as a,t as o}from"./example-PsbgbESI.js";import{t as s}from"./circle-check-BkFKejsY.js";import{t as c}from"./eye-YnIHbdKe.js";import{t as l}from"./file-text-BQeGXxPG.js";import{t as u}from"./list-checks-CXt8visd.js";import{d,i as f,l as p,s as m}from"./index-QESvAJrb.js";import{t as h}from"./icon-badge-ognVhKWR.js";import{t as g}from"./smart-card-C6-idFYI.js";var _=p(`git-compare-arrows`,[[`circle`,{cx:`5`,cy:`6`,r:`3`,key:`1qnov2`}],[`path`,{d:`M12 6h5a2 2 0 0 1 2 2v7`,key:`1yj91y`}],[`path`,{d:`m15 9-3-3 3-3`,key:`1lwv8l`}],[`circle`,{cx:`19`,cy:`18`,r:`3`,key:`1qljk2`}],[`path`,{d:`M12 18H7a2 2 0 0 1-2-2V9`,key:`16sdep`}],[`path`,{d:`m9 15 3 3-3 3`,key:`1m3kbl`}]]),v=p(`search-check`,[[`path`,{d:`m8 11 2 2 4-4`,key:`1sed1v`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`path`,{d:`m21 21-4.3-4.3`,key:`1qie3q`}]]),y=e({AcceptanceChecklist:()=>O,NextPassTargets:()=>k,RefinementGoals:()=>E,RefinementOutcomes:()=>T,ReviewLoop:()=>D}),b=d(),x=[{icon:_,title:`One route map`,description:`Docs, CSS variables, base, layouts, composed surfaces, and features now live in one collapsible sidebar.`,tone:`primary`},{icon:f,title:`Token visibility`,description:`The CSS variables page exposes scale, density, display gap, padding, and component-specific knobs as searchable reference data.`,tone:`info`},{icon:v,title:`Searchable docs`,description:`The global preview search matches route ids, families, scopes, labels, notes, and token-focused routes.`,tone:`success`},{icon:m,title:`Repeatable gates`,description:`Docs sync, props checks, browser sweeps, a11y, visual baselines, package smoke, and release verification define the maintainer loop.`,tone:`warning`}],S=[[`Orient`,`Open the route, confirm the public import path, source path, and owning layer.`],[`Exercise`,`Use the live example like a consumer would: type, select, open overlays, submit, and trigger empty or error states.`],[`Inspect`,`Check desktop and mobile for spacing, hierarchy, active states, overflow, console errors, and blank renders.`],[`Record`,`Patch the owning component or docs page, rerun the focused gate, then update baselines only for intentional visual changes.`]],C=[`Sidebar labels are concise and do not repeat their parent layer.`,`Active navigation reads as selection, not a raised card or button.`,`Examples use shipped components and exact public package paths.`,`Text hierarchy stays in sm, xs, and xxs unless the page needs a hero value.`,`No horizontal overflow, runtime overlay, console error, or blank render.`,`New routes appear in the registry, docs sync output, and searchable sidebar.`],w=[[`Route taxonomy`,`Keep refining labels and families when the tree starts to feel repetitive.`],[`Examples density`,`Prefer fewer but richer examples that expose real state and callbacks.`],[`Mobile docs nav`,`Watch long route names and group descriptions inside the collapsed mobile browser.`],[`Token adoption`,`Move repeated one-off spacing into the shared CSS variable scale when it proves reusable.`]];function T(){return(0,b.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2 xl:grid-cols-4`,children:x.map(e=>(0,b.jsx)(g,{surface:`framed`,padding:`default`,className:`h-full`,children:(0,b.jsxs)(`div`,{className:`space-y-3`,children:[(0,b.jsx)(h,{icon:e.icon,tone:e.tone,shape:`square`}),(0,b.jsxs)(`div`,{children:[(0,b.jsx)(r,{weight:`semibold`,children:e.title}),(0,b.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:e.description})]})]})},e.title))})}function E(){return(0,b.jsx)(g,{title:`Showcase refinement target`,description:`The preview should feel like the package cockpit: quiet navigation, accurate examples, searchable tokens, and repeatable release checks.`,icon:(0,b.jsx)(h,{icon:c,tone:`primary`,shape:`square`,size:`default`}),children:(0,b.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,b.jsx)(n,{variant:`secondary`,children:`Calm hierarchy`}),(0,b.jsx)(n,{variant:`secondary`,children:`Exact imports`}),(0,b.jsx)(n,{variant:`secondary`,children:`Searchable variables`}),(0,b.jsx)(n,{variant:`secondary`,children:`Browser verified`}),(0,b.jsx)(n,{variant:`secondary`,children:`Agent readable`})]})})}function D(){return(0,b.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:S.map(([e,t],n)=>(0,b.jsx)(g,{surface:`framed`,padding:`default`,children:(0,b.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,b.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground`,children:n+1}),(0,b.jsxs)(`div`,{children:[(0,b.jsx)(r,{weight:`semibold`,children:e}),(0,b.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]})},e))})}function O(){return(0,b.jsx)(g,{title:`Visual acceptance checklist`,description:`Use these as blocking checks before calling a showcase refinement done.`,icon:(0,b.jsx)(h,{icon:u,tone:`success`,shape:`square`,size:`default`}),children:(0,b.jsx)(`div`,{className:`grid gap-2 md:grid-cols-2`,children:C.map(e=>(0,b.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md bg-muted/35 px-3 py-2`,children:[(0,b.jsx)(s,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-success`,"aria-hidden":`true`}),(0,b.jsx)(r,{size:`xs`,children:e})]},e))})})}function k(){return(0,b.jsx)(g,{title:`Known next refinements`,description:`These are not blockers for the current pass, but they are the first places to inspect when the docs tree starts feeling noisy again.`,icon:(0,b.jsx)(h,{icon:l,tone:`info`,shape:`square`,size:`default`}),footerSlot:(0,b.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,b.jsx)(a,{href:`#/base/css-variables`,size:`default`,buttonStyle:`outline`,children:`CSS variables`}),(0,b.jsx)(a,{href:`#/docs/showcase`,size:`default`,buttonStyle:`outline`,children:`Showcase workflow`})]}),children:(0,b.jsx)(`div`,{className:`space-y-2`,children:w.map(([e,t])=>(0,b.jsxs)(`div`,{className:`rounded-md border border-border px-3 py-2`,children:[(0,b.jsx)(r,{weight:`semibold`,children:e}),(0,b.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]},e))})})}var A=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BPNIPavy.js";import{r as a,t as o}from"./example-CJMJcnb4.js";import{t as s}from"./circle-check-C0X85t4j.js";import{t as c}from"./eye-Cl_GfUKH.js";import{t as l}from"./file-text-BTTFP8Jo.js";import{t as u}from"./list-checks-DA2jqXdm.js";import{d,i as f,l as p,s as m}from"./index-jD-KSiHu.js";import{t as h}from"./icon-badge-DrZ5qGpa.js";import{t as g}from"./smart-card-p97LLZCW.js";var _=p(`git-compare-arrows`,[[`circle`,{cx:`5`,cy:`6`,r:`3`,key:`1qnov2`}],[`path`,{d:`M12 6h5a2 2 0 0 1 2 2v7`,key:`1yj91y`}],[`path`,{d:`m15 9-3-3 3-3`,key:`1lwv8l`}],[`circle`,{cx:`19`,cy:`18`,r:`3`,key:`1qljk2`}],[`path`,{d:`M12 18H7a2 2 0 0 1-2-2V9`,key:`16sdep`}],[`path`,{d:`m9 15 3 3-3 3`,key:`1m3kbl`}]]),v=p(`search-check`,[[`path`,{d:`m8 11 2 2 4-4`,key:`1sed1v`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`path`,{d:`m21 21-4.3-4.3`,key:`1qie3q`}]]),y=e({AcceptanceChecklist:()=>O,NextPassTargets:()=>k,RefinementGoals:()=>E,RefinementOutcomes:()=>T,ReviewLoop:()=>D}),b=d(),x=[{icon:_,title:`One route map`,description:`Docs, CSS variables, base, layouts, composed surfaces, and features now live in one collapsible sidebar.`,tone:`primary`},{icon:f,title:`Token visibility`,description:`The CSS variables page exposes scale, density, display gap, padding, and component-specific knobs as searchable reference data.`,tone:`info`},{icon:v,title:`Searchable docs`,description:`The global preview search matches route ids, families, scopes, labels, notes, and token-focused routes.`,tone:`success`},{icon:m,title:`Repeatable gates`,description:`Docs sync, props checks, browser sweeps, a11y, visual baselines, package smoke, and release verification define the maintainer loop.`,tone:`warning`}],S=[[`Orient`,`Open the route, confirm the public import path, source path, and owning layer.`],[`Exercise`,`Use the live example like a consumer would: type, select, open overlays, submit, and trigger empty or error states.`],[`Inspect`,`Check desktop and mobile for spacing, hierarchy, active states, overflow, console errors, and blank renders.`],[`Record`,`Patch the owning component or docs page, rerun the focused gate, then update baselines only for intentional visual changes.`]],C=[`Sidebar labels are concise and do not repeat their parent layer.`,`Active navigation reads as selection, not a raised card or button.`,`Examples use shipped components and exact public package paths.`,`Text hierarchy stays in sm, xs, and xxs unless the page needs a hero value.`,`No horizontal overflow, runtime overlay, console error, or blank render.`,`New routes appear in the registry, docs sync output, and searchable sidebar.`],w=[[`Route taxonomy`,`Keep refining labels and families when the tree starts to feel repetitive.`],[`Examples density`,`Prefer fewer but richer examples that expose real state and callbacks.`],[`Mobile docs nav`,`Watch long route names and group descriptions inside the collapsed mobile browser.`],[`Token adoption`,`Move repeated one-off spacing into the shared CSS variable scale when it proves reusable.`]];function T(){return(0,b.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2 xl:grid-cols-4`,children:x.map(e=>(0,b.jsx)(g,{surface:`framed`,padding:`default`,className:`h-full`,children:(0,b.jsxs)(`div`,{className:`space-y-3`,children:[(0,b.jsx)(h,{icon:e.icon,tone:e.tone,shape:`square`}),(0,b.jsxs)(`div`,{children:[(0,b.jsx)(r,{weight:`semibold`,children:e.title}),(0,b.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:e.description})]})]})},e.title))})}function E(){return(0,b.jsx)(g,{title:`Showcase refinement target`,description:`The preview should feel like the package cockpit: quiet navigation, accurate examples, searchable tokens, and repeatable release checks.`,icon:(0,b.jsx)(h,{icon:c,tone:`primary`,shape:`square`,size:`default`}),children:(0,b.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,b.jsx)(n,{variant:`secondary`,children:`Calm hierarchy`}),(0,b.jsx)(n,{variant:`secondary`,children:`Exact imports`}),(0,b.jsx)(n,{variant:`secondary`,children:`Searchable variables`}),(0,b.jsx)(n,{variant:`secondary`,children:`Browser verified`}),(0,b.jsx)(n,{variant:`secondary`,children:`Agent readable`})]})})}function D(){return(0,b.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:S.map(([e,t],n)=>(0,b.jsx)(g,{surface:`framed`,padding:`default`,children:(0,b.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,b.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground`,children:n+1}),(0,b.jsxs)(`div`,{children:[(0,b.jsx)(r,{weight:`semibold`,children:e}),(0,b.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]})},e))})}function O(){return(0,b.jsx)(g,{title:`Visual acceptance checklist`,description:`Use these as blocking checks before calling a showcase refinement done.`,icon:(0,b.jsx)(h,{icon:u,tone:`success`,shape:`square`,size:`default`}),children:(0,b.jsx)(`div`,{className:`grid gap-2 md:grid-cols-2`,children:C.map(e=>(0,b.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md bg-muted/35 px-3 py-2`,children:[(0,b.jsx)(s,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-success`,"aria-hidden":`true`}),(0,b.jsx)(r,{size:`xs`,children:e})]},e))})})}function k(){return(0,b.jsx)(g,{title:`Known next refinements`,description:`These are not blockers for the current pass, but they are the first places to inspect when the docs tree starts feeling noisy again.`,icon:(0,b.jsx)(h,{icon:l,tone:`info`,shape:`square`,size:`default`}),footerSlot:(0,b.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,b.jsx)(a,{href:`#/base/css-variables`,size:`default`,buttonStyle:`outline`,children:`CSS variables`}),(0,b.jsx)(a,{href:`#/docs/showcase`,size:`default`,buttonStyle:`outline`,children:`Showcase workflow`})]}),children:(0,b.jsx)(`div`,{className:`space-y-2`,children:w.map(([e,t])=>(0,b.jsxs)(`div`,{className:`rounded-md border border-border px-3 py-2`,children:[(0,b.jsx)(r,{weight:`semibold`,children:e}),(0,b.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]},e))})})}var A=`import {
 	CheckCircle2,
 	ClipboardCheck,
 	Eye,

package/dist/showcase/assets/{refresh-cw-CELG4taF.js → refresh-cw-C-yHy6B7.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`refresh-cw`,[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]]);export{t};
+import{l as e}from"./index-jD-KSiHu.js";var t=e(`refresh-cw`,[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]]);export{t};

package/dist/showcase/assets/{resolveValueLabel-LRTUaJTb.js → resolveValueLabel-0bwEvIG-.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n}from"./index-QESvAJrb.js";import{t as r}from"./serializeValue-B_EucO5O.js";var i=(e,t)=>Object.is(e,t);function a(e,t,n){return e==null||t==null?Object.is(e,t):n(e,t)}function o(e,t,n){return!e||e.length===0?!1:e.some(e=>e===void 0?!1:a(t,e,n))}function s(e,t,n){return!e||e.length===0?-1:e.findIndex(e=>e===void 0?!1:a(e,t,n))}function c(e,t,n){return e.filter(e=>!a(t,e,n))}var l=e(t(),1),u=n();function d(e){return e!=null&&e.length>0&&typeof e[0]==`object`&&e[0]!=null&&`items`in e[0]}function f(e){if(!Array.isArray(e))return e!=null&&`null`in e;let t=e;if(d(t)){for(let e of t)for(let t of e.items)if(t&&t.value==null&&t.label!=null)return!0;return!1}for(let e of t)if(e&&e.value==null&&e.label!=null)return!0;return!1}function p(e,t){if(t&&e!=null)return t(e)??``;if(e&&typeof e==`object`){if(`label`in e&&e.label!=null)return String(e.label);if(`value`in e)return String(e.value)}return r(e)}function m(e,t){return t&&e!=null?t(e)??``:e&&typeof e==`object`&&`value`in e&&`label`in e?r(e.value):r(e)}function h(e,t,n){function r(){return p(e,n)}if(n&&e!=null)return n(e);if(e&&typeof e==`object`&&`label`in e&&e.label!=null)return e.label;if(t&&!Array.isArray(t))return t[e]??r();if(Array.isArray(t)){let n=t,i=d(n)?n.flatMap(e=>e.items):n;if(typeof e!=`object`||!e){let t=i.find(t=>t.value===e);return t&&t.label!=null?t.label:r()}if(`value`in e){let t=i.find(t=>t&&t.value===e.value);if(t&&t.label!=null)return t.label}}return r()}function g(e,t,n){return e.reduce((e,r,i)=>(i>0&&e.push(`, `),e.push((0,u.jsx)(l.Fragment,{children:h(r,t,n)},i)),e),[])}export{p as a,i as c,o as d,h as i,s as l,d as n,m as o,g as r,a as s,f as t,c as u};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n}from"./index-jD-KSiHu.js";import{t as r}from"./serializeValue-B_EucO5O.js";var i=(e,t)=>Object.is(e,t);function a(e,t,n){return e==null||t==null?Object.is(e,t):n(e,t)}function o(e,t,n){return!e||e.length===0?!1:e.some(e=>e===void 0?!1:a(t,e,n))}function s(e,t,n){return!e||e.length===0?-1:e.findIndex(e=>e===void 0?!1:a(e,t,n))}function c(e,t,n){return e.filter(e=>!a(t,e,n))}var l=e(t(),1),u=n();function d(e){return e!=null&&e.length>0&&typeof e[0]==`object`&&e[0]!=null&&`items`in e[0]}function f(e){if(!Array.isArray(e))return e!=null&&`null`in e;let t=e;if(d(t)){for(let e of t)for(let t of e.items)if(t&&t.value==null&&t.label!=null)return!0;return!1}for(let e of t)if(e&&e.value==null&&e.label!=null)return!0;return!1}function p(e,t){if(t&&e!=null)return t(e)??``;if(e&&typeof e==`object`){if(`label`in e&&e.label!=null)return String(e.label);if(`value`in e)return String(e.value)}return r(e)}function m(e,t){return t&&e!=null?t(e)??``:e&&typeof e==`object`&&`value`in e&&`label`in e?r(e.value):r(e)}function h(e,t,n){function r(){return p(e,n)}if(n&&e!=null)return n(e);if(e&&typeof e==`object`&&`label`in e&&e.label!=null)return e.label;if(t&&!Array.isArray(t))return t[e]??r();if(Array.isArray(t)){let n=t,i=d(n)?n.flatMap(e=>e.items):n;if(typeof e!=`object`||!e){let t=i.find(t=>t.value===e);return t&&t.label!=null?t.label:r()}if(`value`in e){let t=i.find(t=>t&&t.value===e.value);if(t&&t.label!=null)return t.label}}return r()}function g(e,t,n){return e.reduce((e,r,i)=>(i>0&&e.push(`, `),e.push((0,u.jsx)(l.Fragment,{children:h(r,t,n)},i)),e),[])}export{p as a,i as c,o as d,h as i,s as l,d as n,m as o,g as r,a as s,f as t,c as u};

package/dist/showcase/assets/{resource-BT8_ck3n.js → resource-8f61BZ8t.js}

@@ -1 +1 @@
-import{f as e,p as t}from"./section-D-N8Ze16.js";import{d as n,n as r}from"./index-QESvAJrb.js";import{t as i}from"./icon-badge-ognVhKWR.js";import{t as a}from"./smart-card-C6-idFYI.js";import{o,r as s,t as c}from"./avatar-D3kvVy00.js";import{t as l}from"./skeleton-DoWW5XZD.js";import{t as u}from"./metadata-list-BhlsEWYT.js";import{t as d}from"./overflow-tab-bar-B2Htn-Ft.js";var f=n();function p(e){return e.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]?.toUpperCase()).join(``)}function m({title:n,description:a,eyebrow:l,media:u,avatarUrl:d,avatarAlt:m,avatarFallback:h,icon:g,iconTone:_=`muted`,badges:v,metadata:y,actions:b,className:x,contentClassName:S,mediaClassName:C}){let w=g,T=typeof n==`string`?n:``,E=u??(d||h?(0,f.jsxs)(c,{className:r(`resource-header--avatar size-avatar-lg`,C),children:[!!d&&(0,f.jsx)(o,{src:d,alt:m??T}),(0,f.jsx)(s,{children:h??p(T)})]}):w?(0,f.jsx)(i,{icon:w,shape:`square`,tone:_,className:r(`resource-header--icon size-avatar-lg [&>svg]:size-icon-lg`,C)}):null);return(0,f.jsxs)(`header`,{"data-component":`resource-header`,"data-slot":`resource-header`,className:r(`resource-header--component flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,x),children:[(0,f.jsxs)(`div`,{"data-slot":`resource-header-main`,className:`resource-header--main flex min-w-0 flex-1 items-start gap-3`,children:[E,(0,f.jsxs)(`div`,{"data-slot":`resource-header-content`,className:r(`resource-header--content min-w-0 flex-1`,S),children:[!!l&&(0,f.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`resource-header--eyebrow mb-1 uppercase tracking-normal`,children:l}),(0,f.jsxs)(`div`,{"data-slot":`resource-header-title-row`,className:`resource-header--title-row flex min-w-0 flex-wrap items-center gap-2`,children:[(0,f.jsx)(e,{tag:`h2`,className:`resource-header--title truncate border-0 pb-0`,children:n}),!!v&&(0,f.jsx)(`div`,{"data-slot":`resource-header-badges`,className:`resource-header--badges flex shrink-0 flex-wrap items-center gap-1.5`,children:v})]}),!!a&&(0,f.jsx)(t,{type:`secondary`,className:`resource-header--description mt-1 max-w-3xl`,children:a}),!!y&&(0,f.jsx)(`div`,{"data-slot":`resource-header-metadata`,className:`resource-header--metadata mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:y})]})]}),!!b&&(0,f.jsx)(`div`,{"data-slot":`resource-header-actions`,className:`resource-header--actions flex shrink-0 flex-wrap items-center gap-2`,children:b})]})}function h({children:e,leading:t,trailing:n,sticky:i=!1,className:a}){return(0,f.jsxs)(`div`,{"data-component":`resource-action-bar`,"data-slot":`resource-action-bar`,className:r(`resource-action-bar--component flex min-w-0 flex-col gap-3 rounded-lg border border-border/70 bg-card px-3 py-2.5 shadow-sm sm:flex-row sm:items-center sm:justify-between`,i&&`sticky top-[calc(var(--topbar-height)_+_0.5rem)] z-30`,a),children:[(0,f.jsx)(`div`,{"data-slot":`resource-action-leading`,className:`resource-action-bar--leading flex min-w-0 flex-1 flex-wrap items-center gap-2`,children:t??e}),!!n&&(0,f.jsx)(`div`,{"data-slot":`resource-action-trailing`,className:`resource-action-bar--trailing flex shrink-0 flex-wrap items-center gap-2`,children:n})]})}function g({children:e,title:t,description:n,actions:i,toolbar:a,empty:o,isEmpty:s=!1,isLoading:c=!1,error:u,slots:d,className:p,headerClassName:h,contentClassName:g,asideClassName:_,variant:v}){let y=d?.header??(t?(0,f.jsx)(m,{title:t,description:n,actions:i,className:h}):null),b=d?.toolbar??a,x=c?d?.loading??(0,f.jsxs)(`div`,{className:`resource-shell--loading grid gap-3`,children:[(0,f.jsx)(l,{className:`h-10 w-full`}),(0,f.jsx)(l,{className:`h-28 w-full`})]}):u?d?.error??u:s?o:e;return(0,f.jsxs)(`section`,{"data-component":`resource-${v}-shell`,"data-slot":`resource-${v}-shell`,className:r(`resource-${v}-shell--component grid min-w-0 gap-4`,d?.aside&&`lg:grid-cols-[minmax(0,1fr)_var(--resource-aside-width,20rem)]`,p),children:[(0,f.jsxs)(`div`,{className:`min-w-0 space-y-4`,children:[!!y&&(0,f.jsx)(`div`,{"data-slot":`resource-${v}-header`,className:`resource-${v}-shell--header`,children:y}),!!b&&(0,f.jsx)(`div`,{"data-slot":`resource-${v}-toolbar`,className:`resource-${v}-shell--toolbar`,children:b}),(0,f.jsx)(`div`,{"data-slot":`resource-${v}-content`,className:r(`resource-${v}-shell--content min-w-0`,g),children:x}),!!d?.footer&&(0,f.jsx)(`div`,{"data-slot":`resource-${v}-footer`,className:`resource-${v}-shell--footer`,children:d.footer})]}),!!d?.aside&&(0,f.jsx)(`aside`,{"data-slot":`resource-${v}-aside`,className:r(`resource-${v}-shell--aside min-w-0`,_),children:d.aside})]})}function _(e){return(0,f.jsx)(g,{...e,variant:`index`})}function v(e){return(0,f.jsx)(g,{...e,variant:`show`})}function y({tabs:e,activeTab:t,onTabChange:n,tabsClassName:r,moreLabel:i,tabsAriaLabel:a,toolbar:o,slots:s,...c}){let l=(0,f.jsxs)(`div`,{"data-slot":`tabbed-resource-toolbar`,className:`tabbed-resource-shell--toolbar grid gap-3`,children:[(0,f.jsx)(d,{items:e,value:t,onChange:n,className:r,moreLabel:i,ariaLabel:a}),o]});return(0,f.jsx)(v,{...c,toolbar:l,slots:{...s,toolbar:s?.toolbar??l}})}function b({title:e,description:t,actions:n,headerAction:i,children:o,footer:s,padding:c=`default`,surface:l=`card`,className:u,contentClassName:d,name:p}){return(0,f.jsx)(a,{"data-component":p,"data-slot":p,title:e,description:t,actions:n,headerAction:i,footerSlot:s,padding:c,surface:l,className:r(`${p}--component`,u),contentClassName:d,children:o})}function x(e){return(0,f.jsx)(b,{...e,name:`resource-details-card`})}function S({metadata:e,metadataColumns:n=2,metadataDense:i=!1,body:a,help:o,children:s,contentClassName:c,...l}){return(0,f.jsxs)(b,{...l,name:`resource-details-section`,contentClassName:r(`resource-details-section--content grid gap-4`,c),children:[!!e?.length&&(0,f.jsx)(u,{items:e,columns:n,dense:i}),a,s,!!o&&(0,f.jsx)(t,{size:`xs`,type:`secondary`,className:`resource-details-section--help`,children:o})]})}function C(e){return(0,f.jsx)(b,{...e,name:`resource-related-card`})}function w(e){return(0,f.jsx)(b,{...e,name:`resource-activity-card`})}export{m as a,v as c,S as i,y as l,w as n,_ as o,x as r,C as s,h as t};
+import{f as e,p as t}from"./section-BPNIPavy.js";import{d as n,n as r}from"./index-jD-KSiHu.js";import{t as i}from"./icon-badge-DrZ5qGpa.js";import{t as a}from"./smart-card-p97LLZCW.js";import{o,r as s,t as c}from"./avatar-BlLAVC87.js";import{t as l}from"./skeleton-HSpErFqw.js";import{t as u}from"./metadata-list-xVUTVyy9.js";import{t as d}from"./overflow-tab-bar-C0vTzcEY.js";var f=n();function p(e){return e.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]?.toUpperCase()).join(``)}function m({title:n,description:a,eyebrow:l,media:u,avatarUrl:d,avatarAlt:m,avatarFallback:h,icon:g,iconTone:_=`muted`,badges:v,metadata:y,actions:b,className:x,contentClassName:S,mediaClassName:C}){let w=g,T=typeof n==`string`?n:``,E=u??(d||h?(0,f.jsxs)(c,{className:r(`resource-header--avatar size-avatar-lg`,C),children:[!!d&&(0,f.jsx)(o,{src:d,alt:m??T}),(0,f.jsx)(s,{children:h??p(T)})]}):w?(0,f.jsx)(i,{icon:w,shape:`square`,tone:_,className:r(`resource-header--icon size-avatar-lg [&>svg]:size-icon-lg`,C)}):null);return(0,f.jsxs)(`header`,{"data-component":`resource-header`,"data-slot":`resource-header`,className:r(`resource-header--component flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,x),children:[(0,f.jsxs)(`div`,{"data-slot":`resource-header-main`,className:`resource-header--main flex min-w-0 flex-1 items-start gap-3`,children:[E,(0,f.jsxs)(`div`,{"data-slot":`resource-header-content`,className:r(`resource-header--content min-w-0 flex-1`,S),children:[!!l&&(0,f.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`resource-header--eyebrow mb-1 uppercase tracking-normal`,children:l}),(0,f.jsxs)(`div`,{"data-slot":`resource-header-title-row`,className:`resource-header--title-row flex min-w-0 flex-wrap items-center gap-2`,children:[(0,f.jsx)(e,{tag:`h2`,className:`resource-header--title truncate border-0 pb-0`,children:n}),!!v&&(0,f.jsx)(`div`,{"data-slot":`resource-header-badges`,className:`resource-header--badges flex shrink-0 flex-wrap items-center gap-1.5`,children:v})]}),!!a&&(0,f.jsx)(t,{type:`secondary`,className:`resource-header--description mt-1 max-w-3xl`,children:a}),!!y&&(0,f.jsx)(`div`,{"data-slot":`resource-header-metadata`,className:`resource-header--metadata mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:y})]})]}),!!b&&(0,f.jsx)(`div`,{"data-slot":`resource-header-actions`,className:`resource-header--actions flex shrink-0 flex-wrap items-center gap-2`,children:b})]})}function h({children:e,leading:t,trailing:n,sticky:i=!1,className:a}){return(0,f.jsxs)(`div`,{"data-component":`resource-action-bar`,"data-slot":`resource-action-bar`,className:r(`resource-action-bar--component flex min-w-0 flex-col gap-3 rounded-lg border border-border/70 bg-card px-3 py-2.5 shadow-sm sm:flex-row sm:items-center sm:justify-between`,i&&`sticky top-[calc(var(--topbar-height)_+_0.5rem)] z-30`,a),children:[(0,f.jsx)(`div`,{"data-slot":`resource-action-leading`,className:`resource-action-bar--leading flex min-w-0 flex-1 flex-wrap items-center gap-2`,children:t??e}),!!n&&(0,f.jsx)(`div`,{"data-slot":`resource-action-trailing`,className:`resource-action-bar--trailing flex shrink-0 flex-wrap items-center gap-2`,children:n})]})}function g({children:e,title:t,description:n,actions:i,toolbar:a,empty:o,isEmpty:s=!1,isLoading:c=!1,error:u,slots:d,className:p,headerClassName:h,contentClassName:g,asideClassName:_,variant:v}){let y=d?.header??(t?(0,f.jsx)(m,{title:t,description:n,actions:i,className:h}):null),b=d?.toolbar??a,x=c?d?.loading??(0,f.jsxs)(`div`,{className:`resource-shell--loading grid gap-3`,children:[(0,f.jsx)(l,{className:`h-10 w-full`}),(0,f.jsx)(l,{className:`h-28 w-full`})]}):u?d?.error??u:s?o:e;return(0,f.jsxs)(`section`,{"data-component":`resource-${v}-shell`,"data-slot":`resource-${v}-shell`,className:r(`resource-${v}-shell--component grid min-w-0 gap-4`,d?.aside&&`lg:grid-cols-[minmax(0,1fr)_var(--resource-aside-width,20rem)]`,p),children:[(0,f.jsxs)(`div`,{className:`min-w-0 space-y-4`,children:[!!y&&(0,f.jsx)(`div`,{"data-slot":`resource-${v}-header`,className:`resource-${v}-shell--header`,children:y}),!!b&&(0,f.jsx)(`div`,{"data-slot":`resource-${v}-toolbar`,className:`resource-${v}-shell--toolbar`,children:b}),(0,f.jsx)(`div`,{"data-slot":`resource-${v}-content`,className:r(`resource-${v}-shell--content min-w-0`,g),children:x}),!!d?.footer&&(0,f.jsx)(`div`,{"data-slot":`resource-${v}-footer`,className:`resource-${v}-shell--footer`,children:d.footer})]}),!!d?.aside&&(0,f.jsx)(`aside`,{"data-slot":`resource-${v}-aside`,className:r(`resource-${v}-shell--aside min-w-0`,_),children:d.aside})]})}function _(e){return(0,f.jsx)(g,{...e,variant:`index`})}function v(e){return(0,f.jsx)(g,{...e,variant:`show`})}function y({tabs:e,activeTab:t,onTabChange:n,tabsClassName:r,moreLabel:i,tabsAriaLabel:a,toolbar:o,slots:s,...c}){let l=(0,f.jsxs)(`div`,{"data-slot":`tabbed-resource-toolbar`,className:`tabbed-resource-shell--toolbar grid gap-3`,children:[(0,f.jsx)(d,{items:e,value:t,onChange:n,className:r,moreLabel:i,ariaLabel:a}),o]});return(0,f.jsx)(v,{...c,toolbar:l,slots:{...s,toolbar:s?.toolbar??l}})}function b({title:e,description:t,actions:n,headerAction:i,children:o,footer:s,padding:c=`default`,surface:l=`card`,className:u,contentClassName:d,name:p}){return(0,f.jsx)(a,{"data-component":p,"data-slot":p,title:e,description:t,actions:n,headerAction:i,footerSlot:s,padding:c,surface:l,className:r(`${p}--component`,u),contentClassName:d,children:o})}function x(e){return(0,f.jsx)(b,{...e,name:`resource-details-card`})}function S({metadata:e,metadataColumns:n=2,metadataDense:i=!1,body:a,help:o,children:s,contentClassName:c,...l}){return(0,f.jsxs)(b,{...l,name:`resource-details-section`,contentClassName:r(`resource-details-section--content grid gap-4`,c),children:[!!e?.length&&(0,f.jsx)(u,{items:e,columns:n,dense:i}),a,s,!!o&&(0,f.jsx)(t,{size:`xs`,type:`secondary`,className:`resource-details-section--help`,children:o})]})}function C(e){return(0,f.jsx)(b,{...e,name:`resource-related-card`})}function w(e){return(0,f.jsx)(b,{...e,name:`resource-activity-card`})}export{m as a,v as c,S as i,y as l,w as n,_ as o,x as r,C as s,h as t};

package/dist/showcase/assets/{resource-C7J3yZp6.js → resource-BEh6R0gu.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{t as a}from"./bell-CwRy7zpP.js";import{r as o,t as s}from"./example-PsbgbESI.js";import{t as c}from"./plus-BkhJjfUv.js";import{t as l}from"./shield-Cme7_JJR.js";import{t as u}from"./user-DLuRcjl0.js";import{d}from"./index-QESvAJrb.js";import{t as f}from"./props-table-CCcohuyT.js";import{t as p}from"./smart-card-C6-idFYI.js";import{a as m,c as h,i as g,l as _,n as v,o as y,r as b,s as x,t as S}from"./resource-BT8_ck3n.js";var C=e({ResourceIndexShellExample:()=>E,ResourceShowShellExample:()=>D,TabbedResourceDetails:()=>O}),w=d(),T=[{label:`Open invoices`,value:`24`,detail:`8 need manual review`},{label:`Active customers`,value:`1,284`,detail:`+4.8% this month`},{label:`Draft contracts`,value:`16`,detail:`3 waiting on finance`}];function E(){return(0,w.jsx)(y,{title:`Bookings`,description:`Index shells keep header, toolbar, list content, and empty-state rhythm consistent.`,actions:(0,w.jsx)(o,{variant:`primary`,icon:c,children:`New booking`}),toolbar:(0,w.jsx)(S,{leading:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(n,{variant:`info`,children:`24 active`}),(0,w.jsx)(n,{variant:`warning`,children:`8 review`})]}),trailing:(0,w.jsx)(o,{variant:`secondary`,children:`Export`})}),children:(0,w.jsx)(`div`,{className:`grid gap-2`,children:T.map(e=>(0,w.jsx)(p,{padding:`default`,className:`shadow-sm`,children:(0,w.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(r,{weight:`medium`,children:e.label}),(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:e.detail})]}),(0,w.jsx)(r,{weight:`semibold`,children:e.value})]})},e.label))})})}function D(){return(0,w.jsx)(h,{slots:{header:(0,w.jsx)(m,{title:`Sarah Smitha`,eyebrow:`Customer`,description:`Gold-tier account with active bookings and billing history.`,badges:(0,w.jsx)(n,{variant:`success`,children:`Active`}),actions:(0,w.jsx)(o,{variant:`secondary`,children:`Edit profile`})}),aside:(0,w.jsx)(x,{title:`Related records`,children:(0,w.jsxs)(`div`,{className:`grid gap-2`,children:[(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,w.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,w.jsx)(b,{title:`Account details`,children:(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`Primary email, billing status, and customer metadata.`})}),(0,w.jsx)(v,{title:`Recent activity`,children:(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})}function O(){return(0,w.jsx)(_,{title:`Sarah Smitha`,description:`Gold-tier account with active bookings and billing history.`,activeTab:`profile`,tabs:[{id:`profile`,label:`Profile`,icon:u},{id:`security`,label:`Security`,icon:l},{id:`notifications`,label:`Notifications`,icon:a,badge:`3`}],actions:(0,w.jsx)(o,{variant:`secondary`,children:`Edit profile`}),slots:{aside:(0,w.jsx)(x,{title:`Related records`,children:(0,w.jsxs)(`div`,{className:`grid gap-2`,children:[(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,w.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,w.jsx)(g,{title:`Account details`,metadata:[{label:`Email`,value:`sarah@example.com`},{label:`Segment`,value:`Gold`},{label:`Created`,value:`May 14, 2026`},{label:`Owner`,value:`Emma Garcia`}],help:`Consumers own field visibility, permissions, and edit workflows.`}),(0,w.jsx)(v,{title:`Recent activity`,children:(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})}var k=`import { Bell, Plus, Shield, User } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BPNIPavy.js";import{t as a}from"./bell-DXBoeAzi.js";import{r as o,t as s}from"./example-CJMJcnb4.js";import{t as c}from"./plus-CQcelTNc.js";import{t as l}from"./shield-ClPev4gS.js";import{t as u}from"./user-BDIP5UPS.js";import{d}from"./index-jD-KSiHu.js";import{t as f}from"./props-table-DoDq8Mvr.js";import{t as p}from"./smart-card-p97LLZCW.js";import{a as m,c as h,i as g,l as _,n as v,o as y,r as b,s as x,t as S}from"./resource-8f61BZ8t.js";var C=e({ResourceIndexShellExample:()=>E,ResourceShowShellExample:()=>D,TabbedResourceDetails:()=>O}),w=d(),T=[{label:`Open invoices`,value:`24`,detail:`8 need manual review`},{label:`Active customers`,value:`1,284`,detail:`+4.8% this month`},{label:`Draft contracts`,value:`16`,detail:`3 waiting on finance`}];function E(){return(0,w.jsx)(y,{title:`Bookings`,description:`Index shells keep header, toolbar, list content, and empty-state rhythm consistent.`,actions:(0,w.jsx)(o,{variant:`primary`,icon:c,children:`New booking`}),toolbar:(0,w.jsx)(S,{leading:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(n,{variant:`info`,children:`24 active`}),(0,w.jsx)(n,{variant:`warning`,children:`8 review`})]}),trailing:(0,w.jsx)(o,{variant:`secondary`,children:`Export`})}),children:(0,w.jsx)(`div`,{className:`grid gap-2`,children:T.map(e=>(0,w.jsx)(p,{padding:`default`,className:`shadow-sm`,children:(0,w.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(r,{weight:`medium`,children:e.label}),(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:e.detail})]}),(0,w.jsx)(r,{weight:`semibold`,children:e.value})]})},e.label))})})}function D(){return(0,w.jsx)(h,{slots:{header:(0,w.jsx)(m,{title:`Sarah Smitha`,eyebrow:`Customer`,description:`Gold-tier account with active bookings and billing history.`,badges:(0,w.jsx)(n,{variant:`success`,children:`Active`}),actions:(0,w.jsx)(o,{variant:`secondary`,children:`Edit profile`})}),aside:(0,w.jsx)(x,{title:`Related records`,children:(0,w.jsxs)(`div`,{className:`grid gap-2`,children:[(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,w.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,w.jsx)(b,{title:`Account details`,children:(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`Primary email, billing status, and customer metadata.`})}),(0,w.jsx)(v,{title:`Recent activity`,children:(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})}function O(){return(0,w.jsx)(_,{title:`Sarah Smitha`,description:`Gold-tier account with active bookings and billing history.`,activeTab:`profile`,tabs:[{id:`profile`,label:`Profile`,icon:u},{id:`security`,label:`Security`,icon:l},{id:`notifications`,label:`Notifications`,icon:a,badge:`3`}],actions:(0,w.jsx)(o,{variant:`secondary`,children:`Edit profile`}),slots:{aside:(0,w.jsx)(x,{title:`Related records`,children:(0,w.jsxs)(`div`,{className:`grid gap-2`,children:[(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,w.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,w.jsx)(g,{title:`Account details`,metadata:[{label:`Email`,value:`sarah@example.com`},{label:`Segment`,value:`Gold`},{label:`Created`,value:`May 14, 2026`},{label:`Owner`,value:`Emma Garcia`}],help:`Consumers own field visibility, permissions, and edit workflows.`}),(0,w.jsx)(v,{title:`Recent activity`,children:(0,w.jsx)(r,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})}var k=`import { Bell, Plus, Shield, User } from 'lucide-react';
 
 import { Badge } from '@/components/base/badge';
 import { Button } from '@/components/base/buttons';

package/dist/showcase/assets/{resource-selector-card-Ay8ImvKg.js → resource-selector-card-DJwXY_Ms.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a}from"./section-D-N8Ze16.js";import{r as o,t as s}from"./example-PsbgbESI.js";import{t as c}from"./plus-BkhJjfUv.js";import{t as l}from"./x-idpnOHil.js";import{N as u,d,n as f}from"./index-QESvAJrb.js";import{t as p}from"./props-table-CCcohuyT.js";import{t as m}from"./smart-card-C6-idFYI.js";import{a as h}from"./cell-renderers-Cx8rAZln.js";var g=d(),_={select:`Select resource`,remove:`Remove resource`,emptyTitle:`No resource selected`,emptyDescription:`Choose a resource to continue.`};function v({resource:e,getKey:t,getTitle:n,getSubtitle:r,getMetadata:a,getBadges:s,getImageUrl:d,getIcon:p,renderResource:v,onSelect:y,onRemove:b,title:x,description:S,emptyTitle:C,emptyDescription:w,selectLabel:T,removeLabel:E,actions:D,padding:O=`default`,surface:k=`card`,className:A,contentClassName:j,strings:M}){let N=u(_,M),P=T??N.select,F=E??N.remove;return(0,g.jsx)(m,{"data-component":`resource-selector-card`,"data-slot":`resource-selector-card`,title:x,description:S,headerAction:D??(0,g.jsxs)(`div`,{className:`flex flex-wrap items-center gap-space-md`,children:[!!e&&!!b&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>b(e),children:[(0,g.jsx)(l,{className:`size-icon`}),F]}),!!y&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,size:`small`,onClick:y,children:[(0,g.jsx)(c,{className:`size-icon`}),P]})]}),padding:O,surface:k,className:f(`resource-selector-card--component`,A),contentClassName:f(`resource-selector-card--content`,j),children:e?(0,g.jsx)(`div`,{"data-resource-key":t(e),className:`resource-selector-card--selected min-w-0 rounded-md border border-border/60 bg-muted/20 px-row-x py-row-y`,children:v?v(e):(0,g.jsx)(h,{title:n(e),subtitle:r?.(e),metadata:a?.(e),badges:s?.(e),imageUrl:d?.(e),icon:p?.(e),mediaClassName:`size-avatar-sm`,contentClassName:`gap-space-2xs`,subtitleClassName:`text-xxs`})}):(0,g.jsx)(`div`,{className:`resource-selector-card--empty min-w-0 rounded-md border border-dashed border-border/80 bg-muted/20 px-row-x py-row-y`,children:(0,g.jsxs)(`div`,{className:`min-w-0`,children:[(0,g.jsx)(i,{weight:`semibold`,children:C??N.emptyTitle}),(0,g.jsx)(i,{size:`inherit`,type:`secondary`,className:`mt-space-2xs text-xxs`,children:w??N.emptyDescription})]})})})}v.displayName=`ResourceSelectorCard`;var y=e({EmptyResource:()=>C,SelectedResource:()=>S}),b=t(n(),1),x=[{id:`usr-1`,name:`Sarah Smith`,email:`sarah@example.com`,role:`Owner`},{id:`usr-2`,name:`Marcus Lee`,email:`marcus@example.com`,role:`Admin`}];function S(){let[e,t]=(0,b.useState)(x[0]);return(0,g.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,g.jsx)(v,{title:`Account owner`,description:`Selected resources render through accessor props.`,resource:e,getKey:e=>e.id,getTitle:e=>e.name,getSubtitle:e=>e.email,getMetadata:e=>[{label:`Role`,value:e.role}],onSelect:()=>t(x[1]),onRemove:()=>t(null)})})}function C(){return(0,g.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,g.jsx)(v,{title:`Approver`,description:`The consumer owns the picker dialog and passes callbacks.`,getKey:e=>e.id,getTitle:e=>e.name,getSubtitle:e=>e.email,onSelect:()=>{}})})}var w=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a}from"./section-BPNIPavy.js";import{r as o,t as s}from"./example-CJMJcnb4.js";import{t as c}from"./plus-CQcelTNc.js";import{t as l}from"./x-DyuS4YRT.js";import{N as u,d,n as f}from"./index-jD-KSiHu.js";import{t as p}from"./props-table-DoDq8Mvr.js";import{t as m}from"./smart-card-p97LLZCW.js";import{a as h}from"./cell-renderers-CosD6Gby.js";var g=d(),_={select:`Select resource`,remove:`Remove resource`,emptyTitle:`No resource selected`,emptyDescription:`Choose a resource to continue.`};function v({resource:e,getKey:t,getTitle:n,getSubtitle:r,getMetadata:a,getBadges:s,getImageUrl:d,getIcon:p,renderResource:v,onSelect:y,onRemove:b,title:x,description:S,emptyTitle:C,emptyDescription:w,selectLabel:T,removeLabel:E,actions:D,padding:O=`default`,surface:k=`card`,className:A,contentClassName:j,strings:M}){let N=u(_,M),P=T??N.select,F=E??N.remove;return(0,g.jsx)(m,{"data-component":`resource-selector-card`,"data-slot":`resource-selector-card`,title:x,description:S,headerAction:D??(0,g.jsxs)(`div`,{className:`flex flex-wrap items-center gap-space-md`,children:[!!e&&!!b&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>b(e),children:[(0,g.jsx)(l,{className:`size-icon`}),F]}),!!y&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,size:`small`,onClick:y,children:[(0,g.jsx)(c,{className:`size-icon`}),P]})]}),padding:O,surface:k,className:f(`resource-selector-card--component`,A),contentClassName:f(`resource-selector-card--content`,j),children:e?(0,g.jsx)(`div`,{"data-resource-key":t(e),className:`resource-selector-card--selected min-w-0 rounded-md border border-border/60 bg-muted/20 px-row-x py-row-y`,children:v?v(e):(0,g.jsx)(h,{title:n(e),subtitle:r?.(e),metadata:a?.(e),badges:s?.(e),imageUrl:d?.(e),icon:p?.(e),mediaClassName:`size-avatar-sm`,contentClassName:`gap-space-2xs`,subtitleClassName:`text-xxs`})}):(0,g.jsx)(`div`,{className:`resource-selector-card--empty min-w-0 rounded-md border border-dashed border-border/80 bg-muted/20 px-row-x py-row-y`,children:(0,g.jsxs)(`div`,{className:`min-w-0`,children:[(0,g.jsx)(i,{weight:`semibold`,children:C??N.emptyTitle}),(0,g.jsx)(i,{size:`inherit`,type:`secondary`,className:`mt-space-2xs text-xxs`,children:w??N.emptyDescription})]})})})}v.displayName=`ResourceSelectorCard`;var y=e({EmptyResource:()=>C,SelectedResource:()=>S}),b=t(n(),1),x=[{id:`usr-1`,name:`Sarah Smith`,email:`sarah@example.com`,role:`Owner`},{id:`usr-2`,name:`Marcus Lee`,email:`marcus@example.com`,role:`Admin`}];function S(){let[e,t]=(0,b.useState)(x[0]);return(0,g.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,g.jsx)(v,{title:`Account owner`,description:`Selected resources render through accessor props.`,resource:e,getKey:e=>e.id,getTitle:e=>e.name,getSubtitle:e=>e.email,getMetadata:e=>[{label:`Role`,value:e.role}],onSelect:()=>t(x[1]),onRemove:()=>t(null)})})}function C(){return(0,g.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,g.jsx)(v,{title:`Approver`,description:`The consumer owns the picker dialog and passes callbacks.`,getKey:e=>e.id,getTitle:e=>e.name,getSubtitle:e=>e.email,onSelect:()=>{}})})}var w=`import { useState } from 'react';
 import { ResourceSelectorCard } from '@/components/composed/data-display';
 
 const resources = [