admin-ui-starter-kit 0.7.0 → 0.7.1

package/dist/showcase/assets/avatar-Ca3to6dB.js

@@ -0,0 +1,57 @@
+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,t as u}from"./avatar-Dba0yVei.js";import{n as d}from"./PreviewLayout-CE0fmzoc.js";var f=e({Group:()=>_,Sizes:()=>m,WithBadge:()=>g,WithImageFallback:()=>h}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{size:`sm`,children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`MD`})}),(0,p.jsx)(u,{size:`lg`,children:(0,p.jsx)(l,{children:`LG`})})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=1`}),(0,p.jsx)(l,{children:`U1`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=12`}),(0,p.jsx)(l,{children:`U2`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`/__missing__.png`}),(0,p.jsx)(l,{children:`JD`})]})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{children:`EM`}),(0,p.jsx)(s,{className:`bg-info`,children:``})]}),(0,p.jsxs)(u,{size:`lg`,children:[(0,p.jsx)(l,{children:`SP`}),(0,p.jsx)(s,{className:`bg-warning`,children:``})]})]})})}function _(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(o,{children:[(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`VP`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`KD`})}),(0,p.jsx)(a,{children:`+3`})]})})}var v=`import { Avatar, AvatarFallback, AvatarImage, AvatarGroup, AvatarGroupCount, AvatarBadge } from '@/components/ui/avatar';
+import { Row } from '../../PreviewLayout';
+
+export function Sizes() {
+	return (
+		<>
+			<Row>
+								<Avatar size="sm"><AvatarFallback>SM</AvatarFallback></Avatar>
+								<Avatar><AvatarFallback>MD</AvatarFallback></Avatar>
+								<Avatar size="lg"><AvatarFallback>LG</AvatarFallback></Avatar>
+							</Row>
+		</>
+	);
+}
+
+export function WithImageFallback() {
+	return (
+		<>
+			<Row>
+								<Avatar><AvatarImage src="https://i.pravatar.cc/64?img=1" /><AvatarFallback>U1</AvatarFallback></Avatar>
+								<Avatar><AvatarImage src="https://i.pravatar.cc/64?img=12" /><AvatarFallback>U2</AvatarFallback></Avatar>
+								<Avatar><AvatarImage src="/__missing__.png" /><AvatarFallback>JD</AvatarFallback></Avatar>
+							</Row>
+		</>
+	);
+}
+
+export function WithBadge() {
+	return (
+		<>
+			<Row>
+								<Avatar>
+									<AvatarFallback>EM</AvatarFallback>
+									<AvatarBadge className="bg-info">{''}</AvatarBadge>
+								</Avatar>
+								<Avatar size="lg">
+									<AvatarFallback>SP</AvatarFallback>
+									<AvatarBadge className="bg-warning">{''}</AvatarBadge>
+								</Avatar>
+							</Row>
+		</>
+	);
+}
+
+export function Group() {
+	return (
+		<>
+			<AvatarGroup>
+								<Avatar><AvatarFallback>VP</AvatarFallback></Avatar>
+								<Avatar><AvatarFallback>SM</AvatarFallback></Avatar>
+								<Avatar><AvatarFallback>KD</AvatarFallback></Avatar>
+								<AvatarGroupCount>+3</AvatarGroupCount>
+							</AvatarGroup>
+		</>
+	);
+}
+`;function y(e){return f||x(`Examples`,!1),_||x(`Examples.Group`,!0),m||x(`Examples.Sizes`,!0),g||x(`Examples.WithBadge`,!0),h||x(`Examples.WithImageFallback`,!0),(0,p.jsx)(t,{title:`UI · Avatar`,description:`Avatar with fallback, image, sizes, group, badge.`,layer:`ui`,status:`ready`,children:(0,p.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,p.jsx)(r,{name:`Sizes`,source:v,children:(0,p.jsx)(m,{})}),(0,p.jsx)(r,{name:`WithImageFallback`,source:v,children:(0,p.jsx)(h,{})}),(0,p.jsx)(r,{name:`WithBadge`,source:v,children:(0,p.jsx)(g,{})}),(0,p.jsx)(r,{name:`Group`,source:v,children:(0,p.jsx)(_,{})})]})})}function b(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.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/avatar-Dba0yVei.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{K as n,X as r,Y as i,Yn as a,fr as o,hr as s,mr as c,nr as l,or as u}from"./example-BsDQngs7.js";import{d,n as f}from"./index-B4sKWDcN.js";var p=e(t(),1),m=p.createContext(void 0);function h(){let e=p.useContext(m);if(e===void 0)throw Error(o(13));return e}var g={imageLoadingStatus:()=>null},_=d(),v=p.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,[o,s]=p.useState(`idle`),c={imageLoadingStatus:o},u=p.useMemo(()=>({imageLoadingStatus:o,setImageLoadingStatus:s}),[o,s]),d=l(`span`,e,{state:c,ref:t,props:a,stateAttributesMapping:g});return(0,_.jsx)(m.Provider,{value:u,children:d})});function y(e,{referrerPolicy:t,crossOrigin:n,sizes:r,srcSet:i}){let[a,o]=p.useState(`idle`);return c(()=>{if(!e&&!i)return o(`error`),u;let a=!0,s=new window.Image,c=e=>()=>{a&&o(e)};return o(`loading`),s.onload=c(`loaded`),s.onerror=c(`error`),t&&(s.referrerPolicy=t),s.crossOrigin=n??null,r&&(s.sizes=r),i&&(s.srcset=i),e&&(s.src=e),s.complete&&o(s.naturalWidth>0?`loaded`:`error`),()=>{a=!1}},[e,i,r,n,t]),a}var b={...g,...i},x=p.forwardRef(function(e,t){let{className:i,render:a,onLoadingStatusChange:o,style:u,...d}=e,{setImageLoadingStatus:f}=h(),m=y(d.src,d),g=m===`loaded`,{mounted:_,transitionStatus:v,setMounted:x}=r(g),S=p.useRef(null),C=s(e=>{o?.(e),f(e)});c(()=>{m!==`idle`&&C(m)},[m,C]),c(()=>()=>f(`idle`),[f]),n({open:g,ref:S,onComplete(){g||x(!1)}});let w=l(`img`,e,{state:{imageLoadingStatus:m,transitionStatus:v},ref:[t,S],props:d,stateAttributesMapping:b,enabled:_});return _?w:null}),S=p.forwardRef(function(e,t){let{className:n,render:r,delay:i,style:o,...s}=e,{imageLoadingStatus:c}=h(),[u,d]=p.useState(i===void 0),f=a();return p.useEffect(()=>(i===void 0?d(!0):f.start(i,()=>d(!0)),f.clear),[f,i]),l(`span`,e,{state:{imageLoadingStatus:c},ref:t,props:s,stateAttributesMapping:g,enabled:c!==`loaded`&&(i===void 0||u)})});function C({className:e,size:t=`default`,...n}){return(0,_.jsx)(v,{"data-slot":`avatar`,"data-size":t,className:f(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...n})}function w({className:e,...t}){return(0,_.jsx)(x,{"data-slot":`avatar-image`,className:f(`rounded-full aspect-square size-full object-cover`,e),...t})}function T({className:e,...t}){return(0,_.jsx)(S,{"data-slot":`avatar-fallback`,className:f(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...t})}function E({className:e,...t}){return(0,_.jsx)(`span`,{"data-slot":`avatar-badge`,className:f(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...t})}function D({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group`,className:f(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...t})}function O({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group-count`,className:f(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...t})}export{O as a,D as i,E as n,w as o,T as r,C as t};

package/dist/showcase/assets/badge-A1w2eIaM.js

@@ -0,0 +1,31 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-C_rLy6Zn.js";import{t as i}from"./example-BsDQngs7.js";import{d as a}from"./index-B4sKWDcN.js";import{t as o}from"./props-table-aynAz90t.js";var s=e({Default:()=>l,Variants:()=>u,WithDot:()=>d}),c=a();function l(){return(0,c.jsx)(n,{children:`New`})}function u(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`primary`,children:`Primary`}),(0,c.jsx)(n,{variant:`success`,children:`Success`}),(0,c.jsx)(n,{variant:`warning`,children:`Warning`}),(0,c.jsx)(n,{variant:`destructive`,children:`Destructive`}),(0,c.jsx)(n,{variant:`info`,children:`Info`}),(0,c.jsx)(n,{variant:`secondary`,children:`Secondary`})]})}function d(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`success`,dot:!0,children:`Live`}),(0,c.jsx)(n,{variant:`warning`,dot:!0,pending:!0,children:`Pending`})]})}var f=`import { Badge } from '@/components/base/badge';
+
+export function Default() {
+	return <Badge>New</Badge>;
+}
+
+export function Variants() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Badge variant="primary">Primary</Badge>
+			<Badge variant="success">Success</Badge>
+			<Badge variant="warning">Warning</Badge>
+			<Badge variant="destructive">Destructive</Badge>
+			<Badge variant="info">Info</Badge>
+			<Badge variant="secondary">Secondary</Badge>
+		</div>
+	);
+}
+
+export function WithDot() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Badge variant="success" dot>Live</Badge>
+			<Badge variant="warning" dot pending>Pending</Badge>
+		</div>
+	);
+}
+`;function p(e){let n={code:`code`,p:`p`,...e.components};return s||h(`Examples`,!1),l||h(`Examples.Default`,!0),u||h(`Examples.Variants`,!0),d||h(`Examples.WithDot`,!0),(0,c.jsxs)(t,{title:`Badge`,description:`Status pills and chips for tags, counts, and inline state.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/badge`,children:[(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsxs)(n.p,{children:[`Badge sizing comes from normal text, spacing, and media variables. Omit `,(0,c.jsx)(n.code,{children:`size`}),` in
+normal status chips; pass it only when a surface intentionally needs a larger
+badge than the package default. Global visual tuning should happen in CSS, not
+through a provider size ladder.`]}),(0,c.jsx)(i,{name:`Default`,source:f,children:(0,c.jsx)(l,{})}),(0,c.jsx)(i,{name:`Variants`,source:f,children:(0,c.jsx)(u,{})}),(0,c.jsx)(i,{name:`WithDot`,source:f,children:(0,c.jsx)(d,{})})]}),(0,c.jsx)(r,{title:`API`,id:`api`,children:(0,c.jsx)(o,{component:`Badge`})})]})}function m(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(p,{...e})}):p(e)}function h(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{m as default};

package/dist/showcase/assets/badge-check-DyqZ9Ff8.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`badge-check`,[[`path`,{d:`M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z`,key:`3c2336`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};

package/dist/showcase/assets/bell-DyqsYdKK.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`bell`,[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}]]);export{t};

package/dist/showcase/assets/boolean-indicator-gaFjXuY1.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-C_rLy6Zn.js";import{t as n}from"./example-BsDQngs7.js";import{n 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.BooleanIndicatorExample`,!0),(0,c.jsxs)(e,{title:`Boolean indicator`,description:`Compact yes/no status treatment for boolean fields in admin surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/boolean-indicator`,children:[(0,c.jsx)(t,{title:`Examples`,id:`examples`,children:(0,c.jsx)(n,{name:`BooleanIndicatorExample`,source:i,children:(0,c.jsx)(r,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`BooleanIndicator`})})]})}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/bot-BGQvS_p9.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`bot`,[[`path`,{d:`M12 8V4H8`,key:`hb8ula`}],[`rect`,{width:`16`,height:`12`,x:`4`,y:`8`,rx:`2`,key:`enze0r`}],[`path`,{d:`M2 14h2`,key:`vft8re`}],[`path`,{d:`M20 14h2`,key:`4cs60a`}],[`path`,{d:`M15 13v2`,key:`1xurst`}],[`path`,{d:`M9 13v2`,key:`rq6x2g`}]]);export{t};

