admin-ui-starter-kit 0.6.2 → 0.6.5

package/dist/showcase/assets/products-n6VBSMDh.js

@@ -0,0 +1,423 @@
+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-C2ovQgbv.js";import{t as c}from"./arrow-left-CrYjfZJ0.js";import{t as l}from"./arrow-right-eLxbBrdm.js";import{t as u}from"./box-CPGIu4Nv.js";import{Dr as d,r as f,t as p}from"./example-CDvNeHNP.js";import{t as m}from"./eye-zG-fqYfd.js";import{t as h}from"./file-text-Boa9IOND.js";import{t as g}from"./image-DCtwKHqe.js";import{t as _}from"./languages-Njdo5y8i.js";import{t as v}from"./layers-Dyew-8IP.js";import{t as y}from"./list-checks-CcWjdDq8.js";import{t as b}from"./package-check-BepTKJLy.js";import{t as x}from"./pencil-Dm53P6Db.js";import{t as S}from"./plus-DbOlx2x0.js";import{t as C}from"./receipt-text-BnwhWHdU.js";import{t as w}from"./save-nXKvyYEx.js";import{t as T}from"./shield-check-BbzHL-nM.js";import{t as E}from"./trash-2-Cs7y4-K-.js";import{t as ee}from"./x-Bx9ayVXr.js";import{N as D,d as O,i as k,l as te,n as A,s as ne}from"./index-B37z19z3.js";import{t as j}from"./props-table-udnF7Z46.js";import{t as M}from"./smart-card-B0Llbpiy.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-C_5-EHNK.js";import{t as z}from"./input-UHuWYPMF.js";import{t as ie}from"./textarea-BbCxWNzV.js";import{t as ae}from"./select-BTOraQSw.js";import{n as B}from"./form-field-D8sL8tat.js";import{t as oe}from"./progress-D9r6PSCF.js";import{t as V}from"./metadata-list-B8O2ljIS.js";import{t as se}from"./table-actions-DqofOI1V.js";import{t as ce}from"./empty-state-BKvbnAy1.js";import{t as le}from"./inline-stat-BVJNx4xR.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';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { MetadataList } from '@/components/composed/data-display/metadata';
+import { Heading, Text } from '@/components/typography';
+import {
+	ProductOptionActionMenu,
+	ProductOperationsCard,
+	ProductOptionsSummary,
+	Products,
+	ProductPoliciesCard,
+	ProductQuotePreviewCard,
+	ProductReadinessCard,
+	ProductStructureCard,
+	ProductVariantActionMenu,
+	ProductVariantDetails,
+	ProductVariantEditor,
+	ProductVariantsTable,
+	type ProductChoice,
+	type ProductOptionSummary,
+	type ProductVariantEditorValues,
+	type ProductVariantOptionField,
+	type ProductVariantSummary,
+} from '@/components/features/products';
+import heroUrl from '@/assets/hero.png';
+import { cn } from '@/lib/utils';
+
+const variants: ProductVariantSummary[] = [
+	{
+		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',
+	},
+];
+
+const options: ProductOptionSummary[] = [
+	{
+		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',
+	},
+];
+
+const noop = () => {};
+
+const variantStatusOptions: ProductChoice[] = [
+	{ value: 'active', label: 'Active' },
+	{ value: 'review', label: 'Review' },
+	{ value: 'draft', label: 'Draft' },
+];
+
+const variantOptionFields: ProductVariantOptionField[] = [
+	{
+		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' },
+		],
+	},
+];
+
+const variantEditorValue: ProductVariantEditorValues = {
+	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 ProductPreviewViewport({ children }: { children: ReactNode }) {
+	return (
+		<div className="max-h-[42rem] overflow-auto pr-2">
+			{children}
+		</div>
+	);
+}
+
+function ProductMediaPreview({ frame = 'square' }: { frame?: 'square' | 'wide' }) {
+	return (
+		<div className={cn(
+			'relative overflow-hidden rounded-md border border-border bg-muted',
+			frame === 'square' ? 'aspect-square' : 'aspect-[4/3] max-h-72',
+		)}
+		>
+			<img src={heroUrl} alt="Balsamic tasting set" className="h-full w-full object-cover" />
+			<div className="absolute inset-x-0 bottom-0 bg-background/85 px-3 py-2 backdrop-blur-sm">
+				<Text size="xs" weight="semibold">Primary media</Text>
+				<Text size="xxs" type="secondary">Alt text and gallery remain app-owned.</Text>
+			</div>
+		</div>
+	);
+}
+
+function productOverviewProps() {
+	return {
+		details: {
+			media: <ProductMediaPreview />,
+			metadata: [
+				{ label: 'Status', value: <Badge variant="success">Active</Badge> },
+				{ 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' as const },
+				{ id: 'lead-time', label: 'Lead time', value: '3 days', description: 'Warehouse average', tone: 'info' as const },
+				{ id: 'tax', label: 'Tax', value: 'Included', description: 'Shown in checkout', tone: 'neutral' as const },
+			],
+			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' as const },
+				{ id: 'b2b', label: 'Wholesale allowed', description: 'Case pack available to the B2B channel.', tone: 'info' as const },
+			],
+		},
+		options: {
+			options,
+			onManageOptions: noop,
+			onCreateOption: noop,
+			onSelectOption: noop,
+			onEditOption: noop,
+			onDeleteOption: noop,
+		},
+		variants: {
+			variants,
+			onCreateVariant: noop,
+			onSelectVariant: noop,
+			onEditVariant: noop,
+			onDuplicateVariant: noop,
+			onDeleteVariant: noop,
+		},
+	};
+}
+
+function railProps() {
+	return {
+		readiness: {
+			score: 86,
+			summary: 'Ready to publish once translation review and replenishment dates are confirmed.',
+			onCreateReadinessItem: noop,
+			onSelectReadinessItem: noop,
+			onEditReadinessItem: noop,
+			onDeleteReadinessItem: noop,
+			items: [
+				{ id: 'copy', label: 'Product copy', description: 'Title, description, SEO summary complete.', completed: true },
+				{ id: 'media', label: 'Media', description: 'Cover image and gallery uploaded.', completed: true },
+				{ id: 'translation', label: 'Translations', description: 'Greek and German copy need review.', value: '2 locales', tone: 'warning' as const },
+				{ id: 'inventory', label: 'Inventory policy', description: 'Restock date still needs supplier confirmation.', value: 'Review', tone: 'warning' as const },
+			],
+		},
+		structure: {
+			onCreateMetric: noop,
+			onSelectMetric: noop,
+			onEditMetric: noop,
+			onDeleteMetric: noop,
+			metrics: [
+				{ id: 'media', label: 'Media', value: '8', description: '1 cover, 7 gallery', tone: 'success' as const, icon: <Image className="size-4" /> },
+				{ id: 'categories', label: 'Collections', value: '3', description: 'Pantry, gifts, tasting', tone: 'info' as const, icon: <Tags className="size-4" /> },
+				{ id: 'locales', label: 'Locales', value: '2 / 4', description: 'EN live, EL review', tone: 'warning' as const, icon: <Languages className="size-4" /> },
+				{ id: 'variants', label: 'Variants', value: '3', description: 'All sellable', tone: 'success' as const, icon: <PackageCheck className="size-4" /> },
+			],
+		},
+		operations: {
+			onCreateOperation: noop,
+			onSelectOperation: noop,
+			onEditOperation: noop,
+			onDeleteOperation: noop,
+			items: [
+				{ id: 'stock', label: 'Stock policy', description: 'Checkout blocked below available inventory.', value: 'Active', tone: 'success' as const },
+				{ id: 'channels', label: 'Sales channels', description: 'Online store, POS, and B2B market enabled.', value: '3', tone: 'info' as const },
+				{ id: 'calendar', label: 'Restock calendar', description: 'Next supplier run pending confirmation.', value: 'Review', tone: 'warning' as const },
+			],
+		},
+		quote: {
+			onCreateLine: noop,
+			onSelectLine: noop,
+			onEditLine: noop,
+			onDeleteLine: noop,
+			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: noop,
+			onSelectPolicy: noop,
+			onEditPolicy: noop,
+			onDeletePolicy: noop,
+			policies: [
+				{ id: 'returns', label: 'Returns', description: 'Unopened goods can be returned within 14 days.', tone: 'success' as const },
+				{ id: 'shipping', label: 'Shipping', description: 'Ambient warehouse dispatch only.', tone: 'neutral' as const },
+			],
+		},
+	};
+}
+
+export function ProductEditor() {
+	const main = productOverviewProps();
+	const rail = railProps();
+
+	return (
+		<ProductPreviewViewport>
+			<div className="w-full rounded-lg border border-border bg-muted/20 p-4">
+				<div className="mb-4 flex flex-col gap-4 border-b border-border pb-4 lg:flex-row lg:items-start lg:justify-between">
+					<div className="min-w-0 space-y-3">
+						<div className="flex flex-wrap items-center gap-2">
+							<Badge variant="success">Active</Badge>
+							<Badge variant="info">3 variants</Badge>
+							<Badge variant="warning">2 review items</Badge>
+						</div>
+						<div>
+							<Heading tag="h2" className="border-none pb-0">Balsamic tasting set</Heading>
+							<Text type="secondary" className="mt-1 max-w-3xl">
+								Shopify-style product editor composed from product details, options, variants, readiness, operations, and quote cards.
+							</Text>
+						</div>
+						<MetadataList
+							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}
+						/>
+					</div>
+					<div className="flex shrink-0 flex-wrap gap-2">
+						<Button variant="secondary" buttonStyle="outline">Preview</Button>
+						<Button>Save product</Button>
+					</div>
+				</div>
+
+				<Products
+					details={main.details}
+					contract={main.contract}
+					options={main.options}
+					variants={main.variants}
+					readiness={rail.readiness}
+					structure={rail.structure}
+					operations={rail.operations}
+					quote={rail.quote}
+					policies={rail.policies}
+				/>
+			</div>
+		</ProductPreviewViewport>
+	);
+}
+
+export function OptionsAndVariants() {
+	const main = productOverviewProps();
+
+	return (
+		<ProductPreviewViewport>
+			<div className="grid w-full gap-4">
+				<ProductOptionsSummary {...main.options} />
+				<ProductVariantsTable {...main.variants} />
+			</div>
+		</ProductPreviewViewport>
+	);
+}
+
+export function VariantDetailsAndEditor() {
+	const [value, setValue] = useState<ProductVariantEditorValues>(variantEditorValue);
+
+	return (
+		<ProductPreviewViewport>
+			<div className="grid w-full gap-4 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)]">
+				<ProductVariantDetails
+					variant={variants[0]}
+					optionItems={options.slice(0, 2)}
+					media={<ProductMediaPreview frame="wide" />}
+					onBack={noop}
+					onSelectVariant={noop}
+					onEditVariant={noop}
+					onDuplicateVariant={noop}
+					onDeleteVariant={noop}
+					onSelectOption={noop}
+				/>
+				<ProductVariantEditor
+					value={value}
+					optionFields={variantOptionFields}
+					statusOptions={variantStatusOptions}
+					onValueChange={setValue}
+					onSubmit={noop}
+					onCancel={noop}
+					onDelete={noop}
+				/>
+			</div>
+		</ProductPreviewViewport>
+	);
+}
+
+export function StandaloneActionMenus() {
+	return (
+		<div className="grid w-full gap-4 sm:grid-cols-2">
+			<SmartCard
+				title="Option actions"
+				description="The menu can be used next to any option row or custom layout."
+			>
+				<ProductOptionActionMenu
+					option={options[0]}
+					onSelectOption={noop}
+					onEditOption={noop}
+					onDeleteOption={noop}
+				/>
+			</SmartCard>
+			<SmartCard
+				title="Variant actions"
+				description="The same variant actions work outside the table."
+			>
+				<ProductVariantActionMenu
+					variant={variants[0]}
+					onSelectVariant={noop}
+					onEditVariant={noop}
+					onDuplicateVariant={noop}
+					onDeleteVariant={noop}
+				/>
+			</SmartCard>
+		</div>
+	);
+}
+
+export function ProductSupportRail() {
+	const rail = railProps();
+
+	return (
+		<ProductPreviewViewport>
+			<div className="grid w-full gap-4 lg:grid-cols-2">
+				<ProductReadinessCard {...rail.readiness} />
+				<ProductStructureCard {...rail.structure} />
+				<ProductOperationsCard {...rail.operations} />
+				<ProductQuotePreviewCard {...rail.quote} />
+				<ProductPoliciesCard {...rail.policies} />
+			</div>
+		</ProductPreviewViewport>
+	);
+}
+`;function ut(e){let t={h4:`h4`,...e.components};return Xe||$(`Examples`,!1),ot||$(`Examples.OptionsAndVariants`,!0),at||$(`Examples.ProductEditor`,!0),lt||$(`Examples.ProductSupportRail`,!0),ct||$(`Examples.StandaloneActionMenus`,!0),st||$(`Examples.VariantDetailsAndEditor`,!0),(0,H.jsxs)(i,{title:`Features · Products`,description:`Shopify-style product editor surfaces built from standalone product feature components. Routing, forms, and persistence stay consumer-owned.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/products`,children:[(0,H.jsx)(s,{title:`Full editor`,id:`full-editor`,children:(0,H.jsx)(p,{name:`ProductEditor`,source:Q,children:(0,H.jsx)(at,{})})}),(0,H.jsxs)(s,{title:`Options and variants`,id:`options-variants`,children:[(0,H.jsx)(p,{name:`OptionsAndVariants`,source:Q,children:(0,H.jsx)(ot,{})}),(0,H.jsx)(p,{name:`VariantDetailsAndEditor`,source:Q,children:(0,H.jsx)(st,{})})]}),(0,H.jsx)(s,{title:`Action menus`,id:`action-menus`,children:(0,H.jsx)(p,{name:`StandaloneActionMenus`,source:Q,children:(0,H.jsx)(ct,{})})}),(0,H.jsx)(s,{title:`Support rail`,id:`support-rail`,children:(0,H.jsx)(p,{name:`ProductSupportRail`,source:Q,children:(0,H.jsx)(lt,{})})}),(0,H.jsxs)(s,{title:`API`,id:`api`,children:[(0,H.jsx)(t.h4,{children:`ProductOverview`}),(0,H.jsx)(j,{component:`ProductOverview`}),(0,H.jsx)(t.h4,{children:`Products`}),(0,H.jsx)(j,{component:`Products`}),(0,H.jsx)(t.h4,{children:`ProductDetailsCard`}),(0,H.jsx)(j,{component:`ProductDetailsCard`}),(0,H.jsx)(t.h4,{children:`ProductReadinessCard`}),(0,H.jsx)(j,{component:`ProductReadinessCard`}),(0,H.jsx)(t.h4,{children:`ProductStructureCard`}),(0,H.jsx)(j,{component:`ProductStructureCard`}),(0,H.jsx)(t.h4,{children:`ProductOperationsCard`}),(0,H.jsx)(j,{component:`ProductOperationsCard`}),(0,H.jsx)(t.h4,{children:`ProductContractOverview`}),(0,H.jsx)(j,{component:`ProductContractOverview`}),(0,H.jsx)(t.h4,{children:`ProductOptionsSummary`}),(0,H.jsx)(j,{component:`ProductOptionsSummary`}),(0,H.jsx)(t.h4,{children:`ProductOptionActionMenu`}),(0,H.jsx)(j,{component:`ProductOptionActionMenu`}),(0,H.jsx)(t.h4,{children:`ProductQuotePreviewCard`}),(0,H.jsx)(j,{component:`ProductQuotePreviewCard`}),(0,H.jsx)(t.h4,{children:`ProductPoliciesCard`}),(0,H.jsx)(j,{component:`ProductPoliciesCard`}),(0,H.jsx)(t.h4,{children:`ProductVariantsTable`}),(0,H.jsx)(j,{component:`ProductVariantsTable`}),(0,H.jsx)(t.h4,{children:`ProductVariantActionMenu`}),(0,H.jsx)(j,{component:`ProductVariantActionMenu`}),(0,H.jsx)(t.h4,{children:`ProductVariantDetails`}),(0,H.jsx)(j,{component:`ProductVariantDetails`}),(0,H.jsx)(t.h4,{children:`ProductVariantEditor`}),(0,H.jsx)(j,{component:`ProductVariantEditor`})]})]})}function dt(e={}){let{wrapper:t}=e.components||{};return t?(0,H.jsx)(t,{...e,children:(0,H.jsx)(ut,{...e})}):ut(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{dt as default};

package/dist/showcase/assets/progress-D9r6PSCF.js

@@ -0,0 +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-CDvNeHNP.js";import{d as o,n as s}from"./index-B37z19z3.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-DVnMcpeq.js

@@ -0,0 +1,18 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C2ovQgbv.js";import{t as r}from"./example-CDvNeHNP.js";import{d as i}from"./index-B37z19z3.js";import{t as a}from"./progress-D9r6PSCF.js";import{t as o}from"./PreviewLayout-B0n7l00P.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() {
+	return (
+		<>
+			<Col>
+								{[0, 25, 50, 75, 100].map((v) => (
+									<div key={v} className="space-y-1">
+										<div className="text-xs text-muted-foreground">{v}%</div>
+										<Progress value={v} />
+									</div>
+								))}
+							</Col>
+		</>
+	);
+}
+`;function d(e){return s||p(`Examples`,!1),l||p(`Examples.Values`,!0),(0,c.jsx)(t,{title:`UI · Progress`,description:`Linear progress bar at varying values.`,layer:`ui`,status:`ready`,children:(0,c.jsx)(n,{title:`Examples`,id:`examples`,children:(0,c.jsx)(r,{name:`Values`,source:u,children:(0,c.jsx)(l,{})})})})}function f(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(d,{...e})}):d(e)}function p(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{f as default};

package/dist/showcase/assets/props-table-udnF7Z46.js

@@ -0,0 +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-C2ovQgbv.js";import{d as o,n as s}from"./index-B37z19z3.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-qVQF4JC7.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B37z19z3.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-DaC4l-Mr.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B37z19z3.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-BnwhWHdU.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B37z19z3.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};