admin-ui-starter-kit 0.6.9 → 0.7.1

package/dist/showcase/assets/commerce-discount-stack-CWqyobuL.js

@@ -0,0 +1,17 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-C_rLy6Zn.js";import{t as o}from"./example-BsDQngs7.js";import{N as s,d as c,n as l}from"./index-B4sKWDcN.js";import{t as u}from"./props-table-aynAz90t.js";import{t as d}from"./smart-card-CwDYx0xj.js";import{c as f,n as p,o as m,r as h,t as g,u as _}from"./item-WOhHNpnr.js";import{t as v}from"./separator-CjWigMul.js";import{t as y}from"./inline-stat-C9Syz6in.js";var b={title:`Applied Discounts`,totalSavings:`Total Savings`},x=c();function S({discounts:e,totalSavings:n,className:a,strings:o}){let c=s(b,o);return(0,x.jsxs)(d,{title:c.title,className:l(`discount-stack--component w-full`,a),children:[(0,x.jsx)(m,{className:`mt-4`,children:e.map(e=>(0,x.jsxs)(g,{size:`small`,children:[(0,x.jsx)(f,{children:(0,x.jsx)(r,{variant:e.badge,className:`w-16 justify-center`,children:e.type})}),(0,x.jsx)(h,{children:(0,x.jsx)(_,{bold:!1,children:e.label})}),(0,x.jsx)(p,{children:(0,x.jsx)(i,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,x.jsx)(v,{className:`my-4`}),(0,x.jsx)(y,{label:c.totalSavings,value:(0,x.jsx)(t,{tag:`h4`,className:`text-base tabular-nums tracking-tight text-success border-none pb-0`,children:n}),labelClassName:`text-sm font-semibold`})]})}S.displayName=`DiscountStackPreview`;var C=e({DiscountStack:()=>w});function w(){return(0,x.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,x.jsx)(S,{discounts:[{type:`Coupon`,label:`SPRING2026 — 25% off`,amount:`-88.40 USD`,badge:`info`},{type:`Loyalty`,label:`Gold tier — 5% extra`,amount:`-17.68 USD`,badge:`warning`},{type:`Promo`,label:`Free shipping over 500 USD`,amount:`-12.00 USD`,badge:`success`}],totalSavings:`-118.08 USD`})})}var T=`import { DiscountStackPreview } from '@/components/composed/commerce';
+
+export function DiscountStack() {
+	return (
+		<div className="w-full max-w-lg">
+			<DiscountStackPreview
+				discounts={[
+					{ type: 'Coupon', label: 'SPRING2026 — 25% off', amount: '-88.40 USD', badge: 'info' },
+					{ type: 'Loyalty', label: 'Gold tier — 5% extra', amount: '-17.68 USD', badge: 'warning' },
+					{ type: 'Promo', label: 'Free shipping over 500 USD', amount: '-12.00 USD', badge: 'success' },
+				]}
+				totalSavings="-118.08 USD"
+			/>
+		</div>
+	);
+}
+`;function E(e){return C||O(`Examples`,!1),w||O(`Examples.DiscountStack`,!0),(0,x.jsxs)(n,{title:`Composed · Commerce · Discount stack`,description:`Discount stack preview for coupons, loyalty savings, promotions, and total savings.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/discount-stack`,children:[(0,x.jsx)(a,{title:`Examples`,id:`examples`,children:(0,x.jsx)(o,{name:`DiscountStack`,source:T,children:(0,x.jsx)(w,{})})}),(0,x.jsx)(a,{title:`API`,id:`api`,children:(0,x.jsx)(u,{component:`DiscountStackPreview`})})]})}function D(e={}){let{wrapper:t}=e.components||{};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(E,{...e})}):E(e)}function O(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{D as default};

package/dist/showcase/assets/commerce-inventory-section-rBtMNLTt.js

@@ -0,0 +1,123 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-C_rLy6Zn.js";import{r as s,t as c}from"./example-BsDQngs7.js";import{t as l}from"./package-check-Nqr5Lv95.js";import{t as u}from"./refresh-cw-DpfoVhbc.js";import{t as d}from"./sparkles-BDnbTUMq.js";import{N as f,d as p,l as m,n as h}from"./index-B4sKWDcN.js";import{t as g}from"./props-table-aynAz90t.js";import{t as _}from"./smart-card-CwDYx0xj.js";import{t as v}from"./input-CLQIEOQ4.js";import{t as y}from"./select-J0hPSc5B.js";import{n as b,r as x,t as S}from"./tags-input-BOemEMZS.js";import{t as C}from"./card-radio-group-EjPkSg-w.js";import{t as w}from"./weight-input-_wl5mPGA.js";import{n as T}from"./form-field-D5kwgD4P.js";var E=m(`barcode`,[[`path`,{d:`M3 5v14`,key:`1nt18q`}],[`path`,{d:`M8 5v14`,key:`1ybrkv`}],[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`M17 5v14`,key:`ycjyhj`}],[`path`,{d:`M21 5v14`,key:`nzette`}]]),D={title:`Inventory`,description:`Manage stock tracking, availability, fulfillment, and compliance details.`,status:{in_stock:`In stock`,low_stock:`Low stock`,out_of_stock:`Out of stock`,untracked:`Not tracked`},sections:{identity:`Identifiers`,tracking:`Stock tracking`,location:`Location`,shipping:`Shipping`,customs:`Customs`,tags:`Tags`},fields:{sku:`SKU`,barcode:`Barcode`,trackQuantity:`Track quantity`,available:`Available`,committed:`Committed`,incoming:`Incoming`,lowStockThreshold:`Low-stock threshold`,inventoryPolicy:`When sold out`,locationId:`Stock location`,binLocation:`Bin / shelf`,requiresShipping:`Requires shipping`,weight:`Weight`,weightUnit:`Weight unit`,countryOfOrigin:`Country of origin`,hsCode:`HS code`,tags:`Inventory tags`},placeholders:{sku:`BAL-750-CL`,barcode:`Scan or enter barcode`,available:`0`,committed:`0`,incoming:`0`,lowStockThreshold:`5`,locationId:`Select location`,binLocation:`Aisle / shelf / bin`,weight:`0.00`,countryOfOrigin:`Country code or name`,hsCode:`e.g. 2204.21`,tags:`Add tag...`},hints:{sku:`Internal stock keeping unit.`,barcode:`GTIN, UPC, EAN, ISBN, or internal scan code.`,available:`Units currently sellable at this location.`,committed:`Units already reserved by open orders.`,incoming:`Units expected from transfers, suppliers, or production.`,lowStockThreshold:`Used for low-stock warnings.`,inventoryPolicy:`Choose whether checkout should block when inventory reaches zero.`,locationId:`Where this inventory is stocked or fulfilled from.`,binLocation:`Optional warehouse shelf, bay, or bin reference.`,weight:`Used for shipping rates and fulfillment labels.`,countryOfOrigin:`Required for international customs in many markets.`,hsCode:`Harmonized System tariff code for customs.`,tags:`Optional operational labels such as preorder, seasonal, or batch codes.`},actions:{generateSku:`Generate SKU`,restock:`Restock`},policyOptions:{deny:{label:`Stop selling`,description:`Block checkout when available inventory reaches zero.`},continue:{label:`Continue selling`,description:`Allow backorders or made-to-order fulfillment.`}},summary:{available:`Available`,committed:`Committed`,incoming:`Incoming`,threshold:`Low-stock at`,untracked:`Inventory is not tracked for this product.`},tagInput:{placeholder:`Add inventory tag...`,emptyRecommendations:`No matching tags.`,clearAll:`Clear tags`,summary:(e,t)=>`${e} / ${t} tags`}},O=p(),k={in_stock:`success`,low_stock:`warning`,out_of_stock:`error`,untracked:`secondary`},A={default:`border-border/60 bg-muted/20`,success:`border-success/20 bg-success/5`,warning:`border-warning/30 bg-warning/10`,error:`border-destructive/20 bg-destructive/5`,info:`border-info/20 bg-info/5`};function j(e){if(e===void 0||e.trim()===``)return;let t=Number(e);return Number.isFinite(t)?t:void 0}function M(e){if(!(e.trackQuantity??!0))return`untracked`;let t=j(e.available)??0;if(t<=0)return`out_of_stock`;let n=j(e.lowStockThreshold);return n!==void 0&&t<=n?`low_stock`:`in_stock`}function N(e,t){return e===`available`?t===`in_stock`?`success`:t===`low_stock`?`warning`:t===`out_of_stock`?`error`:`default`:e===`incoming`?`info`:`default`}function P({children:e,className:t}){return(0,O.jsx)(a,{weight:`semibold`,className:h(`inventory-section-card--section-title`,t),children:e})}function F({metric:e}){return(0,O.jsxs)(`div`,{className:h(`inventory-section-card--metric min-w-0 rounded-radius-sm border px-space-lg py-space-md`,A[e.tone??`default`]),children:[(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:e.label}),(0,O.jsx)(a,{weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.description&&(0,O.jsx)(a,{size:`xs`,type:`secondary`,lineHeight:`snug`,children:e.description})]})}function I({value:e,onChange:t,errors:n,disabled:r=!1,readOnly:a=!1,visibleSections:o,visibleFields:c,locationOptions:p=[],countryOptions:m=[],tagRecommendations:g,maxTags:A,onGenerateSku:j,onRestock:I,className:L,strings:R}){let z=f(D,R),B=M(e),V=r||a,H=e.trackQuantity??!0,U=e.requiresShipping??!0,W=V||!U,G=e=>o?.[e]!==!1,K=e=>c?.[e]!==!1,q=(n,r)=>{let i=e[n],a={...e,[n]:r};t?.(a,{field:n,value:r,previousValue:i})},J=()=>{if(!j||V)return;let t=j(e);typeof t==`string`&&q(`sku`,t)},Y=[{id:`available`,label:z.summary.available,value:H?e.available||`0`:`-`,description:H?z.summary.threshold:z.summary.untracked,tone:N(`available`,B)},{id:`committed`,label:z.summary.committed,value:e.committed||`0`,tone:N(`committed`,B)},{id:`incoming`,label:z.summary.incoming,value:e.incoming||`0`,tone:N(`incoming`,B)},{id:`threshold`,label:z.summary.threshold,value:e.lowStockThreshold||`-`,tone:N(`threshold`,B)}];return(0,O.jsxs)(_,{icon:(0,O.jsx)(l,{className:`size-icon`}),title:z.title,description:z.description,titleSuffix:(0,O.jsx)(i,{variant:k[B],children:z.status[B]}),headerAction:(0,O.jsxs)(`div`,{className:`flex w-full flex-wrap items-center gap-space-sm sm:w-auto sm:justify-end`,children:[!!j&&(0,O.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`small`,onClick:J,disabled:V,children:[(0,O.jsx)(d,{className:`size-icon-sm`,"aria-hidden":`true`}),z.actions.generateSku]}),!!I&&(0,O.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>I(e),disabled:V,children:[(0,O.jsx)(u,{className:`size-icon-sm`,"aria-hidden":`true`}),z.actions.restock]})]}),headerDivider:!0,className:h(`inventory-section-card--component w-full`,L),headerClassName:`max-sm:flex-col max-sm:items-stretch`,contentClassName:`space-y-space-xl`,children:[!!G(`summary`)&&(0,O.jsx)(`div`,{className:`inventory-section-card--summary grid gap-space-md sm:grid-cols-2 xl:grid-cols-4`,children:Y.map(e=>(0,O.jsx)(F,{metric:e},e.id))}),!!G(`identity`)&&(0,O.jsxs)(`section`,{className:`inventory-section-card--identity space-y-space-md`,children:[(0,O.jsx)(P,{children:z.sections.identity}),(0,O.jsxs)(`div`,{className:`grid gap-space-lg md:grid-cols-2`,children:[!!K(`sku`)&&(0,O.jsx)(T,{label:z.fields.sku,error:n?.sku,hint:z.hints.sku,children:(0,O.jsx)(v,{value:e.sku??``,onChange:e=>q(`sku`,e.target.value),placeholder:z.placeholders.sku,startIcon:l,disabled:V,invalid:!!n?.sku})}),!!K(`barcode`)&&(0,O.jsx)(T,{label:z.fields.barcode,error:n?.barcode,hint:z.hints.barcode,children:(0,O.jsx)(v,{value:e.barcode??``,onChange:e=>q(`barcode`,e.target.value),placeholder:z.placeholders.barcode,startIcon:E,disabled:V,invalid:!!n?.barcode})})]})]}),!!G(`tracking`)&&(0,O.jsxs)(`section`,{className:`inventory-section-card--tracking space-y-space-md border-t border-border/60 pt-space-xl`,children:[(0,O.jsx)(P,{children:z.sections.tracking}),!!K(`trackQuantity`)&&(0,O.jsx)(b,{label:z.fields.trackQuantity,description:z.hints.available,value:H,onChange:e=>q(`trackQuantity`,e),disabled:V}),(0,O.jsxs)(`div`,{className:`grid gap-space-lg md:grid-cols-2 xl:grid-cols-4`,children:[!!K(`available`)&&(0,O.jsx)(T,{label:z.fields.available,error:n?.available,hint:z.hints.available,children:(0,O.jsx)(x,{value:e.available??``,onChange:e=>q(`available`,e.target.value),placeholder:z.placeholders.available,min:0,decimalPlaces:0,step:1,disabled:V||!H,invalid:!!n?.available})}),!!K(`committed`)&&(0,O.jsx)(T,{label:z.fields.committed,error:n?.committed,hint:z.hints.committed,children:(0,O.jsx)(x,{value:e.committed??``,onChange:e=>q(`committed`,e.target.value),placeholder:z.placeholders.committed,min:0,decimalPlaces:0,step:1,disabled:V||!H,invalid:!!n?.committed})}),!!K(`incoming`)&&(0,O.jsx)(T,{label:z.fields.incoming,error:n?.incoming,hint:z.hints.incoming,children:(0,O.jsx)(x,{value:e.incoming??``,onChange:e=>q(`incoming`,e.target.value),placeholder:z.placeholders.incoming,min:0,decimalPlaces:0,step:1,disabled:V||!H,invalid:!!n?.incoming})}),!!K(`lowStockThreshold`)&&(0,O.jsx)(T,{label:z.fields.lowStockThreshold,error:n?.lowStockThreshold,hint:z.hints.lowStockThreshold,children:(0,O.jsx)(x,{value:e.lowStockThreshold??``,onChange:e=>q(`lowStockThreshold`,e.target.value),placeholder:z.placeholders.lowStockThreshold,min:0,decimalPlaces:0,step:1,disabled:V||!H,invalid:!!n?.lowStockThreshold})})]}),!!K(`inventoryPolicy`)&&(0,O.jsx)(T,{label:z.fields.inventoryPolicy,error:n?.inventoryPolicy,hint:z.hints.inventoryPolicy,children:(0,O.jsx)(C,{columns:2,value:e.inventoryPolicy??`deny`,onChange:e=>q(`inventoryPolicy`,e),disabled:V||!H,invalid:!!n?.inventoryPolicy,options:[{value:`deny`,label:z.policyOptions.deny.label,description:z.policyOptions.deny.description},{value:`continue`,label:z.policyOptions.continue.label,description:z.policyOptions.continue.description}]})})]}),!!G(`location`)&&(0,O.jsxs)(`section`,{className:`inventory-section-card--location space-y-space-md border-t border-border/60 pt-space-xl`,children:[(0,O.jsx)(P,{children:z.sections.location}),(0,O.jsxs)(`div`,{className:`grid gap-space-lg md:grid-cols-2`,children:[!!K(`locationId`)&&(0,O.jsx)(T,{label:z.fields.locationId,error:n?.locationId,hint:z.hints.locationId,children:p.length>0?(0,O.jsx)(y,{value:e.locationId??null,onChange:e=>q(`locationId`,e),options:p,placeholder:z.placeholders.locationId,disabled:V,invalid:!!n?.locationId,allowClear:!0}):(0,O.jsx)(v,{value:e.locationId??``,onChange:e=>q(`locationId`,e.target.value),placeholder:z.placeholders.locationId,disabled:V,invalid:!!n?.locationId})}),!!K(`binLocation`)&&(0,O.jsx)(T,{label:z.fields.binLocation,error:n?.binLocation,hint:z.hints.binLocation,children:(0,O.jsx)(v,{value:e.binLocation??``,onChange:e=>q(`binLocation`,e.target.value),placeholder:z.placeholders.binLocation,disabled:V,invalid:!!n?.binLocation})})]})]}),!!G(`shipping`)&&(0,O.jsxs)(`section`,{className:`inventory-section-card--shipping space-y-space-md border-t border-border/60 pt-space-xl`,children:[(0,O.jsx)(P,{children:z.sections.shipping}),!!K(`requiresShipping`)&&(0,O.jsx)(b,{label:z.fields.requiresShipping,description:z.hints.weight,value:U,onChange:e=>q(`requiresShipping`,e),disabled:V}),!!K(`weight`)&&(0,O.jsx)(T,{label:z.fields.weight,error:n?.weight??n?.weightUnit,hint:z.hints.weight,children:(0,O.jsx)(w,{value:e.weight??``,unit:e.weightUnit??`kg`,onChange:e=>q(`weight`,e.target.value),onUnitChange:e=>q(`weightUnit`,e),disabled:W,invalid:!!n?.weight||!!n?.weightUnit,decimalPlaces:2,min:0})})]}),!!G(`customs`)&&(0,O.jsxs)(`section`,{className:`inventory-section-card--customs space-y-space-md border-t border-border/60 pt-space-xl`,children:[(0,O.jsx)(P,{children:z.sections.customs}),(0,O.jsxs)(`div`,{className:`grid gap-space-lg md:grid-cols-2`,children:[!!K(`countryOfOrigin`)&&(0,O.jsx)(T,{label:z.fields.countryOfOrigin,error:n?.countryOfOrigin,hint:z.hints.countryOfOrigin,children:m.length>0?(0,O.jsx)(y,{value:e.countryOfOrigin??null,onChange:e=>q(`countryOfOrigin`,e),options:m,placeholder:z.placeholders.countryOfOrigin,disabled:W,invalid:!!n?.countryOfOrigin,allowClear:!0}):(0,O.jsx)(v,{value:e.countryOfOrigin??``,onChange:e=>q(`countryOfOrigin`,e.target.value),placeholder:z.placeholders.countryOfOrigin,disabled:W,invalid:!!n?.countryOfOrigin})}),!!K(`hsCode`)&&(0,O.jsx)(T,{label:z.fields.hsCode,error:n?.hsCode,hint:z.hints.hsCode,children:(0,O.jsx)(v,{value:e.hsCode??``,onChange:e=>q(`hsCode`,e.target.value),placeholder:z.placeholders.hsCode,disabled:W,invalid:!!n?.hsCode})})]})]}),!!G(`tags`)&&!!K(`tags`)&&(0,O.jsxs)(`section`,{className:`inventory-section-card--tags space-y-space-md border-t border-border/60 pt-space-xl`,children:[(0,O.jsx)(P,{children:z.sections.tags}),(0,O.jsx)(T,{label:z.fields.tags,error:n?.tags,hint:z.hints.tags,children:(0,O.jsx)(S,{value:e.tags??[],onChange:e=>q(`tags`,e),recommendations:g,maxTags:A,showMaxTags:A!==void 0,disabled:V,invalid:!!n?.tags,strings:z.tagInput})})]})]})}I.displayName=`InventorySectionCard`;var L=e({DigitalProductInventory:()=>W,FullProductInventory:()=>U,LowStockValidation:()=>G}),R=t(n(),1),z={sku:`BAL-750-CL`,barcode:`038000138416`,trackQuantity:!0,available:`82`,committed:`6`,incoming:`24`,lowStockThreshold:`12`,inventoryPolicy:`deny`,locationId:`main`,binLocation:`A-04-02`,requiresShipping:!0,weight:`0.75`,weightUnit:`kg`,countryOfOrigin:`BG`,hsCode:`2204.21`,tags:[`seasonal`,`giftable`]},B=[{value:`main`,label:`Main warehouse`},{value:`sofia`,label:`Sofia pickup`},{value:`partner`,label:`Partner fulfillment`}],V=[{value:`BG`,label:`Bulgaria`},{value:`GR`,label:`Greece`},{value:`US`,label:`United States`}],H=[`seasonal`,`giftable`,`preorder`,`cold-chain`,`batch-2026`];function U(){let[e,t]=(0,R.useState)(z);return(0,O.jsx)(`div`,{className:`w-full max-w-5xl`,children:(0,O.jsx)(I,{value:e,onChange:t,locationOptions:B,countryOptions:V,tagRecommendations:H,maxTags:6,onGenerateSku:()=>`BAL-750-CL-GIFT`,onRestock:()=>{}})})}function W(){let[e,t]=(0,R.useState)({sku:`DIG-WINE-GUIDE`,barcode:``,trackQuantity:!1,available:``,committed:``,incoming:``,lowStockThreshold:``,inventoryPolicy:`continue`,requiresShipping:!1,tags:[`digital`,`instant`]});return(0,O.jsx)(`div`,{className:`w-full max-w-4xl`,children:(0,O.jsx)(I,{value:e,onChange:t,visibleSections:{location:!1,shipping:!1,customs:!1},visibleFields:{barcode:!1,committed:!1,incoming:!1,lowStockThreshold:!1},tagRecommendations:[`digital`,`instant`,`license`,`subscription`]})})}function G(){let[e,t]=(0,R.useState)({...z,available:`3`,committed:`9`,incoming:`0`,lowStockThreshold:`8`,sku:``,barcode:`invalid`});return(0,O.jsx)(`div`,{className:`w-full max-w-5xl`,children:(0,O.jsx)(I,{value:e,onChange:t,locationOptions:B,countryOptions:V,tagRecommendations:H,errors:{sku:`SKU is required before publishing.`,barcode:`Barcode must be a valid GTIN, UPC, or EAN.`}})})}var K=`import { useState } from 'react';
+
+import {
+	InventorySectionCard,
+	type InventorySectionValue,
+} from '@/components/composed/commerce';
+
+const physicalProduct: InventorySectionValue = {
+	sku: 'BAL-750-CL',
+	barcode: '038000138416',
+	trackQuantity: true,
+	available: '82',
+	committed: '6',
+	incoming: '24',
+	lowStockThreshold: '12',
+	inventoryPolicy: 'deny',
+	locationId: 'main',
+	binLocation: 'A-04-02',
+	requiresShipping: true,
+	weight: '0.75',
+	weightUnit: 'kg',
+	countryOfOrigin: 'BG',
+	hsCode: '2204.21',
+	tags: ['seasonal', 'giftable'],
+};
+
+const locationOptions = [
+	{ value: 'main', label: 'Main warehouse' },
+	{ value: 'sofia', label: 'Sofia pickup' },
+	{ value: 'partner', label: 'Partner fulfillment' },
+];
+
+const countryOptions = [
+	{ value: 'BG', label: 'Bulgaria' },
+	{ value: 'GR', label: 'Greece' },
+	{ value: 'US', label: 'United States' },
+];
+
+const tagRecommendations = ['seasonal', 'giftable', 'preorder', 'cold-chain', 'batch-2026'];
+
+export function FullProductInventory() {
+	const [value, setValue] = useState<InventorySectionValue>(physicalProduct);
+
+	return (
+		<div className="w-full max-w-5xl">
+			<InventorySectionCard
+				value={value}
+				onChange={setValue}
+				locationOptions={locationOptions}
+				countryOptions={countryOptions}
+				tagRecommendations={tagRecommendations}
+				maxTags={6}
+				onGenerateSku={() => 'BAL-750-CL-GIFT'}
+				onRestock={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function DigitalProductInventory() {
+	const [value, setValue] = useState<InventorySectionValue>({
+		sku: 'DIG-WINE-GUIDE',
+		barcode: '',
+		trackQuantity: false,
+		available: '',
+		committed: '',
+		incoming: '',
+		lowStockThreshold: '',
+		inventoryPolicy: 'continue',
+		requiresShipping: false,
+		tags: ['digital', 'instant'],
+	});
+
+	return (
+		<div className="w-full max-w-4xl">
+			<InventorySectionCard
+				value={value}
+				onChange={setValue}
+				visibleSections={{
+					location: false,
+					shipping: false,
+					customs: false,
+				}}
+				visibleFields={{
+					barcode: false,
+					committed: false,
+					incoming: false,
+					lowStockThreshold: false,
+				}}
+				tagRecommendations={['digital', 'instant', 'license', 'subscription']}
+			/>
+		</div>
+	);
+}
+
+export function LowStockValidation() {
+	const [value, setValue] = useState<InventorySectionValue>({
+		...physicalProduct,
+		available: '3',
+		committed: '9',
+		incoming: '0',
+		lowStockThreshold: '8',
+		sku: '',
+		barcode: 'invalid',
+	});
+
+	return (
+		<div className="w-full max-w-5xl">
+			<InventorySectionCard
+				value={value}
+				onChange={setValue}
+				locationOptions={locationOptions}
+				countryOptions={countryOptions}
+				tagRecommendations={tagRecommendations}
+				errors={{
+					sku: 'SKU is required before publishing.',
+					barcode: 'Barcode must be a valid GTIN, UPC, or EAN.',
+				}}
+			/>
+		</div>
+	);
+}
+`;function q(e){return L||Y(`Examples`,!1),W||Y(`Examples.DigitalProductInventory`,!0),U||Y(`Examples.FullProductInventory`,!0),G||Y(`Examples.LowStockValidation`,!0),(0,O.jsxs)(r,{title:`Composed · Commerce · Inventory section`,description:`Controlled inventory form card for product and variant stock, identifiers, sell-through policy, fulfillment location, shipping weight, customs data, and operational tags.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/inventory-section`,children:[(0,O.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,O.jsx)(c,{name:`FullProductInventory`,source:K,children:(0,O.jsx)(U,{})}),(0,O.jsx)(c,{name:`DigitalProductInventory`,source:K,children:(0,O.jsx)(W,{})}),(0,O.jsx)(c,{name:`LowStockValidation`,source:K,children:(0,O.jsx)(G,{})})]}),(0,O.jsx)(o,{title:`API`,id:`api`,children:(0,O.jsx)(g,{component:`InventorySectionCard`})})]})}function J(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(q,{...e})}):q(e)}function Y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{J as default};

package/dist/showcase/assets/commerce-loyalty-points-ne7c2ObQ.js

@@ -0,0 +1,19 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-C_rLy6Zn.js";import{r as o,t as s}from"./example-BsDQngs7.js";import{t as c}from"./gift-BCQpmV33.js";import{N as l,d as u,l as d,n as f}from"./index-B4sKWDcN.js";import{t as p}from"./props-table-aynAz90t.js";import{t as m}from"./smart-card-CwDYx0xj.js";import{i as h,n as g,o as _,r as v,t as y,u as b}from"./item-WOhHNpnr.js";import{t as x}from"./separator-CjWigMul.js";import{t as S}from"./inline-stat-C9Syz6in.js";var C=d(`trophy`,[[`path`,{d:`M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`,key:`1n3hpd`}],[`path`,{d:`M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`,key:`rfe1zi`}],[`path`,{d:`M18 9h1.5a1 1 0 0 0 0-5H18`,key:`7xy6bh`}],[`path`,{d:`M4 22h16`,key:`57wxv0`}],[`path`,{d:`M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`,key:`1mhfuq`}],[`path`,{d:`M6 9H4.5a1 1 0 0 1 0-5H6`,key:`tex48p`}]]),w={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`},T=u();function E({balance:e,tier:n=`Gold Tier`,tierVariant:a,history:s=[],redeemLabel:u,onRedeem:d,className:p,strings:E}){let D=l(l(w,u===void 0?void 0:{redeem:u}),E);return(0,T.jsxs)(m,{className:f(`loyalty-points--component w-full`,p),children:[(0,T.jsx)(S,{label:D.balanceLabel,value:(0,T.jsxs)(r,{variant:`warning`,children:[(0,T.jsx)(C,{className:`mr-1 inline size-3`}),n]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,T.jsx)(t,{tag:`h3`,className:`text-base tabular-nums tracking-tight`,children:typeof e==`number`?e.toLocaleString():e}),(0,T.jsx)(i,{size:`xs`,type:`secondary`,children:D.pointsAvailable}),(0,T.jsx)(x,{className:`my-4`}),(0,T.jsx)(_,{children:s.map(e=>(0,T.jsxs)(y,{size:`small`,children:[(0,T.jsxs)(v,{children:[(0,T.jsx)(b,{bold:!1,children:e.label}),(0,T.jsx)(h,{clamp:1,children:e.date})]}),(0,T.jsx)(g,{children:(0,T.jsx)(i,{weight:`semibold`,className:f(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,T.jsxs)(o,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:d,children:[(0,T.jsx)(c,{className:`mr-1.5 size-3.5`}),D.redeem]})]})}E.displayName=`LoyaltyPointsCard`;var D=e({LoyaltyPoints:()=>O});function O(){return(0,T.jsx)(`div`,{className:`w-full max-w-md`,children:(0,T.jsx)(E,{balance:`4,830`,tier:`Gold Tier`,history:[{label:`Spa booking`,points:`+250`,date:`Mar 24`,positive:!0},{label:`Redeemed coupon`,points:`-500`,date:`Mar 18`,positive:!1},{label:`Wine tasting order`,points:`+180`,date:`Mar 12`,positive:!0}],onRedeem:()=>{}})})}var k=`import { LoyaltyPointsCard } from '@/components/composed/commerce';
+
+export function LoyaltyPoints() {
+	return (
+		<div className="w-full max-w-md">
+			<LoyaltyPointsCard
+				balance="4,830"
+				tier="Gold Tier"
+				history={[
+					{ label: 'Spa booking', points: '+250', date: 'Mar 24', positive: true },
+					{ label: 'Redeemed coupon', points: '-500', date: 'Mar 18', positive: false },
+					{ label: 'Wine tasting order', points: '+180', date: 'Mar 12', positive: true },
+				]}
+				onRedeem={() => {}}
+			/>
+		</div>
+	);
+}
+`;function A(e){return D||M(`Examples`,!1),O||M(`Examples.LoyaltyPoints`,!0),(0,T.jsxs)(n,{title:`Composed · Commerce · Loyalty points`,description:`Loyalty balance card with tier, history rows, and redeem callback.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/loyalty-points`,children:[(0,T.jsx)(a,{title:`Examples`,id:`examples`,children:(0,T.jsx)(s,{name:`LoyaltyPoints`,source:k,children:(0,T.jsx)(O,{})})}),(0,T.jsx)(a,{title:`API`,id:`api`,children:(0,T.jsx)(p,{component:`LoyaltyPointsCard`})})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/commerce-order-status-eLtUC1iE.js

@@ -0,0 +1,21 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C_rLy6Zn.js";import{Or as a,t as o}from"./example-BsDQngs7.js";import{t as s}from"./circle-OmLq29jq.js";import{t as c}from"./package-CqQQqj6Y.js";import{N as l,d as u,l as d,n as f}from"./index-B4sKWDcN.js";import{t as p}from"./props-table-aynAz90t.js";import{t as m}from"./smart-card-CwDYx0xj.js";var h=d(`calendar-clock`,[[`path`,{d:`M16 14v2.2l1.6 1`,key:`fo4ql5`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5`,key:`1osxxc`}],[`path`,{d:`M3 10h5`,key:`r794hk`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`circle`,{cx:`16`,cy:`16`,r:`6`,key:`qoo3c4`}]]),g={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},_=u(),v={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function y({orderNumber:e,status:t,statusVariant:i,events:o,currentEta:u,className:d,strings:p}){let y=l(g,p),b=i??v[t],x=o.reduce((e,t,n)=>t.complete?n:e,-1),S=o[x]??o[0],C=o.find(e=>!e.complete);return(0,_.jsxs)(m,{icon:(0,_.jsx)(c,{className:`size-4`}),title:y.title,titleSuffix:(0,_.jsx)(n,{variant:b,className:`capitalize`,children:t}),description:`#${e}`,className:f(`order-status--component w-full`,d),children:[(0,_.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,_.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:y.statusLabel}),(0,_.jsx)(r,{weight:`semibold`,className:`mt-0.5 capitalize`,children:t})]}),!!S&&(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:S.complete?y.latestEvent:y.currentStep}),(0,_.jsx)(r,{weight:`semibold`,className:`mt-0.5`,children:S.label})]}),!!u&&(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:y.eta}),(0,_.jsx)(r,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:u})]})]})}),o.length>0&&(0,_.jsx)(`ol`,{className:`mt-4`,children:o.map((e,t)=>{let n=t===o.length-1,i=C?e===C:t===x;return(0,_.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,_.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,_.jsx)(`span`,{className:f(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,i&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,_.jsx)(a,{className:`size-3.5`,strokeWidth:2.5}):i?(0,_.jsx)(h,{className:`size-3.5`}):(0,_.jsx)(s,{className:`size-3`})}),!n&&(0,_.jsx)(`span`,{"aria-hidden":`true`,className:f(`min-h-6 w-px flex-1`,t<x?`bg-success`:`bg-border`)})]}),(0,_.jsxs)(`div`,{className:f(`min-w-0 flex-1 pb-4`,n&&`pb-0`),children:[(0,_.jsx)(r,{weight:e.complete||i?`semibold`:`medium`,className:f(!e.complete&&!i&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${t}`)})})]})}y.displayName=`OrderStatusCard`;var b=e({OrderStatus:()=>x});function x(){return(0,_.jsx)(`div`,{className:`w-full max-w-md`,children:(0,_.jsx)(y,{orderNumber:`ORD-2026-0412`,status:`shipped`,currentEta:`Mar 29, 2026`,events:[{label:`Placed`,timestamp:`Mar 24`,complete:!0},{label:`Paid`,timestamp:`Mar 24`,complete:!0},{label:`Fulfilled`,timestamp:`Mar 25`,complete:!0},{label:`Shipped`,timestamp:`Mar 26`,complete:!0},{label:`Delivered`,complete:!1}]})})}var S=`import { OrderStatusCard } from '@/components/composed/commerce';
+
+export function OrderStatus() {
+	return (
+		<div className="w-full max-w-md">
+			<OrderStatusCard
+				orderNumber="ORD-2026-0412"
+				status="shipped"
+				currentEta="Mar 29, 2026"
+				events={[
+					{ label: 'Placed', timestamp: 'Mar 24', complete: true },
+					{ label: 'Paid', timestamp: 'Mar 24', complete: true },
+					{ label: 'Fulfilled', timestamp: 'Mar 25', complete: true },
+					{ label: 'Shipped', timestamp: 'Mar 26', complete: true },
+					{ label: 'Delivered', complete: false },
+				]}
+			/>
+		</div>
+	);
+}
+`;function C(e){return b||T(`Examples`,!1),x||T(`Examples.OrderStatus`,!0),(0,_.jsxs)(t,{title:`Composed · Commerce · Order status`,description:`Order status card with current stage, ETA, and timeline events.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/order-status`,children:[(0,_.jsx)(i,{title:`Examples`,id:`examples`,children:(0,_.jsx)(o,{name:`OrderStatus`,source:S,children:(0,_.jsx)(x,{})})}),(0,_.jsx)(i,{title:`API`,id:`api`,children:(0,_.jsx)(p,{component:`OrderStatusCard`})})]})}function w(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(C,{...e})}):C(e)}function T(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{w as default};

package/dist/showcase/assets/commerce-payment-method-B3yFyhpS.js

@@ -0,0 +1,17 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C_rLy6Zn.js";import{r as a,t as o}from"./example-BsDQngs7.js";import{t as s}from"./credit-card-XYEEHtzk.js";import{N as c,d as l,n as u}from"./index-B4sKWDcN.js";import{t as d}from"./props-table-aynAz90t.js";import{t as f}from"./smart-card-CwDYx0xj.js";var p={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},m=l(),h={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},g={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function _({brand:e,last4:t,expiry:i,holderName:o,isDefault:l,onChange:d,className:_,strings:v}){let y=c(p,v),b=h[e],x=g[e];return(0,m.jsx)(f,{icon:(0,m.jsx)(s,{className:`size-4`}),title:y.title,titleSuffix:l?(0,m.jsx)(n,{variant:`primary`,children:y.default}):null,headerAction:d?(0,m.jsx)(a,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:y.change}):void 0,className:u(`payment-method--component w-full`,_),children:(0,m.jsxs)(`div`,{className:u(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,x),children:[(0,m.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,m.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,m.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,m.jsx)(r,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:b})]}),(0,m.jsx)(`div`,{className:`relative`,children:(0,m.jsxs)(r,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,t]})}),(0,m.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,m.jsx)(`div`,{className:`min-w-0`,children:!!o&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(r,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:y.cardHolder}),(0,m.jsx)(r,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:o})]})}),!!i&&(0,m.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,m.jsx)(r,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:y.expires}),(0,m.jsx)(r,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:i})]})]})]})})}_.displayName=`PaymentMethodCard`;var v=e({PaymentMethod:()=>y});function y(){return(0,m.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,m.jsx)(_,{brand:`visa`,last4:`4242`,expiry:`04/27`,holderName:`Sarah Smitha`,isDefault:!0,onChange:()=>{}})})}var b=`import { PaymentMethodCard } from '@/components/composed/commerce';
+
+export function PaymentMethod() {
+	return (
+		<div className="w-full max-w-sm">
+			<PaymentMethodCard
+				brand="visa"
+				last4="4242"
+				expiry="04/27"
+				holderName="Sarah Smitha"
+				isDefault
+				onChange={() => {}}
+			/>
+		</div>
+	);
+}
+`;function x(e){return v||C(`Examples`,!1),y||C(`Examples.PaymentMethod`,!0),(0,m.jsxs)(t,{title:`Composed · Commerce · Payment method`,description:`Payment method card with card brand, masked number, expiry, default state, and change callback.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/payment-method`,children:[(0,m.jsx)(i,{title:`Examples`,id:`examples`,children:(0,m.jsx)(o,{name:`PaymentMethod`,source:b,children:(0,m.jsx)(y,{})})}),(0,m.jsx)(i,{title:`API`,id:`api`,children:(0,m.jsx)(d,{component:`PaymentMethodCard`})})]})}function S(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(x,{...e})}):x(e)}function C(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{S as default};

package/dist/showcase/assets/commerce-refund-status-C1pzTSus.js

@@ -0,0 +1,17 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,p as r,t as i}from"./section-C_rLy6Zn.js";import{Or as a,t as o}from"./example-BsDQngs7.js";import{t as s}from"./rotate-ccw-Uau0Jm3_.js";import{N as c,d as l,n as u}from"./index-B4sKWDcN.js";import{t as d}from"./props-table-aynAz90t.js";import{t as f}from"./smart-card-CwDYx0xj.js";import{t as p}from"./separator-CjWigMul.js";import{t as m}from"./inline-stat-C9Syz6in.js";var h={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},g=l(),_=[`requested`,`approved`,`processing`,`completed`];function v({stage:e,amount:n,reason:i,method:o,eta:l,requestedAt:d,className:v,strings:y}){let b=c(h,y),x=_.indexOf(e);return(0,g.jsxs)(f,{icon:(0,g.jsx)(s,{className:`size-4`}),title:b.title,className:u(`refund-status--component w-full`,v),children:[(0,g.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,g.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.amount}),(0,g.jsx)(t,{tag:`h3`,className:`text-base tabular-nums tracking-tight`,children:n}),!!d&&(0,g.jsxs)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[b.requested,`: `,d]})]}),(0,g.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:_.map((e,t)=>{let n=t<=x,i=t===x;return(0,g.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,g.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,g.jsx)(`div`,{className:u(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,n?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,i&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:n?(0,g.jsx)(a,{className:`size-3`}):(0,g.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:t+1})}),t<_.length-1&&(0,g.jsx)(`div`,{className:u(`h-0.5 flex-1`,t<x?`bg-success`:`bg-border`)})]}),(0,g.jsx)(r,{size:`xs`,weight:i?`semibold`:`medium`,type:n?`main`:`secondary`,className:`text-center leading-tight`,children:b[e]})]},e)})}),(i||o||l)&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(p,{className:`my-4`}),(0,g.jsxs)(`div`,{className:`space-y-2`,children:[!!i&&(0,g.jsx)(m,{label:b.reason,value:i,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!o&&(0,g.jsx)(m,{label:b.method,value:o,valueClassName:`text-sm font-medium`}),!!l&&(0,g.jsx)(m,{label:b.eta,value:l,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}v.displayName=`RefundStatusCard`;var y=e({RefundStatus:()=>b});function b(){return(0,g.jsx)(`div`,{className:`w-full max-w-md`,children:(0,g.jsx)(v,{stage:`processing`,amount:`180.00 USD`,reason:`Customer cancelled within 48h window`,method:`Visa ending 4242`,eta:`Apr 14, 2026`,requestedAt:`Apr 8, 2026`})})}var x=`import { RefundStatusCard } from '@/components/composed/commerce';
+
+export function RefundStatus() {
+	return (
+		<div className="w-full max-w-md">
+			<RefundStatusCard
+				stage="processing"
+				amount="180.00 USD"
+				reason="Customer cancelled within 48h window"
+				method="Visa ending 4242"
+				eta="Apr 14, 2026"
+				requestedAt="Apr 8, 2026"
+			/>
+		</div>
+	);
+}
+`;function S(e){return y||w(`Examples`,!1),b||w(`Examples.RefundStatus`,!0),(0,g.jsxs)(n,{title:`Composed · Commerce · Refund status`,description:`Refund status card with amount, reason, payment method, ETA, and requested timestamp.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/refund-status`,children:[(0,g.jsx)(i,{title:`Examples`,id:`examples`,children:(0,g.jsx)(o,{name:`RefundStatus`,source:x,children:(0,g.jsx)(b,{})})}),(0,g.jsx)(i,{title:`API`,id:`api`,children:(0,g.jsx)(d,{component:`RefundStatusCard`})})]})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(S,{...e})}):S(e)}function w(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{C as default};

package/dist/showcase/assets/commerce-seo-listing-CBk_c8ru.js

@@ -0,0 +1,61 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{h as t,n,o as r,p as i,t as a}from"./section-C_rLy6Zn.js";import{r as o,t as s}from"./example-BsDQngs7.js";import{t as c}from"./circle-alert-DSpR2pdl.js";import{t as l}from"./circle-check-BjuHEm7p.js";import{t as u}from"./external-link-BvVwsJxR.js";import{t as d}from"./pencil-DdCEPDLe.js";import{N as ee,a as te,d as f,l as p,n as m}from"./index-B4sKWDcN.js";import{t as h}from"./props-table-aynAz90t.js";import{t as g}from"./text-link-BFYPeXTq.js";import{t as _}from"./smart-card-CwDYx0xj.js";import{t as v}from"./progress-D19PRprP.js";var y=p(`gauge`,[[`path`,{d:`m12 14 4-4`,key:`9kzdfg`}],[`path`,{d:`M3.34 19a10 10 0 1 1 17.32 0`,key:`19p75a`}]]),b={titleMin:35,titleMax:60,descriptionMin:120,descriptionMax:160,permalinkMax:75};function x(e){return{...b,...e}}function S(e){return Number.isFinite(e)?Math.max(0,Math.min(1,e)):0}function C(e,t){if(t<=0)return`missing`;let n=e/t;return n>=.9?`good`:n>=.5?`review`:`missing`}function w(e,t,n,r,i){let a=Math.round(S(t)*n);return{id:e,score:a,maxScore:n,actual:r,status:C(a,n),...i}}function T(e,t,n){let r=e.trim().length;if(r===0)return 0;if(r>=t&&r<=n)return 1;if(r<t)return Math.max(.35,r/t);if(r>n*2)return .35;let i=r-n;return Math.max(.55,1-i/n)}function E(e){let t=e?.trim()??``;return t?((t.split(`#`)[0]??``).split(`?`)[0]??``).replace(/^https?:\/\/[^/]+/i,``).replace(/^\/+|\/+$/g,``):``}function D(e){return E(e).split(`/`).filter(Boolean).at(-1)??``}function O(e,t=b.permalinkMax){let n=E(e);return n?n.length<=t?1:n.length>t*2?.35:Math.max(.55,1-(n.length-t)/t):0}function k(e){let t=D(e);return t?/^[\p{L}\p{N}]+(?:-[\p{L}\p{N}]+)*$/u.test(t)&&t===t.toLowerCase()?1:!/\s/.test(t)&&!/[?#]/.test(t)?.65:.25:0}function A(e){let t=e?.trim()??``;return t?/^https:\/\//i.test(t)?1:/^http:\/\//i.test(t)?.6:.45:0}function j(e){let t=e.keyword?.trim().toLowerCase();if(!t)return null;let n=[e.title,e.description,E(e.permalink)].filter(Boolean).join(` `).toLowerCase();return n?n.includes(t)?1:.35:0}function M(e){let t=x(e.limits),n=e.title?.trim()??``,r=e.description?.trim()??``,i=E(e.permalink),a=D(e.permalink),o=[w(`title`,T(n,t.titleMin,t.titleMax),30,n.length,{min:t.titleMin,max:t.titleMax}),w(`description`,T(r,t.descriptionMin,t.descriptionMax),30,r.length,{min:t.descriptionMin,max:t.descriptionMax}),w(`permalink`,O(e.permalink,t.permalinkMax),15,i.length,{max:t.permalinkMax}),w(`slug`,k(e.permalink),10,a.length),w(`url`,A(e.baseUrl),10,e.baseUrl?.trim().length??0)],s=j(e);s!==null&&o.push(w(`keyword`,s,5,e.keyword?.trim().length??0));let c=Math.round(o.reduce((e,t)=>e+t.score,0)/o.reduce((e,t)=>e+t.maxScore,0)*100);return{score:c,status:C(c,100),checks:o,limits:t}}var N={title:`Search engine listing`,editLabel:`Edit search listing`,scoreLabel:`SEO score`,checksLabel:`SEO checks`,siteFallback:`Website`,titleFallback:`Add an SEO title`,descriptionFallback:`Add a meta description to control the search snippet.`,urlFallback:`https://example.com`,characters:`characters`,maxLabel:`max`,targetLabel:`target`,status:{good:`Good`,review:`Review`,missing:`Missing`},checkLabels:{title:`Title`,description:`Description`,permalink:`Permalink`,slug:`Slug format`,url:`URL`,keyword:`Keyword`},checkHints:{title:`Keep the title inside the target range.`,description:`Use a complete meta description inside the target range.`,permalink:`Keep the permalink readable and below the maximum length.`,slug:`Use lowercase words separated by hyphens.`,url:`Prefer a secure canonical URL.`,keyword:`Use the focus keyword in the title, description, or permalink.`}},P=f(),F={good:`info`,review:`warning`,missing:`error`},ne={good:`[&_[data-slot=progress-indicator]]:bg-info`,review:`[&_[data-slot=progress-indicator]]:bg-warning`,missing:`[&_[data-slot=progress-indicator]]:bg-destructive`},I={good:`border-info/20 bg-info/5`,review:`border-warning/30 bg-warning/10`,missing:`border-destructive/20 bg-destructive/5`},L={good:`bg-info/10 text-info`,review:`bg-warning/20 text-warning-foreground`,missing:`bg-destructive/10 text-destructive`},R={good:l,review:t,missing:c},z={good:`bg-info/10 text-info`,review:`bg-warning/30 text-warning-foreground`,missing:`bg-destructive/10 text-destructive`},B={good:`border-info/25 bg-info/5`,review:`border-warning/30 bg-warning/10`,missing:`border-destructive/20 bg-destructive/5`};function V(e){return e.replace(/^\/+|\/+$/g,``)}function H(e,t,n){let r=E(n).split(`/`).filter(Boolean);return[e,...t.map(V).filter(Boolean),...r].filter(Boolean)}function U(e,t,n){if(!e.trim())return;let r=e.replace(/\/+$/g,``),i=[...t.map(V).filter(Boolean),...E(n).split(`/`).filter(Boolean)].join(`/`);return i?`${r}/${i}`:r}function W(e,t){return e.id===`title`||e.id===`description`?`${e.actual}/${e.max} ${t.characters} · ${t.targetLabel} ${e.min}-${e.max}`:e.id===`permalink`?`${e.actual}/${e.max} ${t.characters} ${t.maxLabel}`:t.checkHints[e.id]}function G({check:e,detail:t,strings:n}){let a=R[e.status];return(0,P.jsx)(`div`,{className:m(`seo-listing-card--check min-w-0 rounded-radius-sm border px-space-lg py-space-md`,B[e.status]),children:(0,P.jsxs)(`div`,{className:`flex min-w-0 items-start gap-space-lg`,children:[(0,P.jsx)(`span`,{className:m(`seo-listing-card--check-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm`,z[e.status]),children:(0,P.jsx)(a,{className:`size-icon-sm`,"aria-hidden":`true`})}),(0,P.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-space-2xs`,children:[(0,P.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-space-sm`,children:[(0,P.jsx)(i,{tag:`span`,weight:`medium`,className:`truncate`,children:n.checkLabels[e.id]}),(0,P.jsx)(r,{variant:F[e.status],size:`small`,inline:!0,className:`shrink-0`,children:n.status[e.status]})]}),(0,P.jsx)(i,{size:`xs`,type:`secondary`,lineHeight:`snug`,children:t})]})]})})}function K({siteName:e,baseUrl:t,pathSegments:n=[],permalink:a,title:s,description:c,price:l,keyword:f,score:p,limits:h,showChecks:b=!0,onEdit:x,className:S,strings:C}){let w=ee(N,C),T=t?.trim()||w.urlFallback,E=e?.trim()||w.siteFallback,D=s?.trim()||w.titleFallback,O=c?.trim()||w.descriptionFallback,k=p??M({title:s,description:c,permalink:a,baseUrl:t,keyword:f,limits:h}),A=U(T,n,a),j=H(T,n,a),R=F[k.status];return(0,P.jsxs)(_,{icon:(0,P.jsx)(te,{className:`size-icon`}),title:w.title,titleSuffix:(0,P.jsxs)(r,{variant:R,size:`small`,inline:!0,className:`shrink-0`,children:[k.score,`/100 `,w.status[k.status]]}),className:m(`seo-listing-card--component w-full`,S),contentClassName:`space-y-space-xl`,headerAction:x?(0,P.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":w.editLabel,onClick:x,children:(0,P.jsx)(d,{className:`size-icon-sm`})}):void 0,children:[(0,P.jsx)(`div`,{className:`seo-listing-card--preview min-w-0 rounded-radius border border-border/60 bg-background px-control py-space-xl shadow-xs`,children:(0,P.jsxs)(`div`,{className:`min-w-0 space-y-space-sm`,children:[(0,P.jsxs)(`div`,{className:`flex min-w-0 items-center gap-space-sm`,children:[(0,P.jsx)(i,{weight:`medium`,className:`truncate`,children:E}),!!A&&(0,P.jsx)(u,{className:`size-icon-sm shrink-0 text-muted-foreground`,"aria-hidden":`true`})]}),(0,P.jsx)(`div`,{className:`seo-listing-card--url flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-2xs`,children:j.map((e,t)=>(0,P.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-space-sm`,children:[(0,P.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`truncate`,children:e}),t<j.length-1&&(0,P.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,children:`›`})]},`${e}-${t}`))}),A?(0,P.jsx)(g,{href:A,size:`base`,lineHeight:`snug`,underline:!1,className:`seo-listing-card--snippet-title block text-info`,children:D}):(0,P.jsx)(i,{size:`base`,lineHeight:`snug`,className:`seo-listing-card--snippet-title text-info`,children:D}),(0,P.jsx)(i,{type:`secondary`,lineHeight:`relaxed`,className:`seo-listing-card--description max-w-4xl`,children:O}),!!l&&(0,P.jsx)(i,{tag:`div`,size:`xs`,type:`secondary`,className:`seo-listing-card--price tabular-nums`,children:l})]})}),(0,P.jsxs)(`div`,{className:m(`seo-listing-card--score overflow-hidden rounded-radius border`,I[k.status]),children:[(0,P.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-space-lg border-b border-border/60 px-control py-space-lg`,children:[(0,P.jsxs)(`div`,{className:`flex min-w-0 items-center gap-space-sm`,children:[(0,P.jsx)(`span`,{className:m(`seo-listing-card--score-icon inline-flex size-icon-lg shrink-0 items-center justify-center rounded-radius-sm`,L[k.status]),children:(0,P.jsx)(y,{className:`size-icon-sm`,"aria-hidden":`true`})}),(0,P.jsxs)(`div`,{className:`min-w-0`,children:[(0,P.jsx)(i,{weight:`semibold`,children:w.scoreLabel}),(0,P.jsxs)(i,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[k.checks.length,` `,w.checksLabel]})]})]}),(0,P.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:[(0,P.jsxs)(i,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:[k.score,`/100`]}),(0,P.jsx)(r,{variant:R,size:`small`,inline:!0,children:w.status[k.status]})]})]}),(0,P.jsxs)(`div`,{className:`space-y-space-lg px-control py-space-lg`,children:[(0,P.jsx)(v,{value:k.score,"aria-label":w.scoreLabel,className:m(`seo-listing-card--score-progress`,`[&_[data-slot=progress-track]]:h-space-md`,ne[k.status])}),!!b&&(0,P.jsx)(`div`,{className:`seo-listing-card--checks grid gap-x-space-lg gap-y-space-lg lg:grid-cols-2`,children:k.checks.map(e=>(0,P.jsx)(G,{check:e,detail:W(e,w),strings:w},e.id))})]})]})]})}K.displayName=`SeoListingCard`;var q=e({CompactScoreOnly:()=>X,CompleteListing:()=>J,ListingNeedsWork:()=>Y});function J(){return(0,P.jsx)(`div`,{className:`w-full max-w-4xl`,children:(0,P.jsx)(K,{siteName:`GiftComeTrue.com`,baseUrl:`https://giftcometrue.com`,pathSegments:[`products`],permalink:`premium-tasting-of-five-wines-with-gourmet-delicacies`,title:`Bulgarian Wine Tasting in Sofia | 5 Boutique Wines`,description:`Gift a premium Bulgarian wine tasting in central Sofia with 5 boutique wines, gourmet bites, guided presentation, and a relaxed wine bar atmosphere.`,price:`€40.00 EUR`,keyword:`wine tasting`,onEdit:()=>{}})})}function Y(){return(0,P.jsx)(`div`,{className:`w-full max-w-4xl`,children:(0,P.jsx)(K,{siteName:`GiftComeTrue.com`,baseUrl:`http://giftcometrue.com`,pathSegments:[`products`],permalink:`Premium Wine Tasting In Sofia With Gourmet Delicacies`,title:`Wine tasting`,description:`Wine tasting in Sofia.`,keyword:`wine tasting`,limits:{titleMax:60,descriptionMax:160,permalinkMax:55},onEdit:()=>{}})})}function X(){return(0,P.jsx)(`div`,{className:`w-full max-w-4xl`,children:(0,P.jsx)(K,{siteName:`Northwind Market`,baseUrl:`https://northwind.example`,pathSegments:[`collections`,`pantry`],permalink:`estate-olive-oil-gift-box`,title:`Estate Olive Oil Gift Box With Seasonal Pairings`,description:`Ship a curated olive oil gift box with tasting notes, pantry pairings, premium packaging, and tracked delivery for business gifting.`,price:`$68.00 USD`,keyword:`olive oil gift`,showChecks:!1,onEdit:()=>{}})})}var Z=`import { SeoListingCard } from '@/components/composed/commerce';
+
+export function CompleteListing() {
+	return (
+		<div className="w-full max-w-4xl">
+			<SeoListingCard
+				siteName="GiftComeTrue.com"
+				baseUrl="https://giftcometrue.com"
+				pathSegments={['products']}
+				permalink="premium-tasting-of-five-wines-with-gourmet-delicacies"
+				title="Bulgarian Wine Tasting in Sofia | 5 Boutique Wines"
+				description="Gift a premium Bulgarian wine tasting in central Sofia with 5 boutique wines, gourmet bites, guided presentation, and a relaxed wine bar atmosphere."
+				price="€40.00 EUR"
+				keyword="wine tasting"
+				onEdit={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function ListingNeedsWork() {
+	return (
+		<div className="w-full max-w-4xl">
+			<SeoListingCard
+				siteName="GiftComeTrue.com"
+				baseUrl="http://giftcometrue.com"
+				pathSegments={['products']}
+				permalink="Premium Wine Tasting In Sofia With Gourmet Delicacies"
+				title="Wine tasting"
+				description="Wine tasting in Sofia."
+				keyword="wine tasting"
+				limits={{
+					titleMax: 60,
+					descriptionMax: 160,
+					permalinkMax: 55,
+				}}
+				onEdit={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function CompactScoreOnly() {
+	return (
+		<div className="w-full max-w-4xl">
+			<SeoListingCard
+				siteName="Northwind Market"
+				baseUrl="https://northwind.example"
+				pathSegments={['collections', 'pantry']}
+				permalink="estate-olive-oil-gift-box"
+				title="Estate Olive Oil Gift Box With Seasonal Pairings"
+				description="Ship a curated olive oil gift box with tasting notes, pantry pairings, premium packaging, and tracked delivery for business gifting."
+				price="$68.00 USD"
+				keyword="olive oil gift"
+				showChecks={false}
+				onEdit={() => {}}
+			/>
+		</div>
+	);
+}
+`;function Q(e){return q||$(`Examples`,!1),X||$(`Examples.CompactScoreOnly`,!0),J||$(`Examples.CompleteListing`,!0),Y||$(`Examples.ListingNeedsWork`,!0),(0,P.jsxs)(n,{title:`Composed · Commerce · SEO listing`,description:`Search result preview with product SEO scoring for title length, meta description, permalink, URL quality, slug format, and focus keyword coverage.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/seo-listing`,children:[(0,P.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,P.jsx)(s,{name:`CompleteListing`,source:Z,children:(0,P.jsx)(J,{})}),(0,P.jsx)(s,{name:`ListingNeedsWork`,source:Z,children:(0,P.jsx)(Y,{})}),(0,P.jsx)(s,{name:`CompactScoreOnly`,source:Z,children:(0,P.jsx)(X,{})})]}),(0,P.jsx)(a,{title:`API`,id:`api`,children:(0,P.jsx)(h,{component:`SeoListingCard`})})]})}function re(e={}){let{wrapper:t}=e.components||{};return t?(0,P.jsx)(t,{...e,children:(0,P.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{re as default};

package/dist/showcase/assets/commerce-shipment-tracking-auiKGGyV.js

@@ -0,0 +1,24 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C_rLy6Zn.js";import{t as a}from"./example-BsDQngs7.js";import{d as o,n as s}from"./index-B4sKWDcN.js";import{t as c}from"./props-table-aynAz90t.js";import{t as l}from"./smart-card-CwDYx0xj.js";import{t as u}from"./separator-CjWigMul.js";import{t as d}from"./inline-stat-C9Syz6in.js";var f=o();function p({trackingNumber:e,carrier:t,status:i,steps:a,details:o=[],className:c}){return(0,f.jsxs)(l,{className:s(`shipment-tracking--component w-full`,c),children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,f.jsx)(r,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!t&&(0,f.jsx)(n,{variant:`info`,children:t})]}),(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,f.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,f.jsx)(r,{weight:`semibold`,children:i})]}),(0,f.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:a.map((e,t)=>(0,f.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,f.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,f.jsx)(`div`,{className:s(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),t<a.length-1&&(0,f.jsx)(`div`,{className:s(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,f.jsx)(r,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),o.length>0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(u,{className:`my-4`}),(0,f.jsx)(`div`,{className:`space-y-2`,children:o.map(e=>(0,f.jsx)(d,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}p.displayName=`ShipmentTrackingCard`;var m=e({ShipmentTracking:()=>h});function h(){return(0,f.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,f.jsx)(p,{trackingNumber:`TRK-9847261035`,carrier:`Speedy`,status:`In Transit`,steps:[{label:`Picked up`,done:!0},{label:`In transit`,done:!0},{label:`Out for delivery`,done:!1},{label:`Delivered`,done:!1}],details:[{label:`Est. Delivery`,value:`Mar 29, 2026`},{label:`Recipient`,value:`Daniel Smith`}]})})}var g=`import { ShipmentTrackingCard } from '@/components/composed/commerce';
+
+export function ShipmentTracking() {
+	return (
+		<div className="w-full max-w-xl">
+			<ShipmentTrackingCard
+				trackingNumber="TRK-9847261035"
+				carrier="Speedy"
+				status="In Transit"
+				steps={[
+					{ label: 'Picked up', done: true },
+					{ label: 'In transit', done: true },
+					{ label: 'Out for delivery', done: false },
+					{ label: 'Delivered', done: false },
+				]}
+				details={[
+					{ label: 'Est. Delivery', value: 'Mar 29, 2026' },
+					{ label: 'Recipient', value: 'Daniel Smith' },
+				]}
+			/>
+		</div>
+	);
+}
+`;function _(e){return m||y(`Examples`,!1),h||y(`Examples.ShipmentTracking`,!0),(0,f.jsxs)(t,{title:`Composed · Commerce · Shipment tracking`,description:`Shipment card with tracking number, carrier, status steps, and delivery details.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/shipment-tracking`,children:[(0,f.jsx)(i,{title:`Examples`,id:`examples`,children:(0,f.jsx)(a,{name:`ShipmentTracking`,source:g,children:(0,f.jsx)(h,{})})}),(0,f.jsx)(i,{title:`API`,id:`api`,children:(0,f.jsx)(c,{component:`ShipmentTrackingCard`})})]})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(_,{...e})}):_(e)}function y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{v as default};

package/dist/showcase/assets/commerce-subscription-summary-BCX4WxbS.js

@@ -0,0 +1,25 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-C_rLy6Zn.js";import{t as o}from"./calendar-BAfoc476.js";import{Or as s,r as c,t as l}from"./example-BsDQngs7.js";import{t as u}from"./sparkles-BDnbTUMq.js";import{t as d}from"./star-BzQGhFDT.js";import{t as f}from"./zap-DdInHaAD.js";import{N as p,c as m,d as h,l as g,n as _}from"./index-B4sKWDcN.js";import{t as v}from"./props-table-aynAz90t.js";import{t as y}from"./icon-badge-ruuI6tt0.js";import{t as b}from"./smart-card-CwDYx0xj.js";import{c as x,o as S,r as C,t as w,u as T}from"./item-WOhHNpnr.js";var E=g(`repeat`,[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]),D={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`},O=h();function k({planName:e,priceLabel:n,cycleLabel:a,nextBillingDate:l,statusLabel:u,perks:d=[],onManage:f,onUpgrade:h,className:g,strings:v}){let k=p(D,v);return(0,O.jsxs)(b,{icon:(0,O.jsx)(E,{className:`size-4`}),title:k.title,headerEnd:u?(0,O.jsx)(r,{variant:`success`,children:u}):null,className:_(`subscription-summary--component w-full`,g),children:[(0,O.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,O.jsx)(i,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:k.plan}),(0,O.jsx)(t,{tag:`h3`,className:`mt-1 text-base font-semibold tracking-tight border-none pb-0`,children:e}),(0,O.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,O.jsx)(i,{tag:`span`,weight:`bold`,className:`tabular-nums`,children:n}),(0,O.jsx)(i,{type:`secondary`,children:a})]})]}),(0,O.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(o,{className:`size-3.5 text-muted-foreground`}),(0,O.jsx)(i,{size:`xs`,type:`secondary`,children:k.nextBilling})]}),(0,O.jsx)(i,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:l})]}),d.length>0&&(0,O.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,O.jsx)(i,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:k.perks}),(0,O.jsx)(S,{children:d.map((e,t)=>(0,O.jsxs)(w,{size:`small`,children:[(0,O.jsx)(x,{children:(0,O.jsx)(y,{icon:e.icon??s,tone:`success`,size:`small`})}),(0,O.jsx)(C,{children:(0,O.jsx)(T,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(f||h)&&(0,O.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!f&&(0,O.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,onClick:f,className:`flex-1`,children:k.manage}),!!h&&(0,O.jsxs)(c,{variant:`primary`,onClick:h,className:`flex-1`,children:[k.upgrade,(0,O.jsx)(m,{className:`ml-1 size-3.5`})]})]})]})}k.displayName=`SubscriptionSummaryCard`;var A=e({SubscriptionSummary:()=>j});function j(){return(0,O.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,O.jsx)(k,{planName:`Pro Annual`,priceLabel:`€29`,cycleLabel:`/ month`,nextBillingDate:`May 12, 2026`,statusLabel:`Active`,perks:[{icon:u,label:`AI assist included`},{icon:d,label:`Priority support`},{icon:f,label:`Unlimited bookings`}],onManage:()=>{},onUpgrade:()=>{}})})}var M=`import { Sparkles, Star, Zap } from 'lucide-react';
+
+import { SubscriptionSummaryCard } from '@/components/composed/commerce';
+
+export function SubscriptionSummary() {
+	return (
+		<div className="w-full max-w-lg">
+			<SubscriptionSummaryCard
+				planName="Pro Annual"
+				priceLabel="€29"
+				cycleLabel="/ month"
+				nextBillingDate="May 12, 2026"
+				statusLabel="Active"
+				perks={[
+					{ icon: Sparkles, label: 'AI assist included' },
+					{ icon: Star, label: 'Priority support' },
+					{ icon: Zap, label: 'Unlimited bookings' },
+				]}
+				onManage={() => {}}
+				onUpgrade={() => {}}
+			/>
+		</div>
+	);
+}
+`;function N(e){return A||F(`Examples`,!1),j||F(`Examples.SubscriptionSummary`,!0),(0,O.jsxs)(n,{title:`Composed · Commerce · Subscription summary`,description:`Subscription plan summary with price, billing date, perks, and manage/upgrade callbacks.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/subscription-summary`,children:[(0,O.jsx)(a,{title:`Examples`,id:`examples`,children:(0,O.jsx)(l,{name:`SubscriptionSummary`,source:M,children:(0,O.jsx)(j,{})})}),(0,O.jsx)(a,{title:`API`,id:`api`,children:(0,O.jsx)(v,{component:`SubscriptionSummaryCard`})})]})}function P(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(N,{...e})}):N(e)}function F(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{P as default};

package/dist/showcase/assets/commerce-tax-breakdown-D4F5dOjL.js

@@ -0,0 +1,19 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,p as n,t as r}from"./section-C_rLy6Zn.js";import{t as i}from"./example-BsDQngs7.js";import{t as a}from"./receipt-CcTseXcy.js";import{N as o,d as s,n as c}from"./index-B4sKWDcN.js";import{t as l}from"./props-table-aynAz90t.js";import{t as u}from"./smart-card-CwDYx0xj.js";import{t as d}from"./separator-CjWigMul.js";import{t as f}from"./inline-stat-C9Syz6in.js";var p={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`},m=s();function h({subtotal:e,taxes:t,totalTax:r,total:i,className:s,strings:l}){let h=o(p,l);return(0,m.jsxs)(u,{icon:(0,m.jsx)(a,{className:`size-4`}),title:h.title,className:c(`tax-breakdown--component w-full`,s),children:[(0,m.jsx)(f,{label:h.subtotal,value:e,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,m.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[t.map((e,t)=>(0,m.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,m.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,m.jsx)(n,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,m.jsx)(n,{tag:`span`,size:`xs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,m.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!r&&t.length>1&&(0,m.jsx)(f,{label:h.totalTax,value:r,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,m.jsx)(d,{className:`my-3`}),(0,m.jsx)(f,{label:h.total,value:i,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`})]})}h.displayName=`TaxBreakdownCard`;var g=e({TaxBreakdown:()=>_});function _(){return(0,m.jsx)(`div`,{className:`w-full max-w-md`,children:(0,m.jsx)(h,{subtotal:`565.00 USD`,taxes:[{label:`VAT (standard)`,rate:`20%`,amount:`94.20 USD`},{label:`Tourist tax`,rate:`€1.50/night`,amount:`4.50 USD`},{label:`Service charge`,rate:`5%`,amount:`14.30 USD`}],totalTax:`113.00 USD`,total:`678.00 USD`})})}var v=`import { TaxBreakdownCard } from '@/components/composed/commerce';
+
+export function TaxBreakdown() {
+	return (
+		<div className="w-full max-w-md">
+			<TaxBreakdownCard
+				subtotal="565.00 USD"
+				taxes={[
+					{ label: 'VAT (standard)', rate: '20%', amount: '94.20 USD' },
+					{ label: 'Tourist tax', rate: '€1.50/night', amount: '4.50 USD' },
+					{ label: 'Service charge', rate: '5%', amount: '14.30 USD' },
+				]}
+				totalTax="113.00 USD"
+				total="678.00 USD"
+			/>
+		</div>
+	);
+}
+`;function y(e){return g||x(`Examples`,!1),_||x(`Examples.TaxBreakdown`,!0),(0,m.jsxs)(t,{title:`Composed · Commerce · Tax breakdown`,description:`Tax breakdown card for item subtotals, rate lines, total tax, and final totals.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/tax-breakdown`,children:[(0,m.jsx)(r,{title:`Examples`,id:`examples`,children:(0,m.jsx)(i,{name:`TaxBreakdown`,source:v,children:(0,m.jsx)(_,{})})}),(0,m.jsx)(r,{title:`API`,id:`api`,children:(0,m.jsx)(l,{component:`TaxBreakdownCard`})})]})}function b(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(y,{...e})}):y(e)}function x(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{b as default};

package/dist/showcase/assets/commerce-upcoming-booking-qlWKp0kq.js

@@ -0,0 +1,20 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,p as n,t as r}from"./section-C_rLy6Zn.js";import{t as i}from"./example-BsDQngs7.js";import{d as a,n as o}from"./index-B4sKWDcN.js";import{t as s}from"./props-table-aynAz90t.js";import{t as c}from"./smart-card-CwDYx0xj.js";import{c as l,i as u,n as d,o as f,r as p,t as m,u as h}from"./item-WOhHNpnr.js";import{t as g}from"./date-block-yRFY8Ne5.js";var _=a();function v(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function y({bookings:e,className:t,locale:r,dateTone:i=`inverse`,timePlacement:a=`below`}){return(0,_.jsx)(f,{className:o(`upcoming-booking--component w-full gap-2`,t),children:e.map((e,t)=>{let o=v(e);return(0,_.jsxs)(m,{className:`items-center`,children:[!!o&&(0,_.jsx)(l,{children:(0,_.jsx)(g,{date:o,time:a===`below`?e.time:void 0,tone:i,locale:r,timePlacement:`below`,layout:`stacked`})}),(0,_.jsxs)(p,{className:`min-w-0 sm:min-w-48`,children:[(0,_.jsx)(h,{children:e.service}),(0,_.jsx)(u,{clamp:1,children:e.customer})]}),(0,_.jsxs)(d,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[a===`inline-trailing`&&(0,_.jsx)(n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,_.jsx)(n,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}y.displayName=`UpcomingBookingRow`;var b=e({UpcomingBookingList:()=>x});function x(){return(0,_.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,_.jsx)(c,{children:(0,_.jsx)(y,{timePlacement:`inline-trailing`,bookings:[{id:`1`,date:new Date(2026,2,28),service:`Wine Tasting Tour`,customer:`Daniel Smith`,time:`14:00`,amount:`370 USD`},{id:`2`,date:new Date(2026,3,3),service:`Luxury Spa Day`,customer:`Emma Garcia`,time:`10:00`,amount:`320 USD`},{id:`3`,date:new Date(2026,3,7),service:`Hot Air Balloon`,customer:`David Williams`,time:`06:30`,amount:`580 USD`}]})})})}var S=`import { SmartCard } from '@/components/base/cards';
+import { UpcomingBookingRow } from '@/components/composed/commerce';
+
+export function UpcomingBookingList() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartCard>
+				<UpcomingBookingRow
+					timePlacement="inline-trailing"
+					bookings={[
+						{ id: '1', date: new Date(2026, 2, 28), service: 'Wine Tasting Tour', customer: 'Daniel Smith', time: '14:00', amount: '370 USD' },
+						{ id: '2', date: new Date(2026, 3, 3), service: 'Luxury Spa Day', customer: 'Emma Garcia', time: '10:00', amount: '320 USD' },
+						{ id: '3', date: new Date(2026, 3, 7), service: 'Hot Air Balloon', customer: 'David Williams', time: '06:30', amount: '580 USD' },
+					]}
+				/>
+			</SmartCard>
+		</div>
+	);
+}
+`;function C(e){return b||T(`Examples`,!1),x||T(`Examples.UpcomingBookingList`,!0),(0,_.jsxs)(t,{title:`Composed · Commerce · Upcoming booking`,description:`Upcoming booking rows for compact commerce dashboards and operational schedules.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/upcoming-booking`,children:[(0,_.jsx)(r,{title:`Examples`,id:`examples`,children:(0,_.jsx)(i,{name:`UpcomingBookingList`,source:S,children:(0,_.jsx)(x,{})})}),(0,_.jsx)(r,{title:`API`,id:`api`,children:(0,_.jsx)(s,{component:`UpcomingBookingRow`})})]})}function w(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(C,{...e})}):C(e)}function T(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{w as default};

package/dist/showcase/assets/commerce-voucher-entry-CqCuoKHq.js

@@ -0,0 +1,19 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-C_rLy6Zn.js";import{Or as s,r as c,t as l}from"./example-BsDQngs7.js";import{t as u}from"./gift-BCQpmV33.js";import{t as d}from"./x-C5_SzMQM.js";import{N as f,d as p,n as m}from"./index-B4sKWDcN.js";import{t as h}from"./props-table-aynAz90t.js";import{t as g}from"./icon-badge-ruuI6tt0.js";import{t as _}from"./smart-card-CwDYx0xj.js";import{a as v,c as y,i as b,n as x,r as S,t as C,u as w}from"./item-WOhHNpnr.js";import{t as T}from"./input-CLQIEOQ4.js";import{n as E}from"./form-field-D5kwgD4P.js";var D={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},O=t(n(),1),k=p(),A=e=>e.toUpperCase();function j({appliedCode:e,balance:t,error:n,loading:r,onCheck:o,onRemove:l,className:p,strings:h}){let j=f(D,h),M=(0,O.useId)(),[N,P]=(0,O.useState)(``),F=N.trim();return e?(0,k.jsx)(_,{icon:(0,k.jsx)(u,{className:`size-4`}),title:j.title,className:m(`voucher-entry--component w-full`,p),children:(0,k.jsxs)(C,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,k.jsx)(y,{children:(0,k.jsx)(g,{icon:s,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,k.jsxs)(S,{className:`min-w-0`,children:[(0,k.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,k.jsx)(w,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,k.jsx)(i,{variant:`success`,size:`small`,children:j.applied})]}),(0,k.jsx)(b,{clamp:1,children:j.balance})]}),(0,k.jsxs)(v,{className:`border-t border-success/15 pt-1`,children:[(0,k.jsx)(`span`,{}),(0,k.jsxs)(x,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,k.jsx)(a,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:t}),!!l&&(0,k.jsx)(c,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:l,"aria-label":j.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,k.jsx)(d,{className:`size-3.5`})})]})]})]})}):(0,k.jsx)(_,{icon:(0,k.jsx)(u,{className:`size-4`}),title:j.title,className:m(`voucher-entry--component w-full`,p),children:(0,k.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),F&&o?.(F)},children:(0,k.jsx)(E,{label:j.inputLabel,htmlFor:M,error:n,hint:n?void 0:j.helperText,children:(0,k.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,k.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,k.jsx)(T,{id:M,value:N,onChange:e=>P(A(e.target.value)),placeholder:j.placeholder,startIcon:u,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,k.jsx)(c,{type:`submit`,loading:r,disabled:!F,className:`shrink-0`,children:j.check})]})})})})}j.displayName=`VoucherEntryCard`;var M=e({VoucherEntry:()=>N});function N(){let[e,t]=(0,O.useState)(!1);return(0,k.jsx)(`div`,{className:`w-full max-w-md`,children:(0,k.jsx)(j,{onCheck:()=>t(!0),...e?{appliedCode:`GCT-2026-PETROV`,balance:`120.00 USD`,onRemove:()=>t(!1)}:{}})})}var P=`import { useState } from 'react';
+
+import { VoucherEntryCard } from '@/components/composed/commerce';
+
+export function VoucherEntry() {
+	const [voucherApplied, setVoucherApplied] = useState(false);
+
+	return (
+		<div className="w-full max-w-md">
+			<VoucherEntryCard
+				onCheck={() => setVoucherApplied(true)}
+				{...(voucherApplied
+					? { appliedCode: 'GCT-2026-PETROV', balance: '120.00 USD', onRemove: () => setVoucherApplied(false) }
+					: {})}
+			/>
+		</div>
+	);
+}
+`;function F(e){return M||L(`Examples`,!1),N||L(`Examples.VoucherEntry`,!0),(0,k.jsxs)(r,{title:`Composed · Commerce · Voucher entry`,description:`Voucher lookup card with controlled applied state and remove callback.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/commerce/voucher-entry`,children:[(0,k.jsx)(o,{title:`Examples`,id:`examples`,children:(0,k.jsx)(l,{name:`VoucherEntry`,source:P,children:(0,k.jsx)(N,{})})}),(0,k.jsx)(o,{title:`API`,id:`api`,children:(0,k.jsx)(h,{component:`VoucherEntryCard`})})]})}function I(e={}){let{wrapper:t}=e.components||{};return t?(0,k.jsx)(t,{...e,children:(0,k.jsx)(F,{...e})}):F(e)}function L(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{I as default};

package/dist/showcase/assets/composite-DeYDU7hg.js

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

package/dist/showcase/assets/conditional-rendering-CFHxzngX.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-C_rLy6Zn.js";import{t as n}from"./example-BsDQngs7.js";import{p as r,t as i,y as a}from"./display-utilities.examples-ez3DfdgN.js";import{d as o}from"./index-B4sKWDcN.js";import{t as s}from"./props-table-aynAz90t.js";var c=o();function l(o){return a||d(`Examples`,!1),r||d(`Examples.ShowIfExample`,!0),(0,c.jsxs)(e,{title:`Conditional rendering`,description:`Small display helper for conditional content with an explicit fallback.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/show-if`,children:[(0,c.jsx)(t,{title:`ShowIf`,id:`show-if`,children:(0,c.jsx)(n,{name:`ShowIfExample`,source:i,children:(0,c.jsx)(r,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`ShowIf`})})]})}function u(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(l,{...e})}):l(e)}function d(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{u as default};

package/dist/showcase/assets/contact-card-CxVeuwp_.js

@@ -0,0 +1,65 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C_rLy6Zn.js";import{r as a,t as o}from"./example-BsDQngs7.js";import{t as s}from"./external-link-BvVwsJxR.js";import{t as c}from"./mail-BlH-8y33.js";import{t as l}from"./map-pin-BwGJCGY8.js";import{t as u}from"./phone-BdGmQ_eI.js";import{N as d,d as f,n as p}from"./index-B4sKWDcN.js";import{t as m}from"./props-table-aynAz90t.js";import{o as h,r as g,t as _}from"./avatar-BThv_quW.js";import{c as v,o as y,r as b,t as x,u as S}from"./item-WOhHNpnr.js";import{t as C}from"./PreviewLayout-CE0fmzoc.js";var w={contact:`Contact`,profile:`Profile`},T=f();function E(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function D({name:e,role:t,email:i,phone:o,location:f,avatarUrl:m,initials:C,badge:D,badgeVariant:O=`success`,onContact:k,onViewProfile:A,className:j,strings:M}){let N=d(w,M);return(0,T.jsxs)(`div`,{className:p(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,j),children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsxs)(_,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!m&&(0,T.jsx)(h,{src:m,alt:e}),(0,T.jsx)(g,{className:`text-sm font-semibold`,children:E(e,C)})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!D&&(0,T.jsx)(n,{variant:O,children:D})]}),!!t&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t})]})]}),!!(i||o||f)&&(0,T.jsxs)(y,{className:`mt-4 gap-0`,children:[!!i&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(c,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:i})})]}),!!o&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(u,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:o})})]}),!!f&&(0,T.jsxs)(x,{size:`small`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(l,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:f})})]})]}),!!(k||A)&&(0,T.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!k&&(0,T.jsx)(a,{variant:`primary`,buttonStyle:`solid`,icon:c,onClick:k,children:N.contact}),!!A&&(0,T.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:s,onClick:A,children:N.profile})]})]})}D.displayName=`ContactCard`;var O=e({DifferentBadgeVariants:()=>M,Minimal:()=>j,WithAllFields:()=>k,WithInitialsOnly:()=>A});function k(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Sarah Smitha`,role:`Account Manager`,email:`maria@giftcometrue.com`,phone:`+1 888 123 456`,location:`New York, NY`,badge:`Online`,badgeVariant:`success`,onContact:()=>{},onViewProfile:()=>{}})})}function A(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Georgi Johnson`,role:`Head of Operations`,email:`georgi@giftcometrue.com`,initials:`GI`,badge:`Away`,badgeVariant:`warning`,onContact:()=>{},onViewProfile:()=>{}})})}function j(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Emma Williamsa`})})}function M(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(C,{children:[`primary`,`secondary`,`success`,`info`,`warning`,`error`].map(e=>(0,T.jsx)(D,{name:`Variant: ${e}`,role:`Demo`,email:`demo@example.com`,badge:e,badgeVariant:e},e))})})}var N=`import { ContactCard } from '@/components/composed/cards/contact-card';
+import { Col } from '../../PreviewLayout';
+
+export function WithAllFields() {
+	return (
+		<>
+			<ContactCard
+								name="Sarah Smitha"
+								role="Account Manager"
+								email="maria@giftcometrue.com"
+								phone="+1 888 123 456"
+								location="New York, NY"
+								badge="Online"
+								badgeVariant="success"
+								onContact={() => {}}
+								onViewProfile={() => {}}
+							/>
+		</>
+	);
+}
+
+export function WithInitialsOnly() {
+	return (
+		<>
+			<ContactCard
+								name="Georgi Johnson"
+								role="Head of Operations"
+								email="georgi@giftcometrue.com"
+								initials="GI"
+								badge="Away"
+								badgeVariant="warning"
+								onContact={() => {}}
+								onViewProfile={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Minimal() {
+	return (
+		<>
+			<ContactCard name="Emma Williamsa" />
+		</>
+	);
+}
+
+export function DifferentBadgeVariants() {
+	return (
+		<>
+			<Col>
+								{(['primary', 'secondary', 'success', 'info', 'warning', 'error'] as const).map((v) => (
+									<ContactCard
+										key={v}
+										name={\`Variant: \${v}\`}
+										role="Demo"
+										email="demo@example.com"
+										badge={v}
+										badgeVariant={v}
+									/>
+								))}
+							</Col>
+		</>
+	);
+}
+`;function P(e){let n={h4:`h4`,...e.components};return O||I(`Examples`,!1),M||I(`Examples.DifferentBadgeVariants`,!0),j||I(`Examples.Minimal`,!0),k||I(`Examples.WithAllFields`,!0),A||I(`Examples.WithInitialsOnly`,!0),(0,T.jsxs)(t,{title:`Composed · Contact card`,description:`ContactCard — name, role, email, phone, location, badge.`,layer:`composed`,status:`ready`,children:[(0,T.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(o,{name:`WithAllFields`,source:N,children:(0,T.jsx)(k,{})}),(0,T.jsx)(o,{name:`WithInitialsOnly`,source:N,children:(0,T.jsx)(A,{})}),(0,T.jsx)(o,{name:`Minimal`,source:N,children:(0,T.jsx)(j,{})}),(0,T.jsx)(o,{name:`DifferentBadgeVariants`,source:N,children:(0,T.jsx)(M,{})})]}),(0,T.jsxs)(i,{title:`API`,id:`api`,children:[(0,T.jsx)(n.h4,{children:`ContactCard`}),(0,T.jsx)(m,{component:`ContactCard`})]})]})}function F(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(P,{...e})}):P(e)}function I(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/content-container-CJN01OtO.js

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

package/dist/showcase/assets/copyable-DajG-Sgx.js

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