admin-ui-starter-kit 0.6.4 → 0.6.5

package/dist/showcase/assets/overlays-CuxuFGC8.js

@@ -0,0 +1,159 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-C2ovQgbv.js";import{A as a,B as o,C as s,D as c,F as l,G as u,H as d,K as f,N as p,P as m,Q as h,Qt as g,S as _,V as v,W as y,Xn as b,Y as x,Zn as S,a as C,ar as w,b as T,c as E,cn as D,ct as ee,d as O,er as k,f as te,fr as A,g as j,h as ne,hr as re,j as ie,k as M,lt as ae,mr as N,nr as oe,o as se,ot as P,p as ce,pr as le,rt as F,t as I,u as ue,ut as L,v as de,vt as fe,x as pe,xr as me,z as R}from"./example-CDvNeHNP.js";import{d as he,n as z}from"./index-B37z19z3.js";import{i as B,r as ge,t as _e}from"./popover-Bm5wETUP.js";import{a as ve,c as ye,i as V,l as be,n as xe,o as Se,s as H,t as Ce}from"./DialogTrigger-BzaF3YN8.js";import{a as we,i as Te,n as Ee,o as De,r as Oe,s as ke,t as Ae}from"./dialog-mO0FpHmT.js";import{a as je,c as Me,i as Ne,n as Pe,o as Fe,r as Ie,s as Le,t as Re}from"./dist-BFChHTWK.js";import{a as ze,i as Be,n as Ve,o as He,r as Ue,t as We}from"./sheet-CFDUB2H1.js";import{n as Ge}from"./PreviewLayout-B0n7l00P.js";function Ke(e,t,n,r){return{left:e,top:t,right:n,bottom:r,x:e,y:t,width:n-e,height:r-t}}function qe(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function Je(e){let t=[],n,r=1/0,i=1/0,a=-1/0,o=-1/0;for(let s of Array.from(e).sort((e,t)=>e.top-t.top)){if(r=Math.min(r,s.left),i=Math.min(i,s.top),a=Math.max(a,s.right),o=Math.max(o,s.bottom),!n||s.top-n.top>n.height/2)t.push(qe(s));else{let e=t[t.length-1];e.left=Math.min(e.left,s.left),e.right=Math.max(e.right,s.right),e.bottom=Math.max(e.bottom,s.bottom),e.width=e.right-e.left,e.height=e.bottom-e.top}n=s}return{lines:t,fallback:Ke(r,i,a,o)}}function Ye(e,t,n){return e.findIndex(e=>t>e.left-2&&t<e.right+2&&n>e.top-2&&n<e.bottom+2)}function Xe(e){return Ke(e.left,e.top,e.right,e.bottom)}function Ze(e,t,n){let{lines:r}=Je(e.getClientRects());if(r.length<2)return;let i=Ye(r,t,n);return{x:t,y:n,lineIndex:i===-1?void 0:i,element:e}}function Qe(e,t,n){let{lines:r,fallback:i}=Je(e.getClientRects());if(r.length<2)return null;let a=n?.x,o=n?.y,s=t[0];if(n?.lineIndex!=null&&r[n.lineIndex])return Xe(r[n.lineIndex]);if(a!=null&&o!=null){let e=Ye(r,a,o);if(e!==-1)return Xe(r[e])}if(r.length===2&&r[0].left>r[1].right&&a!=null&&o!=null)return i;if(s===`t`||s===`b`){let e=r[0],t=r[r.length-1],n=s===`t`?e:t;return Ke(n.left,e.top,n.right,t.bottom)}let c=s===`l`,l=r[0].left,u=r[0].right,d=c?1/0:-1/0,f=r[0],p=r[0];for(let e of r){l=Math.min(l,e.left),u=Math.max(u,e.right);let t=c?e.left:e.right;c&&t<d||!c&&t>d?(d=t,f=e,p=e):t===d&&(p=e)}return Ke(l,f.top,u,p.bottom)}function $e(e){return`contextElement`in e&&e.contextElement?e.contextElement:me(e)?e:void 0}function et(e,t){function n(t){tt(e,t.currentTarget,t.clientX,t.clientY)}function r(e){t||n(e)}return{onFocus(){e.current=void 0},onMouseEnter:r,onMouseMove:r}}function tt(e,t,n,r){let i=Ze(t,n,r);return e.current=i,i}function nt(e){return{name:`inline`,async fn(t){let n=t.elements.reference;if(typeof n?.getClientRects!=`function`)return{};let r=$e(n),i=e.current,a=i?.element===n||i?.element===r?i:void 0,o=Qe(n,t.placement,a);if(!o||typeof t.platform.getElementRects!=`function`)return{};let s=await t.platform.getElementRects({reference:{contextElement:r,getBoundingClientRect(){return o}},floating:t.elements.floating,strategy:t.strategy});return t.rects.reference.x===s.reference.x&&t.rects.reference.y===s.reference.y&&t.rects.reference.width===s.reference.width&&t.rects.reference.height===s.reference.height?{}:{reset:{rects:s}}}}}function rt(e){return V(e,`alert-dialog`)}var it=Ce,U=t(n(),1),W=he();function at({...e}){return(0,W.jsx)(rt,{"data-slot":`alert-dialog`,...e})}function ot({...e}){return(0,W.jsx)(it,{"data-slot":`alert-dialog-trigger`,...e})}function st({...e}){return(0,W.jsx)(ve,{"data-slot":`alert-dialog-portal`,...e})}function ct({className:e,...t}){return(0,W.jsx)(be,{"data-slot":`alert-dialog-overlay`,className:z(`fixed inset-0 isolate z-50 bg-black/30 duration-100 supports-backdrop-filter:backdrop-blur-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function lt({className:e,size:t=`default`,...n}){return(0,W.jsxs)(st,{children:[(0,W.jsx)(ct,{}),(0,W.jsx)(Se,{"data-slot":`alert-dialog-content`,"data-size":t,className:z(`group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-popover-foreground shadow-xl ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md dark:ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...n})]})}function ut({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:z(`grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]`,e),...t})}function dt({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:z(`flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end`,e),...t})}function ft({className:e,...t}){return(0,W.jsx)(xe,{"data-slot":`alert-dialog-title`,className:z(`text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2`,e),...t})}function pt({className:e,...t}){return(0,W.jsx)(H,{"data-slot":`alert-dialog-description`,className:z(`text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...t})}function mt({className:e,...t}){return(0,W.jsx)(k,{"data-slot":`alert-dialog-action`,className:z(e),...t})}function ht({className:e,variant:t=`outline`,size:n=`default`,...r}){return(0,W.jsx)(ye,{"data-slot":`alert-dialog-cancel`,className:z(e),render:(0,W.jsx)(k,{variant:t,size:n}),...r})}function gt(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 _t=U.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:`bottom`,shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),G=()=>{let e=U.useContext(_t);if(!e)throw Error(`useDrawerContext must be used within a Drawer.Root`);return e};gt(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
+[data-state=closed]
+){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function vt(){let e=navigator.userAgent;return typeof window<`u`&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function yt(){return wt(/^Mac/)}function bt(){return wt(/^iPhone/)}function xt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function St(){return wt(/^iPad/)||yt()&&navigator.maxTouchPoints>1}function Ct(){return bt()||St()}function wt(e){return typeof window<`u`&&window.navigator!=null?e.test(window.navigator.platform):void 0}var Tt=24,Et=typeof window<`u`?U.useLayoutEffect:U.useEffect;function Dt(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}var Ot=typeof document<`u`&&window.visualViewport;function kt(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function At(e){for(kt(e)&&(e=e.parentElement);e&&!kt(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}var jt=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]),Mt=0,Nt;function Pt(e={}){let{isDisabled:t}=e;Et(()=>{if(!t)return Mt++,Mt===1&&Ct()&&(Nt=Ft()),()=>{Mt--,Mt===0&&Nt?.()}},[t])}function Ft(){let e,t=0,n=n=>{e=At(n.target),!(e===document.documentElement&&e===document.body)&&(t=n.changedTouches[0].pageY)},r=n=>{if(!e||e===document.documentElement||e===document.body){n.preventDefault();return}let r=n.changedTouches[0].pageY,i=e.scrollTop,a=e.scrollHeight-e.clientHeight;a!==0&&((i<=0&&r>t||i>=a&&r<t)&&n.preventDefault(),t=r)},i=e=>{let t=e.target;Rt(t)&&t!==document.activeElement&&(e.preventDefault(),t.style.transform=`translateY(-2000px)`,t.focus(),requestAnimationFrame(()=>{t.style.transform=``}))},a=e=>{let t=e.target;Rt(t)&&(t.style.transform=`translateY(-2000px)`,requestAnimationFrame(()=>{t.style.transform=``,Ot&&(Ot.height<window.innerHeight?requestAnimationFrame(()=>{Lt(t)}):Ot.addEventListener(`resize`,()=>Lt(t),{once:!0}))}))},o=()=>{window.scrollTo(0,0)},s=window.pageXOffset,c=window.pageYOffset,l=Dt(It(document.documentElement,`paddingRight`,`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let u=Dt(K(document,`touchstart`,n,{passive:!1,capture:!0}),K(document,`touchmove`,r,{passive:!1,capture:!0}),K(document,`touchend`,i,{passive:!1,capture:!0}),K(document,`focus`,a,!0),K(window,`scroll`,o));return()=>{l(),u(),window.scrollTo(s,c)}}function It(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function K(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function Lt(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let t=At(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let n=t.getBoundingClientRect().top,r=e.getBoundingClientRect().top;e.getBoundingClientRect().bottom>t.getBoundingClientRect().bottom+Tt&&(t.scrollTop+=r-n)}e=t.parentElement}}function Rt(e){return e instanceof HTMLInputElement&&!jt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function zt(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function Bt(...e){return t=>e.forEach(e=>zt(e,t))}function Vt(...e){return U.useCallback(Bt(...e),e)}var Ht=new WeakMap;function q(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([t,n])=>{if(t.startsWith(`--`)){e.style.setProperty(t,n);return}r[t]=e.style[t],e.style[t]=n}),!n&&Ht.set(e,r)}function Ut(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Ht.get(e);n&&(e.style[t]=n[t])}var J=e=>{switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}};function Wt(e,t){if(!e)return null;let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,i=r.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(`, `)[J(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(`, `)[J(t)?5:4]):null)}function Gt(e){return 8*(Math.log(e+1)-2)}function Kt(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}var Y={DURATION:.5,EASE:[.32,.72,0,1]},qt=.4,Jt=.25,Yt=100,Xt=8,Zt=16,Qt=26,$t=`vaul-dragging`;function en(e){let t=U.useRef(e);return U.useEffect(()=>{t.current=e}),U.useMemo(()=>(...e)=>t.current==null?void 0:t.current.call(t,...e),[])}function tn({defaultProp:e,onChange:t}){let n=U.useState(e),[r]=n,i=U.useRef(r),a=en(t);return U.useEffect(()=>{i.current!==r&&(a(r),i.current=r)},[r,i,a]),n}function nn({prop:e,defaultProp:t,onChange:n=()=>{}}){let[r,i]=tn({defaultProp:t,onChange:n}),a=e!==void 0,o=a?e:r,s=en(n);return[o,U.useCallback(t=>{if(a){let n=typeof t==`function`?t(e):t;n!==e&&s(n)}else i(t)},[a,e,i,s])]}function rn({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:i,fadeFromIndex:a,onSnapPointChange:o,direction:s=`bottom`,container:c,snapToSequentialPoint:l}){let[u,d]=nn({prop:e,defaultProp:n?.[0],onChange:t}),[f,p]=U.useState(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);U.useEffect(()=>{function e(){p({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let m=U.useMemo(()=>u===n?.[n.length-1]||null,[n,u]),h=U.useMemo(()=>n?.findIndex(e=>e===u)??null,[n,u]),g=n&&n.length>0&&(a||a===0)&&!Number.isNaN(a)&&n[a]===u||!n,_=U.useMemo(()=>{let e=c?{width:c.getBoundingClientRect().width,height:c.getBoundingClientRect().height}:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};return n?.map(t=>{let n=typeof t==`string`,r=0;if(n&&(r=parseInt(t,10)),J(s)){let i=n?r:f?t*e.height:0;return f?s===`bottom`?e.height-i:-e.height+i:i}let i=n?r:f?t*e.width:0;return f?s===`right`?e.width-i:-e.width+i:i})??[]},[n,f,c]),v=U.useMemo(()=>h===null?null:_?.[h],[_,h]),y=U.useCallback(e=>{let t=_?.findIndex(t=>t===e)??null;o(t),q(r.current,{transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,transform:J(s)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`}),_&&t!==_.length-1&&a!==void 0&&t!==a&&t<a?q(i.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,opacity:`0`}):q(i.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,opacity:`1`}),d(n?.[Math.max(t,0)])},[r.current,n,_,a,i,d]);U.useEffect(()=>{if(u||e){let t=n?.findIndex(t=>t===e||t===u)??-1;_&&t!==-1&&typeof _[t]==`number`&&y(_[t])}},[u,e,n,_,y]);function b({draggedDistance:e,closeDrawer:t,velocity:r,dismissible:o}){if(a===void 0)return;let c=s===`bottom`||s===`right`?(v??0)-e:(v??0)+e,u=h===a-1,d=h===0,f=e>0;if(u&&q(i.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`}),!l&&r>2&&!f){o?t():y(_[0]);return}if(!l&&r>2&&f&&_&&n){y(_[n.length-1]);return}let p=_?.reduce((e,t)=>typeof e!=`number`||typeof t!=`number`?e:Math.abs(t-c)<Math.abs(e-c)?t:e),g=J(s)?window.innerHeight:window.innerWidth;if(r>qt&&Math.abs(e)<g*.4){let e=f?1:-1;if(e>0&&m&&n){y(_[n.length-1]);return}if(d&&e<0&&o&&t(),h===null)return;y(_[h+e]);return}y(p)}function x({draggedDistance:e}){if(v===null)return;let t=s===`bottom`||s===`right`?v-e:v+e;(s===`bottom`||s===`right`)&&t<_[_.length-1]||(s===`top`||s===`left`)&&t>_[_.length-1]||q(r.current,{transform:J(s)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}function S(e,t){if(!n||typeof h!=`number`||!_||a===void 0)return null;let r=h===a-1;if(h>=a&&t)return 0;if(r&&!t)return 1;if(!g&&!r)return null;let i=r?h+1:h-1,o=r?_[i]-_[i-1]:_[i+1]-_[i],s=e/Math.abs(o);return r?1-s:s}return{isLastSnapPoint:m,activeSnapPoint:u,shouldFade:g,getPercentageDragged:S,setActiveSnapPoint:d,activeSnapPointIndex:h,onRelease:b,onDrag:x,snapPointsOffset:_}}function an(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:i}=G(),a=U.useRef(null),o=(0,U.useMemo)(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-Qt)/window.innerWidth}U.useEffect(()=>{if(t&&n){a.current&&clearTimeout(a.current);let t=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`);if(!t)return;r&&!i&&Kt(document.body,{background:`black`}),Kt(t,{transformOrigin:J(e)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${Y.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Y.EASE.join(`,`)})`});let n=Kt(t,{borderRadius:`${Xt}px`,overflow:`hidden`,...J(e)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),a.current=window.setTimeout(()=>{o?document.body.style.background=o:document.body.style.removeProperty(`background`)},Y.DURATION*1e3)}}},[t,n,o])}var X=null;function on({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:i,noBodyStyles:a}){let[o,s]=U.useState(()=>typeof window<`u`?window.location.href:``),c=U.useRef(0),l=U.useCallback(()=>{if(xt()&&X===null&&e&&!a){X={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:`unset`};let{scrollX:e,innerHeight:t}=window;document.body.style.setProperty(`position`,`fixed`,`important`),Object.assign(document.body.style,{top:`${-c.current}px`,left:`${-e}px`,right:`0px`,height:`auto`}),window.setTimeout(()=>window.requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&c.current>=t&&(document.body.style.top=`${-(c.current+e)}px`)}),300)}},[e]),u=U.useCallback(()=>{if(xt()&&X!==null&&!a){let e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);Object.assign(document.body.style,X),window.requestAnimationFrame(()=>{if(i&&o!==window.location.href){s(window.location.href);return}window.scrollTo(t,e)}),X=null}},[o]);return U.useEffect(()=>{function e(){c.current=window.scrollY}return e(),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`scroll`,e)}},[]),U.useEffect(()=>{if(t)return()=>{typeof document>`u`||document.querySelector(`[data-vaul-drawer]`)||u()}},[t,u]),U.useEffect(()=>{n||!r||(e?(!window.matchMedia(`(display-mode: standalone)`).matches&&l(),t||window.setTimeout(()=>{u()},500)):u())},[e,r,o,t,n,l,u]),{restorePositionSetting:u}}function sn({open:e,onOpenChange:t,children:n,onDrag:r,onRelease:i,snapPoints:a,shouldScaleBackground:o=!1,setBackgroundColorOnScale:s=!0,closeThreshold:c=Jt,scrollLockTimeout:l=Yt,dismissible:u=!0,handleOnly:d=!1,fadeFromIndex:f=a&&a.length-1,activeSnapPoint:p,setActiveSnapPoint:m,fixed:h,modal:g=!0,onClose:_,nested:v,noBodyStyles:y=!1,direction:b=`bottom`,defaultOpen:x=!1,disablePreventScroll:S=!0,snapToSequentialPoint:C=!1,preventScrollRestoration:w=!1,repositionInputs:T=!0,onAnimationEnd:E,container:D,autoFocus:ee=!1}){let[O=!1,k]=nn({defaultProp:x,prop:e,onChange:e=>{t?.(e),!e&&!v&&ye(),setTimeout(()=>{E?.(e)},Y.DURATION*1e3),e&&!g&&typeof window<`u`&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`}),e||(document.body.style.pointerEvents=`auto`)}}),[te,A]=U.useState(!1),[j,ne]=U.useState(!1),[re,ie]=U.useState(!1),M=U.useRef(null),ae=U.useRef(null),N=U.useRef(null),oe=U.useRef(null),se=U.useRef(null),P=U.useRef(!1),ce=U.useRef(null),le=U.useRef(0),F=U.useRef(!1),I=U.useRef(!x),ue=U.useRef(0),L=U.useRef(null),de=U.useRef(L.current?.getBoundingClientRect().height||0),fe=U.useRef(L.current?.getBoundingClientRect().width||0),pe=U.useRef(0),{activeSnapPoint:me,activeSnapPointIndex:R,setActiveSnapPoint:he,onRelease:z,snapPointsOffset:B,onDrag:ge,shouldFade:_e,getPercentageDragged:ve}=rn({snapPoints:a,activeSnapPointProp:p,setActiveSnapPointProp:m,drawerRef:L,fadeFromIndex:f,overlayRef:M,onSnapPointChange:U.useCallback(e=>{a&&e===B.length-1&&(ae.current=new Date)},[]),direction:b,container:D,snapToSequentialPoint:C});Pt({isDisabled:!O||j||!g||re||!te||!T||!S});let{restorePositionSetting:ye}=on({isOpen:O,modal:g,nested:v??!1,hasBeenOpened:te,preventScrollRestoration:w,noBodyStyles:y});function V(){return(window.innerWidth-Qt)/window.innerWidth}function be(e){!u&&!a||L.current&&!L.current.contains(e.target)||(de.current=L.current?.getBoundingClientRect().height||0,fe.current=L.current?.getBoundingClientRect().width||0,ne(!0),N.current=new Date,Ct()&&window.addEventListener(`touchend`,()=>P.current=!1,{once:!0}),e.target.setPointerCapture(e.pointerId),le.current=J(b)?e.pageY:e.pageX)}function xe(e,t){let n=e,r=window.getSelection()?.toString(),i=L.current?Wt(L.current,b):null,a=new Date;if(n.tagName===`SELECT`||n.hasAttribute(`data-vaul-no-drag`)||n.closest(`[data-vaul-no-drag]`))return!1;if(b===`right`||b===`left`)return!0;if(ae.current&&a.getTime()-ae.current.getTime()<500)return!1;if(i!==null&&(b===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(se.current&&a.getTime()-se.current.getTime()<l&&i===0||t)return se.current=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return se.current=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function Se(e){if(L.current&&j){let t=b===`bottom`||b===`right`?1:-1,n=(le.current-(J(b)?e.pageY:e.pageX))*t,i=n>0,s=a&&!u&&!i;if(s&&R===0)return;let c=Math.abs(n),l=document.querySelector(`[data-vaul-drawer-wrapper]`),d=c/(b===`bottom`||b===`top`?de.current:fe.current),p=ve(c,i);if(p!==null&&(d=p),s&&d>=1||!P.current&&!xe(e.target,i))return;if(L.current.classList.add($t),P.current=!0,q(L.current,{transition:`none`}),q(M.current,{transition:`none`}),a&&ge({draggedDistance:n}),i&&!a){let e=Gt(n),r=Math.min(e*-1,0)*t;q(L.current,{transform:J(b)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-d;if((_e||f&&R===f-1)&&(r?.(e,d),q(M.current,{opacity:`${m}`,transition:`none`},!0)),l&&M.current&&o){let e=Math.min(V()+d*(1-V()),1),t=8-d*8,n=Math.max(0,14-d*14);q(l,{borderRadius:`${t}px`,transform:J(b)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!a){let e=c*t;q(L.current,{transform:J(b)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}}U.useEffect(()=>{window.requestAnimationFrame(()=>{I.current=!0})},[]),U.useEffect(()=>{var e;function t(){if(!L.current||!T)return;let e=document.activeElement;if(Rt(e)||F.current){let e=window.visualViewport?.height||0,t=window.innerHeight,n=t-e,r=L.current.getBoundingClientRect().height||0,i=r>t*.8;pe.current||=r;let o=L.current.getBoundingClientRect().top;if(Math.abs(ue.current-n)>60&&(F.current=!F.current),a&&a.length>0&&B&&R){let e=B[R]||0;n+=e}if(ue.current=n,r>e||F.current){let t=L.current.getBoundingClientRect().height,r=t;t>e&&(r=e-(i?o:Qt)),h?L.current.style.height=`${t-Math.max(n,0)}px`:L.current.style.height=`${Math.max(r,e-o)}px`}else vt()||(L.current.style.height=`${pe.current}px`);a&&a.length>0&&!F.current?L.current.style.bottom=`0px`:L.current.style.bottom=`${Math.max(n,0)}px`}}return(e=window.visualViewport)==null||e.addEventListener(`resize`,t),()=>window.visualViewport?.removeEventListener(`resize`,t)},[R,a,B]);function H(e){we(),_?.(),e||k(!1),setTimeout(()=>{a&&he(a[0])},Y.DURATION*1e3)}function Ce(){if(!L.current)return;let e=document.querySelector(`[data-vaul-drawer-wrapper]`),t=Wt(L.current,b);q(L.current,{transform:`translate3d(0, 0, 0)`,transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`}),q(M.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,opacity:`1`}),o&&t&&t>0&&O&&q(e,{borderRadius:`${Xt}px`,overflow:`hidden`,...J(b)?{transform:`scale(${V()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${V()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${Y.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Y.EASE.join(`,`)})`},!0)}function we(){!j||!L.current||(L.current.classList.remove($t),P.current=!1,ne(!1),oe.current=new Date)}function Te(e){if(!j||!L.current)return;L.current.classList.remove($t),P.current=!1,ne(!1),oe.current=new Date;let t=Wt(L.current,b);if(!e||!xe(e.target,!1)||!t||Number.isNaN(t)||N.current===null)return;let n=oe.current.getTime()-N.current.getTime(),r=le.current-(J(b)?e.pageY:e.pageX),o=Math.abs(r)/n;if(o>.05&&(ie(!0),setTimeout(()=>{ie(!1)},200)),a){z({draggedDistance:r*(b===`bottom`||b===`right`?1:-1),closeDrawer:H,velocity:o,dismissible:u}),i?.(e,!0);return}if(b===`bottom`||b===`right`?r>0:r<0){Ce(),i?.(e,!0);return}if(o>qt){H(),i?.(e,!1);return}let s=Math.min(L.current.getBoundingClientRect().height??0,window.innerHeight),l=Math.min(L.current.getBoundingClientRect().width??0,window.innerWidth);if(Math.abs(t)>=(b===`left`||b===`right`?l:s)*c){H(),i?.(e,!1);return}i?.(e,!0),Ce()}U.useEffect(()=>(O&&(q(document.documentElement,{scrollBehavior:`auto`}),ae.current=new Date),()=>{Ut(document.documentElement,`scrollBehavior`)}),[O]);function Ee(e){let t=e?(window.innerWidth-Zt)/window.innerWidth:1,n=e?-16:0;ce.current&&window.clearTimeout(ce.current),q(L.current,{transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,transform:J(b)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`}),!e&&L.current&&(ce.current=setTimeout(()=>{let e=Wt(L.current,b);q(L.current,{transition:`none`,transform:J(b)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function De(e,t){if(t<0)return;let n=(window.innerWidth-Zt)/window.innerWidth,r=n+t*(1-n),i=-16+t*Zt;q(L.current,{transform:J(b)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function Oe(e,t){let n=J(b)?window.innerHeight:window.innerWidth,r=t?(n-Zt)/n:1,i=t?-16:0;t&&q(L.current,{transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,transform:J(b)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`})}return U.useEffect(()=>{g||window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`})},[g]),U.createElement(Fe,{defaultOpen:x,onOpenChange:e=>{!u&&!e||(e?A(!0):H(!0),k(e))},open:O},U.createElement(_t.Provider,{value:{activeSnapPoint:me,snapPoints:a,setActiveSnapPoint:he,drawerRef:L,overlayRef:M,onOpenChange:t,onPress:be,onRelease:Te,onDrag:Se,dismissible:u,shouldAnimate:I,handleOnly:d,isOpen:O,isDragging:j,shouldFade:_e,closeDrawer:H,onNestedDrag:De,onNestedOpenChange:Ee,onNestedRelease:Oe,keyboardIsOpen:F,modal:g,snapPointsOffset:B,activeSnapPointIndex:R,direction:b,shouldScaleBackground:o,setBackgroundColorOnScale:s,noBodyStyles:y,container:D,autoFocus:ee}},n))}var cn=U.forwardRef(function({...e},t){let{overlayRef:n,snapPoints:r,onRelease:i,shouldFade:a,isOpen:o,modal:s,shouldAnimate:c}=G(),l=Vt(t,n),u=r&&r.length>0;if(!s)return null;let d=U.useCallback(e=>i(e),[i]);return U.createElement(Ne,{onMouseUp:d,ref:l,"data-vaul-overlay":``,"data-vaul-snap-points":o&&u?`true`:`false`,"data-vaul-snap-points-overlay":o&&a?`true`:`false`,"data-vaul-animate":c?.current?`true`:`false`,...e})});cn.displayName=`Drawer.Overlay`;var ln=U.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},i){let{drawerRef:a,onPress:o,onRelease:s,onDrag:c,keyboardIsOpen:l,snapPointsOffset:u,activeSnapPointIndex:d,modal:f,isOpen:p,direction:m,snapPoints:h,container:g,handleOnly:_,shouldAnimate:v,autoFocus:y}=G(),[b,x]=U.useState(!1),S=Vt(i,a),C=U.useRef(null),w=U.useRef(null),T=U.useRef(!1),E=h&&h.length>0;an();let D=(e,t,n=0)=>{if(T.current)return!0;let r=Math.abs(e.y),i=Math.abs(e.x),a=i>r,o=[`bottom`,`right`].includes(t)?1:-1;if(t===`left`||t===`right`){if(!(e.x*o<0)&&i>=0&&i<=n)return a}else if(!(e.y*o<0)&&r>=0&&r<=n)return!a;return T.current=!0,!0};U.useEffect(()=>{E&&window.requestAnimationFrame(()=>{x(!0)})},[]);function ee(e){C.current=null,T.current=!1,s(e)}return U.createElement(Pe,{"data-vaul-drawer-direction":m,"data-vaul-drawer":``,"data-vaul-delayed-snap-points":b?`true`:`false`,"data-vaul-snap-points":p&&E?`true`:`false`,"data-vaul-custom-container":g?`true`:`false`,"data-vaul-animate":v?.current?`true`:`false`,...r,ref:S,style:u&&u.length>0?{"--snap-point-height":`${u[d??0]}px`,...t}:t,onPointerDown:e=>{_||(r.onPointerDown==null||r.onPointerDown.call(r,e),C.current={x:e.pageX,y:e.pageY},o(e))},onOpenAutoFocus:e=>{n?.(e),y||e.preventDefault()},onPointerDownOutside:t=>{if(e?.(t),!f||t.defaultPrevented){t.preventDefault();return}l.current&&=!1},onFocusOutside:e=>{if(!f){e.preventDefault();return}},onPointerMove:e=>{if(w.current=e,_||(r.onPointerMove==null||r.onPointerMove.call(r,e),!C.current))return;let t=e.pageY-C.current.y,n=e.pageX-C.current.x,i=e.pointerType===`touch`?10:2;D({x:n,y:t},m,i)?c(e):(Math.abs(n)>i||Math.abs(t)>i)&&(C.current=null)},onPointerUp:e=>{r.onPointerUp==null||r.onPointerUp.call(r,e),C.current=null,T.current=!1,s(e)},onPointerOut:e=>{r.onPointerOut==null||r.onPointerOut.call(r,e),ee(w.current)},onContextMenu:e=>{r.onContextMenu==null||r.onContextMenu.call(r,e),w.current&&ee(w.current)}})});ln.displayName=`Drawer.Content`;var un=250,dn=120,fn=U.forwardRef(function({preventCycle:e=!1,children:t,...n},r){let{closeDrawer:i,isDragging:a,snapPoints:o,activeSnapPoint:s,setActiveSnapPoint:c,dismissible:l,handleOnly:u,isOpen:d,onPress:f,onDrag:p}=G(),m=U.useRef(null),h=U.useRef(!1);function g(){if(h.current){y();return}window.setTimeout(()=>{_()},dn)}function _(){if(a||e||h.current){y();return}if(y(),!o||o.length===0){l||i();return}if(s===o[o.length-1]&&l){i();return}let t=o.findIndex(e=>e===s);if(t===-1)return;let n=o[t+1];c(n)}function v(){m.current=window.setTimeout(()=>{h.current=!0},un)}function y(){m.current&&window.clearTimeout(m.current),h.current=!1}return U.createElement(`div`,{onClick:g,onPointerCancel:y,onPointerDown:e=>{u&&f(e),v()},onPointerMove:e=>{u&&p(e)},ref:r,"data-vaul-drawer-visible":d?`true`:`false`,"data-vaul-handle":``,"aria-hidden":`true`,...n},U.createElement(`span`,{"data-vaul-handle-hitarea":``,"aria-hidden":`true`},t))});fn.displayName=`Drawer.Handle`;function pn({onDrag:e,onOpenChange:t,open:n,...r}){let{onNestedDrag:i,onNestedOpenChange:a,onNestedRelease:o}=G();if(!i)throw Error(`Drawer.NestedRoot must be placed in another drawer`);return U.createElement(sn,{nested:!0,open:n,onClose:()=>{a(!1)},onDrag:(t,n)=>{i(t,n),e?.(t,n)},onOpenChange:e=>{e&&a(e),t?.(e)},onRelease:o,...r})}function mn(e){let t=G(),{container:n=t.container,...r}=e;return U.createElement(je,{container:n,...r})}var Z={Root:sn,NestedRoot:pn,Content:ln,Overlay:cn,Trigger:Me,Portal:mn,Handle:fn,Close:Re,Title:Le,Description:Ie};function hn({...e}){return(0,W.jsx)(Z.Root,{"data-slot":`drawer`,...e})}function gn({...e}){return(0,W.jsx)(Z.Trigger,{"data-slot":`drawer-trigger`,...e})}function _n({...e}){return(0,W.jsx)(Z.Portal,{"data-slot":`drawer-portal`,...e})}function vn({...e}){return(0,W.jsx)(Z.Close,{"data-slot":`drawer-close`,...e})}function yn({className:e,...t}){return(0,W.jsx)(Z.Overlay,{"data-slot":`drawer-overlay`,className:z(`fixed inset-0 z-50 bg-black/30 supports-backdrop-filter:backdrop-blur-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function bn({className:e,children:t,...n}){return(0,W.jsxs)(_n,{"data-slot":`drawer-portal`,children:[(0,W.jsx)(yn,{}),(0,W.jsxs)(Z.Content,{"data-slot":`drawer-content`,className:z(`group/drawer-content fixed z-50 flex h-auto flex-col bg-transparent p-4 text-sm before:absolute before:inset-2 before:-z-10 before:rounded-4xl before:border before:border-border before:bg-popover before:shadow-xl data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm`,e),...n,children:[(0,W.jsx)(`div`,{className:`mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),t]})]})}function xn({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`drawer-header`,className:z(`flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left`,e),...t})}function Sn({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`drawer-footer`,className:z(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function Cn({className:e,...t}){return(0,W.jsx)(Z.Title,{"data-slot":`drawer-title`,className:z(`text-base font-medium text-foreground`,e),...t})}function wn({className:e,...t}){return(0,W.jsx)(Z.Description,{"data-slot":`drawer-description`,className:z(`text-sm text-muted-foreground`,e),...t})}var Tn=U.createContext(void 0);function En(e){let t=U.useContext(Tn);if(t===void 0&&!e)throw Error(A(50));return t}var Dn={...ie,instantType:F(e=>e.instantType),hasViewport:F(e=>e.hasViewport)},On=class e extends h{constructor(e,t,n=!1){let r=new p,i={...kn(),...e};i.floatingRootContext=a(r,t,n),super(i,{popupRef:U.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerElements:r,closeDelayRef:{current:300},inlineRectCoordsRef:{current:void 0}},Dn)}setOpen=(e,t)=>{let{inlineRectCoordsRef:n}=this.context;l(this,e,t,{onBeforeDispatch(){let r=t.event;e&&t.reason===`trigger-hover`&&t.trigger&&`clientX`in r&&`clientY`in r&&n.current?.element!==t.trigger&&tt(n,t.trigger,r.clientX,r.clientY)}})};static useStore(t,n){return y(t,(t,r)=>new e(n,t,r)).store}};function kn(){return{...M(),instantType:void 0,hasViewport:!1}}function An(e){let{open:t,defaultOpen:n=!1,onOpenChange:r,onOpenChangeComplete:i,actionsRef:a,handle:s,triggerId:c,defaultTriggerId:l=null,children:u}=e,d=On.useStore(s?.store,{open:n,openProp:t,activeTriggerId:l,triggerIdProp:c});o(d,t,n,l),d.useControlledProp(`openProp`,t),d.useControlledProp(`triggerIdProp`,c),d.useContextCallback(`onOpenChange`,r),d.useContextCallback(`onOpenChangeComplete`,i);let f=d.useState(`open`),p=d.useState(`activeTriggerId`),m=d.useState(`mounted`),h=d.useState(`payload`);R(d,{closeOnActiveTriggerUnmount:!0});let{forceUnmount:_}=v(f,d,()=>{d.context.inlineRectCoordsRef.current=void 0});N(()=>{f&&(p??d.set(`payload`,void 0))},[d,p,f]);let y=U.useCallback(()=>{d.setOpen(!1,g(D))},[d]);U.useImperativeHandle(a,()=>({unmount:_,close:y}),[_,y]);let b=f||m;return(0,W.jsxs)(Tn.Provider,{value:d,children:[b&&(0,W.jsx)(jn,{store:d}),typeof u==`function`?u({payload:h}):u]})}function jn({store:e}){let t=P(e.useState(`floatingRootContext`));return d(e,{activeTriggerProps:t.reference??w,inactiveTriggerProps:t.trigger??w,popupProps:U.useMemo(()=>le(m,t.floating),[t.floating])}),null}var Mn=b(function(e){return En(!0)?(0,W.jsx)(An,{...e}):(0,W.jsx)(ae,{children:(0,W.jsx)(An,{...e})})}),Nn=U.createContext(void 0);function Pn(){let e=U.useContext(Nn);if(e===void 0)throw Error(A(48));return e}var Fn=U.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e;return En().useState(`mounted`)||n?(0,W.jsx)(Nn.Provider,{value:n,children:(0,W.jsx)(ne,{ref:t,...r})}):null}),In=S(function(e,t){let{render:n,className:r,delay:i,closeDelay:a,id:o,payload:s,handle:l,style:d,...f}=e,p=En(!0),m=l?.store??p;if(!m)throw Error(A(89));let h=j(o),g=m.useState(`isTriggerActive`,h),v=m.useState(`isOpenedByTrigger`,h),y=m.useState(`floatingRootContext`),b=m.context.inlineRectCoordsRef,x=U.useRef(null),S=i??600,C=a??300,{registerTrigger:w,isMountedByThisTrigger:E}=u(h,x,m,{payload:s});N(()=>{E&&(m.context.closeDelayRef.current=C)},[m,E,C]);let D=_(y,{mouseOnly:!0,move:!1,handleClose:pe(),delay:()=>({open:S,close:C}),triggerElementRef:x,isActiveTrigger:g,isClosing:()=>m.select(`transitionStatus`)===`ending`}),ee=c(y,{delay:S}),O={open:v},k=m.useState(`triggerProps`,E),te=et(b,v);return oe(`a`,e,{state:O,ref:[t,w,x],props:[D,ee.reference,k,te,{id:h},f],stateAttributesMapping:T})}),Ln=U.createContext(void 0);function Rn(){let e=U.useContext(Ln);if(e===void 0)throw Error(A(49));return e}var zn=U.forwardRef(function(e,t){let{render:n,className:r,anchor:i,positionMethod:a=`absolute`,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d=5,arrowPadding:f=5,sticky:p=!1,disableAnchorTracking:m=!1,collisionAvoidance:h=fe,style:g,..._}=e,v=En(),y=Pn(),b=L(),x=v.useState(`open`),S=v.useState(`mounted`),C=v.useState(`floatingRootContext`),w=v.useState(`instantType`),T=v.useState(`transitionStatus`),E=v.useState(`hasViewport`),D=v.context.inlineRectCoordsRef,O=te({anchor:i,floatingRootContext:C,positionMethod:a,mounted:S,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:f,collisionBoundary:u,collisionPadding:d,sticky:p,disableAnchorTracking:m,keepMounted:y,nodeId:b,collisionAvoidance:h,adaptiveOrigin:E?ce:void 0,inline:nt(D)}),k=O.update;N(()=>{x&&S&&k()},[x,S,k]);let A=ue(e,{open:x,side:O.side,align:O.align,anchorHidden:O.anchorHidden,instant:w},{styles:O.positionerStyles,transitionStatus:T,props:_,refs:[t,v.useStateSetter(`positionerElement`)],hidden:!S,inert:!x});return(0,W.jsx)(Ln.Provider,{value:O,children:(0,W.jsx)(ee,{id:b,children:A})})}),Bn={...de,...x},Vn=U.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,o=En(),{side:c,align:l}=Rn(),u=o.useState(`open`),d=o.useState(`instantType`),p=o.useState(`transitionStatus`),m=o.useState(`popupProps`),h=o.useState(`floatingRootContext`);return f({open:u,ref:o.context.popupRef,onComplete(){u&&o.context.onOpenChangeComplete?.(!0)}}),s(h,{closeDelay:re(()=>o.context.closeDelayRef.current)}),oe(`div`,e,{state:{open:u,side:c,align:l,instant:d,transitionStatus:p},ref:[t,o.context.popupRef,o.useStateSetter(`popupElement`)],props:[m,O(p),a],stateAttributesMapping:Bn})});function Hn({...e}){return(0,W.jsx)(Mn,{"data-slot":`hover-card`,...e})}function Un({...e}){return(0,W.jsx)(In,{"data-slot":`hover-card-trigger`,...e})}function Wn({className:e,side:t=`bottom`,sideOffset:n=4,align:r=`center`,alignOffset:i=4,...a}){return(0,W.jsx)(Fn,{"data-slot":`hover-card-portal`,children:(0,W.jsx)(zn,{align:r,alignOffset:i,side:t,sideOffset:n,className:`isolate z-50`,children:(0,W.jsx)(Vn,{"data-slot":`hover-card-content`,className:z(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 origin-(--transform-origin) outline-hidden`,e),...a})})})}var Gn=e({AlertDialogExample:()=>qn,DialogExample:()=>Kn,DrawerExample:()=>Yn,HoverCardExample:()=>Qn,PopoverExample:()=>Xn,SheetExample:()=>Jn,TooltipExample:()=>Zn});function Kn(){let[e,t]=(0,U.useState)(!1);return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(Ae,{open:e,onOpenChange:t,children:[(0,W.jsx)(ke,{render:e=>(0,W.jsx)(k,{...e,children:`Open dialog`})}),(0,W.jsxs)(Ee,{children:[(0,W.jsxs)(we,{children:[(0,W.jsx)(De,{children:`Confirm action`}),(0,W.jsx)(Oe,{children:`This is a controlled dialog.`})]}),(0,W.jsxs)(Te,{children:[(0,W.jsx)(k,{variant:`outline`,onClick:()=>t(!1),children:`Cancel`}),(0,W.jsx)(k,{onClick:()=>t(!1),children:`Confirm`})]})]})]})})}function qn(){let[e,t]=(0,U.useState)(!1);return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(at,{open:e,onOpenChange:t,children:[(0,W.jsx)(ot,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open alert dialog`})}),(0,W.jsxs)(lt,{children:[(0,W.jsxs)(ut,{children:[(0,W.jsx)(ft,{children:`Archive workspace?`}),(0,W.jsx)(pt,{children:`This action removes the workspace from active views.`})]}),(0,W.jsxs)(dt,{children:[(0,W.jsx)(ht,{children:`Cancel`}),(0,W.jsx)(mt,{onClick:()=>t(!1),children:`Archive`})]})]})]})})}function Jn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(We,{children:[(0,W.jsx)(He,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open sheet`})}),(0,W.jsxs)(Ve,{children:[(0,W.jsxs)(Be,{children:[(0,W.jsx)(ze,{children:`Sheet title`}),(0,W.jsx)(Ue,{children:`Side-anchored panel.`})]}),(0,W.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Sheet body content.`})]})]})})}function Yn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(hn,{direction:`right`,children:[(0,W.jsx)(gn,{asChild:!0,children:(0,W.jsx)(k,{variant:`outline`,children:`Open drawer`})}),(0,W.jsxs)(bn,{children:[(0,W.jsxs)(xn,{children:[(0,W.jsx)(Cn,{children:`Drawer title`}),(0,W.jsx)(wn,{children:`Vaul-powered side panel.`})]}),(0,W.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Drawer body content.`}),(0,W.jsx)(Sn,{children:(0,W.jsx)(vn,{asChild:!0,children:(0,W.jsx)(k,{variant:`outline`,children:`Close`})})})]})]})})}function Xn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(_e,{children:[(0,W.jsx)(B,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open popover`})}),(0,W.jsx)(ge,{className:`w-64 text-sm`,children:`Popover content with arbitrary children.`})]})})}function Zn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsx)(Ge,{children:(0,W.jsxs)(C,{children:[(0,W.jsx)(E,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Hover me`})}),(0,W.jsx)(se,{children:`Hello, I'm a tooltip.`})]})})})}function Qn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(Hn,{children:[(0,W.jsx)(Un,{render:e=>(0,W.jsx)(k,{variant:`link`,...e,children:`@maria`})}),(0,W.jsxs)(Wn,{className:`w-64 text-sm`,children:[(0,W.jsx)(`div`,{className:`font-medium`,children:`Sarah Smitha`}),(0,W.jsx)(`div`,{className:`text-muted-foreground`,children:`Account Manager`}),(0,W.jsx)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:`Joined Jan 2023.`})]})]})})}var Q=`import { useState } from 'react';
+import {
+	AlertDialog,
+	AlertDialogAction,
+	AlertDialogCancel,
+	AlertDialogContent,
+	AlertDialogDescription,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogTitle,
+	AlertDialogTrigger,
+} from '@/components/ui/alert-dialog';
+import { Button } from '@/components/ui/button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import {
+	Drawer,
+	DrawerClose,
+	DrawerContent,
+	DrawerDescription,
+	DrawerFooter,
+	DrawerHeader,
+	DrawerTitle,
+	DrawerTrigger,
+} from '@/components/ui/drawer';
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from '@/components/base/sheet';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
+import { Row } from '../../PreviewLayout';
+
+export function DialogExample() {
+	const [open, setOpen] = useState(false);
+	return (
+		<>
+			<Dialog open={open} onOpenChange={setOpen}>
+				<DialogTrigger render={(p) => <Button {...p}>Open dialog</Button>} />
+				<DialogContent>
+					<DialogHeader>
+						<DialogTitle>Confirm action</DialogTitle>
+						<DialogDescription>This is a controlled dialog.</DialogDescription>
+					</DialogHeader>
+					<DialogFooter>
+						<Button variant="outline" onClick={() => setOpen(false)}>Cancel</Button>
+						<Button onClick={() => setOpen(false)}>Confirm</Button>
+					</DialogFooter>
+				</DialogContent>
+			</Dialog>
+		</>
+	);
+}
+
+export function AlertDialogExample() {
+	const [open, setOpen] = useState(false);
+
+	return (
+		<>
+			<AlertDialog open={open} onOpenChange={setOpen}>
+				<AlertDialogTrigger render={(p) => <Button variant="outline" {...p}>Open alert dialog</Button>} />
+				<AlertDialogContent>
+					<AlertDialogHeader>
+						<AlertDialogTitle>Archive workspace?</AlertDialogTitle>
+						<AlertDialogDescription>
+							This action removes the workspace from active views.
+						</AlertDialogDescription>
+					</AlertDialogHeader>
+					<AlertDialogFooter>
+						<AlertDialogCancel>Cancel</AlertDialogCancel>
+						<AlertDialogAction onClick={() => setOpen(false)}>Archive</AlertDialogAction>
+					</AlertDialogFooter>
+				</AlertDialogContent>
+			</AlertDialog>
+		</>
+	);
+}
+
+export function SheetExample() {
+	return (
+		<>
+			<Sheet>
+				<SheetTrigger render={(p) => <Button variant="outline" {...p}>Open sheet</Button>} />
+				<SheetContent>
+					<SheetHeader>
+						<SheetTitle>Sheet title</SheetTitle>
+						<SheetDescription>Side-anchored panel.</SheetDescription>
+					</SheetHeader>
+					<div className="px-4 py-2 text-sm">Sheet body content.</div>
+				</SheetContent>
+			</Sheet>
+		</>
+	);
+}
+
+export function DrawerExample() {
+	return (
+		<>
+			<Drawer direction="right">
+				<DrawerTrigger asChild>
+					<Button variant="outline">Open drawer</Button>
+				</DrawerTrigger>
+				<DrawerContent>
+					<DrawerHeader>
+						<DrawerTitle>Drawer title</DrawerTitle>
+						<DrawerDescription>Vaul-powered side panel.</DrawerDescription>
+					</DrawerHeader>
+					<div className="px-4 py-2 text-sm">Drawer body content.</div>
+					<DrawerFooter>
+						<DrawerClose asChild>
+							<Button variant="outline">Close</Button>
+						</DrawerClose>
+					</DrawerFooter>
+				</DrawerContent>
+			</Drawer>
+		</>
+	);
+}
+
+export function PopoverExample() {
+	return (
+		<>
+			<Popover>
+				<PopoverTrigger render={(p) => <Button variant="outline" {...p}>Open popover</Button>} />
+				<PopoverContent className="w-64 text-sm">
+					Popover content with arbitrary children.
+				</PopoverContent>
+			</Popover>
+		</>
+	);
+}
+
+export function TooltipExample() {
+	return (
+		<>
+			<Row>
+				<Tooltip>
+					<TooltipTrigger render={(p) => <Button variant="outline" {...p}>Hover me</Button>} />
+					<TooltipContent>Hello, I'm a tooltip.</TooltipContent>
+				</Tooltip>
+			</Row>
+		</>
+	);
+}
+
+export function HoverCardExample() {
+	return (
+		<>
+			<HoverCard>
+				<HoverCardTrigger render={(p) => <Button variant="link" {...p}>@maria</Button>} />
+				<HoverCardContent className="w-64 text-sm">
+					<div className="font-medium">Sarah Smitha</div>
+					<div className="text-muted-foreground">Account Manager</div>
+					<div className="mt-2 text-xs text-muted-foreground">Joined Jan 2023.</div>
+				</HoverCardContent>
+			</HoverCard>
+		</>
+	);
+}
+`;function $n(e){return Gn||$(`Examples`,!1),qn||$(`Examples.AlertDialogExample`,!0),Kn||$(`Examples.DialogExample`,!0),Yn||$(`Examples.DrawerExample`,!0),Qn||$(`Examples.HoverCardExample`,!0),Xn||$(`Examples.PopoverExample`,!0),Jn||$(`Examples.SheetExample`,!0),Zn||$(`Examples.TooltipExample`,!0),(0,W.jsx)(r,{title:`UI · Overlays`,description:`Dialog, AlertDialog, Sheet, Drawer, Popover, Tooltip, and HoverCard.`,layer:`ui`,status:`ready`,children:(0,W.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,W.jsx)(I,{name:`DialogExample`,source:Q,children:(0,W.jsx)(Kn,{})}),(0,W.jsx)(I,{name:`AlertDialogExample`,source:Q,children:(0,W.jsx)(qn,{})}),(0,W.jsx)(I,{name:`SheetExample`,source:Q,children:(0,W.jsx)(Jn,{})}),(0,W.jsx)(I,{name:`DrawerExample`,source:Q,children:(0,W.jsx)(Yn,{})}),(0,W.jsx)(I,{name:`PopoverExample`,source:Q,children:(0,W.jsx)(Xn,{})}),(0,W.jsx)(I,{name:`TooltipExample`,source:Q,children:(0,W.jsx)(Zn,{})}),(0,W.jsx)(I,{name:`HoverCardExample`,source:Q,children:(0,W.jsx)(Qn,{})})]})})}function er(e={}){let{wrapper:t}=e.components||{};return t?(0,W.jsx)(t,{...e,children:(0,W.jsx)($n,{...e})}):$n(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{er as default};

package/dist/showcase/assets/overview-CBmdAWO6.js

@@ -0,0 +1,184 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C2ovQgbv.js";import{t as a}from"./example-CDvNeHNP.js";import{t as o}from"./layers-Dyew-8IP.js";import{t as s}from"./route-EGSdKgEp.js";import{t as c}from"./shield-check-BbzHL-nM.js";import{a as l,d as u,l as d}from"./index-B37z19z3.js";import{t as f}from"./icon-badge-fJVhEHym.js";import{t as p}from"./text-link-WRyY3ZZo.js";import{t as m}from"./smart-card-B0Llbpiy.js";var h=d(`blocks`,[[`path`,{d:`M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2`,key:`1ah6g2`}],[`rect`,{x:`14`,y:`2`,width:`8`,height:`8`,rx:`1`,key:`88lufb`}]]),g=d(`palette`,[[`path`,{d:`M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z`,key:`e79jfc`}],[`circle`,{cx:`13.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`1okk4w`}],[`circle`,{cx:`17.5`,cy:`10.5`,r:`.5`,fill:`currentColor`,key:`f64h9f`}],[`circle`,{cx:`6.5`,cy:`12.5`,r:`.5`,fill:`currentColor`,key:`qy21gx`}],[`circle`,{cx:`8.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`fotxhn`}]]),_=e({ArchitectureRule:()=>w,LayerMap:()=>x,NavigationModel:()=>S,OverviewSnapshot:()=>b,PackageFlow:()=>C}),v=u(),y=[{label:`Base`,description:`Tokenized wrappers around primitives: buttons, cards, forms, tables, display, and navigation.`,href:`#/base/buttons`,tone:`primary`},{label:`Services & hooks`,description:`Framework-neutral action runtime, provider hooks, layout hooks, and feature headless hooks.`,href:`#/services/actions`,tone:`info`},{label:`Layouts`,description:`Header, sidebar, app shell, page shell, and workspace layout contracts.`,href:`#/layout/app-shell`,tone:`warning`},{label:`Composed`,description:`Reusable domain surfaces assembled from base components.`,href:`#/composed/admin`,tone:`success`},{label:`Features`,description:`Callback-driven product features with strings, slots, hooks, and async seams.`,href:`#/features/global-search`,tone:`primary`}];function b(){return(0,v.jsxs)(`div`,{className:`grid w-full max-w-6xl gap-3 md:grid-cols-3`,children:[(0,v.jsx)(m,{title:`Package contract`,description:`Exact subpath imports, no framework dependencies.`,icon:(0,v.jsx)(f,{icon:c,tone:`success`,shape:`square`,size:`default`}),children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`success`,children:`Framework neutral`}),(0,v.jsx)(n,{variant:`secondary`,children:`Callback driven`}),(0,v.jsx)(n,{variant:`secondary`,children:`Tokenized`})]})}),(0,v.jsx)(m,{title:`Preview model`,description:`Every public surface has one route, examples, props, and source pointers.`,icon:(0,v.jsx)(f,{icon:s,tone:`info`,shape:`square`,size:`default`}),children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`secondary`,children:`MDX examples`}),(0,v.jsx)(n,{variant:`secondary`,children:`Props docs`}),(0,v.jsx)(n,{variant:`secondary`,children:`Visual QA`})]})}),(0,v.jsx)(m,{title:`Design system`,description:`Sizing and spacing resolve through CSS variables and UIProvider defaults.`,icon:(0,v.jsx)(f,{icon:g,tone:`primary`,shape:`square`,size:`default`}),children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`secondary`,children:`Action scale`}),(0,v.jsx)(n,{variant:`secondary`,children:`Display scale`}),(0,v.jsx)(n,{variant:`secondary`,children:`Row density`})]})})]})}function x(){return(0,v.jsx)(`div`,{className:`grid w-full max-w-6xl gap-3 md:grid-cols-2`,children:y.map(e=>(0,v.jsx)(m,{surface:`framed`,padding:`small`,className:`h-full`,children:(0,v.jsxs)(`div`,{className:`grid grid-cols-[var(--icon-lg)_minmax(0,1fr)] gap-3`,children:[(0,v.jsx)(f,{icon:h,tone:e.tone,shape:`square`,size:`small`}),(0,v.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[(0,v.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1`,children:[(0,v.jsx)(r,{weight:`semibold`,children:e.label}),(0,v.jsx)(p,{href:e.href,size:`xs`,type:`primary`,weight:`medium`,underline:!1,children:`Browse`})]}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,lineHeight:`snug`,className:`line-clamp-2`,children:e.description})]})]})},e.label))})}function S(){return(0,v.jsx)(m,{surface:`framed`,padding:`default`,className:`w-full max-w-4xl`,children:(0,v.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-[auto_minmax(0,1fr)] md:items-start`,children:[(0,v.jsx)(f,{icon:l,tone:`info`,shape:`square`}),(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsx)(r,{weight:`semibold`,children:`One sidebar owns the whole library map`}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Search routes, jump to CSS variables, then collapse Services & hooks, Base, Layouts, Composed, or Features while you work.`})]}),(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`secondary`,children:`Installation`}),(0,v.jsx)(n,{variant:`secondary`,children:`Overview`}),(0,v.jsx)(n,{variant:`secondary`,children:`CSS variables`}),(0,v.jsx)(n,{variant:`secondary`,children:`Showcase`}),(0,v.jsx)(n,{variant:`secondary`,children:`Services & hooks`}),(0,v.jsx)(n,{variant:`secondary`,children:`Component layers`})]})]})]})})}function C(){return(0,v.jsx)(`div`,{className:`grid w-full max-w-5xl gap-3 md:grid-cols-3`,children:[[`Install`,`Add the package, stylesheet, and optional feature peers.`],[`Compose`,`Import exact public subpaths and wire routing/data through callbacks.`],[`Verify`,`Use preview routes, docs checks, exports, build, and visual gates.`]].map(([e,t],n)=>(0,v.jsx)(m,{surface:`framed`,padding:`default`,children:(0,v.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,v.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground`,children:n+1}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(r,{weight:`semibold`,children:e}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]})},e))})}function w(){return(0,v.jsx)(m,{surface:`framed`,padding:`default`,className:`w-full max-w-4xl`,children:(0,v.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,v.jsx)(f,{icon:o,tone:`primary`,shape:`square`}),(0,v.jsxs)(`div`,{className:`min-w-0`,children:[(0,v.jsx)(r,{weight:`semibold`,children:`Layer order is enforced, not advisory`}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Typography sits below base, base below layout and composed, and features can consume all lower public layers while staying callback-driven.`})]})]})})}var T=`import {
+	Blocks,
+	Layers3,
+	Palette,
+	Route,
+	Search,
+	ShieldCheck } from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { SmartCard } from '@/components/base/cards';
+import { IconBadge,
+} from '@/components/base/display';
+import { Text, TextLink } from '@/components/typography';
+
+const LAYERS = [
+	{
+		label: 'Base',
+		description: 'Tokenized wrappers around primitives: buttons, cards, forms, tables, display, and navigation.',
+		href: '#/base/buttons',
+		tone: 'primary',
+	},
+	{
+		label: 'Services & hooks',
+		description: 'Framework-neutral action runtime, provider hooks, layout hooks, and feature headless hooks.',
+		href: '#/services/actions',
+		tone: 'info',
+	},
+	{
+		label: 'Layouts',
+		description: 'Header, sidebar, app shell, page shell, and workspace layout contracts.',
+		href: '#/layout/app-shell',
+		tone: 'warning',
+	},
+	{
+		label: 'Composed',
+		description: 'Reusable domain surfaces assembled from base components.',
+		href: '#/composed/admin',
+		tone: 'success',
+	},
+	{
+		label: 'Features',
+		description: 'Callback-driven product features with strings, slots, hooks, and async seams.',
+		href: '#/features/global-search',
+		tone: 'primary',
+	},
+] as const;
+
+export function OverviewSnapshot() {
+	return (
+		<div className="grid w-full max-w-6xl gap-3 md:grid-cols-3">
+			<SmartCard
+				title="Package contract"
+				description="Exact subpath imports, no framework dependencies."
+				icon={<IconBadge icon={ShieldCheck} tone="success" shape="square" size="default" />}
+			>
+				<div className="flex flex-wrap gap-2">
+					<Badge variant="success">Framework neutral</Badge>
+					<Badge variant="secondary">Callback driven</Badge>
+					<Badge variant="secondary">Tokenized</Badge>
+				</div>
+			</SmartCard>
+			<SmartCard
+				title="Preview model"
+				description="Every public surface has one route, examples, props, and source pointers."
+				icon={<IconBadge icon={Route} tone="info" shape="square" size="default" />}
+			>
+				<div className="flex flex-wrap gap-2">
+					<Badge variant="secondary">MDX examples</Badge>
+					<Badge variant="secondary">Props docs</Badge>
+					<Badge variant="secondary">Visual QA</Badge>
+				</div>
+			</SmartCard>
+			<SmartCard
+				title="Design system"
+				description="Sizing and spacing resolve through CSS variables and UIProvider defaults."
+				icon={<IconBadge icon={Palette} tone="primary" shape="square" size="default" />}
+			>
+				<div className="flex flex-wrap gap-2">
+					<Badge variant="secondary">Action scale</Badge>
+					<Badge variant="secondary">Display scale</Badge>
+					<Badge variant="secondary">Row density</Badge>
+				</div>
+			</SmartCard>
+		</div>
+	);
+}
+
+export function LayerMap() {
+	return (
+		<div className="grid w-full max-w-6xl gap-3 md:grid-cols-2">
+			{LAYERS.map((layer) => (
+				<SmartCard key={layer.label} surface="framed" padding="small" className="h-full">
+					<div className="grid grid-cols-[var(--icon-lg)_minmax(0,1fr)] gap-3">
+						<IconBadge icon={Blocks} tone={layer.tone} shape="square" size="small" />
+						<div className="min-w-0 space-y-1.5">
+							<div className="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
+								<Text weight="semibold">{layer.label}</Text>
+								<TextLink href={layer.href} size="xs" type="primary" weight="medium" underline={false}>
+									Browse
+								</TextLink>
+							</div>
+							<Text size="xs" type="secondary" lineHeight="snug" className="line-clamp-2">
+								{layer.description}
+							</Text>
+						</div>
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function NavigationModel() {
+	return (
+		<SmartCard surface="framed" padding="default" className="w-full max-w-4xl">
+			<div className="grid gap-3 md:grid-cols-[auto_minmax(0,1fr)] md:items-start">
+				<IconBadge icon={Search} tone="info" shape="square" />
+				<div className="space-y-3">
+					<div>
+						<Text weight="semibold">One sidebar owns the whole library map</Text>
+						<Text size="xs" type="secondary" className="mt-1">
+							Search routes, jump to CSS variables, then collapse Services & hooks, Base, Layouts, Composed, or Features while you work.
+						</Text>
+					</div>
+					<div className="flex flex-wrap gap-2">
+						<Badge variant="secondary">Installation</Badge>
+						<Badge variant="secondary">Overview</Badge>
+						<Badge variant="secondary">CSS variables</Badge>
+						<Badge variant="secondary">Showcase</Badge>
+						<Badge variant="secondary">Services & hooks</Badge>
+						<Badge variant="secondary">Component layers</Badge>
+					</div>
+				</div>
+			</div>
+		</SmartCard>
+	);
+}
+
+export function PackageFlow() {
+	return (
+		<div className="grid w-full max-w-5xl gap-3 md:grid-cols-3">
+			{[
+				['Install', 'Add the package, stylesheet, and optional feature peers.'],
+				['Compose', 'Import exact public subpaths and wire routing/data through callbacks.'],
+				['Verify', 'Use preview routes, docs checks, exports, build, and visual gates.'],
+			].map(([title, description], index) => (
+				<SmartCard key={title} surface="framed" padding="default">
+					<div className="flex items-start gap-3">
+						<span className="inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground">{index + 1}</span>
+						<div>
+							<Text weight="semibold">{title}</Text>
+							<Text size="xs" type="secondary" className="mt-1">
+								{description}
+							</Text>
+						</div>
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function ArchitectureRule() {
+	return (
+		<SmartCard surface="framed" padding="default" className="w-full max-w-4xl">
+			<div className="flex items-start gap-3">
+				<IconBadge icon={Layers3} tone="primary" shape="square" />
+				<div className="min-w-0">
+					<Text weight="semibold">Layer order is enforced, not advisory</Text>
+					<Text size="xs" type="secondary" className="mt-1">
+						Typography sits below base, base below layout and composed, and features can consume all lower public layers while staying callback-driven.
+					</Text>
+				</div>
+			</div>
+		</SmartCard>
+	);
+}
+`;function E(e){let n={code:`code`,p:`p`,...e.components};return _||O(`Examples`,!1),w||O(`Examples.ArchitectureRule`,!0),x||O(`Examples.LayerMap`,!0),S||O(`Examples.NavigationModel`,!0),b||O(`Examples.OverviewSnapshot`,!0),C||O(`Examples.PackageFlow`,!0),(0,v.jsxs)(t,{title:`Overview`,description:`How the starter kit is organized, how to browse it, and which contracts consumers can rely on.`,layer:`docs`,status:`ready`,sourcePath:`src/preview/registry.tsx`,children:[(0,v.jsxs)(i,{title:`Package Model`,id:`package-model`,children:[(0,v.jsxs)(n.p,{children:[(0,v.jsx)(n.code,{children:`admin-ui-starter-kit`}),` is a publishable React component library. Consumers import
+exact public subpaths, bring the stylesheet once, and wire framework-owned
+routing, permissions, data fetching, and translations through props.`]}),(0,v.jsx)(a,{name:`OverviewSnapshot`,source:T,children:(0,v.jsx)(b,{})})]}),(0,v.jsxs)(i,{title:`Layers`,id:`layers`,children:[(0,v.jsx)(n.p,{children:`The public library is organized by responsibility, not by app route.`}),(0,v.jsx)(a,{name:`LayerMap`,source:T,children:(0,v.jsx)(x,{})}),(0,v.jsx)(a,{name:`ArchitectureRule`,source:T,children:(0,v.jsx)(w,{})})]}),(0,v.jsxs)(i,{title:`Navigation`,id:`navigation`,children:[(0,v.jsx)(n.p,{children:`The showcase sidebar is the canonical map. The first group contains docs and
+token reference pages; the remaining groups mirror package layers plus the
+public services and hooks boundary. Use the search box for route names,
+component families, service APIs, hooks, and token-focused pages such as CSS
+variables.`}),(0,v.jsx)(a,{name:`NavigationModel`,source:T,children:(0,v.jsx)(S,{})})]}),(0,v.jsx)(i,{title:`Workflow`,id:`workflow`,children:(0,v.jsx)(a,{name:`PackageFlow`,source:T,children:(0,v.jsx)(C,{})})})]})}function D(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(E,{...e})}):E(e)}function O(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{D as default};

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

@@ -0,0 +1 @@
+import{l as e}from"./index-B37z19z3.js";var t=e(`package`,[[`path`,{d:`M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z`,key:`1a0edw`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}]]);export{t};

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

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

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

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

package/dist/showcase/assets/page-action-button-Cf34I-B2.js

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

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

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

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

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

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

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

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

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

package/dist/showcase/assets/password-input-D-eZWMGX.js

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

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

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

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

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

package/dist/showcase/assets/plus-DbOlx2x0.js

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

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

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

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

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

package/dist/showcase/assets/popover-menu-EH4P-BuI.js

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