admin-ui-starter-kit 0.7.0 → 0.7.1

package/dist/showcase/assets/dist-SJMpFlRc.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{P as n}from"./index-B4sKWDcN.js";var r=e(t(),1),i=e(n(),1);function a(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}var o=e=>{switch(e){case`success`:return l;case`info`:return d;case`warning`:return u;case`error`:return f;default:return null}},s=Array(12).fill(0),c=({visible:e,className:t})=>r.createElement(`div`,{className:[`sonner-loading-wrapper`,t].filter(Boolean).join(` `),"data-visible":e},r.createElement(`div`,{className:`sonner-spinner`},s.map((e,t)=>r.createElement(`div`,{className:`sonner-loading-bar`,key:`spinner-bar-${t}`})))),l=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z`,clipRule:`evenodd`})),u=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z`,clipRule:`evenodd`})),d=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z`,clipRule:`evenodd`})),f=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z`,clipRule:`evenodd`})),p=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`},r.createElement(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),r.createElement(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})),ee=()=>{let[e,t]=r.useState(document.hidden);return r.useEffect(()=>{let e=()=>{t(document.hidden)};return document.addEventListener(`visibilitychange`,e),()=>window.removeEventListener(`visibilitychange`,e)},[]),e},m=1,h=new class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{let{message:t,...n}=e,r=typeof e?.id==`number`||e.id?.length>0?e.id:m++,i=this.toasts.find(e=>e.id===r),a=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(r)&&this.dismissedToasts.delete(r),i?this.toasts=this.toasts.map(n=>n.id===r?(this.publish({...n,...e,id:r,title:t}),{...n,...e,id:r,dismissible:a,title:t}):n):this.addToast({title:t,...n,dismissible:a,id:r}),r},this.dismiss=e=>(e?(this.dismissedToasts.add(e),requestAnimationFrame(()=>this.subscribers.forEach(t=>t({id:e,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(t=>t({id:e.id,dismiss:!0}))}),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:`error`}),this.success=(e,t)=>this.create({...t,type:`success`,message:e}),this.info=(e,t)=>this.create({...t,type:`info`,message:e}),this.warning=(e,t)=>this.create({...t,type:`warning`,message:e}),this.loading=(e,t)=>this.create({...t,type:`loading`,message:e}),this.promise=(e,t)=>{if(!t)return;let n;t.loading!==void 0&&(n=this.create({...t,promise:e,type:`loading`,message:t.loading,description:typeof t.description==`function`?void 0:t.description}));let i=Promise.resolve(e instanceof Function?e():e),a=n!==void 0,o,s=i.then(async e=>{if(o=[`resolve`,e],r.isValidElement(e))a=!1,this.create({id:n,type:`default`,message:e});else if(_(e)&&!e.ok){a=!1;let i=typeof t.error==`function`?await t.error(`HTTP error! status: ${e.status}`):t.error,o=typeof t.description==`function`?await t.description(`HTTP error! status: ${e.status}`):t.description,s=typeof i==`object`&&!r.isValidElement(i)?i:{message:i};this.create({id:n,type:`error`,description:o,...s})}else if(e instanceof Error){a=!1;let i=typeof t.error==`function`?await t.error(e):t.error,o=typeof t.description==`function`?await t.description(e):t.description,s=typeof i==`object`&&!r.isValidElement(i)?i:{message:i};this.create({id:n,type:`error`,description:o,...s})}else if(t.success!==void 0){a=!1;let i=typeof t.success==`function`?await t.success(e):t.success,o=typeof t.description==`function`?await t.description(e):t.description,s=typeof i==`object`&&!r.isValidElement(i)?i:{message:i};this.create({id:n,type:`success`,description:o,...s})}}).catch(async e=>{if(o=[`reject`,e],t.error!==void 0){a=!1;let i=typeof t.error==`function`?await t.error(e):t.error,o=typeof t.description==`function`?await t.description(e):t.description,s=typeof i==`object`&&!r.isValidElement(i)?i:{message:i};this.create({id:n,type:`error`,description:o,...s})}}).finally(()=>{a&&(this.dismiss(n),n=void 0),t.finally==null||t.finally.call(t)}),c=()=>new Promise((e,t)=>s.then(()=>o[0]===`reject`?t(o[1]):e(o[1])).catch(t));return typeof n!=`string`&&typeof n!=`number`?{unwrap:c}:Object.assign(n,{unwrap:c})},this.custom=(e,t)=>{let n=t?.id||m++;return this.create({jsx:e(n),id:n,...t}),n},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},g=(e,t)=>{let n=t?.id||m++;return h.addToast({title:e,...t,id:n}),n},_=e=>e&&typeof e==`object`&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`,v=Object.assign(g,{success:h.success,info:h.info,warning:h.warning,error:h.error,custom:h.custom,message:h.message,promise:h.promise,dismiss:h.dismiss,loading:h.loading},{getHistory:()=>h.toasts,getToasts:()=>h.getActiveToasts()});a(`[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}`);function y(e){return e.label!==void 0}var te=3,b=`24px`,x=`16px`,S=4e3,C=356,w=14,T=45,E=200;function D(...e){return e.filter(Boolean).join(` `)}function ne(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(t),n&&r.push(n),r}var O=e=>{let{invert:t,toast:n,unstyled:i,interacting:a,setHeights:s,visibleToasts:l,heights:u,index:d,toasts:f,expanded:m,removeToast:h,defaultRichColors:g,closeButton:_,style:v,cancelButtonStyle:te,actionButtonStyle:b,className:x=``,descriptionClassName:C=``,duration:w,position:O,gap:k,expandByDefault:A,classNames:j,icons:M,closeButtonAriaLabel:re=`Close toast`}=e,[N,P]=r.useState(null),[F,ie]=r.useState(null),[I,L]=r.useState(!1),[R,z]=r.useState(!1),[B,V]=r.useState(!1),[ae,oe]=r.useState(!1),[se,ce]=r.useState(!1),[le,H]=r.useState(0),[ue,U]=r.useState(0),W=r.useRef(n.duration||w||S),de=r.useRef(null),G=r.useRef(null),fe=d===0,pe=d+1<=l,K=n.type,q=n.dismissible!==!1,me=n.className||``,he=n.descriptionClassName||``,J=r.useMemo(()=>u.findIndex(e=>e.toastId===n.id)||0,[u,n.id]),ge=r.useMemo(()=>n.closeButton??_,[n.closeButton,_]),_e=r.useMemo(()=>n.duration||w||S,[n.duration,w]),Y=r.useRef(0),X=r.useRef(0),ve=r.useRef(0),Z=r.useRef(null),[ye,be]=O.split(`-`),xe=r.useMemo(()=>u.reduce((e,t,n)=>n>=J?e:e+t.height,0),[u,J]),Se=ee(),Ce=n.invert||t,Q=K===`loading`;X.current=r.useMemo(()=>J*k+xe,[J,xe]),r.useEffect(()=>{W.current=_e},[_e]),r.useEffect(()=>{L(!0)},[]),r.useEffect(()=>{let e=G.current;if(e){let t=e.getBoundingClientRect().height;return U(t),s(e=>[{toastId:n.id,height:t,position:n.position},...e]),()=>s(e=>e.filter(e=>e.toastId!==n.id))}},[s,n.id]),r.useLayoutEffect(()=>{if(!I)return;let e=G.current,t=e.style.height;e.style.height=`auto`;let r=e.getBoundingClientRect().height;e.style.height=t,U(r),s(e=>e.find(e=>e.toastId===n.id)?e.map(e=>e.toastId===n.id?{...e,height:r}:e):[{toastId:n.id,height:r,position:n.position},...e])},[I,n.title,n.description,s,n.id,n.jsx,n.action,n.cancel]);let $=r.useCallback(()=>{z(!0),H(X.current),s(e=>e.filter(e=>e.toastId!==n.id)),setTimeout(()=>{h(n)},E)},[n,h,s,X]);r.useEffect(()=>{if(n.promise&&K===`loading`||n.duration===1/0||n.type===`loading`)return;let e;return m||a||Se?(()=>{if(ve.current<Y.current){let e=new Date().getTime()-Y.current;W.current-=e}ve.current=new Date().getTime()})():W.current!==1/0&&(Y.current=new Date().getTime(),e=setTimeout(()=>{n.onAutoClose==null||n.onAutoClose.call(n,n),$()},W.current)),()=>clearTimeout(e)},[m,a,n,K,Se,$]),r.useEffect(()=>{n.delete&&($(),n.onDismiss==null||n.onDismiss.call(n,n))},[$,n.delete]);function we(){return M?.loading?r.createElement(`div`,{className:D(j?.loader,n?.classNames?.loader,`sonner-loader`),"data-visible":K===`loading`},M.loading):r.createElement(c,{className:D(j?.loader,n?.classNames?.loader),visible:K===`loading`})}let Te=n.icon||M?.[K]||o(K);return r.createElement(`li`,{tabIndex:0,ref:G,className:D(x,me,j?.toast,n?.classNames?.toast,j?.default,j?.[K],n?.classNames?.[K]),"data-sonner-toast":``,"data-rich-colors":n.richColors??g,"data-styled":!(n.jsx||n.unstyled||i),"data-mounted":I,"data-promise":!!n.promise,"data-swiped":se,"data-removed":R,"data-visible":pe,"data-y-position":ye,"data-x-position":be,"data-index":d,"data-front":fe,"data-swiping":B,"data-dismissible":q,"data-type":K,"data-invert":Ce,"data-swipe-out":ae,"data-swipe-direction":F,"data-expanded":!!(m||A&&I),"data-testid":n.testId,style:{"--index":d,"--toasts-before":d,"--z-index":f.length-d,"--offset":`${R?le:X.current}px`,"--initial-height":A?`auto`:`${ue}px`,...v,...n.style},onDragEnd:()=>{V(!1),P(null),Z.current=null},onPointerDown:e=>{e.button!==2&&(Q||!q||(de.current=new Date,H(X.current),e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(V(!0),Z.current={x:e.clientX,y:e.clientY})))},onPointerUp:()=>{if(ae||!q)return;Z.current=null;let e=Number(G.current?.style.getPropertyValue(`--swipe-amount-x`).replace(`px`,``)||0),t=Number(G.current?.style.getPropertyValue(`--swipe-amount-y`).replace(`px`,``)||0),r=new Date().getTime()-de.current?.getTime(),i=N===`x`?e:t,a=Math.abs(i)/r;if(Math.abs(i)>=T||a>.11){H(X.current),n.onDismiss==null||n.onDismiss.call(n,n),ie(N===`x`?e>0?`right`:`left`:t>0?`down`:`up`),$(),oe(!0);return}else{var o,s;(o=G.current)==null||o.style.setProperty(`--swipe-amount-x`,`0px`),(s=G.current)==null||s.style.setProperty(`--swipe-amount-y`,`0px`)}ce(!1),V(!1),P(null)},onPointerMove:t=>{var n,r;if(!Z.current||!q||window.getSelection()?.toString().length>0)return;let i=t.clientY-Z.current.y,a=t.clientX-Z.current.x,o=e.swipeDirections??ne(O);!N&&(Math.abs(a)>1||Math.abs(i)>1)&&P(Math.abs(a)>Math.abs(i)?`x`:`y`);let s={x:0,y:0},c=e=>1/(1.5+Math.abs(e)/20);if(N===`y`){if(o.includes(`top`)||o.includes(`bottom`))if(o.includes(`top`)&&i<0||o.includes(`bottom`)&&i>0)s.y=i;else{let e=i*c(i);s.y=Math.abs(e)<Math.abs(i)?e:i}}else if(N===`x`&&(o.includes(`left`)||o.includes(`right`)))if(o.includes(`left`)&&a<0||o.includes(`right`)&&a>0)s.x=a;else{let e=a*c(a);s.x=Math.abs(e)<Math.abs(a)?e:a}(Math.abs(s.x)>0||Math.abs(s.y)>0)&&ce(!0),(n=G.current)==null||n.style.setProperty(`--swipe-amount-x`,`${s.x}px`),(r=G.current)==null||r.style.setProperty(`--swipe-amount-y`,`${s.y}px`)}},ge&&!n.jsx&&K!==`loading`?r.createElement(`button`,{"aria-label":re,"data-disabled":Q,"data-close-button":!0,onClick:Q||!q?()=>{}:()=>{$(),n.onDismiss==null||n.onDismiss.call(n,n)},className:D(j?.closeButton,n?.classNames?.closeButton)},M?.close??p):null,(K||n.icon||n.promise)&&n.icon!==null&&(M?.[K]!==null||n.icon)?r.createElement(`div`,{"data-icon":``,className:D(j?.icon,n?.classNames?.icon)},n.promise||n.type===`loading`&&!n.icon?n.icon||we():null,n.type===`loading`?null:Te):null,r.createElement(`div`,{"data-content":``,className:D(j?.content,n?.classNames?.content)},r.createElement(`div`,{"data-title":``,className:D(j?.title,n?.classNames?.title)},n.jsx?n.jsx:typeof n.title==`function`?n.title():n.title),n.description?r.createElement(`div`,{"data-description":``,className:D(C,he,j?.description,n?.classNames?.description)},typeof n.description==`function`?n.description():n.description):null),r.isValidElement(n.cancel)?n.cancel:n.cancel&&y(n.cancel)?r.createElement(`button`,{"data-button":!0,"data-cancel":!0,style:n.cancelButtonStyle||te,onClick:e=>{y(n.cancel)&&q&&(n.cancel.onClick==null||n.cancel.onClick.call(n.cancel,e),$())},className:D(j?.cancelButton,n?.classNames?.cancelButton)},n.cancel.label):null,r.isValidElement(n.action)?n.action:n.action&&y(n.action)?r.createElement(`button`,{"data-button":!0,"data-action":!0,style:n.actionButtonStyle||b,onClick:e=>{y(n.action)&&(n.action.onClick==null||n.action.onClick.call(n.action,e),!e.defaultPrevented&&$())},className:D(j?.actionButton,n?.classNames?.actionButton)},n.action.label):null)};function k(){if(typeof window>`u`||typeof document>`u`)return`ltr`;let e=document.documentElement.getAttribute(`dir`);return e===`auto`||!e?window.getComputedStyle(document.documentElement).direction:e}function A(e,t){let n={};return[e,t].forEach((e,t)=>{let r=t===1,i=r?`--mobile-offset`:`--offset`,a=r?x:b;function o(e){[`top`,`right`,`bottom`,`left`].forEach(t=>{n[`${i}-${t}`]=typeof e==`number`?`${e}px`:e})}typeof e==`number`||typeof e==`string`?o(e):typeof e==`object`?[`top`,`right`,`bottom`,`left`].forEach(t=>{e[t]===void 0?n[`${i}-${t}`]=a:n[`${i}-${t}`]=typeof e[t]==`number`?`${e[t]}px`:e[t]}):o(a)}),n}var j=r.forwardRef(function(e,t){let{id:n,invert:a,position:o=`bottom-right`,hotkey:s=[`altKey`,`KeyT`],expand:c,closeButton:l,className:u,offset:d,mobileOffset:f,theme:p=`light`,richColors:ee,duration:m,style:g,visibleToasts:_=te,toastOptions:v,dir:y=k(),gap:b=w,icons:x,containerAriaLabel:S=`Notifications`}=e,[T,E]=r.useState([]),D=r.useMemo(()=>n?T.filter(e=>e.toasterId===n):T.filter(e=>!e.toasterId),[T,n]),ne=r.useMemo(()=>Array.from(new Set([o].concat(D.filter(e=>e.position).map(e=>e.position)))),[D,o]),[j,M]=r.useState([]),[re,N]=r.useState(!1),[P,F]=r.useState(!1),[ie,I]=r.useState(p===`system`?typeof window<`u`&&window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:p),L=r.useRef(null),R=s.join(`+`).replace(/Key/g,``).replace(/Digit/g,``),z=r.useRef(null),B=r.useRef(!1),V=r.useCallback(e=>{E(t=>(t.find(t=>t.id===e.id)?.delete||h.dismiss(e.id),t.filter(({id:t})=>t!==e.id)))},[]);return r.useEffect(()=>h.subscribe(e=>{if(e.dismiss){requestAnimationFrame(()=>{E(t=>t.map(t=>t.id===e.id?{...t,delete:!0}:t))});return}setTimeout(()=>{i.flushSync(()=>{E(t=>{let n=t.findIndex(t=>t.id===e.id);return n===-1?[e,...t]:[...t.slice(0,n),{...t[n],...e},...t.slice(n+1)]})})})}),[T]),r.useEffect(()=>{if(p!==`system`){I(p);return}if(p===`system`&&(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?I(`dark`):I(`light`)),typeof window>`u`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);try{e.addEventListener(`change`,({matches:e})=>{I(e?`dark`:`light`)})}catch{e.addListener(({matches:e})=>{try{I(e?`dark`:`light`)}catch(e){console.error(e)}})}},[p]),r.useEffect(()=>{T.length<=1&&N(!1)},[T]),r.useEffect(()=>{let e=e=>{if(s.every(t=>e[t]||e.code===t)){var t;N(!0),(t=L.current)==null||t.focus()}e.code===`Escape`&&(document.activeElement===L.current||L.current?.contains(document.activeElement))&&N(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[s]),r.useEffect(()=>{if(L.current)return()=>{z.current&&(z.current.focus({preventScroll:!0}),z.current=null,B.current=!1)}},[L.current]),r.createElement(`section`,{ref:t,"aria-label":`${S} ${R}`,tabIndex:-1,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`,suppressHydrationWarning:!0},ne.map((t,n)=>{let[i,o]=t.split(`-`);return D.length?r.createElement(`ol`,{key:t,dir:y===`auto`?k():y,tabIndex:-1,ref:L,className:u,"data-sonner-toaster":!0,"data-sonner-theme":ie,"data-y-position":i,"data-x-position":o,style:{"--front-toast-height":`${j[0]?.height||0}px`,"--width":`${C}px`,"--gap":`${b}px`,...g,...A(d,f)},onBlur:e=>{B.current&&!e.currentTarget.contains(e.relatedTarget)&&(B.current=!1,z.current&&=(z.current.focus({preventScroll:!0}),null))},onFocus:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||B.current||(B.current=!0,z.current=e.relatedTarget)},onMouseEnter:()=>N(!0),onMouseMove:()=>N(!0),onMouseLeave:()=>{P||N(!1)},onDragEnd:()=>N(!1),onPointerDown:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||F(!0)},onPointerUp:()=>F(!1)},D.filter(e=>!e.position&&n===0||e.position===t).map((n,i)=>r.createElement(O,{key:n.id,icons:x,index:i,toast:n,defaultRichColors:ee,duration:v?.duration??m,className:v?.className,descriptionClassName:v?.descriptionClassName,invert:a,visibleToasts:_,closeButton:v?.closeButton??l,interacting:P,position:t,style:v?.style,unstyled:v?.unstyled,classNames:v?.classNames,cancelButtonStyle:v?.cancelButtonStyle,actionButtonStyle:v?.actionButtonStyle,closeButtonAriaLabel:v?.closeButtonAriaLabel,removeToast:V,toasts:D.filter(e=>e.position==n.position),heights:j.filter(e=>e.position==n.position),setHeights:M,expandByDefault:c,gap:b,expanded:re,swipeDirections:e.swipeDirections}))):null}))});export{v as n,j as t};

package/dist/showcase/assets/dollar-sign-LBLhl0Y2.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`dollar-sign`,[[`line`,{x1:`12`,x2:`12`,y1:`2`,y2:`22`,key:`7eqyqh`}],[`path`,{d:`M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6`,key:`1b0p4s`}]]);export{t};

package/dist/showcase/assets/download-BkOWnQEj.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`download`,[[`path`,{d:`M12 15V3`,key:`m9g1x1`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}],[`path`,{d:`m7 10 5 5 5-5`,key:`brsn70`}]]);export{t};

package/dist/showcase/assets/dropdown-menu-5yqchTEF.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{K as n,Or as r,Qt as i,X as a,Y as o,fr as s,g as c,lr as l,nr as u,pn as d,pr as f}from"./example-BsDQngs7.js";import{d as p,n as m}from"./index-B4sKWDcN.js";import{t as h}from"./useControlled-BHUji6Sp.js";import{n as g}from"./useCompositeListItem-Ce0eZtsp.js";import{c as _,d as v,f as y,l as b,m as x,o as S,p as C,r as w,s as T,t as E,u as D,v as O,y as k}from"./MenuTrigger-B8Y7BUCN.js";import{t as A}from"./Separator-Cymh2jzU.js";var j=e(t(),1),M=j.createContext(void 0);function N(){let e=j.useContext(M);if(e===void 0)throw Error(s(30));return e}var P=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.disabled=`data-disabled`,e.highlighted=`data-highlighted`,e}({}),F={checked(e){return e?{[P.checked]:``}:{[P.unchecked]:``}},...o},I=p(),L=j.forwardRef(function(e,t){let{render:n,className:r,id:a,label:o,nativeButton:s=!1,disabled:l=!1,closeOnClick:f=!1,checked:p,defaultChecked:m,onCheckedChange:_,style:v,...b}=e,x=g({label:o}),S=k(!0),w=c(a),{store:T}=O(),E=T.useState(`isActive`,x.index),D=T.useState(`itemProps`),[A,N]=h({controlled:p,default:m??!1,name:`MenuCheckboxItem`,state:`checked`}),{getItemProps:P,itemRef:L}=C({closeOnClick:f,disabled:l,highlighted:E,id:w,store:T,nativeButton:s,nodeId:S?.context.nodeId,itemMetadata:y}),R=j.useMemo(()=>({disabled:l,highlighted:E,checked:A}),[l,E,A]);function z(e){let t=i(d,e.nativeEvent,void 0,{preventUnmountOnClose(){}});_?.(!A,t),!t.isCanceled&&N(e=>!e)}let B=u(`div`,e,{state:R,stateAttributesMapping:F,props:[D,{role:`menuitemcheckbox`,"aria-checked":A,onClick:z},b,P],ref:[L,t,x.ref]});return(0,I.jsx)(M.Provider,{value:R,children:B})}),R=j.forwardRef(function(e,t){let{render:r,className:i,style:o,keepMounted:s=!1,...c}=e,l=N(),d=j.useRef(null),{transitionStatus:f,setMounted:p}=a(l.checked);return n({open:l.checked,ref:d,onComplete(){l.checked||p(!1)}}),u(`span`,e,{state:{checked:l.checked,disabled:l.disabled,highlighted:l.highlighted,transitionStatus:f},ref:[t,d],stateAttributesMapping:F,props:{"aria-hidden":!0,...c},enabled:s||l.checked})}),z=j.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,closeOnClick:o=!1,style:s,...d}=e,p=j.useRef(null),m=g({label:a}),h=k(!0)?.context.nodeId,_=c(i),{store:v}=O(),y=v.useState(`isActive`,m.index),b=v.useState(`itemProps`),S=v.context.typingRef,{getButtonProps:C,buttonRef:w}=l({native:!1,composite:!0}),T=x({closeOnClick:o,highlighted:y,id:_,nodeId:h,store:v,typingRef:S,itemRef:p});function E(e){return f(T,e,C)}return u(`a`,e,{state:{highlighted:y},props:[b,d,E],ref:[p,w,t,m.ref]})});function B({...e}){return(0,I.jsx)(w,{"data-slot":`dropdown-menu`,...e})}function V({...e}){return(0,I.jsx)(E,{"data-slot":`dropdown-menu-trigger`,...e})}function H({align:e=`start`,alignOffset:t=0,side:n=`bottom`,sideOffset:r=4,className:i,...a}){return(0,I.jsx)(T,{children:(0,I.jsx)(S,{className:`isolate z-50 outline-none`,align:e,alignOffset:t,side:n,sideOffset:r,children:(0,I.jsx)(_,{"data-slot":`dropdown-menu-content`,className:m(`dark dropdown-menu-content--component z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-space-xs text-pxs leading-tight text-popover-foreground shadow-xs ring-1 ring-border/40 duration-100 outline-none`,`data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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`,`data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,i),...a})})})}function U({...e}){return(0,I.jsx)(v,{"data-slot":`dropdown-menu-group`,...e})}function W({className:e,inset:t,...n}){return(0,I.jsx)(D,{"data-slot":`dropdown-menu-label`,"data-inset":t,className:m(`dropdown-menu-label--component px-control-sm py-space-xs text-xxs font-semibold uppercase tracking-normal text-muted-foreground data-inset:pl-8`,e),...n})}function G({className:e,inset:t,variant:n=`default`,...r}){return(0,I.jsx)(b,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:m(`dropdown-menu-item--component group/dropdown-menu-item relative flex min-h-control-sm cursor-default items-center gap-space-sm rounded-sm px-control-sm py-space-xs text-pxs leading-tight outline-hidden select-none transition-colors`,`data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground data-inset:pl-8`,`data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/20`,`data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-icon-sm [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive`,e),...r})}function K({className:e,inset:t,variant:n=`default`,...r}){return(0,I.jsx)(z,{"data-slot":`dropdown-menu-link-item`,"data-inset":t,"data-variant":n,className:m(`dropdown-menu-link-item--component group/dropdown-menu-item relative flex min-h-control-sm cursor-default items-center gap-space-sm rounded-sm px-control-sm py-space-xs text-pxs leading-tight outline-hidden select-none transition-colors`,`data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground data-inset:pl-8`,`data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive dark:data-[variant=destructive]:data-highlighted:bg-destructive/20`,`[&_svg]:pointer-events-none [&_svg]:size-icon-sm [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive`,e),...r})}function q({className:e,children:t,checked:n,inset:i,...a}){return(0,I.jsxs)(L,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":i,className:m(`dropdown-menu-checkbox-item--component relative flex min-h-control-sm cursor-default items-center gap-space-sm rounded-sm py-space-xs pr-8 pl-control-sm text-pxs leading-tight outline-hidden select-none transition-colors`,`data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:[&_svg]:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-icon-sm [&_svg]:shrink-0`,e),checked:n,...a,children:[(0,I.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,I.jsx)(R,{children:(0,I.jsx)(r,{})})}),t]})}function J({className:e,...t}){return(0,I.jsx)(A,{"data-slot":`dropdown-menu-separator`,className:m(`dropdown-menu-separator--component -mx-space-xs my-space-xs h-px bg-border`,e),...t})}export{G as a,J as c,U as i,V as l,q as n,W as o,H as r,K as s,B as t};

package/dist/showcase/assets/dropzone-CJHqIcHB.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-C_rLy6Zn.js";import{N as r,d as i,l as a,n as o}from"./index-B4sKWDcN.js";var s=a(`cloud-upload`,[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]]),c=e(t(),1),l=i(),u={instruction:`Drag files here or click to browse`,helper:``,dragOver:`Release to upload`},d={small:{padding:`px-surface py-surface`,minH:`min-h-24`,iconBox:`size-avatar-lg`,iconSize:`size-icon`},default:{padding:`px-surface py-space-2xl`,minH:`min-h-32`,iconBox:`size-avatar-lg`,iconSize:`size-icon-lg`}},f=e=>e===`small`||e==="default"?e:e===`compact`?`small`:`default`;function p({onDrop:e,accept:t,multiple:i=!1,disabled:a=!1,invalid:p=!1,size:m=`default`,icon:h,className:g,children:_,strings:v},y){let b=r(u,v),x=(0,c.useRef)(null),[S,C]=(0,c.useState)(!1),w=f(m),T=d[w],E=(0,c.useCallback)(()=>{a||x.current?.click()},[a]),D=(0,c.useCallback)(t=>{let n=t.target.files;!n||n.length===0||(e(Array.from(n)),x.current&&(x.current.value=``))},[e]),O=(0,c.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),a||C(!0)},[a]),k=(0,c.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),C(!1)},[]),A=(0,c.useCallback)(t=>{if(t.preventDefault(),t.stopPropagation(),C(!1),a)return;let n=t.dataTransfer?.files;!n||n.length===0||e(Array.from(n))},[a,e]);return(0,l.jsxs)(`div`,{role:`button`,tabIndex:a?-1:0,"aria-disabled":a||void 0,"aria-invalid":p||void 0,onClick:e=>{e.defaultPrevented||E()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),E())},onDragEnter:O,onDragOver:O,onDragLeave:k,onDrop:A,className:o(`dropzone--component`,`relative flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed text-center transition-colors duration-150`,T.minH,T.padding,p?`border-destructive`:`border-muted-foreground/40`,`bg-muted/30 hover:border-primary hover:bg-primary/5 hover:text-primary`,a&&`cursor-not-allowed opacity-50 hover:border-muted-foreground/40 hover:bg-muted/30 hover:text-muted-foreground`,!a&&S&&`border-primary bg-primary/10 text-primary`,g),children:[(0,l.jsx)(`input`,{ref:e=>{x.current=e,typeof y==`function`?y(e):y&&(y.current=e)},type:`file`,className:`hidden`,accept:t,multiple:i,disabled:a,onChange:D,onClick:e=>e.stopPropagation()}),(0,l.jsx)(`span`,{className:o(`inline-flex items-center justify-center rounded-full bg-primary/10 text-primary`,T.iconBox),"aria-hidden":`true`,children:h??(0,l.jsx)(s,{className:T.iconSize})}),(0,l.jsxs)(`div`,{className:`space-y-1`,children:[(0,l.jsx)(n,{size:w===`small`?`xs`:`sm`,weight:`medium`,children:S?b.dragOver:b.instruction}),!!b.helper&&(0,l.jsx)(n,{size:`xs`,type:`secondary`,children:b.helper})]}),!!_&&(0,l.jsx)(`div`,{onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:_})]})}var m=c.forwardRef(p);m.displayName=`Dropzone`;export{s as n,m as t};

package/dist/showcase/assets/earth-BGrx2u2i.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`earth`,[[`path`,{d:`M21.54 15H17a2 2 0 0 0-2 2v4.54`,key:`1djwo0`}],[`path`,{d:`M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17`,key:`1tzkfa`}],[`path`,{d:`M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05`,key:`14pb5j`}],[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]);export{t};

package/dist/showcase/assets/ellipsis-Dumpj4aE.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`ellipsis`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`19`,cy:`12`,r:`1`,key:`1wjl8i`}],[`circle`,{cx:`5`,cy:`12`,r:`1`,key:`1pcz8c`}]]);export{t};

