admin-ui-starter-kit 0.6.2 → 0.6.4

package/dist/showcase/assets/{overlays-C1UodoAu.js → overlays-Blmbun0J.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{h as r,n as i,o as a,p as o,t as s}from"./section-Dd6X6IKg.js";import{t as c}from"./badge-check-DGmg0_g_.js";import{r as l,t as u}from"./example-Rrx9vj75.js";import{t as d}from"./circle-alert-BObXfzSP.js";import{t as f}from"./circle-check-big-BsQpd0CS.js";import{t as ee}from"./circle-check-BPhdxh7K.js";import{t as p}from"./circle-question-mark-BeRdyU_C.js";import{t as m}from"./credit-card-D_wnXbTK.js";import{t as h}from"./file-text-Clv0qFr3.js";import{t as g}from"./info-B4aULRpz.js";import{t as _}from"./send-3ANJL7UB.js";import{t as v}from"./settings-CqdZB-OI.js";import{t as y}from"./shield-alert-RrMsBuWp.js";import{t as b}from"./sparkles-Bc0I4qTf.js";import{t as te}from"./trash-2-Bf5dpRjn.js";import{t as x}from"./user-plus-C69GplWt.js";import{t as ne}from"./x-FNPo6qUv.js";import{N as re,P as S,d as C,n as w}from"./index-o71HAmc3.js";import{t as T}from"./props-table-C6gPyO49.js";import{r as E,t as D}from"./avatar-D29-FL5U.js";import{c as O,r as k,t as A,u as j}from"./item-Oe2aHuvr.js";import{t as M}from"./input-CYTQ9nWN.js";import{n as N}from"./form-field-Dg_Az7lk.js";import{i as ie,n as ae,r as oe,t as P}from"./dialog-DbEG3v2T.js";var F=t(n(),1),se=t(S(),1),I=C(),L={xs:`max-w-xs`,sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,"2xl":`max-w-2xl`,"3xl":`max-w-3xl`,"4xl":`max-w-4xl`,"5xl":`max-w-5xl`,full:`max-w-[calc(100vw-2rem)]`},ce={right:{position:`fixed top-0 right-0 bottom-0`,size:`h-full`,animation:`animate-in slide-in-from-right duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-right [&.closing]:duration-200`,rounded:`rounded-l-xl`},left:{position:`fixed top-0 left-0 bottom-0`,size:`h-full`,animation:`animate-in slide-in-from-left duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-left [&.closing]:duration-200`,rounded:`rounded-r-xl`},top:{position:`fixed top-0 left-0 right-0`,size:`w-full`,animation:`animate-in slide-in-from-top duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-top [&.closing]:duration-200`,rounded:`rounded-b-xl`},bottom:{position:`fixed bottom-0 left-0 right-0`,size:`w-full`,animation:`animate-in slide-in-from-bottom duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-bottom [&.closing]:duration-200`,rounded:`rounded-t-xl`}},le={default:(0,I.jsx)(p,{className:`text-muted-foreground h-5 w-5`}),error:(0,I.jsx)(d,{className:`text-destructive h-5 w-5`}),warning:(0,I.jsx)(r,{className:`text-warning h-5 w-5`}),info:(0,I.jsx)(g,{className:`text-info h-5 w-5`}),success:(0,I.jsx)(f,{className:`text-success h-5 w-5`})};function R({open:e,onOpenChange:t,onClose:n,children:r,title:i,description:a,visuallyHideHeader:s=!1,className:c,contentClassName:u,initialFocusRef:d,closeOnEscape:f=!0,closeOnBackdropClick:ee=!0,strings:p,showCancel:m=!0,showConfirm:h=!0,onCancel:g,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y=!0,confirmVariant:b=`primary`,confirmStyle:te=`solid`,isLoading:x=!1,formId:re,footer:S,emphasis:C=!1,tone:T=`default`,showIcon:E=!1,alertMessage:D,direction:O=`right`,width:k=`lg`,showFooter:A=!0,trigger:j}){let M=(0,F.useId)(),N=(0,F.useId)(),oe=i?M:void 0,P=a?N:void 0,{isOpen:R,isClosing:z,openDialog:B,closeDialog:V,dialogProps:H,handleBackdropClick:U}=ie({open:e,onOpenChange:t,onClose:n,closeOnEscape:f,closeOnBackdropClick:ee,initialFocusRef:d}),{strings:W,finalConfirmVariant:G,confirmButtonOnClick:K,effectiveLoading:q,handleCancel:J}=ae({closeDialog:V,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y,confirmVariant:b,isLoading:x,formId:re,onCancel:g,customStrings:p,emphasis:C,tone:T}),Y=ce[O],X=O===`left`||O===`right`,Z=!!(r||D),Q=A&&(m||h||S),ue=j&&(0,F.isValidElement)(j)?(0,F.cloneElement)(j,{onClick:e=>{let t=j.props.onClick;t?.(e),B()}}):j?(0,I.jsx)(`span`,{role:`button`,tabIndex:0,onClick:B,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),B())},className:`cursor-pointer`,children:j}):null;return!R&&!z&&!j?null:(0,I.jsxs)(I.Fragment,{children:[ue,!!(R||z)&&(0,se.createPortal)((0,I.jsxs)(`div`,{className:`fixed inset-0 z-50`,children:[(0,I.jsx)(`div`,{className:w(`absolute inset-0 bg-foreground/50 backdrop-blur-[1px]`,`transition-opacity duration-300`,z?`opacity-0`:`animate-in fade-in-0 duration-300`),onClick:U,"aria-hidden":`true`}),(0,I.jsxs)(`dialog`,{...H,className:w(`drawer--component inset-auto m-0 p-0`,Y.position,Y.size,`border shadow-xl`,`bg-background text-foreground`,Y.rounded,X&&`w-full`,X&&L[k],!X&&`max-h-[85vh]`,Y.animation,`outline-none focus-visible:outline-none`,`flex flex-col`,c),"aria-modal":`true`,role:`dialog`,"aria-labelledby":oe,"aria-describedby":P,children:[(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:V,className:w(`absolute right-4 top-4 z-10 size-7 rounded-md p-0`,`text-muted-foreground transition-colors`,`hover:bg-muted hover:text-foreground`,`disabled:pointer-events-none`),"aria-label":W.close,children:(0,I.jsx)(ne,{className:`h-4 w-4`})}),!!(i||a)&&(0,I.jsxs)(`div`,{className:w(`flex items-start gap-3 px-6 pb-4 pt-6`,s&&`sr-only`),children:[!!E&&(0,I.jsx)(`div`,{className:`shrink-0 pt-0.5`,children:le[T]}),(0,I.jsxs)(`div`,{className:`min-w-0 flex-1 pr-6`,children:[!!i&&(0,I.jsx)(o,{id:M,tag:`div`,size:`lg`,weight:`semibold`,children:i}),!!a&&(0,I.jsx)(o,{id:N,tag:`p`,type:`secondary`,className:`mt-1`,children:a})]})]}),!!Z&&(0,I.jsxs)(`div`,{className:w(`flex-1 overflow-auto px-6`,i||a?`pb-6`:`py-6`,u),children:[!!D&&(0,I.jsx)(`div`,{className:w(`mb-4 rounded-md border p-3`,T===`error`&&`border-destructive/30 bg-destructive/5`,T===`warning`&&`border-warning/40 bg-warning/10`,T===`info`&&`border-info/40 bg-info/10`,T===`success`&&`border-success/40 bg-success/10`,T==="default"&&`border-border bg-muted/40`),children:(0,I.jsx)(o,{tag:`p`,children:D})}),r]}),!!Q&&(0,I.jsx)(`div`,{className:`border-t px-6 py-4`,children:S??(0,I.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 sm:flex-row sm:justify-end`,children:[!!m&&(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:J,children:W.cancel}),!!h&&(0,I.jsx)(l,{type:`button`,variant:G,buttonStyle:te,onClick:K,loading:q,loadingLabels:{loading:W.loading},children:W.confirm})]})})]})]}),document.body)]})}var z=(0,F.memo)(R);z.displayName=`Drawer`;var B={default:{icon:(0,I.jsx)(p,{className:`h-6 w-6`}),iconColor:`text-muted-foreground`},error:{icon:(0,I.jsx)(d,{className:`h-6 w-6`}),iconColor:`text-destructive`},warning:{icon:(0,I.jsx)(r,{className:`h-6 w-6`}),iconColor:`text-warning`},info:{icon:(0,I.jsx)(g,{className:`h-6 w-6`}),iconColor:`text-info`},success:{icon:(0,I.jsx)(f,{className:`h-6 w-6`}),iconColor:`text-success`}};function V({open:e,onOpenChange:t,onClose:n,children:r,title:i,description:a,visuallyHideHeader:s=!1,className:c,contentClassName:u,initialFocusRef:d,closeOnEscape:f=!0,closeOnBackdropClick:ee=!1,strings:p,showCancel:m=!0,showConfirm:h=!0,onCancel:g,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y=!0,confirmVariant:b,confirmStyle:te=`solid`,isLoading:x=!1,formId:ne,footer:S,tone:C=`default`,showIcon:T=!0,alertMessage:E,trigger:D,destructive:O=!1}){let k=(0,F.useId)(),A=(0,F.useId)(),j=i?k:void 0,M=a?A:void 0,{isOpen:N,isClosing:P,openDialog:L,closeDialog:ce,dialogProps:le,handleBackdropClick:R}=ie({open:e,onOpenChange:t,onClose:n,closeOnEscape:f,closeOnBackdropClick:ee,initialFocusRef:d}),z=re(oe,p),V=(0,F.useMemo)(()=>O?`error`:b||{default:`primary`,error:`error`,warning:`warning`,info:`primary`,success:`success`}[C],[O,b,C]),{strings:H,confirmButtonOnClick:U,effectiveLoading:W,handleCancel:G}=ae({closeDialog:ce,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y,confirmVariant:V,isLoading:x,formId:ne,onCancel:g,customStrings:z}),K=B[C],q=D&&(0,F.isValidElement)(D)?(0,F.cloneElement)(D,{onClick:e=>{let t=D.props.onClick;t?.(e),L()}}):D?(0,I.jsx)(`span`,{role:`button`,tabIndex:0,onClick:L,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),L())},className:`cursor-pointer`,children:D}):null;return!N&&!P&&!D?null:(0,I.jsxs)(I.Fragment,{children:[q,!!(N||P)&&(0,se.createPortal)((0,I.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4`,children:[(0,I.jsx)(`div`,{className:w(`absolute inset-0 bg-foreground/50 backdrop-blur-[1px]`,`transition-opacity duration-200`,P?`opacity-0`:`animate-in fade-in-0 duration-200`),onClick:R,"aria-hidden":`true`}),(0,I.jsxs)(`dialog`,{...le,className:w(`alert-dialog--component relative z-10 m-0 w-full max-w-md p-0`,`max-h-[90vh] flex flex-col`,`rounded-lg border shadow-lg`,`bg-background text-foreground`,`animate-in fade-in-0 zoom-in-95 duration-200`,`[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150`,`outline-none focus-visible:outline-none`,c),role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":j,"aria-describedby":M,children:[(0,I.jsxs)(`div`,{className:`flex-1 overflow-auto p-6`,children:[!!T&&!s&&(0,I.jsx)(`div`,{className:w(`mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full`,C===`error`&&`bg-destructive/10`,C===`warning`&&`bg-warning/15`,C===`info`&&`bg-info/15`,C===`success`&&`bg-success/15`,C==="default"&&`bg-muted`),children:(0,I.jsx)(`span`,{className:K.iconColor,children:K.icon})}),!!(i||a)&&(0,I.jsxs)(`div`,{className:w(s&&`sr-only`),children:[!!i&&(0,I.jsx)(o,{id:k,tag:`div`,size:`lg`,weight:`semibold`,align:`center`,children:i}),!!a&&(0,I.jsx)(o,{id:A,tag:`p`,type:`secondary`,align:`center`,className:`mt-2`,children:a})]}),!!E&&(0,I.jsx)(`div`,{className:w(`mt-4 rounded-md border p-3 text-left`,C===`error`&&`border-destructive/30 bg-destructive/5`,C===`warning`&&`border-warning/40 bg-warning/10`,C===`info`&&`border-info/40 bg-info/10`,C===`success`&&`border-success/40 bg-success/10`,C==="default"&&`border-border bg-muted/40`),children:(0,I.jsx)(o,{tag:`p`,children:E})}),!!r&&(0,I.jsx)(`div`,{className:w(`mt-4`,u),children:r})]}),!!(m||h||S)&&(0,I.jsx)(`div`,{className:`border-t px-6 py-4`,children:S??(0,I.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 sm:flex-row sm:justify-end`,children:[!!m&&(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:G,className:`w-full sm:w-auto`,children:H.cancel}),!!h&&(0,I.jsx)(l,{type:`button`,variant:V,buttonStyle:te,onClick:U,loading:W,loadingLabels:{loading:H.loading},className:`w-full sm:w-auto`,children:H.confirm})]})})]})]}),document.body)]})}var H=(0,F.memo)(V);H.displayName=`AlertDialog`;var U=e({APISurface:()=>W,AlertDialogConfirmationPatterns:()=>X,BestPractices:()=>Z,DialogDefault:()=>G,DialogEmphasisTones:()=>K,DialogFormPattern:()=>J,DialogRichContent:()=>q,Drawer4Directions:()=>Y});function W(){return(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(o,{type:`secondary`,children:[`All overlays accept the same core props: `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`{ open, onOpenChange, onClose, title, description, onConfirm, onCancel, onAsyncConfirm, tone, emphasis, alertMessage, footer, isLoading }`}),`. Backed by the native `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<dialog>`}),` element for proper focus trapping, ESC handling, and accessibility — no extra portal libraries.`]})})}function G(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,I.jsx)(l,{variant:`primary`,icon:v,onClick:()=>t(!0),children:`Open dialog`})}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`Save workspace settings?`,description:`Changes will apply immediately for everyone on the team. You can edit them again later from Settings → Workspace.`,onConfirm:()=>t(!1)})]})}function K(){let[e,t]=(0,F.useState)(!1),[n,r]=(0,F.useState)(!1),[i,a]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,I.jsx)(l,{variant:`primary`,icon:g,onClick:()=>t(!0),children:`Info`}),(0,I.jsx)(l,{variant:`warning`,icon:d,onClick:()=>r(!0),children:`Warning`}),(0,I.jsx)(l,{variant:`success`,icon:ee,onClick:()=>a(!0),children:`Success`})]}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`New beta feature available`,description:`The redesigned analytics dashboard is live for early-access workspaces. Try it out and let us know what works.`,tone:`info`,emphasis:!0,confirmVariant:`primary`,onConfirm:()=>t(!1)}),(0,I.jsx)(P,{open:n,onOpenChange:r,title:`Reset workspace?`,description:`This resets all custom views and starred items for your team. Members will see the default layout next sign-in.`,tone:`warning`,emphasis:!0,confirmVariant:`warning`,alertMessage:`Reset is irreversible — exports of custom views are not generated automatically.`,onConfirm:()=>r(!1)}),(0,I.jsx)(P,{open:i,onOpenChange:a,title:`Subscription activated`,description:`Your team is on the Pro Annual plan until May 12, 2027. The first invoice has been emailed to your billing contact.`,tone:`success`,emphasis:!0,confirmVariant:`success`,onConfirm:()=>a(!1)})]})}function q(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,I.jsx)(l,{variant:`primary`,icon:x,onClick:()=>t(!0),children:`Invite teammate`})}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`Invite to workspace`,description:`They'll get an email with a link to join your workspace as an Editor.`,size:`md`,onConfirm:()=>t(!1),children:(0,I.jsxs)(`div`,{className:`space-y-3`,children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border bg-muted/30 p-3`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Invitation preview`}),(0,I.jsxs)(`div`,{className:`mt-2 flex items-center gap-3`,children:[(0,I.jsx)(D,{className:`size-avatar`,children:(0,I.jsx)(E,{className:`bg-primary/10 text-primary text-xs font-semibold`,children:`YO`})}),(0,I.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,I.jsx)(o,{weight:`semibold`,children:`You invited stefan@example.com`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:`Editor · Read & write access`})]})]})]}),(0,I.jsx)(`div`,{className:`space-y-2`,children:[{icon:c,label:`Can edit pages and components`},{icon:c,label:`Can manage their own API keys`},{icon:c,label:`Cannot manage billing or members`}].map(e=>(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(e.icon,{className:`size-3.5 shrink-0 text-success`,"aria-hidden":`true`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:e.label})]},e.label))})]})})]})}function J(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,I.jsx)(l,{variant:`primary`,icon:m,onClick:()=>t(!0),children:`Add payment method`})}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`Add a payment method`,description:`We'll authorize a 0.00 USD transaction to verify the card.`,formId:`payment-form`,size:`md`,children:(0,I.jsxs)(`form`,{id:`payment-form`,onSubmit:e=>{e.preventDefault(),t(!1)},className:`space-y-3`,children:[(0,I.jsx)(N,{label:`Card number`,children:(0,I.jsx)(M,{type:`text`,placeholder:`4242 4242 4242 4242`,className:`font-mono tabular-nums`})}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,I.jsx)(N,{label:`Expiry`,children:(0,I.jsx)(M,{type:`text`,placeholder:`MM / YY`,className:`font-mono tabular-nums`})}),(0,I.jsx)(N,{label:`CVC`,children:(0,I.jsx)(M,{type:`text`,placeholder:`123`,className:`font-mono tabular-nums`})})]})]})})]})}function Y(){let[e,t]=(0,F.useState)(!1),[n,r]=(0,F.useState)(!1),[i,s]=(0,F.useState)(!1),[c,u]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>t(!0),children:`Right · booking detail`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>r(!0),children:`Left · navigation`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>s(!0),children:`Bottom · sheet`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>u(!0),children:`Right · no footer`})]}),(0,I.jsx)(z,{open:e,onOpenChange:t,direction:`right`,title:`Booking #BKG-2026-0412`,description:`Inspect, edit, or cancel a booking from the side drawer — keeps the table visible behind.`,onConfirm:()=>t(!1),children:(0,I.jsxs)(`div`,{className:`space-y-4`,children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border bg-muted/30 p-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Status`}),(0,I.jsx)(a,{variant:`success`,children:`Paid`})]}),(0,I.jsx)(o,{tag:`div`,size:`lg`,weight:`bold`,className:`mt-1 tabular-nums`,children:`180.00 USD`})]}),(0,I.jsx)(`div`,{className:`space-y-2`,children:[[`Customer`,`Sarah Smitha`],[`Experience`,`Spa Day Voucher`],[`Date`,`Apr 18, 2026 · 14:00`],[`Guests`,`2`]].map(([e,t])=>(0,I.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border/50 py-1.5 last:border-0`,children:[(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:e}),(0,I.jsx)(o,{weight:`medium`,children:t})]},e))})]})}),(0,I.jsx)(z,{open:n,onOpenChange:r,direction:`left`,title:`Workspace`,description:`Quick-jump to common pages.`,showCancel:!1,showConfirm:!1,children:(0,I.jsx)(`nav`,{className:`space-y-1`,children:[{icon:h,label:`Bookings`},{icon:x,label:`Customers`},{icon:m,label:`Invoices`},{icon:v,label:`Settings`}].map(e=>(0,I.jsxs)(A,{render:(0,I.jsx)(`button`,{type:`button`}),className:`hover:bg-muted/50`,children:[(0,I.jsx)(O,{variant:`icon`,className:`text-muted-foreground`,children:(0,I.jsx)(e.icon,{})}),(0,I.jsx)(k,{children:(0,I.jsx)(j,{bold:!1,children:e.label})})]},e.label))})}),(0,I.jsx)(z,{open:i,onOpenChange:s,direction:`bottom`,title:`Quick actions`,onConfirm:()=>s(!1),children:(0,I.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-4`,children:[{icon:_,label:`Send invoice`},{icon:x,label:`Add customer`},{icon:m,label:`Record payment`},{icon:h,label:`New booking`}].map(e=>(0,I.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:`h-auto flex-col gap-2 rounded-lg border border-border bg-card px-3 py-4 transition-colors hover:bg-muted/40`,children:[(0,I.jsx)(`span`,{className:`inline-flex size-9 items-center justify-center rounded-lg bg-primary/10 text-primary`,children:(0,I.jsx)(e.icon,{className:`size-4`})}),(0,I.jsx)(o,{size:`xs`,weight:`medium`,align:`center`,children:e.label})]},e.label))})}),(0,I.jsx)(z,{open:c,onOpenChange:u,direction:`right`,title:`Help & shortcuts`,description:`No footer — useful for read-only side panels.`,showCancel:!1,showConfirm:!1,children:(0,I.jsxs)(o,{type:`secondary`,children:[`Hide the footer entirely with `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`showCancel={false}`}),` + `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`showConfirm={false}`}),` for read-only side panels (help, settings, audit logs).`]})})]})}function X(){let[e,t]=(0,F.useState)(!1),[n,r]=(0,F.useState)(!1),[i,a]=(0,F.useState)(!1),[o,s]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,I.jsx)(l,{variant:`primary`,icon:_,onClick:()=>t(!0),children:`Send invoice`}),(0,I.jsx)(l,{variant:`error`,icon:te,onClick:()=>r(!0),children:`Delete`}),(0,I.jsx)(l,{variant:`warning`,buttonStyle:`outline`,icon:d,onClick:()=>a(!0),children:`Discard unsaved`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,icon:y,onClick:()=>s(!0),children:`Sign out`})]}),(0,I.jsx)(H,{open:e,onOpenChange:t,title:`Send invoice now?`,description:`The customer will be emailed the PDF and a Stripe payment link. You can cancel any time before they pay.`,tone:`info`,onConfirm:()=>t(!1)}),(0,I.jsx)(H,{open:n,onOpenChange:r,title:`Delete this booking?`,description:`The booking, its payment, and all associated notes will be removed. This cannot be undone.`,destructive:!0,onConfirm:()=>r(!1)}),(0,I.jsx)(H,{open:i,onOpenChange:a,title:`Discard unsaved changes?`,description:`You have edits that haven't been saved yet. Leave the page and lose them?`,tone:`warning`,onConfirm:()=>a(!1)}),(0,I.jsx)(H,{open:o,onOpenChange:s,title:`Sign out of this device?`,description:`You'll need to sign in again next time you visit.`,onConfirm:()=>s(!1)})]})}function Z(){return(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(`div`,{className:`space-y-2 text-sm text-muted-foreground`,children:[(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(p,{className:`size-4 shrink-0 mt-0.5 text-info`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`Dialog`}),` for changes that affect content — settings, confirmations, edit forms.`]})]}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(p,{className:`size-4 shrink-0 mt-0.5 text-info`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`Drawer`}),` for content that lives next to the current view — record details, filters, navigation.`]})]}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(p,{className:`size-4 shrink-0 mt-0.5 text-info`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`AlertDialog`}),` for binary decisions that block other actions until resolved — destructive ops, sign-out, unsaved changes.`]})]}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(b,{className:`size-4 shrink-0 mt-0.5 text-primary`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`Async confirms`}),` — pass `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onAsyncConfirm`}),` instead of `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onConfirm`}),` to show a loading state while the action runs and auto-close on success.`]})]})]})})}var Q=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{h as r,n as i,o as a,p as o,t as s}from"./section-BPNIPavy.js";import{t as c}from"./badge-check-DocF8Ho3.js";import{r as l,t as u}from"./example-CJMJcnb4.js";import{t as d}from"./circle-alert-C6MbOB0m.js";import{t as f}from"./circle-check-big-CBaodck_.js";import{t as ee}from"./circle-check-C0X85t4j.js";import{t as p}from"./circle-question-mark-CKlcead7.js";import{t as m}from"./credit-card-B0AUZiWw.js";import{t as h}from"./file-text-BTTFP8Jo.js";import{t as g}from"./info-B5fZn_ZC.js";import{t as _}from"./send-DNCcBKXs.js";import{t as v}from"./settings-Cy2y3sQw.js";import{t as y}from"./shield-alert-6XO5YZ5u.js";import{t as b}from"./sparkles-Z4V23xKK.js";import{t as te}from"./trash-2-CtRtVsCy.js";import{t as x}from"./user-plus-BCqHFh2h.js";import{t as ne}from"./x-DyuS4YRT.js";import{N as re,P as S,d as C,n as w}from"./index-jD-KSiHu.js";import{t as T}from"./props-table-DoDq8Mvr.js";import{r as E,t as D}from"./avatar-BlLAVC87.js";import{c as O,r as k,t as A,u as j}from"./item-ffIfXEGd.js";import{t as M}from"./input-CkNgwwCs.js";import{n as N}from"./form-field-Dhy0eM5B.js";import{i as ie,n as ae,r as oe,t as P}from"./dialog-C0ALRmbP.js";var F=t(n(),1),se=t(S(),1),I=C(),L={xs:`max-w-xs`,sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,"2xl":`max-w-2xl`,"3xl":`max-w-3xl`,"4xl":`max-w-4xl`,"5xl":`max-w-5xl`,full:`max-w-[calc(100vw-2rem)]`},ce={right:{position:`fixed top-0 right-0 bottom-0`,size:`h-full`,animation:`animate-in slide-in-from-right duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-right [&.closing]:duration-200`,rounded:`rounded-l-xl`},left:{position:`fixed top-0 left-0 bottom-0`,size:`h-full`,animation:`animate-in slide-in-from-left duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-left [&.closing]:duration-200`,rounded:`rounded-r-xl`},top:{position:`fixed top-0 left-0 right-0`,size:`w-full`,animation:`animate-in slide-in-from-top duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-top [&.closing]:duration-200`,rounded:`rounded-b-xl`},bottom:{position:`fixed bottom-0 left-0 right-0`,size:`w-full`,animation:`animate-in slide-in-from-bottom duration-300 [&.closing]:animate-out [&.closing]:slide-out-to-bottom [&.closing]:duration-200`,rounded:`rounded-t-xl`}},le={default:(0,I.jsx)(p,{className:`text-muted-foreground h-5 w-5`}),error:(0,I.jsx)(d,{className:`text-destructive h-5 w-5`}),warning:(0,I.jsx)(r,{className:`text-warning h-5 w-5`}),info:(0,I.jsx)(g,{className:`text-info h-5 w-5`}),success:(0,I.jsx)(f,{className:`text-success h-5 w-5`})};function R({open:e,onOpenChange:t,onClose:n,children:r,title:i,description:a,visuallyHideHeader:s=!1,className:c,contentClassName:u,initialFocusRef:d,closeOnEscape:f=!0,closeOnBackdropClick:ee=!0,strings:p,showCancel:m=!0,showConfirm:h=!0,onCancel:g,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y=!0,confirmVariant:b=`primary`,confirmStyle:te=`solid`,isLoading:x=!1,formId:re,footer:S,emphasis:C=!1,tone:T=`default`,showIcon:E=!1,alertMessage:D,direction:O=`right`,width:k=`lg`,showFooter:A=!0,trigger:j}){let M=(0,F.useId)(),N=(0,F.useId)(),oe=i?M:void 0,P=a?N:void 0,{isOpen:R,isClosing:z,openDialog:B,closeDialog:V,dialogProps:H,handleBackdropClick:U}=ie({open:e,onOpenChange:t,onClose:n,closeOnEscape:f,closeOnBackdropClick:ee,initialFocusRef:d}),{strings:W,finalConfirmVariant:G,confirmButtonOnClick:K,effectiveLoading:q,handleCancel:J}=ae({closeDialog:V,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y,confirmVariant:b,isLoading:x,formId:re,onCancel:g,customStrings:p,emphasis:C,tone:T}),Y=ce[O],X=O===`left`||O===`right`,Z=!!(r||D),Q=A&&(m||h||S),ue=j&&(0,F.isValidElement)(j)?(0,F.cloneElement)(j,{onClick:e=>{let t=j.props.onClick;t?.(e),B()}}):j?(0,I.jsx)(`span`,{role:`button`,tabIndex:0,onClick:B,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),B())},className:`cursor-pointer`,children:j}):null;return!R&&!z&&!j?null:(0,I.jsxs)(I.Fragment,{children:[ue,!!(R||z)&&(0,se.createPortal)((0,I.jsxs)(`div`,{className:`fixed inset-0 z-50`,children:[(0,I.jsx)(`div`,{className:w(`absolute inset-0 bg-foreground/50 backdrop-blur-[1px]`,`transition-opacity duration-300`,z?`opacity-0`:`animate-in fade-in-0 duration-300`),onClick:U,"aria-hidden":`true`}),(0,I.jsxs)(`dialog`,{...H,className:w(`drawer--component inset-auto m-0 p-0`,Y.position,Y.size,`border shadow-xl`,`bg-background text-foreground`,Y.rounded,X&&`w-full`,X&&L[k],!X&&`max-h-[85vh]`,Y.animation,`outline-none focus-visible:outline-none`,`flex flex-col`,c),"aria-modal":`true`,role:`dialog`,"aria-labelledby":oe,"aria-describedby":P,children:[(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:V,className:w(`absolute right-4 top-4 z-10 size-7 rounded-md p-0`,`text-muted-foreground transition-colors`,`hover:bg-muted hover:text-foreground`,`disabled:pointer-events-none`),"aria-label":W.close,children:(0,I.jsx)(ne,{className:`h-4 w-4`})}),!!(i||a)&&(0,I.jsxs)(`div`,{className:w(`flex items-start gap-3 px-6 pb-4 pt-6`,s&&`sr-only`),children:[!!E&&(0,I.jsx)(`div`,{className:`shrink-0 pt-0.5`,children:le[T]}),(0,I.jsxs)(`div`,{className:`min-w-0 flex-1 pr-6`,children:[!!i&&(0,I.jsx)(o,{id:M,tag:`div`,size:`lg`,weight:`semibold`,children:i}),!!a&&(0,I.jsx)(o,{id:N,tag:`p`,type:`secondary`,className:`mt-1`,children:a})]})]}),!!Z&&(0,I.jsxs)(`div`,{className:w(`flex-1 overflow-auto px-6`,i||a?`pb-6`:`py-6`,u),children:[!!D&&(0,I.jsx)(`div`,{className:w(`mb-4 rounded-md border p-3`,T===`error`&&`border-destructive/30 bg-destructive/5`,T===`warning`&&`border-warning/40 bg-warning/10`,T===`info`&&`border-info/40 bg-info/10`,T===`success`&&`border-success/40 bg-success/10`,T==="default"&&`border-border bg-muted/40`),children:(0,I.jsx)(o,{tag:`p`,children:D})}),r]}),!!Q&&(0,I.jsx)(`div`,{className:`border-t px-6 py-4`,children:S??(0,I.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 sm:flex-row sm:justify-end`,children:[!!m&&(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:J,children:W.cancel}),!!h&&(0,I.jsx)(l,{type:`button`,variant:G,buttonStyle:te,onClick:K,loading:q,loadingLabels:{loading:W.loading},children:W.confirm})]})})]})]}),document.body)]})}var z=(0,F.memo)(R);z.displayName=`Drawer`;var B={default:{icon:(0,I.jsx)(p,{className:`h-6 w-6`}),iconColor:`text-muted-foreground`},error:{icon:(0,I.jsx)(d,{className:`h-6 w-6`}),iconColor:`text-destructive`},warning:{icon:(0,I.jsx)(r,{className:`h-6 w-6`}),iconColor:`text-warning`},info:{icon:(0,I.jsx)(g,{className:`h-6 w-6`}),iconColor:`text-info`},success:{icon:(0,I.jsx)(f,{className:`h-6 w-6`}),iconColor:`text-success`}};function V({open:e,onOpenChange:t,onClose:n,children:r,title:i,description:a,visuallyHideHeader:s=!1,className:c,contentClassName:u,initialFocusRef:d,closeOnEscape:f=!0,closeOnBackdropClick:ee=!1,strings:p,showCancel:m=!0,showConfirm:h=!0,onCancel:g,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y=!0,confirmVariant:b,confirmStyle:te=`solid`,isLoading:x=!1,formId:ne,footer:S,tone:C=`default`,showIcon:T=!0,alertMessage:E,trigger:D,destructive:O=!1}){let k=(0,F.useId)(),A=(0,F.useId)(),j=i?k:void 0,M=a?A:void 0,{isOpen:N,isClosing:P,openDialog:L,closeDialog:ce,dialogProps:le,handleBackdropClick:R}=ie({open:e,onOpenChange:t,onClose:n,closeOnEscape:f,closeOnBackdropClick:ee,initialFocusRef:d}),z=re(oe,p),V=(0,F.useMemo)(()=>O?`error`:b||{default:`primary`,error:`error`,warning:`warning`,info:`primary`,success:`success`}[C],[O,b,C]),{strings:H,confirmButtonOnClick:U,effectiveLoading:W,handleCancel:G}=ae({closeDialog:ce,onConfirm:_,onAsyncConfirm:v,closeOnAsyncComplete:y,confirmVariant:V,isLoading:x,formId:ne,onCancel:g,customStrings:z}),K=B[C],q=D&&(0,F.isValidElement)(D)?(0,F.cloneElement)(D,{onClick:e=>{let t=D.props.onClick;t?.(e),L()}}):D?(0,I.jsx)(`span`,{role:`button`,tabIndex:0,onClick:L,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),L())},className:`cursor-pointer`,children:D}):null;return!N&&!P&&!D?null:(0,I.jsxs)(I.Fragment,{children:[q,!!(N||P)&&(0,se.createPortal)((0,I.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4`,children:[(0,I.jsx)(`div`,{className:w(`absolute inset-0 bg-foreground/50 backdrop-blur-[1px]`,`transition-opacity duration-200`,P?`opacity-0`:`animate-in fade-in-0 duration-200`),onClick:R,"aria-hidden":`true`}),(0,I.jsxs)(`dialog`,{...le,className:w(`alert-dialog--component relative z-10 m-0 w-full max-w-md p-0`,`max-h-[90vh] flex flex-col`,`rounded-lg border shadow-lg`,`bg-background text-foreground`,`animate-in fade-in-0 zoom-in-95 duration-200`,`[&.closing]:animate-out [&.closing]:fade-out-0 [&.closing]:zoom-out-95 [&.closing]:duration-150`,`outline-none focus-visible:outline-none`,c),role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":j,"aria-describedby":M,children:[(0,I.jsxs)(`div`,{className:`flex-1 overflow-auto p-6`,children:[!!T&&!s&&(0,I.jsx)(`div`,{className:w(`mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full`,C===`error`&&`bg-destructive/10`,C===`warning`&&`bg-warning/15`,C===`info`&&`bg-info/15`,C===`success`&&`bg-success/15`,C==="default"&&`bg-muted`),children:(0,I.jsx)(`span`,{className:K.iconColor,children:K.icon})}),!!(i||a)&&(0,I.jsxs)(`div`,{className:w(s&&`sr-only`),children:[!!i&&(0,I.jsx)(o,{id:k,tag:`div`,size:`lg`,weight:`semibold`,align:`center`,children:i}),!!a&&(0,I.jsx)(o,{id:A,tag:`p`,type:`secondary`,align:`center`,className:`mt-2`,children:a})]}),!!E&&(0,I.jsx)(`div`,{className:w(`mt-4 rounded-md border p-3 text-left`,C===`error`&&`border-destructive/30 bg-destructive/5`,C===`warning`&&`border-warning/40 bg-warning/10`,C===`info`&&`border-info/40 bg-info/10`,C===`success`&&`border-success/40 bg-success/10`,C==="default"&&`border-border bg-muted/40`),children:(0,I.jsx)(o,{tag:`p`,children:E})}),!!r&&(0,I.jsx)(`div`,{className:w(`mt-4`,u),children:r})]}),!!(m||h||S)&&(0,I.jsx)(`div`,{className:`border-t px-6 py-4`,children:S??(0,I.jsxs)(`div`,{className:`flex flex-col-reverse gap-3 sm:flex-row sm:justify-end`,children:[!!m&&(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:G,className:`w-full sm:w-auto`,children:H.cancel}),!!h&&(0,I.jsx)(l,{type:`button`,variant:V,buttonStyle:te,onClick:U,loading:W,loadingLabels:{loading:H.loading},className:`w-full sm:w-auto`,children:H.confirm})]})})]})]}),document.body)]})}var H=(0,F.memo)(V);H.displayName=`AlertDialog`;var U=e({APISurface:()=>W,AlertDialogConfirmationPatterns:()=>X,BestPractices:()=>Z,DialogDefault:()=>G,DialogEmphasisTones:()=>K,DialogFormPattern:()=>J,DialogRichContent:()=>q,Drawer4Directions:()=>Y});function W(){return(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(o,{type:`secondary`,children:[`All overlays accept the same core props: `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`{ open, onOpenChange, onClose, title, description, onConfirm, onCancel, onAsyncConfirm, tone, emphasis, alertMessage, footer, isLoading }`}),`. Backed by the native `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<dialog>`}),` element for proper focus trapping, ESC handling, and accessibility — no extra portal libraries.`]})})}function G(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,I.jsx)(l,{variant:`primary`,icon:v,onClick:()=>t(!0),children:`Open dialog`})}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`Save workspace settings?`,description:`Changes will apply immediately for everyone on the team. You can edit them again later from Settings → Workspace.`,onConfirm:()=>t(!1)})]})}function K(){let[e,t]=(0,F.useState)(!1),[n,r]=(0,F.useState)(!1),[i,a]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,I.jsx)(l,{variant:`primary`,icon:g,onClick:()=>t(!0),children:`Info`}),(0,I.jsx)(l,{variant:`warning`,icon:d,onClick:()=>r(!0),children:`Warning`}),(0,I.jsx)(l,{variant:`success`,icon:ee,onClick:()=>a(!0),children:`Success`})]}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`New beta feature available`,description:`The redesigned analytics dashboard is live for early-access workspaces. Try it out and let us know what works.`,tone:`info`,emphasis:!0,confirmVariant:`primary`,onConfirm:()=>t(!1)}),(0,I.jsx)(P,{open:n,onOpenChange:r,title:`Reset workspace?`,description:`This resets all custom views and starred items for your team. Members will see the default layout next sign-in.`,tone:`warning`,emphasis:!0,confirmVariant:`warning`,alertMessage:`Reset is irreversible — exports of custom views are not generated automatically.`,onConfirm:()=>r(!1)}),(0,I.jsx)(P,{open:i,onOpenChange:a,title:`Subscription activated`,description:`Your team is on the Pro Annual plan until May 12, 2027. The first invoice has been emailed to your billing contact.`,tone:`success`,emphasis:!0,confirmVariant:`success`,onConfirm:()=>a(!1)})]})}function q(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,I.jsx)(l,{variant:`primary`,icon:x,onClick:()=>t(!0),children:`Invite teammate`})}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`Invite to workspace`,description:`They'll get an email with a link to join your workspace as an Editor.`,size:`md`,onConfirm:()=>t(!1),children:(0,I.jsxs)(`div`,{className:`space-y-3`,children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border bg-muted/30 p-3`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Invitation preview`}),(0,I.jsxs)(`div`,{className:`mt-2 flex items-center gap-3`,children:[(0,I.jsx)(D,{className:`size-avatar`,children:(0,I.jsx)(E,{className:`bg-primary/10 text-primary text-xs font-semibold`,children:`YO`})}),(0,I.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,I.jsx)(o,{weight:`semibold`,children:`You invited stefan@example.com`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:`Editor · Read & write access`})]})]})]}),(0,I.jsx)(`div`,{className:`space-y-2`,children:[{icon:c,label:`Can edit pages and components`},{icon:c,label:`Can manage their own API keys`},{icon:c,label:`Cannot manage billing or members`}].map(e=>(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(e.icon,{className:`size-3.5 shrink-0 text-success`,"aria-hidden":`true`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:e.label})]},e.label))})]})})]})}function J(){let[e,t]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,I.jsx)(l,{variant:`primary`,icon:m,onClick:()=>t(!0),children:`Add payment method`})}),(0,I.jsx)(P,{open:e,onOpenChange:t,title:`Add a payment method`,description:`We'll authorize a 0.00 USD transaction to verify the card.`,formId:`payment-form`,size:`md`,children:(0,I.jsxs)(`form`,{id:`payment-form`,onSubmit:e=>{e.preventDefault(),t(!1)},className:`space-y-3`,children:[(0,I.jsx)(N,{label:`Card number`,children:(0,I.jsx)(M,{type:`text`,placeholder:`4242 4242 4242 4242`,className:`font-mono tabular-nums`})}),(0,I.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,I.jsx)(N,{label:`Expiry`,children:(0,I.jsx)(M,{type:`text`,placeholder:`MM / YY`,className:`font-mono tabular-nums`})}),(0,I.jsx)(N,{label:`CVC`,children:(0,I.jsx)(M,{type:`text`,placeholder:`123`,className:`font-mono tabular-nums`})})]})]})})]})}function Y(){let[e,t]=(0,F.useState)(!1),[n,r]=(0,F.useState)(!1),[i,s]=(0,F.useState)(!1),[c,u]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>t(!0),children:`Right · booking detail`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>r(!0),children:`Left · navigation`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>s(!0),children:`Bottom · sheet`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:()=>u(!0),children:`Right · no footer`})]}),(0,I.jsx)(z,{open:e,onOpenChange:t,direction:`right`,title:`Booking #BKG-2026-0412`,description:`Inspect, edit, or cancel a booking from the side drawer — keeps the table visible behind.`,onConfirm:()=>t(!1),children:(0,I.jsxs)(`div`,{className:`space-y-4`,children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border bg-muted/30 p-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Status`}),(0,I.jsx)(a,{variant:`success`,children:`Paid`})]}),(0,I.jsx)(o,{tag:`div`,size:`lg`,weight:`bold`,className:`mt-1 tabular-nums`,children:`180.00 USD`})]}),(0,I.jsx)(`div`,{className:`space-y-2`,children:[[`Customer`,`Sarah Smitha`],[`Experience`,`Spa Day Voucher`],[`Date`,`Apr 18, 2026 · 14:00`],[`Guests`,`2`]].map(([e,t])=>(0,I.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border/50 py-1.5 last:border-0`,children:[(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:e}),(0,I.jsx)(o,{weight:`medium`,children:t})]},e))})]})}),(0,I.jsx)(z,{open:n,onOpenChange:r,direction:`left`,title:`Workspace`,description:`Quick-jump to common pages.`,showCancel:!1,showConfirm:!1,children:(0,I.jsx)(`nav`,{className:`space-y-1`,children:[{icon:h,label:`Bookings`},{icon:x,label:`Customers`},{icon:m,label:`Invoices`},{icon:v,label:`Settings`}].map(e=>(0,I.jsxs)(A,{render:(0,I.jsx)(`button`,{type:`button`}),className:`hover:bg-muted/50`,children:[(0,I.jsx)(O,{variant:`icon`,className:`text-muted-foreground`,children:(0,I.jsx)(e.icon,{})}),(0,I.jsx)(k,{children:(0,I.jsx)(j,{bold:!1,children:e.label})})]},e.label))})}),(0,I.jsx)(z,{open:i,onOpenChange:s,direction:`bottom`,title:`Quick actions`,onConfirm:()=>s(!1),children:(0,I.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-4`,children:[{icon:_,label:`Send invoice`},{icon:x,label:`Add customer`},{icon:m,label:`Record payment`},{icon:h,label:`New booking`}].map(e=>(0,I.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:`h-auto flex-col gap-2 rounded-lg border border-border bg-card px-3 py-4 transition-colors hover:bg-muted/40`,children:[(0,I.jsx)(`span`,{className:`inline-flex size-9 items-center justify-center rounded-lg bg-primary/10 text-primary`,children:(0,I.jsx)(e.icon,{className:`size-4`})}),(0,I.jsx)(o,{size:`xs`,weight:`medium`,align:`center`,children:e.label})]},e.label))})}),(0,I.jsx)(z,{open:c,onOpenChange:u,direction:`right`,title:`Help & shortcuts`,description:`No footer — useful for read-only side panels.`,showCancel:!1,showConfirm:!1,children:(0,I.jsxs)(o,{type:`secondary`,children:[`Hide the footer entirely with `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`showCancel={false}`}),` + `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`showConfirm={false}`}),` for read-only side panels (help, settings, audit logs).`]})})]})}function X(){let[e,t]=(0,F.useState)(!1),[n,r]=(0,F.useState)(!1),[i,a]=(0,F.useState)(!1),[o,s]=(0,F.useState)(!1);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,I.jsx)(l,{variant:`primary`,icon:_,onClick:()=>t(!0),children:`Send invoice`}),(0,I.jsx)(l,{variant:`error`,icon:te,onClick:()=>r(!0),children:`Delete`}),(0,I.jsx)(l,{variant:`warning`,buttonStyle:`outline`,icon:d,onClick:()=>a(!0),children:`Discard unsaved`}),(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,icon:y,onClick:()=>s(!0),children:`Sign out`})]}),(0,I.jsx)(H,{open:e,onOpenChange:t,title:`Send invoice now?`,description:`The customer will be emailed the PDF and a Stripe payment link. You can cancel any time before they pay.`,tone:`info`,onConfirm:()=>t(!1)}),(0,I.jsx)(H,{open:n,onOpenChange:r,title:`Delete this booking?`,description:`The booking, its payment, and all associated notes will be removed. This cannot be undone.`,destructive:!0,onConfirm:()=>r(!1)}),(0,I.jsx)(H,{open:i,onOpenChange:a,title:`Discard unsaved changes?`,description:`You have edits that haven't been saved yet. Leave the page and lose them?`,tone:`warning`,onConfirm:()=>a(!1)}),(0,I.jsx)(H,{open:o,onOpenChange:s,title:`Sign out of this device?`,description:`You'll need to sign in again next time you visit.`,onConfirm:()=>s(!1)})]})}function Z(){return(0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(`div`,{className:`space-y-2 text-sm text-muted-foreground`,children:[(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(p,{className:`size-4 shrink-0 mt-0.5 text-info`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`Dialog`}),` for changes that affect content — settings, confirmations, edit forms.`]})]}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(p,{className:`size-4 shrink-0 mt-0.5 text-info`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`Drawer`}),` for content that lives next to the current view — record details, filters, navigation.`]})]}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(p,{className:`size-4 shrink-0 mt-0.5 text-info`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`AlertDialog`}),` for binary decisions that block other actions until resolved — destructive ops, sign-out, unsaved changes.`]})]}),(0,I.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,I.jsx)(b,{className:`size-4 shrink-0 mt-0.5 text-primary`,"aria-hidden":`true`}),(0,I.jsxs)(o,{children:[(0,I.jsx)(`strong`,{className:`text-foreground font-semibold`,children:`Async confirms`}),` — pass `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onAsyncConfirm`}),` instead of `,(0,I.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onConfirm`}),` to show a loading state while the action runs and auto-close on success.`]})]})]})})}var Q=`import { useState } from 'react';
 import {
 	AlertCircle,
 	BadgeCheck,

package/dist/showcase/assets/{overlays-BKKEzmF4.js → overlays-t0joc10Y.js}

@@ -1,4 +1,4 @@
-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-Dd6X6IKg.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-Rrx9vj75.js";import{d as he,n as z}from"./index-o71HAmc3.js";import{i as B,r as ge,t as _e}from"./popover-C8YAdHfL.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-CiVZgbZe.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-BEKecyE3.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-q3PLGr1_.js";import{n as ze}from"./PreviewLayout-CBTybzKu.js";import{a as Be,i as Ve,n as He,o as Ue,r as We,t as Ge}from"./sheet-CzFOcAwE.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(
+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-BPNIPavy.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-CJMJcnb4.js";import{d as he,n as z}from"./index-jD-KSiHu.js";import{i as B,r as ge,t as _e}from"./popover-Czmwspmc.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-DHUp8vXe.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-CbXon08k.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-CTSkWj_M.js";import{n as ze}from"./PreviewLayout-B_l930k0.js";import{a as Be,i as Ve,n as He,o as Ue,r as We,t as Ge}from"./sheet-C7VWkXE1.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)(Ge,{children:[(0,W.jsx)(Ue,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open sheet`})}),(0,W.jsxs)(He,{children:[(0,W.jsxs)(Ve,{children:[(0,W.jsx)(Be,{children:`Sheet title`}),(0,W.jsx)(We,{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)(ze,{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 {

package/dist/showcase/assets/{overview-Dq0MqK32.js → overview-Ckq8vbOR.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-Dd6X6IKg.js";import{t as a}from"./example-Rrx9vj75.js";import{t as o}from"./layers-CBPYgoAb.js";import{t as s}from"./route-5uO9C0gV.js";import{t as c}from"./shield-check-Bnw8RAvI.js";import{a as l,d as u,l as d}from"./index-o71HAmc3.js";import{t as f}from"./icon-badge-GMIN-bca.js";import{t as p}from"./text-link-d9JIRU2N.js";import{t as m}from"./smart-card-BwSFemlj.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 {
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BPNIPavy.js";import{t as a}from"./example-CJMJcnb4.js";import{t as o}from"./layers-QXZ9Jfej.js";import{t as s}from"./route-eSu1bFNn.js";import{t as c}from"./shield-check-DSfGVZq0.js";import{a as l,d as u,l as d}from"./index-jD-KSiHu.js";import{t as f}from"./icon-badge-DrZ5qGpa.js";import{t as p}from"./text-link-ZT6QGJOL.js";import{t as m}from"./smart-card-p97LLZCW.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,

package/dist/showcase/assets/{package-BaQGBJmO.js → package-Cjod_a06.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.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};
+import{l as e}from"./index-jD-KSiHu.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-C8HJfDxS.js → package-check-JRHaNnkl.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.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};
+import{l as e}from"./index-jD-KSiHu.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-DvMaeo43.js → page-9xr7xnuW.js}

@@ -1 +1 @@
-import{d as e,n as t}from"./index-o71HAmc3.js";import{t as n}from"./content-container-BQZdQhX2.js";import{t as r}from"./page-header-Y-96EPMp.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};
+import{d as e,n as t}from"./index-jD-KSiHu.js";import{t as n}from"./content-container-BxSLICeL.js";import{t as r}from"./page-header-Bdlxfn_9.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-BRXnfsEx.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{$n as n}from"./example-CJMJcnb4.js";import{d as r,n as i}from"./index-jD-KSiHu.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-Y-96EPMp.js → page-header-Bdlxfn_9.js}

@@ -1 +1 @@
-import{f as e,o as t,p as n}from"./section-Dd6X6IKg.js";import{t as r}from"./arrow-left-BFq65-Ch.js";import{r as i}from"./example-Rrx9vj75.js";import{d as a,n as o}from"./index-o71HAmc3.js";import{t as s}from"./separator-y9i6EG-N.js";import{t as c}from"./use-layout-link-BI4MRSHG.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};
+import{f as e,o as t,p as n}from"./section-BPNIPavy.js";import{t as r}from"./arrow-left-C9I0h_su.js";import{r as i}from"./example-CJMJcnb4.js";import{d as a,n as o}from"./index-jD-KSiHu.js";import{t as s}from"./separator-CKM9A-mm.js";import{t as c}from"./use-layout-link-nEU6ctSs.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-yLAHxKpc.js → pagination-CeaYhOvv.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i}from"./index-o71HAmc3.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./pagination-Br1AfDte.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 {
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-BPNIPavy.js";import{t as r}from"./example-CJMJcnb4.js";import{d as i}from"./index-jD-KSiHu.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./pagination-DdZZHvNF.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,

package/dist/showcase/assets/{pagination-Br1AfDte.js → pagination-DdZZHvNF.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{er as t}from"./example-Rrx9vj75.js";import{t as n}from"./chevron-left-Dqne-r3m.js";import{t as r}from"./ellipsis-CP0hyAeS.js";import{c as i,d as a,n as o}from"./index-o71HAmc3.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};
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{er as t}from"./example-CJMJcnb4.js";import{t as n}from"./chevron-left-C5_X5glO.js";import{t as r}from"./ellipsis-BLyAd9A-.js";import{c as i,d as a,n as o}from"./index-jD-KSiHu.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-BBDKiZeH.js → paperclip-BRM-yXTB.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.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};
+import{l as e}from"./index-jD-KSiHu.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-iwrucadb.js → password-input-1FVEugoO.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{t as n}from"./eye-BKhfxIeD.js";import{N as r,d as i,l as a,n as o}from"./index-o71HAmc3.js";import{t as s}from"./input-CYTQ9nWN.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};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{t as n}from"./eye-Cl_GfUKH.js";import{N as r,d as i,l as a,n as o}from"./index-jD-KSiHu.js";import{t as s}from"./input-CkNgwwCs.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-BUhkJ_Nn.js → pencil-DiG2dQ8F.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.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};
+import{l as e}from"./index-jD-KSiHu.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-DtJDFH70.js → phone-BREyNZN-.js}

@@ -1 +1 @@
-import{l as e}from"./index-o71HAmc3.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};
+import{l as e}from"./index-jD-KSiHu.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-CQcelTNc.js

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

package/dist/showcase/assets/{popover-C8YAdHfL.js → popover-Czmwspmc.js}

@@ -1 +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-Rrx9vj75.js";import{P as se,d as ce,n as le}from"./index-o71HAmc3.js";import{a as ue,i as de,n as fe,o as pe}from"./useOpenInteractionType-CQSuD7yw.js";import{t as me}from"./inertValue-BRyHstYf.js";import{t as he}from"./ToolbarRootContext-BbugmthZ.js";import{o as ge}from"./composite-BjZbcKJw.js";import{t as _e}from"./useAnchoredPopupScrollLock-DRs8fnir.js";import{t as ve}from"./useTriggerFocusGuards-B6KAsVMk.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};
+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-CJMJcnb4.js";import{P as se,d as ce,n as le}from"./index-jD-KSiHu.js";import{a as ue,i as de,n as fe,o as pe}from"./useOpenInteractionType-CW0quo3l.js";import{t as me}from"./inertValue-Dg9TwvOb.js";import{t as he}from"./ToolbarRootContext-BE0hbejq.js";import{o as ge}from"./composite-BjZZlzzb.js";import{t as _e}from"./useAnchoredPopupScrollLock-B1xyKMh7.js";import{t as ve}from"./useTriggerFocusGuards-DEza_iee.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-C5M9Up4M.js → popover-menu-beuCaiLt.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{p as t}from"./section-Dd6X6IKg.js";import{Er as n}from"./example-Rrx9vj75.js";import{N as r,d as i,n as a}from"./index-o71HAmc3.js";import{i as o,t as s}from"./popover-C8YAdHfL.js";import{t as c}from"./popover-D9ZDWqLl.js";import{i as l}from"./command-BSmiujfZ.js";import{a as u,i as d,n as f,r as p,t as m}from"./command-Cw81GF7c.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};
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{p as t}from"./section-BPNIPavy.js";import{Er as n}from"./example-CJMJcnb4.js";import{N as r,d as i,n as a}from"./index-jD-KSiHu.js";import{i as o,t as s}from"./popover-Czmwspmc.js";import{t as c}from"./popover-uqk7myG2.js";import{i as l}from"./command-9-r1qrJt.js";import{a as u,i as d,n as f,r as p,t as m}from"./command-DGne3l9s.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};

package/dist/showcase/assets/{popover-D9ZDWqLl.js → popover-uqk7myG2.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-o71HAmc3.js";import{r}from"./popover-C8YAdHfL.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};
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-jD-KSiHu.js";import{r}from"./popover-Czmwspmc.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};