admin-ui-starter-kit 0.6.9 → 0.7.1

package/dist/showcase/assets/package-check-Nqr5Lv95.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`package-check`,[[`path`,{d:`M12 22V12`,key:`d0xqtd`}],[`path`,{d:`m16 17 2 2 4-4`,key:`uh5qu3`}],[`path`,{d:`M21 11.127V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l1.32-.753`,key:`kpkbpo`}],[`path`,{d:`M3.29 7 12 12l8.71-5`,key:`19ckod`}],[`path`,{d:`m7.5 4.27 8.997 5.148`,key:`9yrvtv`}]]);export{t};

package/dist/showcase/assets/page-BTXFFFwT.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-B4sKWDcN.js";import{t as n}from"./content-container-CJN01OtO.js";import{t as r}from"./page-header-AFTuoGVw.js";var i=e();function a({header:e,width:a=`narrow`,children:o,className:s,bodyClassName:c,renderLink:l,LinkComponent:u}){return(0,i.jsxs)(n,{width:a,className:s,children:[!!e&&(0,i.jsx)(r,{...e,renderLink:e.renderLink??l,LinkComponent:e.LinkComponent??u}),!!o&&(0,i.jsx)(`div`,{className:t(`relative block w-full`,c),children:o})]})}export{a as t};

package/dist/showcase/assets/page-action-button-NJqE-qP0.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{$n as n}from"./example-BsDQngs7.js";import{d as r,n as i}from"./index-B4sKWDcN.js";var a=e(t(),1),o=r(),s={small:`small`,default:`default`},c={small:`h-control-sm px-control-sm text-pxs`,default:`h-control px-control text-pxs`},l=a.forwardRef(({variant:e=`secondary`,size:t,className:r,...a},l)=>{let u=e===`error`?`error`:e,d=t??`small`;return(0,o.jsx)(n,{ref:l,variant:u,buttonStyle:`solid`,size:s[d],className:i(`page-action-button--component`,c[d],`shadow-none`,r),...a})});l.displayName=`PageActionButton`;export{l as t};

package/dist/showcase/assets/page-header-AFTuoGVw.js

@@ -0,0 +1 @@
+import{f as e,o as t,p as n}from"./section-C_rLy6Zn.js";import{t as r}from"./arrow-left-DBxsWbzL.js";import{r as i}from"./example-BsDQngs7.js";import{d as a,n as o}from"./index-B4sKWDcN.js";import{t as s}from"./separator-CjWigMul.js";import{t as c}from"./use-layout-link-DpqFiDf-.js";var l=a(),u={h1:`border-0 pb-0 text-base`,h2:`border-0 pb-0 text-base`,h3:`border-0 pb-0 text-base`,h4:`border-0 pb-0 text-base`,h5:`border-0 pb-0 text-base`,h6:`border-0 pb-0 text-base`};function d({title:a,description:d,headingTag:f=`h3`,titleIcon:p,backHref:m,onBack:h,backLabel:g=`Back`,titleBadges:_=[],actions:v,slots:y,renderLink:b,LinkComponent:x,className:S,contentClassName:C,actionsClassName:w,titleClassName:T,titleIconClassName:E,descriptionClassName:D}){let O=c({renderLink:b,LinkComponent:x}),k=m||h?(0,l.jsxs)(`div`,{className:`flex items-center gap-space-sm pt-space-xs`,children:[m&&!h?O({href:m,"aria-label":g,children:(0,l.jsxs)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`h-8 w-8 rounded p-1`,children:[(0,l.jsx)(r,{className:`size-4`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:`sr-only`,children:g})]})}):(0,l.jsx)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`h-8 w-8 rounded p-1`,onClick:h,"aria-label":g,children:(0,l.jsx)(r,{className:`size-4`,"aria-hidden":`true`})}),(0,l.jsx)(s,{orientation:`vertical`,className:`h-8`})]}):null;return(0,l.jsxs)(`header`,{className:o(`flex w-full flex-col gap-space-xl md:flex-row md:items-start md:justify-between`,S),children:[(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-space-lg`,children:[y?.back??k,(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-2xs`,children:[y?.beforeTitle,(0,l.jsxs)(`div`,{className:o(`flex max-w-3xl flex-col gap-space-2xs`,C),children:[(0,l.jsxs)(`div`,{className:`flex flex-wrap items-center gap-space-lg`,children:[(0,l.jsxs)(`div`,{className:`flex min-w-0 items-center gap-space-md`,children:[!!p&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:o(`flex size-icon shrink-0 items-center justify-center text-muted-foreground`,E),children:(0,l.jsx)(p,{className:`size-icon`})}),(0,l.jsx)(e,{tag:f,containerClassName:`space-y-0`,className:o(u[f],T),children:a})]}),_.length>0&&(0,l.jsx)(`div`,{className:`flex items-center gap-space-sm`,children:_.map((e,n)=>(0,l.jsx)(t,{variant:e.variant??`secondary`,children:e.label},e.key??n))})]}),!!d&&(0,l.jsx)(n,{size:`xs`,type:`secondary`,className:D,children:d}),y?.afterDescription]})]})]}),y?.actions??(!!v&&(0,l.jsx)(`div`,{className:o(`shrink-0`,w),children:v}))]})}export{d as t};

package/dist/showcase/assets/pagination-B1Ewc7Co.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{er as t}from"./example-BsDQngs7.js";import{t as n}from"./chevron-left-DOofVtEd.js";import{t as r}from"./ellipsis-Dumpj4aE.js";import{c as i,d as a,n as o}from"./index-B4sKWDcN.js";e();var s=a();function c({className:e,...t}){return(0,s.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:o(`mx-auto flex w-full justify-center`,e),...t})}function l({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`pagination-content`,className:o(`gap-1 flex items-center`,e),...t})}function u({...e}){return(0,s.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function d({className:e,isActive:n,size:r=`icon`,...i}){return(0,s.jsx)(t,{variant:n?`outline`:`ghost`,size:r,className:o(e),nativeButton:!1,render:(0,s.jsx)(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,...i})})}function f({className:e,text:t=`Previous`,...r}){return(0,s.jsxs)(d,{"aria-label":`Go to previous page`,size:`default`,className:o(`pl-2!`,e),...r,children:[(0,s.jsx)(n,{"data-icon":`inline-start`}),(0,s.jsx)(`span`,{className:`hidden sm:block`,children:t})]})}function p({className:e,text:t=`Next`,...n}){return(0,s.jsxs)(d,{"aria-label":`Go to next page`,size:`default`,className:o(`pr-2!`,e),...n,children:[(0,s.jsx)(`span`,{className:`hidden sm:block`,children:t}),(0,s.jsx)(i,{"data-icon":`inline-end`})]})}function m({className:e,...t}){return(0,s.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:o(`size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center`,e),...t,children:[(0,s.jsx)(r,{}),(0,s.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}export{d as a,u as i,l as n,p as o,m as r,f as s,c as t};

package/dist/showcase/assets/pagination-DOdLcTiT.js

@@ -0,0 +1,42 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./example-BsDQngs7.js";import{d as i}from"./index-B4sKWDcN.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./pagination-B1Ewc7Co.js";var f=e({Default:()=>m}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(d,{children:(0,p.jsxs)(s,{children:[(0,p.jsx)(o,{children:(0,p.jsx)(u,{href:`#`})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,children:`1`})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,isActive:!0,children:`2`})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,children:`3`})}),(0,p.jsx)(o,{children:(0,p.jsx)(l,{})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,children:`12`})}),(0,p.jsx)(o,{children:(0,p.jsx)(c,{href:`#`})})]})})})}var h=`import {
+	Pagination,
+	PaginationContent,
+	PaginationEllipsis,
+	PaginationItem,
+	PaginationLink,
+	PaginationNext,
+	PaginationPrevious,
+} from '@/components/ui/pagination';
+
+export function Default() {
+	return (
+		<>
+			<Pagination>
+								<PaginationContent>
+									<PaginationItem>
+										<PaginationPrevious href="#" />
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#">1</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#" isActive>2</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#">3</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationEllipsis />
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#">12</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationNext href="#" />
+									</PaginationItem>
+								</PaginationContent>
+							</Pagination>
+		</>
+	);
+}
+`;function g(e){return f||v(`Examples`,!1),m||v(`Examples.Default`,!0),(0,p.jsx)(t,{title:`UI · Pagination`,description:`Manual composition of pagination controls.`,layer:`ui`,status:`ready`,children:(0,p.jsx)(n,{title:`Examples`,id:`examples`,children:(0,p.jsx)(r,{name:`Default`,source:h,children:(0,p.jsx)(m,{})})})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(g,{...e})}):g(e)}function v(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{_ as default};

package/dist/showcase/assets/paperclip-D0oBI19t.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`paperclip`,[[`path`,{d:`m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551`,key:`1miecu`}]]);export{t};

package/dist/showcase/assets/password-input-C5MrNrHm.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{t as n}from"./eye-CAeo-GNe.js";import{N as r,d as i,l as a,n as o}from"./index-B4sKWDcN.js";import{t as s}from"./input-CLQIEOQ4.js";var c=a(`eye-off`,[[`path`,{d:`M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49`,key:`ct8e1f`}],[`path`,{d:`M14.084 14.158a3 3 0 0 1-4.242-4.242`,key:`151rxh`}],[`path`,{d:`M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143`,key:`13bj9a`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}]]),l=e(t(),1),u=i(),d={showPassword:`Show password`,hidePassword:`Hide password`},f=l.forwardRef(function({visible:e,defaultVisible:t=!1,onVisibilityChange:i,revealable:a=!0,wrapperClassName:f,visibilityButtonClassName:p,className:m,disabled:h,isLoading:g,inputStrings:_,strings:v,...y},b){let x=r(d,v),[S,C]=l.useState(t),w=e!==void 0,T=w?e:S,E=h||g,D=l.useCallback(()=>{let e=!T;w||C(e),i?.(e)},[w,T,i]);return(0,u.jsxs)(`div`,{className:o(`password-input--component`,`relative`,f),children:[(0,u.jsx)(s,{ref:b,type:T?`text`:`password`,disabled:h,isLoading:g,className:o(a&&`pe-10`,m),strings:_,...y}),!!a&&(0,u.jsx)(`button`,{type:`button`,className:o(`password-input--toggle`,`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,p),"aria-label":T?x.hidePassword:x.showPassword,"aria-pressed":T,disabled:E,onMouseDown:e=>e.preventDefault(),onClick:D,children:T?(0,u.jsx)(c,{className:`size-4`,"aria-hidden":`true`}):(0,u.jsx)(n,{className:`size-4`,"aria-hidden":`true`})})]})});f.displayName=`PasswordInput`;export{f as t};