package/dist/showcase/assets/box-BoFEAPr6.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`box`,[[`path`,{d:`M21 8a2 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.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`,key:`hh9hay`}],[`path`,{d:`m3.3 7 8.7 5 8.7-5`,key:`g66t2b`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}]]);export{t};

package/dist/showcase/assets/braces-D88Ve7g-.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`braces`,[[`path`,{d:`M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1`,key:`ezmyqa`}],[`path`,{d:`M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1`,key:`e1hn23`}]]);export{t};

package/dist/showcase/assets/brain-hIv2TdLu.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`brain`,[[`path`,{d:`M12 18V5`,key:`adv99a`}],[`path`,{d:`M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4`,key:`1e3is1`}],[`path`,{d:`M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5`,key:`1gqd8o`}],[`path`,{d:`M17.997 5.125a4 4 0 0 1 2.526 5.77`,key:`iwvgf7`}],[`path`,{d:`M18 18a4 4 0 0 0 2-7.464`,key:`efp6ie`}],[`path`,{d:`M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517`,key:`1gq6am`}],[`path`,{d:`M6 18a4 4 0 0 1-2-7.464`,key:`k1g0md`}],[`path`,{d:`M6.003 5.125a4 4 0 0 0-2.526 5.77`,key:`q97ue3`}]]);export{t};

package/dist/showcase/assets/brand-CiWM8HzB.js

