admin-ui-starter-kit 0.6.9 → 0.7.0

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

@@ -0,0 +1,45 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,u as r}from"./section-DLqBJGPH.js";import{P as i,d as a}from"./index-DSBghWdd.js";var o=e(t(),1);typeof window<`u`&&window.document&&window.document.createElement;function s(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}var c=a();function l(e,t){let n=o.createContext(t),r=e=>{let{children:t,...r}=e,i=o.useMemo(()=>r,Object.values(r));return(0,c.jsx)(n.Provider,{value:i,children:t})};r.displayName=e+`Provider`;function i(r){let i=o.useContext(n);if(i)return i;if(t!==void 0)return t;throw Error(`\`${r}\` must be used within \`${e}\``)}return[r,i]}function u(e,t=[]){let n=[];function r(t,r){let i=o.createContext(r),a=n.length;n=[...n,r];let s=t=>{let{scope:n,children:r,...s}=t,l=n?.[e]?.[a]||i,u=o.useMemo(()=>s,Object.values(s));return(0,c.jsx)(l.Provider,{value:u,children:r})};s.displayName=t+`Provider`;function l(n,s){let c=s?.[e]?.[a]||i,l=o.useContext(c);if(l)return l;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return[s,l]}let i=()=>{let t=n.map(e=>o.createContext(e));return function(n){let r=n?.[e]||t;return o.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,d(i,...t)]}function d(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return o.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}var f=globalThis?.document?o.useLayoutEffect:()=>{},p=o.useId||(()=>void 0),m=0;function h(e){let[t,n]=o.useState(p());return f(()=>{e||n(e=>e??String(m++))},[e]),e||(t?`radix-${t}`:``)}var g=o.useInsertionEffect||f;function _({prop:e,defaultProp:t,onChange:n=()=>{},caller:r}){let[i,a,s]=v({defaultProp:t,onChange:n}),c=e!==void 0,l=c?e:i;{let t=o.useRef(e!==void 0);o.useEffect(()=>{let e=t.current;e!==c&&console.warn(`${r} is changing from ${e?`controlled`:`uncontrolled`} to ${c?`controlled`:`uncontrolled`}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),t.current=c},[c,r])}return[l,o.useCallback(t=>{if(c){let n=y(t)?t(e):t;n!==e&&s.current?.(n)}else a(t)},[c,e,a,s])]}function v({defaultProp:e,onChange:t}){let[n,r]=o.useState(e),i=o.useRef(n),a=o.useRef(t);return g(()=>{a.current=t},[t]),o.useEffect(()=>{i.current!==n&&(a.current?.(n),i.current=n)},[n,i]),[n,r,a]}function y(e){return typeof e==`function`}var b=e(i(),1);function x(e){let t=S(e),n=o.forwardRef((e,n)=>{let{children:r,...i}=e,a=o.Children.toArray(r),s=a.find(w);if(s){let e=s.props.children,r=a.map(t=>t===s?o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null:t);return(0,c.jsx)(t,{...i,ref:n,children:o.isValidElement(e)?o.cloneElement(e,void 0,r):null})}return(0,c.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function S(e){let t=o.forwardRef((e,t)=>{let{children:n,...i}=e;if(o.isValidElement(n)){let e=T(n),a=ee(i,n.props);return n.type!==o.Fragment&&(a.ref=t?r(t,e):e),o.cloneElement(n,a)}return o.Children.count(n)>1?o.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var C=Symbol(`radix.slottable`);function w(e){return o.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===C}function ee(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function T(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var te=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=x(`Primitive.${t}`),r=o.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,c.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function ne(e,t){e&&b.flushSync(()=>e.dispatchEvent(t))}function E(e){let t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...e)=>t.current?.(...e),[])}function re(e,t=globalThis?.document){let n=E(e);o.useEffect(()=>{let e=e=>{e.key===`Escape`&&n(e)};return t.addEventListener(`keydown`,e,{capture:!0}),()=>t.removeEventListener(`keydown`,e,{capture:!0})},[n,t])}var ie=`DismissableLayer`,D=`dismissableLayer.update`,ae=`dismissableLayer.pointerDownOutside`,oe=`dismissableLayer.focusOutside`,se,ce=o.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),le=o.forwardRef((e,t)=>{let{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:i,onPointerDownOutside:a,onFocusOutside:l,onInteractOutside:u,onDismiss:d,...f}=e,p=o.useContext(ce),[m,h]=o.useState(null),g=m?.ownerDocument??globalThis?.document,[,_]=o.useState({}),v=n(t,e=>h(e)),y=Array.from(p.layers),[b]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),x=y.indexOf(b),S=m?y.indexOf(m):-1,C=p.layersWithOutsidePointerEventsDisabled.size>0,w=S>=x,ee=fe(e=>{let t=e.target,n=[...p.branches].some(e=>e.contains(t));!w||n||(a?.(e),u?.(e),e.defaultPrevented||d?.())},g),T=pe(e=>{let t=e.target;[...p.branches].some(e=>e.contains(t))||(l?.(e),u?.(e),e.defaultPrevented||d?.())},g);return re(e=>{S===p.layers.size-1&&(i?.(e),!e.defaultPrevented&&d&&(e.preventDefault(),d()))},g),o.useEffect(()=>{if(m)return r&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(se=g.body.style.pointerEvents,g.body.style.pointerEvents=`none`),p.layersWithOutsidePointerEventsDisabled.add(m)),p.layers.add(m),me(),()=>{r&&p.layersWithOutsidePointerEventsDisabled.size===1&&(g.body.style.pointerEvents=se)}},[m,g,r,p]),o.useEffect(()=>()=>{m&&(p.layers.delete(m),p.layersWithOutsidePointerEventsDisabled.delete(m),me())},[m,p]),o.useEffect(()=>{let e=()=>_({});return document.addEventListener(D,e),()=>document.removeEventListener(D,e)},[]),(0,c.jsx)(te.div,{...f,ref:v,style:{pointerEvents:C?w?`auto`:`none`:void 0,...e.style},onFocusCapture:s(e.onFocusCapture,T.onFocusCapture),onBlurCapture:s(e.onBlurCapture,T.onBlurCapture),onPointerDownCapture:s(e.onPointerDownCapture,ee.onPointerDownCapture)})});le.displayName=ie;var ue=`DismissableLayerBranch`,de=o.forwardRef((e,t)=>{let r=o.useContext(ce),i=o.useRef(null),a=n(t,i);return o.useEffect(()=>{let e=i.current;if(e)return r.branches.add(e),()=>{r.branches.delete(e)}},[r.branches]),(0,c.jsx)(te.div,{...e,ref:a})});de.displayName=ue;function fe(e,t=globalThis?.document){let n=E(e),r=o.useRef(!1),i=o.useRef(()=>{});return o.useEffect(()=>{let e=e=>{if(e.target&&!r.current){let r=function(){he(ae,n,a,{discrete:!0})},a={originalEvent:e};e.pointerType===`touch`?(t.removeEventListener(`click`,i.current),i.current=r,t.addEventListener(`click`,i.current,{once:!0})):r()}else t.removeEventListener(`click`,i.current);r.current=!1},a=window.setTimeout(()=>{t.addEventListener(`pointerdown`,e)},0);return()=>{window.clearTimeout(a),t.removeEventListener(`pointerdown`,e),t.removeEventListener(`click`,i.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function pe(e,t=globalThis?.document){let n=E(e),r=o.useRef(!1);return o.useEffect(()=>{let e=e=>{e.target&&!r.current&&he(oe,n,{originalEvent:e},{discrete:!1})};return t.addEventListener(`focusin`,e),()=>t.removeEventListener(`focusin`,e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function me(){let e=new CustomEvent(D);document.dispatchEvent(e)}function he(e,t,n,{discrete:r}){let i=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&i.addEventListener(e,t,{once:!0}),r?ne(i,a):i.dispatchEvent(a)}function ge(e){let t=_e(e),n=o.forwardRef((e,n)=>{let{children:r,...i}=e,a=o.Children.toArray(r),s=a.find(ye);if(s){let e=s.props.children,r=a.map(t=>t===s?o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null:t);return(0,c.jsx)(t,{...i,ref:n,children:o.isValidElement(e)?o.cloneElement(e,void 0,r):null})}return(0,c.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function _e(e){let t=o.forwardRef((e,t)=>{let{children:n,...i}=e;if(o.isValidElement(n)){let e=xe(n),a=be(i,n.props);return n.type!==o.Fragment&&(a.ref=t?r(t,e):e),o.cloneElement(n,a)}return o.Children.count(n)>1?o.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var ve=Symbol(`radix.slottable`);function ye(e){return o.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===ve}function be(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function xe(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Se=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=ge(`Primitive.${t}`),r=o.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,c.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),Ce=`focusScope.autoFocusOnMount`,we=`focusScope.autoFocusOnUnmount`,Te={bubbles:!1,cancelable:!0},Ee=`FocusScope`,De=o.forwardRef((e,t)=>{let{loop:r=!1,trapped:i=!1,onMountAutoFocus:a,onUnmountAutoFocus:s,...l}=e,[u,d]=o.useState(null),f=E(a),p=E(s),m=o.useRef(null),h=n(t,e=>d(e)),g=o.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;o.useEffect(()=>{if(i){let e=function(e){if(g.paused||!u)return;let t=e.target;u.contains(t)?m.current=t:O(m.current,{select:!0})},t=function(e){if(g.paused||!u)return;let t=e.relatedTarget;t!==null&&(u.contains(t)||O(m.current,{select:!0}))},n=function(e){if(document.activeElement===document.body)for(let t of e)t.removedNodes.length>0&&O(u)};document.addEventListener(`focusin`,e),document.addEventListener(`focusout`,t);let r=new MutationObserver(n);return u&&r.observe(u,{childList:!0,subtree:!0}),()=>{document.removeEventListener(`focusin`,e),document.removeEventListener(`focusout`,t),r.disconnect()}}},[i,u,g.paused]),o.useEffect(()=>{if(u){Pe.add(g);let e=document.activeElement;if(!u.contains(e)){let t=new CustomEvent(Ce,Te);u.addEventListener(Ce,f),u.dispatchEvent(t),t.defaultPrevented||(Oe(Le(Ae(u)),{select:!0}),document.activeElement===e&&O(u))}return()=>{u.removeEventListener(Ce,f),setTimeout(()=>{let t=new CustomEvent(we,Te);u.addEventListener(we,p),u.dispatchEvent(t),t.defaultPrevented||O(e??document.body,{select:!0}),u.removeEventListener(we,p),Pe.remove(g)},0)}}},[u,f,p,g]);let _=o.useCallback(e=>{if(!r&&!i||g.paused)return;let t=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,n=document.activeElement;if(t&&n){let t=e.currentTarget,[i,a]=ke(t);i&&a?!e.shiftKey&&n===a?(e.preventDefault(),r&&O(i,{select:!0})):e.shiftKey&&n===i&&(e.preventDefault(),r&&O(a,{select:!0})):n===t&&e.preventDefault()}},[r,i,g.paused]);return(0,c.jsx)(Se.div,{tabIndex:-1,...l,ref:h,onKeyDown:_})});De.displayName=Ee;function Oe(e,{select:t=!1}={}){let n=document.activeElement;for(let r of e)if(O(r,{select:t}),document.activeElement!==n)return}function ke(e){let t=Ae(e);return[je(t,e),je(t.reverse(),e)]}function Ae(e){let t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{let t=e.tagName===`INPUT`&&e.type===`hidden`;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function je(e,t){for(let n of e)if(!Me(n,{upTo:t}))return n}function Me(e,{upTo:t}){if(getComputedStyle(e).visibility===`hidden`)return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display===`none`)return!0;e=e.parentElement}return!1}function Ne(e){return e instanceof HTMLInputElement&&`select`in e}function O(e,{select:t=!1}={}){if(e&&e.focus){let n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&Ne(e)&&t&&e.select()}}var Pe=Fe();function Fe(){let e=[];return{add(t){let n=e[0];t!==n&&n?.pause(),e=Ie(e,t),e.unshift(t)},remove(t){e=Ie(e,t),e[0]?.resume()}}}function Ie(e,t){let n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function Le(e){return e.filter(e=>e.tagName!==`A`)}function Re(e){let t=ze(e),n=o.forwardRef((e,n)=>{let{children:r,...i}=e,a=o.Children.toArray(r),s=a.find(Ve);if(s){let e=s.props.children,r=a.map(t=>t===s?o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null:t);return(0,c.jsx)(t,{...i,ref:n,children:o.isValidElement(e)?o.cloneElement(e,void 0,r):null})}return(0,c.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function ze(e){let t=o.forwardRef((e,t)=>{let{children:n,...i}=e;if(o.isValidElement(n)){let e=Ue(n),a=He(i,n.props);return n.type!==o.Fragment&&(a.ref=t?r(t,e):e),o.cloneElement(n,a)}return o.Children.count(n)>1?o.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Be=Symbol(`radix.slottable`);function Ve(e){return o.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===Be}function He(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function Ue(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var We=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=Re(`Primitive.${t}`),r=o.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,c.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),Ge=`Portal`,Ke=o.forwardRef((e,t)=>{let{container:n,...r}=e,[i,a]=o.useState(!1);f(()=>a(!0),[]);let s=n||i&&globalThis?.document?.body;return s?b.createPortal((0,c.jsx)(We.div,{...r,ref:t}),s):null});Ke.displayName=Ge;function qe(e,t){return o.useReducer((e,n)=>t[e][n]??e,e)}var k=e=>{let{present:t,children:r}=e,i=Je(t),a=typeof r==`function`?r({present:i.isPresent}):o.Children.only(r),s=n(i.ref,Ye(a));return typeof r==`function`||i.isPresent?o.cloneElement(a,{ref:s}):null};k.displayName=`Presence`;function Je(e){let[t,n]=o.useState(),r=o.useRef(null),i=o.useRef(e),a=o.useRef(`none`),[s,c]=qe(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return o.useEffect(()=>{let e=A(r.current);a.current=s===`mounted`?e:`none`},[s]),f(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,o=A(t);e?c(`MOUNT`):o===`none`||t?.display===`none`?c(`UNMOUNT`):c(n&&r!==o?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,c]),f(()=>{if(t){let e,n=t.ownerDocument.defaultView??window,o=a=>{let o=A(r.current).includes(CSS.escape(a.animationName));if(a.target===t&&o&&(c(`ANIMATION_END`),!i.current)){let r=t.style.animationFillMode;t.style.animationFillMode=`forwards`,e=n.setTimeout(()=>{t.style.animationFillMode===`forwards`&&(t.style.animationFillMode=r)})}},s=e=>{e.target===t&&(a.current=A(r.current))};return t.addEventListener(`animationstart`,s),t.addEventListener(`animationcancel`,o),t.addEventListener(`animationend`,o),()=>{n.clearTimeout(e),t.removeEventListener(`animationstart`,s),t.removeEventListener(`animationcancel`,o),t.removeEventListener(`animationend`,o)}}else c(`ANIMATION_END`)},[t,c]),{isPresent:[`mounted`,`unmountSuspended`].includes(s),ref:o.useCallback(e=>{r.current=e?getComputedStyle(e):null,n(e)},[])}}function A(e){return e?.animationName||`none`}function Ye(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function Xe(e){let t=Ze(e),n=o.forwardRef((e,n)=>{let{children:r,...i}=e,a=o.Children.toArray(r),s=a.find($e);if(s){let e=s.props.children,r=a.map(t=>t===s?o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null:t);return(0,c.jsx)(t,{...i,ref:n,children:o.isValidElement(e)?o.cloneElement(e,void 0,r):null})}return(0,c.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function Ze(e){let t=o.forwardRef((e,t)=>{let{children:n,...i}=e;if(o.isValidElement(n)){let e=tt(n),a=et(i,n.props);return n.type!==o.Fragment&&(a.ref=t?r(t,e):e),o.cloneElement(n,a)}return o.Children.count(n)>1?o.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Qe=Symbol(`radix.slottable`);function $e(e){return o.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===Qe}function et(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function tt(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var j=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=Xe(`Primitive.${t}`),r=o.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,c.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),M=0;function nt(){o.useEffect(()=>{let e=document.querySelectorAll(`[data-radix-focus-guard]`);return document.body.insertAdjacentElement(`afterbegin`,e[0]??rt()),document.body.insertAdjacentElement(`beforeend`,e[1]??rt()),M++,()=>{M===1&&document.querySelectorAll(`[data-radix-focus-guard]`).forEach(e=>e.remove()),M--}},[])}function rt(){let e=document.createElement(`span`);return e.setAttribute(`data-radix-focus-guard`,``),e.tabIndex=0,e.style.outline=`none`,e.style.opacity=`0`,e.style.position=`fixed`,e.style.pointerEvents=`none`,e}var N=function(){return N=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},N.apply(this,arguments)};function it(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function at(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var P=`right-scroll-bar-position`,F=`width-before-scroll-bar`,ot=`with-scroll-bars-hidden`,st=`--removed-body-scroll-bar-size`;function I(e,t){return typeof e==`function`?e(t):e&&(e.current=t),e}function ct(e,t){var n=(0,o.useState)(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(e){var t=n.value;t!==e&&(n.value=e,n.callback(e,t))}}}})[0];return n.callback=t,n.facade}var lt=typeof window<`u`?o.useLayoutEffect:o.useEffect,ut=new WeakMap;function dt(e,t){var n=ct(t||null,function(t){return e.forEach(function(e){return I(e,t)})});return lt(function(){var t=ut.get(n);if(t){var r=new Set(t),i=new Set(e),a=n.current;r.forEach(function(e){i.has(e)||I(e,null)}),i.forEach(function(e){r.has(e)||I(e,a)})}ut.set(n,e)},[e]),n}function ft(e){return e}function pt(e,t){t===void 0&&(t=ft);var n=[],r=!1;return{read:function(){if(r)throw Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var i=t(e,r);return n.push(i),function(){n=n.filter(function(e){return e!==i})}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var i=n;n=[],i.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},o=function(){return Promise.resolve().then(a)};o(),n={push:function(e){t.push(e),o()},filter:function(e){return t=t.filter(e),n}}}}}function mt(e){e===void 0&&(e={});var t=pt(null);return t.options=N({async:!0,ssr:!1},e),t}var ht=function(e){var t=e.sideCar,n=it(e,[`sideCar`]);if(!t)throw Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw Error(`Sidecar medium not found`);return o.createElement(r,N({},n))};ht.isSideCarExport=!0;function gt(e,t){return e.useMedium(t),ht}var _t=mt(),L=function(){},R=o.forwardRef(function(e,t){var n=o.useRef(null),r=o.useState({onScrollCapture:L,onWheelCapture:L,onTouchMoveCapture:L}),i=r[0],a=r[1],s=e.forwardProps,c=e.children,l=e.className,u=e.removeScrollBar,d=e.enabled,f=e.shards,p=e.sideCar,m=e.noRelative,h=e.noIsolation,g=e.inert,_=e.allowPinchZoom,v=e.as,y=v===void 0?`div`:v,b=e.gapMode,x=it(e,[`forwardProps`,`children`,`className`,`removeScrollBar`,`enabled`,`shards`,`sideCar`,`noRelative`,`noIsolation`,`inert`,`allowPinchZoom`,`as`,`gapMode`]),S=p,C=dt([n,t]),w=N(N({},x),i);return o.createElement(o.Fragment,null,d&&o.createElement(S,{sideCar:_t,removeScrollBar:u,shards:f,noRelative:m,noIsolation:h,inert:g,setCallbacks:a,allowPinchZoom:!!_,lockRef:n,gapMode:b}),s?o.cloneElement(o.Children.only(c),N(N({},w),{ref:C})):o.createElement(y,N({},w,{className:l,ref:C}),c))});R.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},R.classNames={fullWidth:F,zeroRight:P};var vt,yt=function(){if(vt)return vt;if(typeof __webpack_nonce__<`u`)return __webpack_nonce__};function bt(){if(!document)return null;var e=document.createElement(`style`);e.type=`text/css`;var t=yt();return t&&e.setAttribute(`nonce`,t),e}function xt(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function St(e){(document.head||document.getElementsByTagName(`head`)[0]).appendChild(e)}var Ct=function(){var e=0,t=null;return{add:function(n){e==0&&(t=bt())&&(xt(t,n),St(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},wt=function(){var e=Ct();return function(t,n){o.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},Tt=function(){var e=wt();return function(t){var n=t.styles,r=t.dynamic;return e(n,r),null}},Et={left:0,top:0,right:0,gap:0},z=function(e){return parseInt(e||``,10)||0},Dt=function(e){var t=window.getComputedStyle(document.body),n=t[e===`padding`?`paddingLeft`:`marginLeft`],r=t[e===`padding`?`paddingTop`:`marginTop`],i=t[e===`padding`?`paddingRight`:`marginRight`];return[z(n),z(r),z(i)]},Ot=function(e){if(e===void 0&&(e=`margin`),typeof window>`u`)return Et;var t=Dt(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},kt=Tt(),B=`data-scroll-locked`,At=function(e,t,n,r){var i=e.left,a=e.top,o=e.right,s=e.gap;return n===void 0&&(n=`margin`),`
+  .${ot} {
+   overflow: hidden ${r};
+   padding-right: ${s}px ${r};
+  }
+  body[${B}] {
+    overflow: hidden ${r};
+    overscroll-behavior: contain;
+    ${[t&&`position: relative ${r};`,n===`margin`&&`
+    padding-left: ${i}px;
+    padding-top: ${a}px;
+    padding-right: ${o}px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: ${s}px ${r};
+    `,n===`padding`&&`padding-right: ${s}px ${r};`].filter(Boolean).join(``)}
+  }
+  
+  .${P} {
+    right: ${s}px ${r};
+  }
+  
+  .${F} {
+    margin-right: ${s}px ${r};
+  }
+  
+  .${P} .${P} {
+    right: 0 ${r};
+  }
+  
+  .${F} .${F} {
+    margin-right: 0 ${r};
+  }
+  
+  body[${B}] {
+    ${st}: ${s}px;
+  }
+`},jt=function(){var e=parseInt(document.body.getAttribute(`data-scroll-locked`)||`0`,10);return isFinite(e)?e:0},Mt=function(){o.useEffect(function(){return document.body.setAttribute(B,(jt()+1).toString()),function(){var e=jt()-1;e<=0?document.body.removeAttribute(B):document.body.setAttribute(B,e.toString())}},[])},Nt=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,i=r===void 0?`margin`:r;Mt();var a=o.useMemo(function(){return Ot(i)},[i]);return o.createElement(kt,{styles:At(a,!t,i,n?``:`!important`)})},V=!1;if(typeof window<`u`)try{var H=Object.defineProperty({},"passive",{get:function(){return V=!0,!0}});window.addEventListener(`test`,H,H),window.removeEventListener(`test`,H,H)}catch{V=!1}var U=V?{passive:!1}:!1,Pt=function(e){return e.tagName===`TEXTAREA`},Ft=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!==`hidden`&&!(n.overflowY===n.overflowX&&!Pt(e)&&n[t]===`visible`)},It=function(e){return Ft(e,`overflowY`)},Lt=function(e){return Ft(e,`overflowX`)},Rt=function(e,t){var n=t.ownerDocument,r=t;do{if(typeof ShadowRoot<`u`&&r instanceof ShadowRoot&&(r=r.host),Vt(e,r)){var i=Ht(e,r);if(i[1]>i[2])return!0}r=r.parentNode}while(r&&r!==n.body);return!1},zt=function(e){return[e.scrollTop,e.scrollHeight,e.clientHeight]},Bt=function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]},Vt=function(e,t){return e===`v`?It(t):Lt(t)},Ht=function(e,t){return e===`v`?zt(t):Bt(t)},Ut=function(e,t){return e===`h`&&t===`rtl`?-1:1},Wt=function(e,t,n,r,i){var a=Ut(e,window.getComputedStyle(t).direction),o=a*r,s=n.target,c=t.contains(s),l=!1,u=o>0,d=0,f=0;do{if(!s)break;var p=Ht(e,s),m=p[0],h=p[1]-p[2]-a*m;(m||h)&&Vt(e,s)&&(d+=h,f+=m);var g=s.parentNode;s=g&&g.nodeType===Node.DOCUMENT_FRAGMENT_NODE?g.host:g}while(!c&&s!==document.body||c&&(t.contains(s)||t===s));return(u&&(i&&Math.abs(d)<1||!i&&o>d)||!u&&(i&&Math.abs(f)<1||!i&&-o>f))&&(l=!0),l},W=function(e){return`changedTouches`in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Gt=function(e){return[e.deltaX,e.deltaY]},Kt=function(e){return e&&`current`in e?e.current:e},qt=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Jt=function(e){return`
+  .block-interactivity-${e} {pointer-events: none;}
+  .allow-interactivity-${e} {pointer-events: all;}
+`},Yt=0,G=[];function Xt(e){var t=o.useRef([]),n=o.useRef([0,0]),r=o.useRef(),i=o.useState(Yt++)[0],a=o.useState(Tt)[0],s=o.useRef(e);o.useEffect(function(){s.current=e},[e]),o.useEffect(function(){if(e.inert){document.body.classList.add(`block-interactivity-${i}`);var t=at([e.lockRef.current],(e.shards||[]).map(Kt),!0).filter(Boolean);return t.forEach(function(e){return e.classList.add(`allow-interactivity-${i}`)}),function(){document.body.classList.remove(`block-interactivity-${i}`),t.forEach(function(e){return e.classList.remove(`allow-interactivity-${i}`)})}}},[e.inert,e.lockRef.current,e.shards]);var c=o.useCallback(function(e,t){if(`touches`in e&&e.touches.length===2||e.type===`wheel`&&e.ctrlKey)return!s.current.allowPinchZoom;var i=W(e),a=n.current,o=`deltaX`in e?e.deltaX:a[0]-i[0],c=`deltaY`in e?e.deltaY:a[1]-i[1],l,u=e.target,d=Math.abs(o)>Math.abs(c)?`h`:`v`;if(`touches`in e&&d===`h`&&u.type===`range`)return!1;var f=window.getSelection(),p=f&&f.anchorNode;if(p&&(p===u||p.contains(u)))return!1;var m=Rt(d,u);if(!m)return!0;if(m?l=d:(l=d===`v`?`h`:`v`,m=Rt(d,u)),!m)return!1;if(!r.current&&`changedTouches`in e&&(o||c)&&(r.current=l),!l)return!0;var h=r.current||l;return Wt(h,t,e,h===`h`?o:c,!0)},[]),l=o.useCallback(function(e){var n=e;if(!(!G.length||G[G.length-1]!==a)){var r=`deltaY`in n?Gt(n):W(n),i=t.current.filter(function(e){return e.name===n.type&&(e.target===n.target||n.target===e.shadowParent)&&qt(e.delta,r)})[0];if(i&&i.should){n.cancelable&&n.preventDefault();return}if(!i){var o=(s.current.shards||[]).map(Kt).filter(Boolean).filter(function(e){return e.contains(n.target)});(o.length>0?c(n,o[0]):!s.current.noIsolation)&&n.cancelable&&n.preventDefault()}}},[]),u=o.useCallback(function(e,n,r,i){var a={name:e,delta:n,target:r,should:i,shadowParent:Zt(r)};t.current.push(a),setTimeout(function(){t.current=t.current.filter(function(e){return e!==a})},1)},[]),d=o.useCallback(function(e){n.current=W(e),r.current=void 0},[]),f=o.useCallback(function(t){u(t.type,Gt(t),t.target,c(t,e.lockRef.current))},[]),p=o.useCallback(function(t){u(t.type,W(t),t.target,c(t,e.lockRef.current))},[]);o.useEffect(function(){return G.push(a),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:p}),document.addEventListener(`wheel`,l,U),document.addEventListener(`touchmove`,l,U),document.addEventListener(`touchstart`,d,U),function(){G=G.filter(function(e){return e!==a}),document.removeEventListener(`wheel`,l,U),document.removeEventListener(`touchmove`,l,U),document.removeEventListener(`touchstart`,d,U)}},[]);var m=e.removeScrollBar,h=e.inert;return o.createElement(o.Fragment,null,h?o.createElement(a,{styles:Jt(i)}):null,m?o.createElement(Nt,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Zt(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}var Qt=gt(_t,Xt),$t=o.forwardRef(function(e,t){return o.createElement(R,N({},e,{ref:t,sideCar:Qt}))});$t.classNames=R.classNames;var en=function(e){return typeof document>`u`?null:(Array.isArray(e)?e[0]:e).ownerDocument.body},K=new WeakMap,q=new WeakMap,J={},Y=0,tn=function(e){return e&&(e.host||tn(e.parentNode))},nn=function(e,t){return t.map(function(t){if(e.contains(t))return t;var n=tn(t);return n&&e.contains(n)?n:(console.error(`aria-hidden`,t,`in not contained inside`,e,`. Doing nothing`),null)}).filter(function(e){return!!e})},rn=function(e,t,n,r){var i=nn(t,Array.isArray(e)?e:[e]);J[n]||(J[n]=new WeakMap);var a=J[n],o=[],s=new Set,c=new Set(i),l=function(e){!e||s.has(e)||(s.add(e),l(e.parentNode))};i.forEach(l);var u=function(e){!e||c.has(e)||Array.prototype.forEach.call(e.children,function(e){if(s.has(e))u(e);else try{var t=e.getAttribute(r),i=t!==null&&t!==`false`,c=(K.get(e)||0)+1,l=(a.get(e)||0)+1;K.set(e,c),a.set(e,l),o.push(e),c===1&&i&&q.set(e,!0),l===1&&e.setAttribute(n,`true`),i||e.setAttribute(r,`true`)}catch(t){console.error(`aria-hidden: cannot operate on `,e,t)}})};return u(t),s.clear(),Y++,function(){o.forEach(function(e){var t=K.get(e)-1,i=a.get(e)-1;K.set(e,t),a.set(e,i),t||(q.has(e)||e.removeAttribute(r),q.delete(e)),i||e.removeAttribute(n)}),Y--,Y||(K=new WeakMap,K=new WeakMap,q=new WeakMap,J={})}},an=function(e,t,n){n===void 0&&(n=`data-aria-hidden`);var r=Array.from(Array.isArray(e)?e:[e]),i=t||en(e);return i?(r.push.apply(r,Array.from(i.querySelectorAll(`[aria-live], script`))),rn(r,i,n,`aria-hidden`)):function(){return null}},X=`Dialog`,[on,sn]=u(X),[cn,Z]=on(X),ln=e=>{let{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:a,modal:s=!0}=e,l=o.useRef(null),u=o.useRef(null),[d,f]=_({prop:r,defaultProp:i??!1,onChange:a,caller:X});return(0,c.jsx)(cn,{scope:t,triggerRef:l,contentRef:u,contentId:h(),titleId:h(),descriptionId:h(),open:d,onOpenChange:f,onOpenToggle:o.useCallback(()=>f(e=>!e),[f]),modal:s,children:n})};ln.displayName=X;var un=`DialogTrigger`,dn=o.forwardRef((e,t)=>{let{__scopeDialog:r,...i}=e,a=Z(un,r),o=n(t,a.triggerRef);return(0,c.jsx)(j.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a.open,"aria-controls":a.contentId,"data-state":kn(a.open),...i,ref:o,onClick:s(e.onClick,a.onOpenToggle)})});dn.displayName=un;var fn=`DialogPortal`,[pn,mn]=on(fn,{forceMount:void 0}),hn=e=>{let{__scopeDialog:t,forceMount:n,children:r,container:i}=e,a=Z(fn,t);return(0,c.jsx)(pn,{scope:t,forceMount:n,children:o.Children.map(r,e=>(0,c.jsx)(k,{present:n||a.open,children:(0,c.jsx)(Ke,{asChild:!0,container:i,children:e})}))})};hn.displayName=fn;var Q=`DialogOverlay`,gn=o.forwardRef((e,t)=>{let n=mn(Q,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=Z(Q,e.__scopeDialog);return a.modal?(0,c.jsx)(k,{present:r||a.open,children:(0,c.jsx)(vn,{...i,ref:t})}):null});gn.displayName=Q;var _n=Xe(`DialogOverlay.RemoveScroll`),vn=o.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=Z(Q,n);return(0,c.jsx)($t,{as:_n,allowPinchZoom:!0,shards:[i.contentRef],children:(0,c.jsx)(j.div,{"data-state":kn(i.open),...r,ref:t,style:{pointerEvents:`auto`,...r.style}})})}),$=`DialogContent`,yn=o.forwardRef((e,t)=>{let n=mn($,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=Z($,e.__scopeDialog);return(0,c.jsx)(k,{present:r||a.open,children:a.modal?(0,c.jsx)(bn,{...i,ref:t}):(0,c.jsx)(xn,{...i,ref:t})})});yn.displayName=$;var bn=o.forwardRef((e,t)=>{let r=Z($,e.__scopeDialog),i=o.useRef(null),a=n(t,r.contentRef,i);return o.useEffect(()=>{let e=i.current;if(e)return an(e)},[]),(0,c.jsx)(Sn,{...e,ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:s(e.onCloseAutoFocus,e=>{e.preventDefault(),r.triggerRef.current?.focus()}),onPointerDownOutside:s(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()}),onFocusOutside:s(e.onFocusOutside,e=>e.preventDefault())})}),xn=o.forwardRef((e,t)=>{let n=Z($,e.__scopeDialog),r=o.useRef(!1),i=o.useRef(!1);return(0,c.jsx)(Sn,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(r.current||n.triggerRef.current?.focus(),t.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(r.current=!0,t.detail.originalEvent.type===`pointerdown`&&(i.current=!0));let a=t.target;n.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&i.current&&t.preventDefault()}})}),Sn=o.forwardRef((e,t)=>{let{__scopeDialog:r,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:s,...l}=e,u=Z($,r),d=o.useRef(null),f=n(t,d);return nt(),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(De,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:a,onUnmountAutoFocus:s,children:(0,c.jsx)(le,{role:`dialog`,id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":kn(u.open),...l,ref:f,onDismiss:()=>u.onOpenChange(!1)})}),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(Nn,{titleId:u.titleId}),(0,c.jsx)(Fn,{contentRef:d,descriptionId:u.descriptionId})]})]})}),Cn=`DialogTitle`,wn=o.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=Z(Cn,n);return(0,c.jsx)(j.h2,{id:i.titleId,...r,ref:t})});wn.displayName=Cn;var Tn=`DialogDescription`,En=o.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=Z(Tn,n);return(0,c.jsx)(j.p,{id:i.descriptionId,...r,ref:t})});En.displayName=Tn;var Dn=`DialogClose`,On=o.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=Z(Dn,n);return(0,c.jsx)(j.button,{type:`button`,...r,ref:t,onClick:s(e.onClick,()=>i.onOpenChange(!1))})});On.displayName=Dn;function kn(e){return e?`open`:`closed`}var An=`DialogTitleWarning`,[jn,Mn]=l(An,{contentName:$,titleName:Cn,docsSlug:`dialog`}),Nn=({titleId:e})=>{let t=Mn(An),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return o.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Pn=`DialogDescriptionWarning`,Fn=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Mn(Pn).contentName}}.`;return o.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},In=ln,Ln=dn,Rn=hn,zn=gn,Bn=yn,Vn=wn,Hn=En,Un=On;export{Rn as a,Ln as c,zn as i,h as l,Bn as n,In as o,Hn as r,Vn as s,Un as t};

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

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

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.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-DijrdxTg.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-DDhaO2UY.js";import{d as p,n as m}from"./index-DSBghWdd.js";import{t as h}from"./useControlled-BHUji6Sp.js";import{n as g}from"./useCompositeListItem-DWggcwRs.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-WTiiOMpe.js";import{t as A}from"./Separator-DSecBOlo.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-CJQVfB6l.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-DLqBJGPH.js";import{N as r,d as i,l as a,n as o}from"./index-DSBghWdd.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-CzKdl3sr.js

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

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

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

@@ -0,0 +1 @@
+import{c as e}from"./section-DLqBJGPH.js";import{d as t,n}from"./index-DSBghWdd.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-BQdBtp6f.js

@@ -0,0 +1,49 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{er as r,t as i}from"./example-DDhaO2UY.js";import{t as a}from"./file-text-BzM5AARd.js";import{t as o}from"./inbox-CObYzZZR.js";import{t as s}from"./settings-GFwewlvm.js";import{d as c}from"./index-DSBghWdd.js";import{a as l,c as u,i as d,r as f,t as p,u as m}from"./item-BLXAOZLR.js";import{a as h,i as g,n as _,o as v,r as y,t as b}from"./empty-BdJ7O2MX.js";import{t as x}from"./PreviewLayout-ClbLOtTa.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-62UU8y5C.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-DLqBJGPH.js";import{N as i,d as a,n as o}from"./index-DSBghWdd.js";import{a as s,i as c,n as l,t as u}from"./empty-BdJ7O2MX.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-CCL_J3tY.js

@@ -0,0 +1,190 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{r,t as i}from"./example-DDhaO2UY.js";import{t as a}from"./refresh-cw-Crg4uqw8.js";import{a as o,d as s,l as c,n as l}from"./index-DSBghWdd.js";import{t as u}from"./props-table-CzpevabQ.js";import{t as d}from"./text-link-BBHsgNSW.js";import{t as f}from"./smart-card-BA097ZGN.js";import{t as p}from"./empty-state-62UU8y5C.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};