package/dist/showcase/assets/pencil-DdCEPDLe.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`pencil`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}]]);export{t};

package/dist/showcase/assets/phone-BdGmQ_eI.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`phone`,[[`path`,{d:`M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384`,key:`9njp5v`}]]);export{t};

package/dist/showcase/assets/placeholder-pattern-BnyJukU0.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-C_rLy6Zn.js";import{t as n}from"./example-BsDQngs7.js";import{l 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.PlaceholderPatternExample`,!0),(0,c.jsxs)(e,{title:`Placeholder pattern`,description:`Subtle diagonal SVG placeholder fill for empty media, maps, and generated previews.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/placeholder-pattern`,children:[(0,c.jsx)(t,{title:`Example`,id:`example`,children:(0,c.jsx)(n,{name:`PlaceholderPatternExample`,source:i,children:(0,c.jsx)(r,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`PlaceholderPattern`})})]})}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/plus-Dp_nZNjk.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]);export{t};

package/dist/showcase/assets/popover-BP4R2w67.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{A as n,B as r,C as i,Cn as a,G as o,H as s,I as c,Jn as l,K as u,L as d,N as f,P as p,Q as m,Qt as h,R as g,S as _,Sr as v,U as y,Ut as b,V as x,W as S,Y as C,ar as w,b as T,cn as E,ct as D,d as O,dt as k,f as A,fr as j,g as M,gt as N,hr as P,j as F,k as I,l as L,lr as R,lt as z,mr as B,mt as V,nr as H,ot as U,p as W,pr as G,q as K,rt as q,u as ee,ut as te,v as ne,vt as re,x as ie,y as ae,z as oe}from"./example-BsDQngs7.js";import{P as se,d as ce,n as le}from"./index-B4sKWDcN.js";import{a as ue,n as de,o as fe,r as pe,s as me}from"./useOpenInteractionType-KBhpVaur.js";import{t as he}from"./inertValue-DhXA8ytu.js";import{t as ge}from"./ToolbarRootContext-P5BSzPlo.js";import{o as _e}from"./composite-DeYDU7hg.js";import{t as ve}from"./useTriggerFocusGuards-D5Cl055z.js";var J=e(t(),1),Y=J.createContext(void 0);function X(e){let t=J.useContext(Y);if(t===void 0&&!e)throw Error(j(47));return t}var ye=e(se(),1);function be(){return{...I(),disabled:!1,modal:!1,focusManagerModal:!1,instantType:void 0,openMethod:null,openChangeReason:null,titleElementId:void 0,descriptionElementId:void 0,stickIfOpen:!0,nested:!1,openOnHover:!1,closeDelay:0,hasViewport:!1}}var xe={...F,disabled:q(e=>e.disabled),instantType:q(e=>e.instantType),openMethod:q(e=>e.openMethod),openChangeReason:q(e=>e.openChangeReason),modal:q(e=>e.modal),focusManagerModal:q(e=>e.focusManagerModal),stickIfOpen:q(e=>e.stickIfOpen),titleElementId:q(e=>e.titleElementId),descriptionElementId:q(e=>e.descriptionElementId),openOnHover:q(e=>e.openOnHover),closeDelay:q(e=>e.closeDelay),hasViewport:q(e=>e.hasViewport)},Se=class e extends m{constructor(e,t,r=!1){let i={...be(),...e},a=new f;i.open&&e?.mounted===void 0&&(i.mounted=!0),i.floatingRootContext=n(a,t,r),super(i,{popupRef:J.createRef(),backdropRef:J.createRef(),internalBackdropRef:J.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerFocusTargetRef:J.createRef(),beforeContentFocusGuardRef:J.createRef(),stickIfOpenTimeout:new l,triggerElements:a},xe)}setOpen=(e,t)=>{let n=t.reason===a,r=t.reason===`trigger-press`&&t.event.detail===0,i=!e&&(t.reason===`escape-key`||t.reason==null),o=c(t),s=this.select(`activeTriggerId`);if(!e&&t.reason===`close-press`&&t.trigger==null&&s!=null&&(t.trigger=this.context.triggerElements.getById(s)??this.select(`activeTriggerElement`)??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let l=()=>{let n={open:e,openChangeReason:t.reason};g(n,e,t.trigger,o()),this.update(n)};n?(this.set(`stickIfOpen`,!0),this.context.stickIfOpenTimeout.start(500,()=>{this.set(`stickIfOpen`,!1)}),ye.flushSync(l)):l(),r||i?this.set(`instantType`,r?`click`:`dismiss`):t.reason===`focus-out`?this.set(`instantType`,`focus`):this.set(`instantType`,void 0)};static useStore(t,n){let{store:r,internalStore:i}=S(t,(t,r)=>new e(n,t,r));return J.useEffect(()=>i?.disposeEffect(),[i]),r}disposeEffect=()=>this.context.stickIfOpenTimeout.disposeEffect()},Z=ce();function Q({props:e}){let{children:t,open:n,defaultOpen:i=!1,onOpenChange:a,onOpenChangeComplete:o,modal:s=!1,handle:c,triggerId:l,defaultTriggerId:u=null}=e,d=Se.useStore(c?.store,{modal:s,open:i,openProp:n,activeTriggerId:u,triggerIdProp:l});r(d,n,i,u),d.useControlledProp(`openProp`,n),d.useControlledProp(`triggerIdProp`,l);let f=d.useState(`open`),p=d.useState(`mounted`),m=d.useState(`payload`),g=k()!=null;d.useContextCallback(`onOpenChange`,a),d.useContextCallback(`onOpenChangeComplete`,o),y(d,f),oe(d);let{forceUnmount:_}=x(f,d,()=>{d.update({stickIfOpen:!0,openChangeReason:null})});d.useSyncedValues({modal:s,nested:g}),J.useEffect(()=>{f||d.context.stickIfOpenTimeout.clear()},[d,f]);let v=J.useCallback(()=>{d.setOpen(!1,h(E))},[d]);J.useImperativeHandle(e.actionsRef,()=>({unmount:_,close:v}),[_,v]);let b=f||p,S=J.useMemo(()=>({store:d}),[d]);return(0,Z.jsxs)(Y.Provider,{value:S,children:[b&&(0,Z.jsx)(we,{store:d,modal:s}),typeof t==`function`?t({payload:m}):t]})}function Ce(e){return X(!0)?(0,Z.jsx)(Q,{props:e}):(0,Z.jsx)(z,{children:(0,Z.jsx)(Q,{props:e})})}function we({store:e,modal:t}){let n=U(e.useState(`floatingRootContext`),{outsidePressEvent:{mouse:t===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}});return s(e,{activeTriggerProps:n.reference??w,inactiveTriggerProps:n.trigger??w,popupProps:J.useMemo(()=>G(p,n.floating),[n.floating])}),null}var Te=J.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:s=!0,handle:c,payload:l,openOnHover:u=!1,delay:d=300,closeDelay:f=0,id:p,...m}=e,h=X(!0),g=c?.store??h?.store;if(!g)throw Error(j(74));let v=M(p),y=g.useState(`isTriggerActive`,v),x=g.useState(`floatingRootContext`),S=g.useState(`isOpenedByTrigger`,v),C=g.useState(`triggerPopupId`,v),w=J.useRef(null),{registerTrigger:E,isMountedByThisTrigger:D}=o(v,w,g,{payload:l,disabled:a,openOnHover:u,closeDelay:f}),O=g.useState(`openChangeReason`),k=g.useState(`stickIfOpen`),A=g.useState(`openMethod`),P=g.useState(`focusManagerModal`),F=_(x,{enabled:!a&&x!=null&&u&&(A!==`touch`||O!==`trigger-press`),mouseOnly:!0,move:!1,handleClose:ie(),restMs:d,delay:{close:f},triggerElementRef:w,isActiveTrigger:y,isClosing:()=>g.select(`transitionStatus`)===`ending`}),I=fe(x,{enabled:x!=null,stickIfOpen:k}),L=de(()=>g.select(`open`),e=>{g.set(`openMethod`,e)}),z=g.useState(`triggerProps`,D),{getButtonProps:B,buttonRef:V}=R({disabled:a,native:s}),U={open(e){return e&&O===`trigger-press`?ae.open(e):T.open(e)}},{preFocusGuardRef:W,handlePreFocusGuardFocus:G,handleFocusTargetFocus:K}=ve(g,w),q=H(`button`,e,{state:{disabled:a,open:S},ref:[V,t,E,w],props:[I.reference,F,z,L,{[N]:``,id:v,"aria-haspopup":`dialog`,"aria-expanded":S,"aria-controls":C},m,B],stateAttributesMapping:U});return D&&!P?(0,Z.jsxs)(J.Fragment,{children:[(0,Z.jsx)(b,{ref:W,onFocus:G}),(0,Z.jsx)(J.Fragment,{children:q},v),(0,Z.jsx)(b,{ref:g.context.triggerFocusTargetRef,onFocus:K})]}):(0,Z.jsx)(J.Fragment,{children:q},v)}),$=J.createContext(void 0);function Ee(){let e=J.useContext($);if(e===void 0)throw Error(j(45));return e}var De=J.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=X();return i.useState(`mounted`)||n?(0,Z.jsx)($.Provider,{value:n,children:(0,Z.jsx)(V,{ref:t,...r})}):null}),Oe=J.createContext(void 0);function ke(){let e=J.useContext(Oe);if(!e)throw Error(j(46));return e}var Ae=J.forwardRef(function(e,t){let{render:n,className:r,style:i,anchor:a,positionMethod:o=`absolute`,side:s=`bottom`,align:c=`center`,sideOffset:l=0,alignOffset:u=0,collisionBoundary:d=`clipping-ancestors`,collisionPadding:f=5,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:h=!1,collisionAvoidance:g=re,..._}=e,{store:v}=X(),y=Ee(),b=te(),x=v.useState(`floatingRootContext`),S=v.useState(`mounted`),C=v.useState(`open`),w=v.useState(`openChangeReason`),T=v.useState(`activeTriggerElement`),E=v.useState(`modal`),O=v.useState(`openMethod`),k=v.useState(`positionerElement`),j=v.useState(`instantType`),M=v.useState(`transitionStatus`),N=v.useState(`hasViewport`),P=J.useRef(null),F=K(k,!1,!1),I=A({anchor:a,floatingRootContext:x,positionMethod:o,mounted:S,side:s,sideOffset:l,align:c,alignOffset:u,arrowPadding:p,collisionBoundary:d,collisionPadding:f,sticky:m,disableAnchorTracking:h,keepMounted:y,nodeId:b,collisionAvoidance:g,adaptiveOrigin:N?W:void 0}),L=x.useState(`domReferenceElement`);B(()=>{let e=L,t=P.current;if(e&&(P.current=e),t&&e&&e!==t){v.set(`instantType`,void 0);let e=new AbortController;return F(()=>{v.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[L,F,v]),pe(C&&E===!0&&w!==`trigger-hover`,O===`touch`,k,T);let R=J.useCallback(e=>{v.set(`positionerElement`,e)},[v]),z=ee(e,{open:C,side:I.side,align:I.align,anchorHidden:I.anchorHidden,instant:j},{styles:I.positionerStyles,transitionStatus:M,props:_,refs:[t,R],hidden:!S,inert:!C});return(0,Z.jsxs)(Oe.Provider,{value:I,children:[S&&E===!0&&w!==`trigger-hover`&&(0,Z.jsx)(ue,{ref:v.context.internalBackdropRef,inert:he(!C),cutout:T}),(0,Z.jsx)(D,{id:b,children:z})]})}),je=J.createContext(void 0);function Me(){let[e,t]=J.useState(0),n=P(()=>(t(e=>e+1),()=>{t(e=>Math.max(0,e-1))}));return{context:J.useMemo(()=>({register:n}),[n]),hasClosePart:e>0}}function Ne(e){let{value:t,children:n}=e;return(0,Z.jsx)(je.Provider,{value:t,children:n})}var Pe={...ne,...C},Fe=J.forwardRef(function(e,t){let{render:n,className:r,style:a,initialFocus:o,finalFocus:s,...c}=e,{store:l}=X(),f=ke(),m=ge(!0)!=null,{context:h,hasClosePart:g}=Me(),_=l.useState(`open`),y=l.useState(`openMethod`),b=l.useState(`instantType`),x=l.useState(`transitionStatus`),S=l.useState(`popupProps`),C=l.useState(`titleElementId`),w=l.useState(`descriptionElementId`),T=l.useState(`modal`),E=l.useState(`mounted`),D=l.useState(`openChangeReason`),k=l.useState(`activeTriggerElement`),A=l.useState(`floatingRootContext`),j=A.useState(`floatingId`),M=l.useState(`disabled`),N=l.useState(`openOnHover`),P=l.useState(`closeDelay`),F=c.id??j;u({open:_,ref:l.context.popupRef,onComplete(){_&&l.context.onOpenChangeComplete?.(!0)}}),i(A,{enabled:N&&!M,closeDelay:P});let I=o===void 0?d(l.context.popupRef):o,L=T!==!1&&g;l.useSyncedValue(`focusManagerModal`,L);let R=J.useCallback(e=>{l.set(`popupElement`,e)},[l]),z=H(`div`,e,{state:{open:_,side:f.side,align:f.align,instant:b,transitionStatus:x},ref:[t,l.context.popupRef,R],props:[S,{id:F,role:`dialog`,...p,"aria-labelledby":C,"aria-describedby":w,onKeyDown(e){m&&_e.has(e.key)&&e.stopPropagation()}},O(x),c],stateAttributesMapping:Pe});return(0,Z.jsx)(me,{context:A,openInteractionType:y,modal:L,disabled:!E||D===`trigger-hover`,initialFocus:I,returnFocus:s,restoreFocus:`popup`,previousFocusableElement:v(k)?k:void 0,nextFocusableElement:l.context.triggerFocusTargetRef,beforeContentFocusGuardRef:l.context.beforeContentFocusGuardRef,children:(0,Z.jsx)(Ne,{value:h,children:z})})});function Ie({...e}){return(0,Z.jsx)(Ce,{"data-slot":`popover`,...e})}function Le({asChild:e=!1,nativeButton:t,render:n,children:r,...i}){let a=e?(0,Z.jsx)(L,{}):void 0,o=typeof n==`function`?((e,t)=>{let{nativeButton:r,...i}=e;return n(i,t)}):n,s=!0;e&&J.isValidElement(r)&&(s=typeof r.type==`string`?r.type===`button`:!(`href`in(r.props??{})));let c=t??(e?s:!0);return(0,Z.jsx)(Te,{"data-slot":`popover-trigger`,render:a??o,nativeButton:c,...i,children:r})}function Re({asChild:e=!1,...t}){return e?(0,Z.jsx)(L,{...t}):(0,Z.jsx)(`span`,{"data-slot":`popover-anchor`,...t})}function ze({className:e,align:t=`center`,alignOffset:n=0,side:r=`bottom`,sideOffset:i=4,disablePortal:a=!1,onOpenAutoFocus:o,onInteractOutside:s,...c}){let l=(0,Z.jsx)(Ae,{align:t,alignOffset:n,side:r,sideOffset:i,className:`isolate z-50`,children:(0,Z.jsx)(Fe,{"data-slot":`popover-content`,className:le(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-72 origin-(--transform-origin) outline-hidden`,e),...c})});return a?l:(0,Z.jsx)(De,{children:l})}export{Le as i,Re as n,ze as r,Ie as t};

package/dist/showcase/assets/popover-DfGXC2pN.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-B4sKWDcN.js";import{r}from"./popover-BP4R2w67.js";e();var i=t();function a({className:e,sideOffset:t=6,style:a,...o}){return(0,i.jsx)(r,{sideOffset:t,className:n(`popover--component`,`p-(--space-xs)`,`border border-border/60 shadow-md ring-0`,e),style:a,...o})}export{a as t};

package/dist/showcase/assets/popover-menu-DGkCA4YC.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{p as t}from"./section-C_rLy6Zn.js";import{Er as n}from"./example-BsDQngs7.js";import{N as r,d as i,n as a}from"./index-B4sKWDcN.js";import{i as o,t as s}from"./popover-BP4R2w67.js";import{t as c}from"./popover-DfGXC2pN.js";import{i as l}from"./command-Dkn9XqF2.js";import{a as u,i as d,n as f,r as p,t as m}from"./command-CoiVI2_b.js";e();var h={searchPlaceholder:`Search…`,empty:`No results.`,loading:`Loading…`},g=i();function _({trigger:e,items:i,onSelect:_,open:v,onOpenChange:y,search:b=!0,searchValue:x,onSearchChange:S,loading:C=!1,header:w,footer:T,empty:E,loadingSlot:D,renderItem:O,strings:k,align:A=`start`,sideOffset:j,contentClassName:M}){let N=r(h,k);return(0,g.jsxs)(s,{open:v,onOpenChange:y,children:[(0,g.jsx)(o,{render:e}),(0,g.jsx)(c,{align:A,sideOffset:j,className:a(`popover-menu--component`,`w-56 p-0 overflow-hidden`,M),children:(0,g.jsxs)(m,{shouldFilter:!S,children:[!!w&&(0,g.jsx)(`div`,{className:`border-b border-border/60 px-control py-row-y`,children:w}),!!b&&(0,g.jsx)(l,{placeholder:N.searchPlaceholder,value:x,onValueChange:S}),(0,g.jsxs)(u,{children:[!!C&&(D??(0,g.jsxs)(`div`,{className:`flex items-center justify-center gap-space-sm py-space-xs text-muted-foreground`,children:[(0,g.jsx)(n,{className:`size-icon-sm animate-spin`,"aria-hidden":`true`}),(0,g.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,children:N.loading})]})),(0,g.jsx)(f,{children:E??N.empty}),i.length>0&&(0,g.jsx)(p,{children:i.map(e=>(0,g.jsx)(d,{value:e.searchValue??e.value,onSelect:()=>_(e),disabled:e.disabled,"data-checked":e.selected||void 0,className:`data-[checked=true]:**:[svg]:text-primary`,children:O?O(e,{isHighlighted:!1}):(0,g.jsxs)(g.Fragment,{children:[!!e.icon&&(0,g.jsx)(`span`,{className:`text-muted-foreground shrink-0`,children:e.icon}),(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,g.jsx)(t,{tag:`span`,size:`xs`,weight:e.selected?`medium`:`regular`,className:`truncate`,children:e.label}),!!e.description&&(0,g.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description})]})]})},e.value))})]}),!!T&&(0,g.jsx)(`div`,{className:`border-t border-border/60 px-control py-row-y`,children:T})]})})]})}_.displayName=`PopoverMenu`;export{_ as t};

package/dist/showcase/assets/product-empty-state-CKylTX_h.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-B4sKWDcN.js";import{t as n}from"./empty-state-B7BQDoeL.js";var r=e();function i({title:e,description:i,action:a,className:o}){return(0,r.jsx)(n,{padding:`small`,border:!0,title:e,description:i,actions:a,className:t(`product-empty-state--component bg-muted/20`,o)})}export{i as t};

package/dist/showcase/assets/product-option-action-menu-vqslODBe.js

@@ -0,0 +1 @@
+import{t as e}from"./eye-CAeo-GNe.js";import{t}from"./pencil-DdCEPDLe.js";import{m as n,v as r}from"./fixtures-ClOCQD2a.js";import{t as i}from"./trash-2-C-6T17-B.js";import{N as a,d as o,n as s}from"./index-B4sKWDcN.js";var c=o();function l({option:o,index:l=0,onSelectOption:u,onEditOption:d,onDeleteOption:f,renderOptionActions:p,menuLabel:m,className:h,strings:g}){let _=a(r,g),v=u?()=>u(o):void 0,y=d?()=>d(o):void 0,b=f?()=>f(o):void 0;return v||y||b||p?p?(0,c.jsx)(`div`,{className:s(`product-option-action-menu--component flex justify-end`,h),children:p(o,{index:l,onSelect:v,onEdit:y,onDelete:b})}):(0,c.jsx)(n,{item:o,menuLabel:m??_.actionsLabel,className:s(`product-option-action-menu--component`,h),actions:[...v?[{id:`open`,label:_.viewLabel,icon:(0,c.jsx)(e,{className:`size-3.5`}),onClick:()=>v(),variant:`ghost`}]:[],...y?[{id:`edit`,label:_.editLabel,icon:(0,c.jsx)(t,{className:`size-3.5`}),onClick:()=>y(),variant:`ghost`}]:[],...b?[{id:`delete`,label:_.deleteLabel,icon:(0,c.jsx)(i,{className:`size-3.5`}),onClick:()=>b(),variant:`destructive`}]:[]]}):null}l.displayName=`ProductOptionActionMenu`;export{l as t};

package/dist/showcase/assets/product-rows-CWy63Dk5.js

@@ -0,0 +1 @@
+import{o as e,p as t}from"./section-C_rLy6Zn.js";import{t as n}from"./arrow-right-Dk80zKWl.js";import{r}from"./example-BsDQngs7.js";import{d as i,n as a}from"./index-B4sKWDcN.js";import{c as o,i as s,n as c,r as l,t as u,u as d}from"./item-WOhHNpnr.js";var f=i(),p={neutral:`secondary`,primary:`primary`,success:`success`,warning:`warning`,error:`error`,info:`info`},m={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 h(e){return Number.isFinite(e)?Math.min(100,Math.max(0,Math.round(e))):0}function g({tone:e=`neutral`}){return(0,f.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 _({metric:e,actions:n}){let r=e.tone??`neutral`;return(0,f.jsxs)(u,{className:`product-structure-metric-row--component product-structure-card--item`,children:[(0,f.jsx)(o,{variant:`icon`,className:a(`rounded-full border`,m[r]),children:e.icon??(0,f.jsx)(g,{tone:r})}),(0,f.jsxs)(l,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(d,{children:e.label}),!!e.description&&(0,f.jsx)(s,{clamp:2,children:e.description})]}),(0,f.jsxs)(c,{className:`ml-auto shrink-0 gap-2`,children:[(0,f.jsx)(t,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),n]})]})}function v({item:t,actionFallback:i,onSelect:h,actions:_}){let v=t.tone??(t.completed?`success`:`neutral`),y=t.onSelect??h;return(0,f.jsxs)(u,{className:`product-readiness-row--component product-readiness-card--item`,children:[(0,f.jsx)(o,{variant:`icon`,className:a(`rounded-full border`,m[v]),children:(0,f.jsx)(g,{tone:v})}),(0,f.jsxs)(l,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(d,{children:t.label}),!!t.description&&(0,f.jsx)(s,{clamp:2,children:t.description})]}),!!(t.value||y||_)&&(0,f.jsxs)(c,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!t.value&&(0,f.jsx)(e,{variant:p[v],children:t.value}),!!y&&(0,f.jsx)(r,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:y,icon:n,iconPosition:`right`,children:t.actionLabel??i}),_]})]})}function y({item:e,actionFallback:i,onSelect:p,actions:h}){let _=e.tone??`neutral`,v=e.onSelect??p;return(0,f.jsxs)(u,{className:`product-operation-row--component product-operations-card--item`,children:[(0,f.jsx)(o,{variant:`icon`,className:a(`rounded-full border`,m[_]),children:(0,f.jsx)(g,{tone:_})}),(0,f.jsxs)(l,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(d,{children:e.label}),!!e.description&&(0,f.jsx)(s,{clamp:2,children:e.description})]}),!!(e.value||v||h)&&(0,f.jsxs)(c,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!e.value&&(0,f.jsx)(t,{tag:`span`,size:`xs`,weight:`semibold`,children:e.value}),!!v&&(0,f.jsx)(r,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:v,icon:n,iconPosition:`right`,children:e.actionLabel??i}),h]})]})}function b({item:i,actionLabel:p,onSelect:h,actions:_}){let v=i.tone??`neutral`,y=`values`in i?i.values:void 0;return(0,f.jsxs)(u,{className:`product-summary-row--component`,children:[(0,f.jsx)(o,{variant:`icon`,className:a(`rounded-full border`,m[v]),children:(0,f.jsx)(g,{tone:v})}),(0,f.jsxs)(l,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(d,{children:i.label}),!!i.description&&(0,f.jsx)(s,{clamp:2,children:i.description}),!!y?.length&&(0,f.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:y.map((t,n)=>(0,f.jsx)(e,{variant:`secondary`,children:t},n))})]}),!!(i.value||i.badge||h||_)&&(0,f.jsxs)(c,{className:`ml-auto shrink-0 flex-wrap justify-end gap-2`,children:[!!i.value&&(0,f.jsx)(t,{tag:`span`,size:`xs`,weight:`semibold`,children:i.value}),!!i.badge&&i.badge,!!h&&(0,f.jsx)(r,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:h,icon:n,iconPosition:`right`,children:p}),_]})]})}export{m as a,b as i,v as n,h as o,_ as r,y as t};

package/dist/showcase/assets/product-structure-card-EJY038tP.js

@@ -0,0 +1 @@
+import{p as e}from"./section-C_rLy6Zn.js";import{t}from"./arrow-right-Dk80zKWl.js";import{r as n}from"./example-BsDQngs7.js";import{t as r}from"./eye-CAeo-GNe.js";import{t as i}from"./layers-hYbCFSpT.js";import{t as a}from"./package-check-Nqr5Lv95.js";import{t as o}from"./pencil-DdCEPDLe.js";import{t as s}from"./plus-Dp_nZNjk.js";import{t as c}from"./receipt-text-C9BMAbTL.js";import{t as l}from"./shield-check-CNudpzdR.js";import{C as u,S as d,T as f,_ as p,m,w as h}from"./fixtures-ClOCQD2a.js";import{t as g}from"./trash-2-C-6T17-B.js";import{N as _,d as v,n as y,s as b}from"./index-B4sKWDcN.js";import{t as x}from"./smart-card-CwDYx0xj.js";import{o as S}from"./item-WOhHNpnr.js";import{t as C}from"./progress-D19PRprP.js";import{t as w}from"./inline-stat-C9Syz6in.js";import{t as T}from"./product-empty-state-CKylTX_h.js";import{i as E,n as D,o as O,r as k,t as A}from"./product-rows-CWy63Dk5.js";var j=v();function M({items:e=[],onCreateOperation:t,onSelectOperation:r,onEditOperation:i,onDeleteOperation:c,renderOperationActions:l,actions:u,footerSlot:d,renderItem:f,empty:h,className:v,strings:b}){let C=_(p,b),w=t?(0,j.jsx)(n,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:s,children:C.createLabel}):void 0;return(0,j.jsx)(x,{icon:(0,j.jsx)(a,{className:`size-4`}),title:C.title,description:C.description,actions:u,headerAction:w,footerSlot:d,contentClassName:`mt-1`,className:y(`product-operations-card--component w-full`,v),children:e.length===0?h??(0,j.jsx)(T,{title:C.emptyTitle,description:C.emptyDescription,action:t?(0,j.jsx)(n,{type:`button`,onClick:t,icon:s,children:C.createLabel}):void 0}):(0,j.jsx)(S,{children:e.map((e,t)=>{let n=r?()=>r(e):void 0,a=i?()=>i(e):void 0,s=c?()=>c(e):void 0,u=[...a?[{id:`edit`,label:C.editLabel,icon:(0,j.jsx)(o,{className:`size-3.5`}),onClick:()=>a(),variant:`ghost`}]:[],...s?[{id:`delete`,label:C.deleteLabel,icon:(0,j.jsx)(g,{className:`size-3.5`}),onClick:()=>s(),variant:`destructive`}]:[]],d=l?l(e,{index:t,onSelect:n,onEdit:a,onDelete:s}):(0,j.jsx)(m,{item:e,actions:u,menuLabel:C.actionsLabel});return f?(0,j.jsx)(`div`,{children:f(e,t)},e.id):(0,j.jsx)(A,{item:e,actionFallback:C.actionLabel,onSelect:n,actions:d},e.id)})})})}M.displayName=`ProductOperationsCard`;function N({policies:e=[],onCreatePolicy:t,onSelectPolicy:r,onEditPolicy:i,onDeletePolicy:a,renderPolicyActions:c,actions:u,footerSlot:f,renderPolicy:p,empty:h,className:v,strings:b}){let C=_(d,b),w=t?(0,j.jsx)(n,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:s,children:C.createLabel}):void 0;return(0,j.jsx)(x,{icon:(0,j.jsx)(l,{className:`size-4`}),title:C.title,description:C.description,actions:u,headerAction:w,footerSlot:f,contentClassName:`mt-1`,className:y(`product-policies-card--component w-full`,v),children:e.length===0?h??(0,j.jsx)(T,{title:C.emptyTitle,description:C.emptyDescription,action:t?(0,j.jsx)(n,{type:`button`,onClick:t,icon:s,children:C.createLabel}):void 0}):(0,j.jsx)(S,{children:e.map((e,t)=>(()=>{let n=r?()=>r(e):void 0,s=i?()=>i(e):void 0,l=a?()=>a(e):void 0,u=[...s?[{id:`edit`,label:C.editLabel,icon:(0,j.jsx)(o,{className:`size-3.5`}),onClick:()=>s(),variant:`ghost`}]:[],...l?[{id:`delete`,label:C.deleteLabel,icon:(0,j.jsx)(g,{className:`size-3.5`}),onClick:()=>l(),variant:`destructive`}]:[]],d=c?c(e,{index:t,onSelect:n,onEdit:s,onDelete:l}):(0,j.jsx)(m,{item:e,actions:u,menuLabel:C.actionsLabel});return p?(0,j.jsx)(`div`,{children:p(e,t)},e.id):(0,j.jsx)(E,{item:e,actionLabel:C.viewLabel,onSelect:n,actions:d},e.id)})())})})}N.displayName=`ProductPoliciesCard`;function P({lines:i=[],subtotal:a,tax:l,discount:d,total:f,onOpenQuote:p,onCreateLine:h,onSelectLine:v,onEditLine:b,onDeleteLine:S,renderLineActions:C,actions:E,footerSlot:D,empty:O,className:k,strings:A}){let M=_(u,A),N=h||p?(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!h&&(0,j.jsx)(n,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:h,icon:s,children:M.createLineLabel}),!!p&&(0,j.jsx)(n,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:p,icon:t,iconPosition:`right`,children:M.actionLabel})]}):void 0;return(0,j.jsx)(x,{icon:(0,j.jsx)(c,{className:`size-4`}),title:M.title,description:M.description,actions:E,headerAction:N,footerSlot:D,contentClassName:`mt-1`,className:y(`product-quote-preview-card--component w-full`,k),children:i.length===0?O??(0,j.jsx)(T,{title:M.emptyTitle,description:M.emptyDescription,action:h?(0,j.jsx)(n,{type:`button`,onClick:h,icon:s,children:M.createLineLabel}):void 0}):(0,j.jsxs)(`div`,{className:`space-y-3`,children:[(0,j.jsx)(`div`,{className:`space-y-2`,children:i.map((t,n)=>{let i=v?()=>v(t):void 0,a=b?()=>b(t):void 0,s=S?()=>S(t):void 0,c=[...i?[{id:`open`,label:M.viewLineLabel,icon:(0,j.jsx)(r,{className:`size-3.5`}),onClick:()=>i(),variant:`ghost`}]:[],...a?[{id:`edit`,label:M.editLineLabel,icon:(0,j.jsx)(o,{className:`size-3.5`}),onClick:()=>a(),variant:`ghost`}]:[],...s?[{id:`delete`,label:M.deleteLineLabel,icon:(0,j.jsx)(g,{className:`size-3.5`}),onClick:()=>s(),variant:`destructive`}]:[]],l=C?C(t,{index:n,onSelect:i,onEdit:a,onDelete:s}):(0,j.jsx)(m,{item:t,actions:c,menuLabel:M.lineActionsLabel});return(0,j.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border border-border bg-muted/20 px-3 py-2`,children:[(0,j.jsxs)(`div`,{className:`min-w-0`,children:[(0,j.jsx)(e,{weight:`semibold`,className:`truncate`,children:t.label}),!!t.description&&(0,j.jsx)(e,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t.description}),!!t.quantity&&(0,j.jsx)(e,{size:`xs`,type:`secondary`,className:`mt-1`,children:t.quantity})]}),(0,j.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,j.jsx)(e,{weight:`semibold`,className:`tabular-nums`,children:t.amount}),l]})]},t.id)})}),(0,j.jsxs)(`div`,{className:`space-y-1.5 rounded-md bg-muted/30 px-3 py-2.5`,children:[a!==void 0&&(0,j.jsx)(w,{label:M.subtotalLabel,value:a,mono:!0}),l!==void 0&&(0,j.jsx)(w,{label:M.taxLabel,value:l,mono:!0}),d!==void 0&&(0,j.jsx)(w,{label:M.discountLabel,value:d,mono:!0,valueClassName:`text-success`}),(0,j.jsx)(w,{label:M.totalLabel,value:f??`-`,mono:!0,labelClassName:`font-semibold`,valueClassName:`font-semibold`})]})]})})}P.displayName=`ProductQuotePreviewCard`;function F({items:t=[],score:r,scoreLabel:i,summary:a,onCreateReadinessItem:c,onSelectReadinessItem:l,onEditReadinessItem:u,onDeleteReadinessItem:d,renderReadinessItemActions:f,actions:p,footerSlot:v,renderItem:w,empty:E,className:k,strings:A}){let M=_(h,A),N=r===void 0?void 0:O(r),P=c?(0,j.jsx)(n,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:c,icon:s,children:M.createLabel}):void 0;return(0,j.jsxs)(x,{icon:(0,j.jsx)(b,{className:`size-4`}),title:M.title,description:M.description,actions:p,headerAction:P,footerSlot:v,contentClassName:`mt-1`,className:y(`product-readiness-card--component w-full`,k),children:[N!==void 0&&(0,j.jsxs)(`div`,{className:`mb-3 rounded-md border border-border bg-muted/20 px-3 py-2.5`,children:[(0,j.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,j.jsx)(e,{size:`xs`,type:`secondary`,children:i??M.scoreLabel}),(0,j.jsxs)(e,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[N,`%`]})]}),(0,j.jsx)(C,{value:N,"aria-label":typeof i==`string`?i:M.progressLabel,"aria-valuetext":`${N}%`,className:`h-1.5`})]}),!!a&&(0,j.jsx)(e,{size:`xs`,type:`secondary`,className:`mb-3 leading-relaxed`,children:a}),t.length===0?E??(0,j.jsx)(T,{title:M.emptyTitle,description:M.emptyDescription,action:c?(0,j.jsx)(n,{type:`button`,onClick:c,icon:s,children:M.createLabel}):void 0}):(0,j.jsx)(S,{children:t.map((e,t)=>{let n=l?()=>l(e):void 0,r=u?()=>u(e):void 0,i=d?()=>d(e):void 0,a=[...r?[{id:`edit`,label:M.editLabel,icon:(0,j.jsx)(o,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:M.deleteLabel,icon:(0,j.jsx)(g,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]],s=f?f(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,j.jsx)(m,{item:e,actions:a,menuLabel:M.actionsLabel});return w?(0,j.jsx)(`div`,{children:w(e,t)},e.id):(0,j.jsx)(D,{item:e,actionFallback:M.actionLabel,onSelect:n,actions:s},e.id)})})]})}F.displayName=`ProductReadinessCard`;function I({metrics:e=[],onCreateMetric:t,onSelectMetric:a,onEditMetric:c,onDeleteMetric:l,renderMetricActions:u,actions:d,footerSlot:p,empty:h,className:v,strings:b}){let C=_(f,b),w=t?(0,j.jsx)(n,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:s,children:C.createLabel}):void 0;return(0,j.jsx)(x,{icon:(0,j.jsx)(i,{className:`size-4`}),title:C.title,description:C.description,actions:d,headerAction:w,footerSlot:p,contentClassName:`mt-1`,className:y(`product-structure-card--component w-full`,v),children:e.length===0?h??(0,j.jsx)(T,{title:C.emptyTitle,description:C.emptyDescription,action:t?(0,j.jsx)(n,{type:`button`,onClick:t,icon:s,children:C.createLabel}):void 0}):(0,j.jsx)(S,{children:e.map((e,t)=>{let n=a?()=>a(e):void 0,i=c?()=>c(e):void 0,s=l?()=>l(e):void 0,d=[...n?[{id:`open`,label:C.viewLabel,icon:(0,j.jsx)(r,{className:`size-3.5`}),onClick:()=>n(),variant:`ghost`}]:[],...i?[{id:`edit`,label:C.editLabel,icon:(0,j.jsx)(o,{className:`size-3.5`}),onClick:()=>i(),variant:`ghost`}]:[],...s?[{id:`delete`,label:C.deleteLabel,icon:(0,j.jsx)(g,{className:`size-3.5`}),onClick:()=>s(),variant:`destructive`}]:[]];return(0,j.jsx)(k,{metric:e,actions:u?u(e,{index:t,onSelect:n,onEdit:i,onDelete:s}):(0,j.jsx)(m,{item:e,actions:d,menuLabel:C.actionsLabel})},e.id)})})})}I.displayName=`ProductStructureCard`;export{M as a,N as i,F as n,P as r,I as t};