@@ -0,0 +1,36 @@
+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,n as a}from"./index-B4sKWDcN.js";import{n as o,t as s}from"./PreviewLayout-CE0fmzoc.js";var c=i(),l=({className:e,title:t,alt:n,inverted:r=!1})=>(0,c.jsxs)(`svg`,{role:`img`,"aria-label":n??`GCT`,className:a(`block h-auto text-foreground`,r&&`text-background`,e),viewBox:`0 0 220 62`,width:220,height:62,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,c.jsx)(`title`,{children:t??`Brand logo`}),(0,c.jsx)(`rect`,{x:`1`,y:`1`,width:`60`,height:`60`,rx:`14`,fill:`currentColor`,fillOpacity:`0.08`,stroke:`currentColor`,strokeOpacity:`0.2`}),(0,c.jsx)(`path`,{d:`M18 36.5V22h25.5v6.25H26.25v7.25H41V42H24.25C20.8 42 18 39.2 18 35.75`,fill:`currentColor`}),(0,c.jsx)(`path`,{d:`M36.5 31h9.75v11H36.5v-5.25h4.25v-1.5H36.5V31Z`,fill:`currentColor`}),(0,c.jsx)(`text`,{x:`78`,y:`34`,fill:`currentColor`,fontFamily:`Inter, ui-sans-serif, system-ui, sans-serif`,fontSize:`24`,fontWeight:`700`,letterSpacing:`0`,children:`GCT`}),(0,c.jsx)(`text`,{x:`78`,y:`51`,fill:`currentColor`,fillOpacity:`0.62`,fontFamily:`Inter, ui-sans-serif, system-ui, sans-serif`,fontSize:`13`,fontWeight:`500`,letterSpacing:`0`,children:`Admin UI starter kit`})]});function u({size:e=`small`,variant:t=`dark`}){return(0,c.jsx)(`div`,{className:`flex items-center justify-start rounded-md`,children:(0,c.jsx)(l,{className:a(`block h-auto w-full`,{"max-w-[135px]":e===`small`,"max-w-[165px]":e===`medium`,"max-w-[225px]":e===`large`,"max-w-none":e===`expand`}),inverted:t===`light`})})}var d=e({AppLogoSizes:()=>p,AppLogoVariants:()=>m,LogoExample:()=>f});function f(){return(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{className:`w-40`}),(0,c.jsx)(`div`,{className:`w-fit rounded-md bg-foreground p-3`,children:(0,c.jsx)(l,{className:`w-40`,inverted:!0})})]})}function p(){return(0,c.jsxs)(o,{children:[(0,c.jsx)(u,{size:`small`}),(0,c.jsx)(u,{size:`medium`}),(0,c.jsx)(u,{size:`large`})]})}function m(){return(0,c.jsxs)(o,{children:[(0,c.jsx)(u,{variant:`dark`}),(0,c.jsx)(`div`,{className:`w-fit rounded-md bg-foreground p-3`,children:(0,c.jsx)(u,{variant:`light`})})]})}var h=`import Logo from '@/preview/_brand/logo';
+import AppLogo from '@/preview/_brand/app-logo';
+import { Row, Col } from '../../PreviewLayout';
+
+export function LogoExample() {
+	return (
+		<Col>
+			<Logo className="w-40" />
+			<div className="w-fit rounded-md bg-foreground p-3">
+				<Logo className="w-40" inverted />
+			</div>
+		</Col>
+	);
+}
+
+export function AppLogoSizes() {
+	return (
+		<Row>
+			<AppLogo size="small" />
+			<AppLogo size="medium" />
+			<AppLogo size="large" />
+		</Row>
+	);
+}
+
+export function AppLogoVariants() {
+	return (
+		<Row>
+			<AppLogo variant="dark" />
+			<div className="w-fit rounded-md bg-foreground p-3">
+				<AppLogo variant="light" />
+			</div>
+		</Row>
+	);
+}
+`;function g(e){return d||v(`Examples`,!1),p||v(`Examples.AppLogoSizes`,!0),m||v(`Examples.AppLogoVariants`,!0),f||v(`Examples.LogoExample`,!0),(0,c.jsx)(t,{title:`Common · Brand`,description:`Inline Logo + AppLogo variants used by the preview shell.`,layer:`common`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(r,{name:`LogoExample`,source:h,children:(0,c.jsx)(f,{})}),(0,c.jsx)(r,{name:`AppLogoSizes`,source:h,children:(0,c.jsx)(p,{})}),(0,c.jsx)(r,{name:`AppLogoVariants`,source:h,children:(0,c.jsx)(m,{})})]})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.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/breadcrumb-DlHNoCer.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{l as t}from"./example-BsDQngs7.js";import{c as n,d as r,n as i}from"./index-B4sKWDcN.js";e();var a=r();function o({...e}){return(0,a.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function s({className:e,...t}){return(0,a.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:i(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...t})}function c({className:e,...t}){return(0,a.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:i(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:e,className:n,...r}){return(0,a.jsx)(e?t:`a`,{"data-slot":`breadcrumb-link`,className:i(`hover:text-foreground transition-colors`,n),...r})}function u({className:e,...t}){return(0,a.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:i(`text-foreground font-normal`,e),...t})}function d({children:e,className:t,...r}){return(0,a.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,className:i(`[&>svg]:size-3.5`,t),...r,children:e??(0,a.jsx)(n,{})})}export{u as a,s as i,c as n,d as o,l as r,o as t};

package/dist/showcase/assets/breadcrumb-Dy-UbgK5.js

@@ -0,0 +1,52 @@
+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,l as a}from"./index-B4sKWDcN.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./breadcrumb-DlHNoCer.js";var f=a(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),p=e({CustomSeparator:()=>g,Default:()=>h}),m=i();function h(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(d,{children:(0,m.jsxs)(s,{children:[(0,m.jsx)(c,{children:(0,m.jsx)(u,{href:`#/`,children:`Home`})}),(0,m.jsx)(l,{}),(0,m.jsx)(c,{children:(0,m.jsx)(u,{href:`#/orders`,children:`Orders`})}),(0,m.jsx)(l,{}),(0,m.jsx)(c,{children:(0,m.jsx)(o,{children:`INV-2026-0392`})})]})})})}function g(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(d,{children:(0,m.jsxs)(s,{children:[(0,m.jsx)(c,{children:(0,m.jsx)(u,{href:`#/`,children:`Home`})}),(0,m.jsx)(l,{children:(0,m.jsx)(f,{})}),(0,m.jsx)(c,{children:(0,m.jsx)(o,{children:`Settings`})})]})})})}var _=`import { Slash } from 'lucide-react';
+import {
+	Breadcrumb,
+	BreadcrumbItem,
+	BreadcrumbLink,
+	BreadcrumbList,
+	BreadcrumbPage,
+	BreadcrumbSeparator,
+} from '@/components/ui/breadcrumb';
+
+export function Default() {
+	return (
+		<>
+			<Breadcrumb>
+								<BreadcrumbList>
+									<BreadcrumbItem>
+										<BreadcrumbLink href="#/">Home</BreadcrumbLink>
+									</BreadcrumbItem>
+									<BreadcrumbSeparator />
+									<BreadcrumbItem>
+										<BreadcrumbLink href="#/orders">Orders</BreadcrumbLink>
+									</BreadcrumbItem>
+									<BreadcrumbSeparator />
+									<BreadcrumbItem>
+										<BreadcrumbPage>INV-2026-0392</BreadcrumbPage>
+									</BreadcrumbItem>
+								</BreadcrumbList>
+							</Breadcrumb>
+		</>
+	);
+}
+
+export function CustomSeparator() {
+	return (
+		<>
+			<Breadcrumb>
+								<BreadcrumbList>
+									<BreadcrumbItem>
+										<BreadcrumbLink href="#/">Home</BreadcrumbLink>
+									</BreadcrumbItem>
+									<BreadcrumbSeparator>
+										<Slash />
+									</BreadcrumbSeparator>
+									<BreadcrumbItem>
+										<BreadcrumbPage>Settings</BreadcrumbPage>
+									</BreadcrumbItem>
+								</BreadcrumbList>
+							</Breadcrumb>
+		</>
+	);
+}
+`;function v(e){return p||b(`Examples`,!1),g||b(`Examples.CustomSeparator`,!0),h||b(`Examples.Default`,!0),(0,m.jsx)(t,{title:`UI · Breadcrumb`,description:`shadcn breadcrumb — list, items, separator (default & custom).`,layer:`ui`,status:`ready`,children:(0,m.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,m.jsx)(r,{name:`Default`,source:_,children:(0,m.jsx)(h,{})}),(0,m.jsx)(r,{name:`CustomSeparator`,source:_,children:(0,m.jsx)(g,{})})]})})}function y(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(v,{...e})}):v(e)}function b(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{y as default};

package/dist/showcase/assets/breadcrumbs-BoXmoDHt.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-B4sKWDcN.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./breadcrumb-DlHNoCer.js";var u=e(t(),1),d=n(),f=e=>{let t=0;for(let n=0;n<e.length;n+=1)t=(t<<5)-t+e.charCodeAt(n),t|=0;return Math.abs(t).toString(36)},p=e=>typeof e==`string`||typeof e==`number`?String(e):`breadcrumb`,m=({href:e,children:t,...n})=>(0,d.jsx)(`a`,{href:e,...n,children:t}),h=e=>e===`small`||e==="default"?e:e===`xs`?`small`:`default`,g={small:{item:`text-pxs`,list:`!gap-space-sm`,separator:`!mx-space-2xs`,color:`text-muted-foreground/70`},default:{item:`text-sm`,list:`!gap-space-md`,separator:`!mx-space-sm`,color:`text-muted-foreground`}};function _({breadcrumbs:e,size:t=`default`,className:n,renderLink:_=m}){if(e.length===0)return null;let{item:v,list:y,separator:b,color:x}=g[h(t)];return(0,d.jsx)(l,{className:r(`breadcrumbs--component`,x,n),children:(0,d.jsx)(a,{className:r(`flex flex-wrap items-center break-words`,y),children:e.map((t,n)=>{let a=n===e.length-1,l=t.handle??t.href??`crumb-${f(p(t.label))}-${n}`;return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(o,{className:r(v,`font-medium`),children:a||!t.href?(0,d.jsx)(i,{children:t.label}):(0,d.jsx)(c,{asChild:!0,children:_({href:t.href,children:t.label})})}),!a&&(0,d.jsx)(s,{className:r(b)})]},l)})})})}_.displayName=`Breadcrumbs`;export{_ as t};

package/dist/showcase/assets/briefcase-BeN7dk_G.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`briefcase`,[[`path`,{d:`M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16`,key:`jecpp`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`6`,rx:`2`,key:`i6l2r4`}]]);export{t};