package/dist/showcase/assets/ellipsis-vertical-h1O9pibc.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`ellipsis-vertical`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`12`,cy:`5`,r:`1`,key:`gxeob9`}],[`circle`,{cx:`12`,cy:`19`,r:`1`,key:`lyex9k`}]]);export{t};

package/dist/showcase/assets/empty-Cc8JP5--.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();function i({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`empty`,className:n(`gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,e),...t})}function a({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`empty-header`,className:n(`gap-2 flex max-w-sm flex-col items-center`,e),...t})}var o=e(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6`}},defaultVariants:{variant:`default`}});function s({className:e,variant:t=`default`,...i}){return(0,r.jsx)(`div`,{"data-slot":`empty-icon`,"data-variant":t,className:n(o({variant:t,className:e})),...i})}function c({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`empty-title`,className:n(`text-lg font-medium tracking-tight`,e),...t})}function l({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`empty-description`,className:n(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function u({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`empty-content`,className:n(`gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,e),...t})}export{s as a,a as i,u as n,c as o,l as r,i as t};

package/dist/showcase/assets/empty-item-C-v-Akyi.js

@@ -0,0 +1,49 @@
+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{t as a}from"./file-text-C59ToXmU.js";import{t as o}from"./inbox-cvR2MbZq.js";import{t as s}from"./settings-YDwquOPS.js";import{d as c}from"./index-B4sKWDcN.js";import{a as l,c as u,i as d,r as f,t as p,u as m}from"./item-KsGEgVjl.js";import{a as h,i as g,n as _,o as v,r as y,t as b}from"./empty-Cc8JP5--.js";import{t as x}from"./PreviewLayout-CE0fmzoc.js";var S=e({EmptyState:()=>w,ItemsList:()=>T}),C=c();function w(){return(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)(b,{children:[(0,C.jsxs)(g,{children:[(0,C.jsx)(h,{variant:`icon`,children:(0,C.jsx)(o,{})}),(0,C.jsx)(v,{children:`No orders yet`}),(0,C.jsx)(y,{children:`Start by creating your first order.`})]}),(0,C.jsx)(_,{children:(0,C.jsx)(r,{children:`Create order`})})]})})}function T(){return(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)(x,{children:[(0,C.jsxs)(p,{children:[(0,C.jsx)(u,{variant:`icon`,children:(0,C.jsx)(a,{})}),(0,C.jsxs)(f,{children:[(0,C.jsx)(m,{children:`Invoice INV-2026-0392`}),(0,C.jsx)(d,{children:`Sarah Smitha — 2,450 USD`})]}),(0,C.jsx)(l,{children:(0,C.jsx)(r,{size:`default`,variant:`outline`,children:`Open`})})]}),(0,C.jsxs)(p,{children:[(0,C.jsx)(u,{variant:`icon`,children:(0,C.jsx)(s,{})}),(0,C.jsxs)(f,{children:[(0,C.jsx)(m,{children:`Account preferences`}),(0,C.jsx)(d,{children:`Notifications, security & integrations.`})]})]})]})})}var E=`import { Inbox, FileText, Settings } from 'lucide-react';
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty';
+import { Item, ItemContent, ItemDescription, ItemFooter, ItemMedia, ItemTitle } from '@/components/ui/item';
+import { Button } from '@/components/ui/button';
+import { Col } from '../../PreviewLayout';
+
+export function EmptyState() {
+	return (
+		<>
+			<Empty>
+								<EmptyHeader>
+									<EmptyMedia variant="icon"><Inbox /></EmptyMedia>
+									<EmptyTitle>No orders yet</EmptyTitle>
+									<EmptyDescription>Start by creating your first order.</EmptyDescription>
+								</EmptyHeader>
+								<EmptyContent>
+									<Button>Create order</Button>
+								</EmptyContent>
+							</Empty>
+		</>
+	);
+}
+
+export function ItemsList() {
+	return (
+		<>
+			<Col>
+								<Item>
+									<ItemMedia variant="icon"><FileText /></ItemMedia>
+									<ItemContent>
+										<ItemTitle>Invoice INV-2026-0392</ItemTitle>
+										<ItemDescription>Sarah Smitha — 2,450 USD</ItemDescription>
+									</ItemContent>
+									<ItemFooter>
+										<Button size="default" variant="outline">Open</Button>
+									</ItemFooter>
+								</Item>
+								<Item>
+									<ItemMedia variant="icon"><Settings /></ItemMedia>
+									<ItemContent>
+										<ItemTitle>Account preferences</ItemTitle>
+										<ItemDescription>Notifications, security & integrations.</ItemDescription>
+									</ItemContent>
+								</Item>
+							</Col>
+		</>
+	);
+}
+`;function D(e){return S||k(`Examples`,!1),w||k(`Examples.EmptyState`,!0),T||k(`Examples.ItemsList`,!0),(0,C.jsx)(t,{title:`UI · Empty + Item`,description:`Empty state and Item list-row primitives.`,layer:`ui`,status:`ready`,children:(0,C.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,C.jsx)(i,{name:`EmptyState`,source:E,children:(0,C.jsx)(w,{})}),(0,C.jsx)(i,{name:`ItemsList`,source:E,children:(0,C.jsx)(T,{})})]})})}function O(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(D,{...e})}):D(e)}function k(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{O as default};

package/dist/showcase/assets/empty-state-B7BQDoeL.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{f as n,p as r}from"./section-C_rLy6Zn.js";import{N as i,d as a,n as o}from"./index-B4sKWDcN.js";import{a as s,i as c,n as l,t as u}from"./empty-Cc8JP5--.js";var d=e(t(),1),f={title:`Nothing here yet`,description:`Once data lands, it will show up in this view.`,ariaLabel:`Empty state`},p=a(),m={small:`py-empty-state-y-small`,default:`py-empty-state-y`},h=e=>e===`small`||e==="default"?e:e===`compact`?`small`:`default`,g={none:`default`,icon:`icon`,"icon-soft":`icon`,illustration:`default`},_={none:void 0,icon:void 0,"icon-soft":`bg-muted/40 text-muted-foreground`,illustration:`mb-4`},v=(0,d.forwardRef)(function({title:e,description:t,media:a,mediaVariant:d=`none`,renderMedia:v,actions:y,footer:b,padding:x=`default`,border:S=!1,className:C,strings:w,ariaLabel:T},E){let D=i(f,w),O=e??D.title,k=t===!1?null:t??D.description,A=v?v({mediaVariant:d}):a,j=!!A;return(0,p.jsxs)(u,{ref:E,role:`status`,"aria-label":T??D.ariaLabel,className:o(`empty-state--component`,m[h(x)],S?`border border-dashed`:`border-0`,C),children:[(0,p.jsxs)(c,{children:[!!j&&(0,p.jsx)(s,{variant:g[d],className:_[d],children:A}),(0,p.jsx)(n,{tag:`h3`,className:`border-0 pb-0 text-base`,"data-slot":`empty-title`,children:O}),!!k&&(0,p.jsx)(r,{size:`xs`,type:`secondary`,className:`leading-relaxed [&>a]:text-primary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline`,"data-slot":`empty-description`,children:k})]}),(!!y||!!b)&&(0,p.jsxs)(l,{children:[!!y&&(0,p.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:y}),!!b&&(0,p.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:b})]})]})});v.displayName=`EmptyState`;export{v as t};

package/dist/showcase/assets/empty-state-BSvZNFnQ.js

@@ -0,0 +1,190 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{r,t as i}from"./example-BsDQngs7.js";import{t as a}from"./refresh-cw-DpfoVhbc.js";import{a as o,d as s,l as c,n as l}from"./index-B4sKWDcN.js";import{t as u}from"./props-table-aynAz90t.js";import{t as d}from"./text-link-BFYPeXTq.js";import{t as f}from"./smart-card-CwDYx0xj.js";import{t as p}from"./empty-state-B7BQDoeL.js";var m=c(`list-plus`,[[`path`,{d:`M16 5H3`,key:`m91uny`}],[`path`,{d:`M11 12H3`,key:`51ecnj`}],[`path`,{d:`M16 19H3`,key:`zzsher`}],[`path`,{d:`M18 9v6`,key:`1twb98`}],[`path`,{d:`M21 12h-6`,key:`bt1uis`}]]),h=c(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),g=s();function _({className:e}){return(0,g.jsxs)(`div`,{className:l(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,g.jsxs)(`div`,{className:`bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-md border p-2 shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`})]}),(0,g.jsxs)(`div`,{className:`bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-md border p-2 shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`}),(0,g.jsxs)(`div`,{className:`mt-auto flex items-center gap-1`,children:[(0,g.jsx)(`div`,{className:`bg-success size-1.5 rounded-full`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-8 rounded`})]})]})]})}_.displayName=`DocumentStackIllustration`;function v({className:e}){return(0,g.jsxs)(`div`,{className:l(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,g.jsx)(`div`,{className:`bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border`,children:(0,g.jsx)(`svg`,{viewBox:`0 0 16 16`,className:`text-success size-3.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,g.jsx)(`path`,{d:`M3 8l3 3 7-7`})})}),(0,g.jsxs)(`div`,{className:`bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted/30 h-3 rounded-t-lg`}),(0,g.jsxs)(`div`,{className:`flex flex-1 items-center justify-between px-3`,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-12 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/40 h-1.5 w-8 rounded`})]}),(0,g.jsx)(`div`,{className:`bg-muted/40 size-3 rounded-full`})]})]})]})}v.displayName=`InboxCleanIllustration`;function y({className:e}){return(0,g.jsx)(`div`,{className:l(`flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20`,e),"aria-hidden":`true`,children:(0,g.jsx)(o,{className:`size-8 text-muted-foreground`})})}y.displayName=`SearchGlassIllustration`;function b({className:e}){return(0,g.jsxs)(`div`,{className:l(`relative h-24 w-52`,e),"aria-hidden":`true`,children:[(0,g.jsx)(`div`,{className:`bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border`}),(0,g.jsx)(`div`,{className:`bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border`}),(0,g.jsxs)(`div`,{className:`bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted size-8 shrink-0 rounded`}),(0,g.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1.5`,children:[(0,g.jsx)(`div`,{className:`bg-muted h-2.5 w-3/4 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-2 w-1/2 rounded`})]})]}),(0,g.jsx)(`div`,{className:`from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b`})]})}b.displayName=`StackedCardsIllustration`;function x({className:e}){return(0,g.jsxs)(`div`,{className:l(`relative flex h-24 w-32 items-center justify-center`,e),"aria-hidden":`true`,children:[(0,g.jsx)(`div`,{className:`bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2`}),(0,g.jsx)(`div`,{className:`bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm`}),(0,g.jsx)(`div`,{className:`bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2`})]})}x.displayName=`UsersCircleIllustration`;var S=e({DashedBorderDropZone:()=>j,Default:()=>C,InboxZero:()=>D,NoProductsWithActions:()=>w,NoSearchResults:()=>E,NoTeamMembers:()=>T,PaddingBase:()=>k,PaddingCompact:()=>O,PaddingLoose:()=>A,RenderPropCustomMedia:()=>N,StringsPropLocalisation:()=>M});function C(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`No invoices yet`,description:`Invoices appear here once a sale is completed.`})})}function w(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(b,{}),title:`No products yet`,description:`Add your first product to start selling. You can also import an existing catalog.`,actions:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(r,{children:[(0,g.jsx)(m,{className:`size-4`}),`Add product`]}),(0,g.jsxs)(r,{variant:`secondary`,buttonStyle:`ghost`,children:[(0,g.jsx)(h,{className:`size-4`}),`Import CSV`]})]}),footer:(0,g.jsxs)(g.Fragment,{children:[`Need help? `,(0,g.jsx)(d,{href:`#`,children:`Read the guide`})]})})})}function T(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(x,{}),title:`Invite your team`,description:`Bring in collaborators to manage the workspace together.`,actions:(0,g.jsx)(r,{children:`Invite member`})})})}function E(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{mediaVariant:`illustration`,media:(0,g.jsx)(y,{}),title:`No results for “quarterly”`,description:`Try a broader query, or clear filters to see everything.`,actions:(0,g.jsxs)(r,{variant:`secondary`,buttonStyle:`ghost`,children:[(0,g.jsx)(a,{className:`size-4`}),`Clear filters`]}),padding:`small`})})}function D(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(v,{}),title:`You’re all caught up`,description:!1,padding:`small`})})}function O(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`Small padding`,description:`padding="small"`,padding:`small`})})}function k(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`Default padding`,description:`padding="default"`})})}function A(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`Default padding via CSS`,description:`Tune --empty-state-padding-y globally or per subtree instead of adding more size props.`})})}function j(){return(0,g.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,g.jsx)(p,{border:!0,mediaVariant:`icon`,media:(0,g.jsx)(m,{className:`size-6 text-muted-foreground`}),title:`Drop a file to attach`,description:`Or click to browse. Max 10 MB.`,padding:`default`})})}function M(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(b,{}),strings:{title:`Aucun produit`,description:`Ajoutez votre premier produit pour commencer.`}})})}function N(){return(0,g.jsx)(f,{padding:`default`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{mediaVariant:`illustration`,renderMedia:({mediaVariant:e})=>(0,g.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,g.jsx)(`div`,{className:`size-12 rounded-full bg-info/15 ring-8 ring-info/5`}),(0,g.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`variant: `,e]})]}),title:`Custom rendering through renderMedia`,description:`The render-prop receives the resolved variant so consumers can react to it.`})})}var P=`import { ListPlus, RefreshCw, Upload } from 'lucide-react';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import {
+	DocumentStackIllustration,
+	EmptyState,
+	InboxCleanIllustration,
+	SearchGlassIllustration,
+	StackedCardsIllustration,
+	UsersCircleIllustration,
+} from '@/components/composed/data-display/empty-state';
+import TextLink from '@/components/typography/text-link';
+
+export function Default() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="No invoices yet"
+				description="Invoices appear here once a sale is completed."
+			/>
+		</SmartCard>
+	);
+}
+
+export function NoProductsWithActions() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<StackedCardsIllustration />}
+				title="No products yet"
+				description="Add your first product to start selling. You can also import an existing catalog."
+				actions={
+					<>
+						<Button>
+							<ListPlus className="size-4" />
+							Add product
+						</Button>
+						<Button variant="secondary" buttonStyle="ghost">
+							<Upload className="size-4" />
+							Import CSV
+						</Button>
+					</>
+				}
+				footer={
+					<>
+						Need help? <TextLink href="#">Read the guide</TextLink>
+					</>
+				}
+			/>
+		</SmartCard>
+	);
+}
+
+export function NoTeamMembers() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<UsersCircleIllustration />}
+				title="Invite your team"
+				description="Bring in collaborators to manage the workspace together."
+				actions={<Button>Invite member</Button>}
+			/>
+		</SmartCard>
+	);
+}
+
+export function NoSearchResults() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				mediaVariant="illustration"
+				media={<SearchGlassIllustration />}
+				title="No results for &ldquo;quarterly&rdquo;"
+				description="Try a broader query, or clear filters to see everything."
+				actions={
+					<Button variant="secondary" buttonStyle="ghost">
+						<RefreshCw className="size-4" />
+						Clear filters
+					</Button>
+				}
+				padding="small"
+			/>
+		</SmartCard>
+	);
+}
+
+export function InboxZero() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<InboxCleanIllustration />}
+				title="You&rsquo;re all caught up"
+				description={false}
+				padding="small"
+			/>
+		</SmartCard>
+	);
+}
+
+export function PaddingCompact() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="Small padding"
+				description="padding=&quot;small&quot;"
+				padding="small"
+			/>
+		</SmartCard>
+	);
+}
+
+export function PaddingBase() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="Default padding"
+				description="padding=&quot;default&quot;"
+			/>
+		</SmartCard>
+	);
+}
+
+export function PaddingLoose() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="Default padding via CSS"
+				description="Tune --empty-state-padding-y globally or per subtree instead of adding more size props."
+			/>
+		</SmartCard>
+	);
+}
+
+export function DashedBorderDropZone() {
+	return (
+		<div className="w-full max-w-xl">
+			<EmptyState
+				border
+				mediaVariant="icon"
+				media={<ListPlus className="size-6 text-muted-foreground" />}
+				title="Drop a file to attach"
+				description="Or click to browse. Max 10 MB."
+				padding="default"
+			/>
+		</div>
+	);
+}
+
+export function StringsPropLocalisation() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				media={<StackedCardsIllustration />}
+				strings={{
+					title: 'Aucun produit',
+					description: 'Ajoutez votre premier produit pour commencer.',
+				}}
+			/>
+		</SmartCard>
+	);
+}
+
+export function RenderPropCustomMedia() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<EmptyState
+				mediaVariant="illustration"
+				renderMedia={({ mediaVariant }) => (
+					<div className="flex flex-col items-center gap-1">
+						<div className="size-12 rounded-full bg-info/15 ring-8 ring-info/5" />
+						<span className="text-xs text-muted-foreground">variant: {mediaVariant}</span>
+					</div>
+				)}
+				title="Custom rendering through renderMedia"
+				description="The render-prop receives the resolved variant so consumers can react to it."
+			/>
+		</SmartCard>
+	);
+}
+`;function F(e){let r={code:`code`,p:`p`,...e.components};return S||L(`Examples`,!1),j||L(`Examples.DashedBorderDropZone`,!0),C||L(`Examples.Default`,!0),D||L(`Examples.InboxZero`,!0),w||L(`Examples.NoProductsWithActions`,!0),E||L(`Examples.NoSearchResults`,!0),T||L(`Examples.NoTeamMembers`,!0),k||L(`Examples.PaddingBase`,!0),O||L(`Examples.PaddingCompact`,!0),A||L(`Examples.PaddingLoose`,!0),N||L(`Examples.RenderPropCustomMedia`,!0),M||L(`Examples.StringsPropLocalisation`,!0),(0,g.jsxs)(t,{title:`Empty state`,description:`Adaptive zero-data surface. Wrap with the right illustration per resource — products, users, search results, inbox. Slots for media / actions / footer; consumer overrides every string.`,layer:`base`,status:`ready`,sourcePath:`src/components/composed/data-display/empty-state`,children:[(0,g.jsx)(n,{title:`Overview`,id:`overview`,children:(0,g.jsxs)(r.p,{children:[(0,g.jsx)(r.code,{children:`EmptyState`}),` is the canonical zero-data surface. Pass an illustration (or any
+node) via `,(0,g.jsx)(r.code,{children:`media`}),`, optional `,(0,g.jsx)(r.code,{children:`actions`}),` and `,(0,g.jsx)(r.code,{children:`footer`}),` slots, and tune the surface
+with `,(0,g.jsx)(r.code,{children:`padding`}),` (`,(0,g.jsx)(r.code,{children:`default`}),` / `,(0,g.jsx)(r.code,{children:`small`}),`) and `,(0,g.jsx)(r.code,{children:`border`}),` (dashed drop-zone
+affordance). The actual vertical rhythm comes from
+`,(0,g.jsx)(r.code,{children:`--empty-state-padding-y`}),` and `,(0,g.jsx)(r.code,{children:`--empty-state-padding-y-small`}),`, so apps can
+tune the surface without widening the prop API. Five built-in illustrations
+cover the common cases.`]})}),(0,g.jsx)(n,{title:`Default`,id:`default`,children:(0,g.jsx)(i,{name:`Default`,source:P,children:(0,g.jsx)(C,{})})}),(0,g.jsxs)(n,{title:`Common scenarios`,id:`scenarios`,children:[(0,g.jsx)(i,{name:`NoProductsWithActions`,source:P,children:(0,g.jsx)(w,{})}),(0,g.jsx)(i,{name:`NoTeamMembers`,source:P,children:(0,g.jsx)(T,{})}),(0,g.jsx)(i,{name:`NoSearchResults`,source:P,children:(0,g.jsx)(E,{})}),(0,g.jsx)(i,{name:`InboxZero`,source:P,children:(0,g.jsx)(D,{})})]}),(0,g.jsxs)(n,{title:`Padding`,id:`padding`,children:[(0,g.jsx)(i,{name:`PaddingCompact`,source:P,children:(0,g.jsx)(O,{})}),(0,g.jsx)(i,{name:`PaddingBase`,source:P,children:(0,g.jsx)(k,{})}),(0,g.jsx)(i,{name:`PaddingLoose`,source:P,children:(0,g.jsx)(A,{})})]}),(0,g.jsxs)(n,{title:`Composition`,id:`composition`,children:[(0,g.jsx)(i,{name:`DashedBorderDropZone`,source:P,children:(0,g.jsx)(j,{})}),(0,g.jsx)(i,{name:`StringsPropLocalisation`,source:P,children:(0,g.jsx)(M,{})}),(0,g.jsx)(i,{name:`RenderPropCustomMedia`,source:P,children:(0,g.jsx)(N,{})})]}),(0,g.jsx)(n,{title:`API`,id:`api`,children:(0,g.jsx)(u,{component:`EmptyState`})})]})}function I(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(F,{...e})}):F(e)}function L(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{I as default};