package/dist/showcase/assets/product-variant-action-menu-CnRJscP3.js

@@ -0,0 +1 @@
+import{Dr as e}from"./example-BsDQngs7.js";import{t}from"./eye-CAeo-GNe.js";import{t as n}from"./pencil-DdCEPDLe.js";import{E as r,m as i}from"./fixtures-ClOCQD2a.js";import{t as a}from"./trash-2-C-6T17-B.js";import{N as o,d as s,n as c}from"./index-B4sKWDcN.js";var l=s();function u({variant:s,index:u=0,onSelectVariant:d,onEditVariant:f,onDuplicateVariant:p,onDeleteVariant:m,renderVariantActions:h,menuLabel:g,className:_,strings:v}){let y=o(r,v),b=d?()=>d(s):void 0,x=f?()=>f(s):void 0,S=p?()=>p(s):void 0,C=m?()=>m(s):void 0;return b||x||S||C||h?h?(0,l.jsx)(`div`,{className:c(`product-variant-action-menu--component flex justify-end`,_),children:h(s,{index:u,onSelect:b,onEdit:x,onDuplicate:S,onDelete:C})}):(0,l.jsx)(i,{item:s,menuLabel:g??y.actionsLabel,className:c(`product-variant-action-menu--component`,_),actions:[...b?[{id:`open`,label:y.viewLabel,icon:(0,l.jsx)(t,{className:`size-3.5`}),onClick:()=>b(),variant:`ghost`}]:[],...x?[{id:`edit`,label:y.editLabel,icon:(0,l.jsx)(n,{className:`size-3.5`}),onClick:()=>x(),variant:`ghost`}]:[],...S?[{id:`duplicate`,label:y.duplicateLabel,icon:(0,l.jsx)(e,{className:`size-3.5`}),onClick:()=>S(),variant:`ghost`}]:[],...C?[{id:`delete`,label:y.deleteLabel,icon:(0,l.jsx)(a,{className:`size-3.5`}),onClick:()=>C(),variant:`destructive`}]:[]]}):null}u.displayName=`ProductVariantActionMenu`;export{u as t};

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