package/dist/showcase/assets/building-2-ICycTKXZ.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`building-2`,[[`path`,{d:`M10 12h4`,key:`a56b0p`}],[`path`,{d:`M10 8h4`,key:`1sr2af`}],[`path`,{d:`M14 21v-3a2 2 0 0 0-4 0v3`,key:`1rgiei`}],[`path`,{d:`M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2`,key:`secmi2`}],[`path`,{d:`M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16`,key:`16ra0t`}]]);export{t};

package/dist/showcase/assets/button-BADo_inb.js

@@ -0,0 +1,44 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{er as r,t as i}from"./example-BsDQngs7.js";import{d as a}from"./index-B4sKWDcN.js";import{t as o}from"./button-group-BGkXY3HC.js";import{n as s}from"./PreviewLayout-CE0fmzoc.js";var c=e({ButtonGroupExample:()=>f,Sizes:()=>d,Variants:()=>u}),l=a();function u(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(r,{children:`default`}),(0,l.jsx)(r,{variant:`outline`,children:`outline`}),(0,l.jsx)(r,{variant:`secondary`,children:`secondary`}),(0,l.jsx)(r,{variant:`ghost`,children:`ghost`}),(0,l.jsx)(r,{variant:`destructive`,children:`destructive`}),(0,l.jsx)(r,{variant:`link`,children:`link`})]})})}function d(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(r,{size:`xs`,children:`xs`}),(0,l.jsx)(r,{size:`sm`,children:`sm`}),(0,l.jsx)(r,{size:`default`,children:`default`}),(0,l.jsx)(r,{size:`default`,children:`lg`})]})})}function f(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(o,{children:[(0,l.jsx)(r,{variant:`outline`,children:`Day`}),(0,l.jsx)(r,{variant:`outline`,children:`Week`}),(0,l.jsx)(r,{variant:`outline`,children:`Month`})]})})}var p=`import { Button } from '@/components/ui/button';
+import { ButtonGroup } from '@/components/ui/button-group';
+import { Row } from '../../PreviewLayout';
+
+export function Variants() {
+	return (
+		<>
+			<Row>
+								<Button>default</Button>
+								<Button variant="outline">outline</Button>
+								<Button variant="secondary">secondary</Button>
+								<Button variant="ghost">ghost</Button>
+								<Button variant="destructive">destructive</Button>
+								<Button variant="link">link</Button>
+							</Row>
+		</>
+	);
+}
+
+export function Sizes() {
+	return (
+		<>
+			<Row>
+								<Button size="xs">xs</Button>
+								<Button size="sm">sm</Button>
+								<Button size="default">default</Button>
+								<Button size="default">lg</Button>
+							</Row>
+		</>
+	);
+}
+
+export function ButtonGroupExample() {
+	return (
+		<>
+			<ButtonGroup>
+								<Button variant="outline">Day</Button>
+								<Button variant="outline">Week</Button>
+								<Button variant="outline">Month</Button>
+							</ButtonGroup>
+		</>
+	);
+}
+`;function m(e){return c||g(`Examples`,!1),f||g(`Examples.ButtonGroupExample`,!0),d||g(`Examples.Sizes`,!0),u||g(`Examples.Variants`,!0),(0,l.jsx)(t,{title:`UI · Button`,description:`shadcn primitive button — variants, sizes, button group.`,layer:`ui`,status:`ready`,children:(0,l.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,l.jsx)(i,{name:`Variants`,source:p,children:(0,l.jsx)(u,{})}),(0,l.jsx)(i,{name:`Sizes`,source:p,children:(0,l.jsx)(d,{})}),(0,l.jsx)(i,{name:`ButtonGroupExample`,source:p,children:(0,l.jsx)(f,{})})]})})}function h(e={}){let{wrapper:t}=e.components||{};return t?(0,l.jsx)(t,{...e,children:(0,l.jsx)(m,{...e})}):m(e)}function g(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{h as default};

package/dist/showcase/assets/button-group-BGkXY3HC.js

@@ -0,0 +1 @@
+import{c as e}from"./section-C_rLy6Zn.js";import{d as t,n}from"./index-B4sKWDcN.js";var r=t(),i=e(`has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 *:data-slot:rounded-r-none`,vertical:`[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 *:data-slot:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function a({className:e,orientation:t,...a}){return(0,r.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:n(i({orientation:t}),e),...a})}export{a as t};

package/dist/showcase/assets/buttons-3z50eWMp.js

@@ -0,0 +1,272 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a}from"./section-C_rLy6Zn.js";import{t as o}from"./arrow-right-Dk80zKWl.js";import{$n as s,Qn as c,i as l,r as u,t as d}from"./example-BsDQngs7.js";import{t as f}from"./download-BkOWnQEj.js";import{t as p}from"./heart-C56rAanb.js";import{t as ee}from"./plus-Dp_nZNjk.js";import{t as m}from"./save-j-PKUm-B.js";import{t as h}from"./shopping-bag-BuHsmxnN.js";import{t as g}from"./trash-2-C-6T17-B.js";import{d as te,l as ne,n as _}from"./index-B4sKWDcN.js";import{t as v}from"./text-button-C8qZqcCy.js";import{t as y}from"./page-action-button-NJqE-qP0.js";import{t as b}from"./props-table-aynAz90t.js";var x=ne(`share-2`,[[`circle`,{cx:`18`,cy:`5`,r:`3`,key:`gq8acd`}],[`circle`,{cx:`6`,cy:`12`,r:`3`,key:`w7nqdw`}],[`circle`,{cx:`18`,cy:`19`,r:`3`,key:`1xt0gg`}],[`line`,{x1:`8.59`,x2:`15.42`,y1:`13.51`,y2:`17.49`,key:`47mynk`}],[`line`,{x1:`15.41`,x2:`8.59`,y1:`6.51`,y2:`10.49`,key:`1n3mei`}]]),S=te(),re=()=>(0,S.jsxs)(`svg`,{"aria-hidden":`true`,className:`h-4 w-4`,width:`256`,height:`262`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,preserveAspectRatio:`xMidYMid`,children:[(0,S.jsx)(`path`,{d:`M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027`,fill:`#4285F4`}),(0,S.jsx)(`path`,{d:`M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1`,fill:`#34A853`}),(0,S.jsx)(`path`,{d:`M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782`,fill:`#FBBC05`}),(0,S.jsx)(`path`,{d:`M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251`,fill:`#EB4335`})]});function ie({children:e,className:t,type:n=`button`,href:r,...i}){let a=(0,S.jsx)(s,{icon:re,iconPosition:`left`,fullWidth:!0,className:_(`bg-foreground text-background ring-offset-background hover:bg-foreground/85 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,t),type:n,...i,children:e});return r?(0,S.jsx)(`a`,{href:r,className:_(`google-button--component`,`inline-flex w-full`),children:a}):a}var C=t(n(),1);function w(e){let{resource:t,id:n,text:r,fullWidth:i,className:a,adminUrl:o}=e,c={...e};delete c.resource,delete c.id,delete c.text,delete c.fullWidth,delete c.className,delete c.adminUrl;let l=e.resource===`product_variants`?e.productId:null;return e.resource===`product_variants`&&delete c.productId,(0,S.jsx)(`a`,{href:(0,C.useMemo)(()=>{let e=(o??``).replace(/\/$/,``);return{orders:`${e}/orders/${n}`,products:`${e}/products/${n}`,product_variants:l?`${e}/products/${l}/variants/${n}`:`${e}/products/${n}`,customers:`${e}/customers/${n}`,draft_orders:`${e}/draft_orders/${n}`,collections:`${e}/collections/${n}`,discounts:`${e}/discounts/${n}`}[t]},[o,t,n,l]),target:`_blank`,rel:`noopener noreferrer`,className:`flex ${i?`w-full`:``}`,children:(0,S.jsx)(s,{...c,className:a,icon:h,iconPosition:`left`,children:r})})}w.displayName=`ShopifyButton`;var T=e({AllVariantsGhost:()=>N,AllVariantsOutline:()=>M,AllVariantsSolid:()=>j,ButtonComboFeatures:()=>V,Default:()=>A,GoogleButtonExample:()=>G,IconOnlySizes:()=>I,LoaderButtonInteractive:()=>U,LoaderButtonStates:()=>H,PageActionButtonSizes:()=>Y,PageActionButtonVariants:()=>J,RealisticToolbar:()=>X,ShopifyButtonExample:()=>K,Sizes:()=>F,StateDisabled:()=>z,StateFullWidth:()=>B,TextButtonSizes:()=>q,TooltipButtonExample:()=>W,VariantStyleMatrix:()=>P,WithIconLeft:()=>L,WithIconRight:()=>R}),E=[`dark`,`primary`,`secondary`,`error`,`warning`,`success`,`light`,`action`],D=[`solid`,`outline`,`ghost`],O=[`default`,`small`],k=[`icon`,`icon-small`];function A(){return(0,S.jsx)(u,{children:`Save changes`})}function j(){return(0,S.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:E.map(e=>(0,S.jsx)(s,{variant:e,buttonStyle:`solid`,children:e},e))})}function M(){return(0,S.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:E.map(e=>(0,S.jsx)(s,{variant:e,buttonStyle:`outline`,children:e},e))})}function N(){return(0,S.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:E.map(e=>(0,S.jsx)(s,{variant:e,buttonStyle:`ghost`,children:e},e))})}function P(){return(0,S.jsx)(`div`,{className:`space-y-4`,children:D.map(e=>(0,S.jsxs)(`div`,{className:`space-y-2`,children:[(0,S.jsx)(`div`,{className:`text-xs uppercase tracking-wide text-muted-foreground`,children:e}),(0,S.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:E.map(t=>(0,S.jsx)(s,{variant:t,buttonStyle:e,children:t},t))})]},e))})}function F(){return(0,S.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:O.map(e=>(0,S.jsxs)(s,{size:e,children:[`size=`,e]},e))})}function I(){return(0,S.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:k.map(e=>(0,S.jsx)(s,{size:e,icon:ee,"aria-label":`Add item (${e})`,children:``},e))})}function L(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(s,{icon:f,children:`Download`}),(0,S.jsx)(s,{icon:m,variant:`success`,children:`Save`}),(0,S.jsx)(s,{icon:g,variant:`error`,buttonStyle:`outline`,children:`Delete`})]})}function R(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(s,{icon:o,iconPosition:`right`,children:`Continue`}),(0,S.jsx)(s,{icon:x,iconPosition:`right`,variant:`secondary`,children:`Share`})]})}function z(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(s,{disabled:!0,children:`Disabled solid`}),(0,S.jsx)(s,{disabled:!0,buttonStyle:`outline`,children:`Disabled outline`}),(0,S.jsx)(s,{disabled:!0,buttonStyle:`ghost`,children:`Disabled ghost`})]})}function B(){return(0,S.jsx)(`div`,{className:`w-full max-w-md`,children:(0,S.jsx)(s,{fullWidth:!0,icon:m,children:`Save and continue`})})}function V(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(u,{children:`Plain`}),(0,S.jsx)(u,{loading:!0,children:`Saving`}),(0,S.jsx)(u,{handlesLoading:!0,icon:f,children:`Auto-loading`}),(0,S.jsx)(u,{withTooltip:`Add to favorites`,icon:p,children:`Favorite`}),(0,S.jsx)(u,{href:`#`,icon:o,iconPosition:`right`,children:`As anchor`})]})}function H(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(c,{children:`Idle`}),(0,S.jsx)(c,{loading:!0,children:`Saving`}),(0,S.jsx)(c,{loading:!0,variant:`success`,strings:{loading:`Publishing…`},children:`Publish`}),(0,S.jsx)(c,{loading:!0,variant:`error`,strings:{loading:`Deleting…`},children:`Delete`})]})}function U(){let[e,t]=(0,C.useState)(!1);return(0,S.jsx)(u,{loading:e,icon:m,onClick:()=>{t(!0),setTimeout(()=>t(!1),1500)},children:`Click to simulate save`})}function W(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(l,{withTooltip:`Hello tooltip`,children:`Hover me`}),(0,S.jsx)(l,{withTooltip:`Save changes`,variant:`success`,icon:m,children:`Save`}),(0,S.jsx)(l,{withTooltip:`Permanently delete`,variant:`error`,icon:g,size:`icon-small`,"aria-label":`Permanently delete`,children:``})]})}function G(){return(0,S.jsx)(`div`,{className:`flex flex-col gap-2 max-w-xs`,children:(0,S.jsx)(ie,{children:`Continue with Google`})})}function K(){return(0,S.jsx)(`div`,{className:`flex flex-col gap-2 max-w-xs`,children:(0,S.jsx)(w,{resource:`orders`,id:`1024`,text:`Open order #1024 in Shopify`})})}function q(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-4`,children:[(0,S.jsx)(v,{size:`default`,children:`Default link`}),(0,S.jsx)(v,{size:`small`,children:`Small link`})]})}function J(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,S.jsx)(y,{variant:`primary`,children:`Save`}),(0,S.jsx)(y,{variant:`secondary`,children:`Discard`}),(0,S.jsx)(y,{variant:`error`,children:`Delete order`})]})}function Y(){return(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsx)(y,{variant:`primary`,size:`default`,children:`Default`}),(0,S.jsx)(y,{variant:`primary`,size:`small`,children:`Small`})]})}function X(){return(0,S.jsxs)(`div`,{className:`flex w-full max-w-2xl flex-col gap-3 rounded-md border bg-card px-4 py-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,S.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,S.jsx)(u,{buttonStyle:`ghost`,variant:`secondary`,icon:o,children:`Back`}),(0,S.jsx)(i,{weight:`medium`,className:`min-w-0`,children:`Order #1042`})]}),(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,S.jsx)(u,{variant:`error`,buttonStyle:`outline`,icon:g,children:`Delete`}),(0,S.jsx)(u,{variant:`secondary`,icon:x,children:`Share`}),(0,S.jsx)(u,{variant:`primary`,icon:m,children:`Save changes`})]})]})}var Z=`import { useState } from 'react';
+import { ArrowRight, Plus, Download, Trash2, Heart, Save, Share2 } from 'lucide-react';
+import {
+	BaseButton,
+	Button,
+	LoaderButton,
+	TooltipButton,
+	GoogleButton,
+	ShopifyButton,
+	TextButton,
+	PageActionButton,
+	type ButtonVariant,
+	type ButtonStyle,
+	type ButtonSize,
+} from '@/components/base/buttons';
+import { Text } from '@/components/typography';
+
+const VARIANTS: ButtonVariant[] = ['dark', 'primary', 'secondary', 'error', 'warning', 'success', 'light', 'action'];
+const STYLES: ButtonStyle[] = ['solid', 'outline', 'ghost'];
+const SIZES: ButtonSize[] = ['default', 'small'];
+const ICON_SIZES: ButtonSize[] = ['icon', 'icon-small'];
+
+export function Default() {
+	return <Button>Save changes</Button>;
+}
+
+export function AllVariantsSolid() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			{VARIANTS.map((v) => (
+				<BaseButton key={v} variant={v} buttonStyle="solid">
+					{v}
+				</BaseButton>
+			))}
+		</div>
+	);
+}
+
+export function AllVariantsOutline() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			{VARIANTS.map((v) => (
+				<BaseButton key={v} variant={v} buttonStyle="outline">
+					{v}
+				</BaseButton>
+			))}
+		</div>
+	);
+}
+
+export function AllVariantsGhost() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			{VARIANTS.map((v) => (
+				<BaseButton key={v} variant={v} buttonStyle="ghost">
+					{v}
+				</BaseButton>
+			))}
+		</div>
+	);
+}
+
+export function VariantStyleMatrix() {
+	return (
+		<div className="space-y-4">
+			{STYLES.map((s) => (
+				<div key={s} className="space-y-2">
+					<div className="text-xs uppercase tracking-wide text-muted-foreground">{s}</div>
+					<div className="flex flex-wrap gap-2">
+						{VARIANTS.map((v) => (
+							<BaseButton key={v} variant={v} buttonStyle={s}>
+								{v}
+							</BaseButton>
+						))}
+					</div>
+				</div>
+			))}
+		</div>
+	);
+}
+
+export function Sizes() {
+	return (
+		<div className="flex flex-wrap items-center gap-2">
+			{SIZES.map((sz) => (
+				<BaseButton key={sz} size={sz}>
+					size={sz}
+				</BaseButton>
+			))}
+		</div>
+	);
+}
+
+export function IconOnlySizes() {
+	return (
+		<div className="flex flex-wrap items-center gap-2">
+			{ICON_SIZES.map((sz) => (
+				<BaseButton key={sz} size={sz} icon={Plus} aria-label={\`Add item (\${sz})\`}>
+					{''}
+				</BaseButton>
+			))}
+		</div>
+	);
+}
+
+export function WithIconLeft() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<BaseButton icon={Download}>Download</BaseButton>
+			<BaseButton icon={Save} variant="success">Save</BaseButton>
+			<BaseButton icon={Trash2} variant="error" buttonStyle="outline">Delete</BaseButton>
+		</div>
+	);
+}
+
+export function WithIconRight() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<BaseButton icon={ArrowRight} iconPosition="right">Continue</BaseButton>
+			<BaseButton icon={Share2} iconPosition="right" variant="secondary">Share</BaseButton>
+		</div>
+	);
+}
+
+export function StateDisabled() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<BaseButton disabled>Disabled solid</BaseButton>
+			<BaseButton disabled buttonStyle="outline">Disabled outline</BaseButton>
+			<BaseButton disabled buttonStyle="ghost">Disabled ghost</BaseButton>
+		</div>
+	);
+}
+
+export function StateFullWidth() {
+	return (
+		<div className="w-full max-w-md">
+			<BaseButton fullWidth icon={Save}>Save and continue</BaseButton>
+		</div>
+	);
+}
+
+export function ButtonComboFeatures() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Button>Plain</Button>
+			<Button loading>Saving</Button>
+			<Button handlesLoading icon={Download}>Auto-loading</Button>
+			<Button withTooltip="Add to favorites" icon={Heart}>Favorite</Button>
+			<Button href="#" icon={ArrowRight} iconPosition="right">As anchor</Button>
+		</div>
+	);
+}
+
+export function LoaderButtonStates() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<LoaderButton>Idle</LoaderButton>
+			<LoaderButton loading>Saving</LoaderButton>
+			<LoaderButton loading variant="success" strings={{ loading: 'Publishing…' }}>
+				Publish
+			</LoaderButton>
+			<LoaderButton loading variant="error" strings={{ loading: 'Deleting…' }}>
+				Delete
+			</LoaderButton>
+		</div>
+	);
+}
+
+export function LoaderButtonInteractive() {
+	const [loading, setLoading] = useState(false);
+	return (
+		<Button
+			loading={loading}
+			icon={Save}
+			onClick={() => {
+				setLoading(true);
+				setTimeout(() => setLoading(false), 1500);
+			}}
+		>
+			Click to simulate save
+		</Button>
+	);
+}
+
+export function TooltipButtonExample() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<TooltipButton withTooltip="Hello tooltip">Hover me</TooltipButton>
+			<TooltipButton withTooltip="Save changes" variant="success" icon={Save}>Save</TooltipButton>
+			<TooltipButton
+				withTooltip="Permanently delete"
+				variant="error"
+				icon={Trash2}
+				size="icon-small"
+				aria-label="Permanently delete"
+			>
+				{''}
+			</TooltipButton>
+		</div>
+	);
+}
+
+export function GoogleButtonExample() {
+	return (
+		<div className="flex flex-col gap-2 max-w-xs">
+			<GoogleButton>Continue with Google</GoogleButton>
+		</div>
+	);
+}
+
+export function ShopifyButtonExample() {
+	return (
+		<div className="flex flex-col gap-2 max-w-xs">
+			<ShopifyButton resource="orders" id="1024" text="Open order #1024 in Shopify" />
+		</div>
+	);
+}
+
+export function TextButtonSizes() {
+	return (
+		<div className="flex flex-wrap items-baseline gap-4">
+			<TextButton size="default">Default link</TextButton>
+			<TextButton size="small">Small link</TextButton>
+		</div>
+	);
+}
+
+export function PageActionButtonVariants() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<PageActionButton variant="primary">Save</PageActionButton>
+			<PageActionButton variant="secondary">Discard</PageActionButton>
+			<PageActionButton variant="error">Delete order</PageActionButton>
+		</div>
+	);
+}
+
+export function PageActionButtonSizes() {
+	return (
+		<div className="flex flex-wrap items-center gap-2">
+			<PageActionButton variant="primary" size="default">Default</PageActionButton>
+			<PageActionButton variant="primary" size="small">Small</PageActionButton>
+		</div>
+	);
+}
+
+export function RealisticToolbar() {
+	return (
+		<div className="flex w-full max-w-2xl flex-col gap-3 rounded-md border bg-card px-4 py-3 sm:flex-row sm:items-center sm:justify-between">
+			<div className="flex min-w-0 items-center gap-2">
+				<Button buttonStyle="ghost" variant="secondary" icon={ArrowRight}>Back</Button>
+				<Text weight="medium" className="min-w-0">Order #1042</Text>
+			</div>
+			<div className="flex flex-wrap items-center gap-2">
+				<Button variant="error" buttonStyle="outline" icon={Trash2}>Delete</Button>
+				<Button variant="secondary" icon={Share2}>Share</Button>
+				<Button variant="primary" icon={Save}>Save changes</Button>
+			</div>
+		</div>
+	);
+}
+`;function Q(e){let t={code:`code`,p:`p`,...e.components};return T||$(`Examples`,!1),N||$(`Examples.AllVariantsGhost`,!0),M||$(`Examples.AllVariantsOutline`,!0),j||$(`Examples.AllVariantsSolid`,!0),V||$(`Examples.ButtonComboFeatures`,!0),A||$(`Examples.Default`,!0),G||$(`Examples.GoogleButtonExample`,!0),I||$(`Examples.IconOnlySizes`,!0),U||$(`Examples.LoaderButtonInteractive`,!0),H||$(`Examples.LoaderButtonStates`,!0),Y||$(`Examples.PageActionButtonSizes`,!0),J||$(`Examples.PageActionButtonVariants`,!0),X||$(`Examples.RealisticToolbar`,!0),K||$(`Examples.ShopifyButtonExample`,!0),F||$(`Examples.Sizes`,!0),z||$(`Examples.StateDisabled`,!0),B||$(`Examples.StateFullWidth`,!0),q||$(`Examples.TextButtonSizes`,!0),W||$(`Examples.TooltipButtonExample`,!0),P||$(`Examples.VariantStyleMatrix`,!0),L||$(`Examples.WithIconLeft`,!0),R||$(`Examples.WithIconRight`,!0),(0,S.jsxs)(r,{title:`Buttons`,description:`The base button family — BaseButton (semantic variants, style, package scale), the higher-level Button (loader / tooltip / link wrapper), and specialty buttons (Google, Shopify, Text, PageAction).`,layer:`base`,status:`ready`,sourcePath:`src/components/base/buttons`,children:[(0,S.jsxs)(a,{title:`Overview`,id:`overview`,children:[(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`BaseButton`}),` is the foundational primitive — eight semantic `,(0,S.jsx)(t.code,{children:`variant`}),`s (dark,
+primary, secondary, error, warning, success, light, action) crossed with three
+`,(0,S.jsx)(t.code,{children:`buttonStyle`}),`s (solid, outline, ghost). `,(0,S.jsx)(t.code,{children:`Button`}),` layers on optional `,(0,S.jsx)(t.code,{children:`loading`}),`,
+`,(0,S.jsx)(t.code,{children:`withTooltip`}),`, and `,(0,S.jsx)(t.code,{children:`href`}),` so a single component covers most call sites. The
+specialty buttons are pre-styled wrappers for common patterns.`]}),(0,S.jsxs)(t.p,{children:[`Routine usage omits `,(0,S.jsx)(t.code,{children:`size`}),`; the default comes from
+`,(0,S.jsx)(t.code,{children:`UIProvider.forms.defaultControlSize`}),` and resolves through the shared
+control height, padding, gap, icon, and text tokens. Public sizing is intentionally limited to `,(0,S.jsx)(t.code,{children:`default`}),` / `,(0,S.jsx)(t.code,{children:`small`}),` plus
+the matching icon-only controls (`,(0,S.jsx)(t.code,{children:`icon`}),` / `,(0,S.jsx)(t.code,{children:`icon-small`}),`). Tune the actual
+heights, gaps, icon sizes, and text scale in CSS instead of repeating
+one-off size props.`]})]}),(0,S.jsx)(a,{title:`Default`,id:`default`,children:(0,S.jsx)(d,{name:`Default`,source:Z,children:(0,S.jsx)(A,{})})}),(0,S.jsxs)(a,{title:`Variants`,id:`variants`,children:[(0,S.jsx)(d,{name:`AllVariantsSolid`,source:Z,children:(0,S.jsx)(j,{})}),(0,S.jsx)(d,{name:`AllVariantsOutline`,source:Z,children:(0,S.jsx)(M,{})}),(0,S.jsx)(d,{name:`AllVariantsGhost`,source:Z,children:(0,S.jsx)(N,{})}),(0,S.jsx)(d,{name:`VariantStyleMatrix`,source:Z,children:(0,S.jsx)(P,{})})]}),(0,S.jsxs)(a,{title:`Scale`,id:`scale`,children:[(0,S.jsx)(d,{name:`Sizes`,source:Z,children:(0,S.jsx)(F,{})}),(0,S.jsx)(d,{name:`IconOnlySizes`,source:Z,children:(0,S.jsx)(I,{})})]}),(0,S.jsxs)(a,{title:`Composition`,id:`composition`,children:[(0,S.jsx)(d,{name:`WithIconLeft`,source:Z,children:(0,S.jsx)(L,{})}),(0,S.jsx)(d,{name:`WithIconRight`,source:Z,children:(0,S.jsx)(R,{})})]}),(0,S.jsxs)(a,{title:`States`,id:`states`,children:[(0,S.jsx)(d,{name:`StateDisabled`,source:Z,children:(0,S.jsx)(z,{})}),(0,S.jsx)(d,{name:`StateFullWidth`,source:Z,children:(0,S.jsx)(B,{})})]}),(0,S.jsx)(a,{title:`Button (combo wrapper)`,id:`combo`,children:(0,S.jsx)(d,{name:`ButtonComboFeatures`,source:Z,children:(0,S.jsx)(V,{})})}),(0,S.jsxs)(a,{title:`LoaderButton`,id:`loader`,children:[(0,S.jsx)(d,{name:`LoaderButtonStates`,source:Z,children:(0,S.jsx)(H,{})}),(0,S.jsx)(d,{name:`LoaderButtonInteractive`,source:Z,children:(0,S.jsx)(U,{})})]}),(0,S.jsx)(a,{title:`TooltipButton`,id:`tooltip`,children:(0,S.jsx)(d,{name:`TooltipButtonExample`,source:Z,children:(0,S.jsx)(W,{})})}),(0,S.jsxs)(a,{title:`Specialty buttons`,id:`specialty`,children:[(0,S.jsx)(d,{name:`GoogleButtonExample`,source:Z,children:(0,S.jsx)(G,{})}),(0,S.jsx)(d,{name:`ShopifyButtonExample`,source:Z,children:(0,S.jsx)(K,{})}),(0,S.jsx)(d,{name:`TextButtonSizes`,source:Z,children:(0,S.jsx)(q,{})}),(0,S.jsx)(d,{name:`PageActionButtonVariants`,source:Z,children:(0,S.jsx)(J,{})}),(0,S.jsx)(d,{name:`PageActionButtonSizes`,source:Z,children:(0,S.jsx)(Y,{})})]}),(0,S.jsx)(a,{title:`Realistic usage`,id:`realistic`,children:(0,S.jsx)(d,{name:`RealisticToolbar`,source:Z,children:(0,S.jsx)(X,{})})}),(0,S.jsxs)(a,{title:`API`,id:`api`,children:[(0,S.jsx)(b,{component:`BaseButton`}),(0,S.jsx)(b,{component:`Button`}),(0,S.jsx)(b,{component:`LoaderButton`}),(0,S.jsx)(b,{component:`TooltipButton`}),(0,S.jsx)(b,{component:`TextButton`}),(0,S.jsx)(b,{component:`PageActionButton`})]})]})}function ae(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.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{ae as default};

package/dist/showcase/assets/calendar-BAfoc476.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`calendar`,[[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M3 10h18`,key:`8toen8`}]]);export{t};

package/dist/showcase/assets/calendar-DNxQUmlO.js

@@ -0,0 +1,16 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{t as r}from"./calendar-pjS8iCZE.js";import{n as i,t as a}from"./section-C_rLy6Zn.js";import{t as o}from"./example-BsDQngs7.js";import{d as s}from"./index-B4sKWDcN.js";import{t as c}from"./PreviewLayout-CE0fmzoc.js";var l=e({Single:()=>f}),u=t(n(),1),d=s();function f(){let[e,t]=(0,u.useState)(new Date);return(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(c,{children:[(0,d.jsx)(r,{mode:`single`,selected:e,onSelect:t}),(0,d.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e?.toDateString()??`—`})]})})}var p=`import { useState } from 'react';
+import { Calendar } from '@/components/ui/calendar';
+import { Col } from '../../PreviewLayout';
+
+export function Single() {
+	const [date, setDate] = useState<Date | undefined>(new Date());
+	return (
+		<>
+			<Col>
+								<Calendar mode="single" selected={date} onSelect={setDate} />
+								<div className="text-xs text-muted-foreground">{date?.toDateString() ?? '—'}</div>
+							</Col>
+		</>
+	);
+}
+`;function m(e){return l||g(`Examples`,!1),f||g(`Examples.Single`,!0),(0,d.jsx)(i,{title:`UI · Calendar`,description:`react-day-picker styled with shadcn primitives.`,layer:`ui`,status:`ready`,children:(0,d.jsx)(a,{title:`Examples`,id:`examples`,children:(0,d.jsx)(o,{name:`Single`,source:p,children:(0,d.jsx)(f,{})})})})}function h(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(m,{...e})}):m(e)}function g(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{h as default};

package/dist/showcase/assets/calendar-days-D86Fv-vG.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`calendar-days`,[[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`M8 14h.01`,key:`6423bh`}],[`path`,{d:`M12 14h.01`,key:`1etili`}],[`path`,{d:`M16 14h.01`,key:`1gbofw`}],[`path`,{d:`M8 18h.01`,key:`lrp35t`}],[`path`,{d:`M12 18h.01`,key:`mhygvu`}],[`path`,{d:`M16 18h.01`,key:`kzsmim`}]]);export{t};