@@ -0,0 +1,61 @@
+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"./arrow-right-Dk80zKWl.js";import{t as s}from"./box-BoFEAPr6.js";import{r as c,t as l}from"./example-BsDQngs7.js";import{t as u}from"./eye-CAeo-GNe.js";import{t as d}from"./file-text-C59ToXmU.js";import{t as f}from"./list-checks-CUXbiTmk.js";import{t as p}from"./pencil-DdCEPDLe.js";import{t as m}from"./plus-Dp_nZNjk.js";import{b as h,c as g,g as _,h as v,j as y,m as b,r as x,s as S,t as C,x as w}from"./fixtures-ClOCQD2a.js";import{t as T}from"./trash-2-C-6T17-B.js";import{N as E,d as D,i as O,n as k}from"./index-B4sKWDcN.js";import{t as A}from"./props-table-aynAz90t.js";import{t as j}from"./smart-card-CwDYx0xj.js";import{o as M}from"./item-WOhHNpnr.js";import{t as N}from"./metadata-list-C6CF85o9.js";import{t as P}from"./product-empty-state-CKylTX_h.js";import{a as F,i as I}from"./product-rows-CWy63Dk5.js";import{t as L}from"./product-option-action-menu-vqslODBe.js";import{a as R,i as z,n as B,r as V,t as H}from"./product-structure-card-EJY038tP.js";import{t as ee}from"./product-variant-action-menu-CnRJscP3.js";var U=D();function te({metric:e}){let t=e.tone??`neutral`;return(0,U.jsxs)(`div`,{className:k(`product-metric-tile--component rounded-md border px-3 py-2.5`,F[t]),children:[(0,U.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,U.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,U.jsx)(i,{size:`xs`,type:t===`neutral`?`secondary`:`main`,className:`truncate`,children:e.label}),(0,U.jsx)(i,{weight:`semibold`,className:`tabular-nums`,children:e.value})]}),`icon`in e&&!!e.icon&&(0,U.jsx)(`div`,{className:`shrink-0 opacity-80`,children:e.icon})]}),!!e.description&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1.5 leading-snug`,children:e.description})]})}function W({metrics:e=[],terms:t=[],rules:n=[],onOpenContract:r,onEditContract:a,onCreateRule:s,onSelectRule:l,onEditRule:f,onDeleteRule:h,renderRuleActions:g,actions:_,footerSlot:y,empty:x,className:S,strings:C}){let w=E(v,C),D=e.length>0||t.length>0||n.length>0,O=r||a||s?(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!s&&(0,U.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:s,icon:m,children:w.createRuleLabel}),!!a&&(0,U.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:a,icon:p,children:w.editLabel}),!!r&&(0,U.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:r,icon:o,iconPosition:`right`,children:w.actionLabel})]}):void 0;return(0,U.jsx)(j,{icon:(0,U.jsx)(d,{className:`size-4`}),title:w.title,description:w.description,actions:_,headerAction:O,footerSlot:y,contentClassName:`mt-1`,className:k(`product-contract-overview--component w-full`,S),children:D?(0,U.jsxs)(`div`,{className:`space-y-4`,children:[e.length>0&&(0,U.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>(0,U.jsx)(te,{metric:e},e.id))}),t.length>0&&(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(i,{size:`xs`,weight:`semibold`,children:w.termsTitle}),(0,U.jsx)(N,{items:t,columns:2,dense:!0})]}),n.length>0&&(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(i,{size:`xs`,weight:`semibold`,children:w.rulesTitle}),(0,U.jsx)(M,{children:n.map((e,t)=>{let n=l?()=>l(e):void 0,r=f?()=>f(e):void 0,i=h?()=>h(e):void 0,a=[...n?[{id:`open`,label:w.viewRuleLabel,icon:(0,U.jsx)(u,{className:`size-3.5`}),onClick:()=>n(),variant:`ghost`}]:[],...r?[{id:`edit`,label:w.editRuleLabel,icon:(0,U.jsx)(p,{className:`size-3.5`}),onClick:()=>r(),variant:`ghost`}]:[],...i?[{id:`delete`,label:w.deleteRuleLabel,icon:(0,U.jsx)(T,{className:`size-3.5`}),onClick:()=>i(),variant:`destructive`}]:[]];return(0,U.jsx)(I,{item:e,actions:g?g(e,{index:t,onSelect:n,onEdit:r,onDelete:i}):(0,U.jsx)(b,{item:e,actions:a,menuLabel:w.ruleActionsLabel})},e.id)})})]})]}):x??(0,U.jsx)(P,{title:w.emptyTitle,description:w.emptyDescription,action:s?(0,U.jsx)(c,{type:`button`,onClick:s,icon:m,children:w.createRuleLabel}):void 0})})}W.displayName=`ProductContractOverview`;function G({title:e,description:t,metadata:n=[],media:r,onEditDetails:i,actions:a,headerEnd:o,footerSlot:l,empty:u,className:d,strings:f}){let m=E(_,f),h=i?(0,U.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:i,icon:p,children:m.editLabel}):void 0;return(0,U.jsx)(j,{icon:(0,U.jsx)(s,{className:`size-4`}),title:e??m.title,description:t===!1?void 0:t??m.description,actions:a,headerAction:h,headerEnd:o,footerSlot:l,contentClassName:`mt-1`,className:k(`product-details-card--component w-full`,d),children:n.length===0?u??(0,U.jsx)(P,{title:m.emptyTitle,description:m.emptyDescription}):(0,U.jsx)(`div`,{className:`@container/product-details`,children:(0,U.jsxs)(`div`,{className:k(`grid gap-4`,r&&`@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]`),children:[!!r&&(0,U.jsx)(`div`,{className:`product-details-card--media overflow-hidden rounded-md border border-border bg-muted/30`,children:r}),(0,U.jsx)(N,{items:n,columns:r?1:2,dense:!0,className:`min-w-0`,valueClassName:`break-words`})]})})})}G.displayName=`ProductDetailsCard`;function K({options:e=[],onManageOptions:t,onCreateOption:n,onSelectOption:r,onEditOption:i,onDeleteOption:a,renderOptionActions:o,actions:s,footerSlot:l,renderOption:u,empty:d,className:f,strings:p}){let g=E(h,p),_=!!(r||i||a||o),v=[...s??[],...n&&t?[{id:`manage-options`,label:g.manageLabel,icon:(0,U.jsx)(O,{className:`size-3.5`}),onClick:t}]:[]],y=n||t?(0,U.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:n??t,icon:n?m:O,children:n?g.createLabel:g.manageLabel}):void 0;return(0,U.jsx)(j,{icon:(0,U.jsx)(O,{className:`size-4`}),title:g.title,description:g.description,actions:v.length>0?v:void 0,headerAction:y,footerSlot:l,contentClassName:`mt-1`,className:k(`product-options-summary--component w-full`,f),children:e.length===0?d??(0,U.jsx)(P,{title:g.emptyTitle,description:g.emptyDescription,action:n?(0,U.jsx)(c,{type:`button`,onClick:n,icon:m,children:g.createLabel}):void 0}):(0,U.jsx)(M,{children:e.map((e,t)=>(()=>{let n=_?(0,U.jsx)(L,{option:e,index:t,onSelectOption:r,onEditOption:i,onDeleteOption:a,renderOptionActions:o,menuLabel:g.actionsLabel,strings:{viewLabel:g.viewLabel,editLabel:g.editLabel,deleteLabel:g.deleteLabel,actionsLabel:g.actionsLabel}}):void 0;return u?(0,U.jsx)(`div`,{children:u(e,t)},e.id):(0,U.jsx)(I,{item:e,actions:n},e.id)})())})})}K.displayName=`ProductOptionsSummary`;function q({label:e,children:t,className:n,textClassName:r,weight:a}){return(0,U.jsxs)(`div`,{className:k(`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,U.jsx)(i,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide lg:sr-only`,children:e}),(0,U.jsx)(i,{size:`xs`,type:`secondary`,weight:a,className:k(`truncate`,r),children:t})]})}function J({variants:e=[],onCreateVariant:t,onSelectVariant:n,onEditVariant:a,onDuplicateVariant:o,onDeleteVariant:s,renderVariantActions:l,actions:u,footerSlot:d,empty:p,className:h,strings:g}){let _=E(y,g),v=!!(n||a||o||s||l),b=`lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]`,x=t?(0,U.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:t,icon:m,children:_.createLabel}):void 0;return(0,U.jsx)(j,{icon:(0,U.jsx)(f,{className:`size-4`}),title:_.title,description:_.description,actions:u,headerAction:x,footerSlot:d,contentClassName:`mt-1`,className:k(`product-variants-table--component w-full`,h),children:e.length===0?p??(0,U.jsx)(P,{title:_.emptyTitle,description:_.emptyDescription,action:t?(0,U.jsx)(c,{type:`button`,onClick:t,icon:m,children:_.createLabel}):void 0}):(0,U.jsx)(`div`,{className:`product-variants-table--table rounded-md border border-border`,children:(0,U.jsxs)(`div`,{className:`lg:min-w-136`,children:[(0,U.jsxs)(`div`,{className:k(`hidden gap-3 border-b border-border bg-muted/40 px-3 py-2 lg:grid`,b),children:[(0,U.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:_.headers.variant}),(0,U.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:_.headers.price}),(0,U.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:_.headers.inventory}),(0,U.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:_.headers.sku}),(0,U.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,type:`secondary`,children:_.headers.updated})]}),(0,U.jsx)(`div`,{className:`divide-y divide-border`,children:e.map((e,t)=>(0,U.jsxs)(`div`,{className:k(`grid gap-2 px-3 py-3 lg:items-center lg:gap-3 lg:py-2.5`,b),children:[(0,U.jsx)(`div`,{className:`min-w-0`,children:(0,U.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[(0,U.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,U.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,U.jsx)(i,{weight:`semibold`,className:`truncate`,children:e.name}),!!e.status&&(0,U.jsx)(r,{variant:e.statusVariant??`secondary`,children:e.status})]}),!!e.description&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!(e.options?.length||e.channels)&&(0,U.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-1`,children:[e.options?.map((e,t)=>(0,U.jsx)(r,{variant:`secondary`,children:e},t)),!!e.channels&&(0,U.jsxs)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`pl-1`,children:[_.headers.channels,`: `,e.channels]})]})]}),!!v&&(0,U.jsx)(ee,{variant:e,index:t,onSelectVariant:n,onEditVariant:a,onDuplicateVariant:o,onDeleteVariant:s,renderVariantActions:l,menuLabel:_.headers.actions,className:`shrink-0`,strings:{viewLabel:_.viewLabel,editLabel:_.editLabel,duplicateLabel:_.duplicateLabel,deleteLabel:_.deleteLabel,actionsLabel:_.headers.actions}})]})}),(0,U.jsx)(q,{label:_.headers.price,weight:`semibold`,textClassName:`tabular-nums text-foreground`,children:e.price??`-`}),(0,U.jsx)(q,{label:_.headers.inventory,textClassName:`tabular-nums`,children:e.inventory??`-`}),(0,U.jsx)(q,{label:_.headers.sku,textClassName:`tabular-nums`,children:e.sku??`-`}),(0,U.jsx)(q,{label:_.headers.updated,children:e.updatedAt??`-`})]},e.id))})]})})})}J.displayName=`ProductVariantsTable`;function Y({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=E(w,p),h=!!(i||a||o||s||c||l?.railTop||l?.railBottom);return(0,U.jsxs)(`div`,{className:k(`product-overview--component @container/product-overview space-y-4`,u),children:[l?.before,(0,U.jsxs)(`div`,{className:k(`grid gap-4`,h&&`@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]`),children:[(0,U.jsxs)(`section`,{"aria-label":m.mainLabel,className:k(`product-overview--main min-w-0 space-y-4`,d),children:[l?.mainTop,!!e&&(0,U.jsx)(G,{...e}),!!t&&(0,U.jsx)(W,{...t}),!!n&&(0,U.jsx)(K,{...n}),!!r&&(0,U.jsx)(J,{...r}),l?.mainBottom]}),!!h&&(0,U.jsxs)(`aside`,{"aria-label":m.railLabel,className:k(`product-overview--rail min-w-0 space-y-4`,f),children:[l?.railTop,!!i&&(0,U.jsx)(B,{...i}),!!a&&(0,U.jsx)(H,{...a}),!!o&&(0,U.jsx)(R,{...o}),!!s&&(0,U.jsx)(V,{...s}),!!c&&(0,U.jsx)(z,{...c}),l?.railBottom]})]}),l?.after]})}Y.displayName=`ProductOverview`;function X({className:e,...t}){return(0,U.jsx)(Y,{...t,className:k(`products--component`,e)})}X.displayName=`Products`;var ne=e({ProductEditor:()=>Z});function Z(){let e=S(),n=g();return(0,U.jsx)(x,{children:(0,U.jsxs)(`div`,{className:`w-full rounded-lg border border-border bg-muted/20 p-4`,children:[(0,U.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,U.jsxs)(`div`,{className:`min-w-0 space-y-3`,children:[(0,U.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,U.jsx)(r,{variant:`success`,children:`Active`}),(0,U.jsx)(r,{variant:`info`,children:`3 variants`}),(0,U.jsx)(r,{variant:`warning`,children:`2 review items`})]}),(0,U.jsxs)(`div`,{children:[(0,U.jsx)(t,{tag:`h2`,className:`border-none pb-0`,children:`Balsamic tasting set`}),(0,U.jsx)(i,{type:`secondary`,className:`mt-1 max-w-3xl`,children:`Product editor composed from product details, options, variants, readiness, operations, and quote cards.`})]}),(0,U.jsx)(C,{})]}),(0,U.jsxs)(`div`,{className:`flex shrink-0 flex-wrap gap-2`,children:[(0,U.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,children:`Preview`}),(0,U.jsx)(c,{children:`Save product`})]})]}),(0,U.jsx)(X,{details:e.details,contract:e.contract,options:e.options,variants:e.variants,readiness:n.readiness,structure:n.structure,operations:n.operations,quote:n.quote,policies:n.policies})]})})}var re=`import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { Heading, Text } from '@/components/typography';
+import { Products } from '@/components/features/products';
+
+import {
+	ProductHeaderMetadata,
+	ProductPreviewViewport,
+	productOverviewProps,
+	railProps,
+} from './fixtures';
+
+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">
+								Product editor composed from product details, options, variants, readiness, operations, and quote cards.
+							</Text>
+						</div>
+						<ProductHeaderMetadata />
+					</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>
+	);
+}
+`;function Q(e){let t={a:`a`,h4:`h4`,li:`li`,ul:`ul`,...e.components};return ne||$(`Examples`,!1),Z||$(`Examples.ProductEditor`,!0),(0,U.jsxs)(n,{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,U.jsx)(a,{title:`Child pages`,id:`child-pages`,children:(0,U.jsxs)(t.ul,{children:[`
+`,(0,U.jsxs)(t.li,{children:[(0,U.jsx)(t.a,{href:`#/features/products/variant-management`,children:`Variant management`}),` — option matrix, editable generated variants, bulk actions, and table controls.`]}),`
+`,(0,U.jsxs)(t.li,{children:[(0,U.jsx)(t.a,{href:`#/features/products/variant-details`,children:`Variant details and editor`}),` — variant detail surface and form editor.`]}),`
+`,(0,U.jsxs)(t.li,{children:[(0,U.jsx)(t.a,{href:`#/features/products/actions`,children:`Action menus`}),` — option and variant action menu contracts.`]}),`
+`,(0,U.jsxs)(t.li,{children:[(0,U.jsx)(t.a,{href:`#/features/products/support-rail`,children:`Support rail`}),` — readiness, structure, operations, quote, and policy cards.`]}),`
+`]})}),(0,U.jsx)(a,{title:`Full editor`,id:`full-editor`,children:(0,U.jsx)(l,{name:`ProductEditor`,source:re,children:(0,U.jsx)(Z,{})})}),(0,U.jsxs)(a,{title:`API`,id:`api`,children:[(0,U.jsx)(t.h4,{children:`ProductOverview`}),(0,U.jsx)(A,{component:`ProductOverview`}),(0,U.jsx)(t.h4,{children:`Products`}),(0,U.jsx)(A,{component:`Products`}),(0,U.jsx)(t.h4,{children:`ProductDetailsCard`}),(0,U.jsx)(A,{component:`ProductDetailsCard`}),(0,U.jsx)(t.h4,{children:`ProductReadinessCard`}),(0,U.jsx)(A,{component:`ProductReadinessCard`}),(0,U.jsx)(t.h4,{children:`ProductStructureCard`}),(0,U.jsx)(A,{component:`ProductStructureCard`}),(0,U.jsx)(t.h4,{children:`ProductOperationsCard`}),(0,U.jsx)(A,{component:`ProductOperationsCard`}),(0,U.jsx)(t.h4,{children:`ProductContractOverview`}),(0,U.jsx)(A,{component:`ProductContractOverview`}),(0,U.jsx)(t.h4,{children:`ProductOptionsSummary`}),(0,U.jsx)(A,{component:`ProductOptionsSummary`}),(0,U.jsx)(t.h4,{children:`ProductQuotePreviewCard`}),(0,U.jsx)(A,{component:`ProductQuotePreviewCard`}),(0,U.jsx)(t.h4,{children:`ProductPoliciesCard`}),(0,U.jsx)(A,{component:`ProductPoliciesCard`})]})]})}function ie(e={}){let{wrapper:t}=e.components||{};return t?(0,U.jsx)(t,{...e,children:(0,U.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{ie as default};

package/dist/showcase/assets/progress-D19PRprP.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-BsDQngs7.js";import{d as o,n as s}from"./index-B4sKWDcN.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-UbtWRfF2.js

@@ -0,0 +1,18 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./example-BsDQngs7.js";import{d as i}from"./index-B4sKWDcN.js";import{t as a}from"./progress-D19PRprP.js";import{t as o}from"./PreviewLayout-CE0fmzoc.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/progress-twHfoY8k.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-C_rLy6Zn.js";import{t as n}from"./example-BsDQngs7.js";import{t as r,u 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),i||d(`Examples.ProgressExample`,!0),(0,c.jsxs)(e,{title:`Progress`,description:`Base progress wrapper for completion, quota, and loading indicators.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/progress`,children:[(0,c.jsx)(t,{title:`Examples`,id:`examples`,children:(0,c.jsx)(n,{name:`ProgressExample`,source:r,children:(0,c.jsx)(i,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`Progress`})})]})}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/props-table-aynAz90t.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-C_rLy6Zn.js";import{d as o,n as s}from"./index-B4sKWDcN.js";var c=e(t(),1),l=``+new URL(`props.generated-IUhT2lh_.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-space-sm md:hidden`,children:v.map(e=>(0,u.jsxs)(`div`,{className:`props-table--card rounded-md border border-border bg-background p-surface-sm`,children:[(0,u.jsxs)(`div`,{className:`props-table--card-header flex flex-wrap items-start justify-between gap-x-space-md gap-y-space-xs`,children:[(0,u.jsxs)(i,{size:`sm`,weight:`semibold`,className:`props-table--prop min-w-32 flex-1 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 min-w-0 max-w-full break-words font-mono`,children:e.defaultValue??`—`})]}),(0,u.jsxs)(`div`,{className:`props-table--card-body mt-space-md grid gap-space-sm`,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-space-xs 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-space-xs`,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};