admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/showcase/assets/navigation-CThYYxkL.js

@@ -0,0 +1,90 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-D-N8Ze16.js";import{r as s,t as c}from"./example-PsbgbESI.js";import{t as l}from"./heart-BwvHCA-d.js";import{t as u}from"./plus-BkhJjfUv.js";import{t as d}from"./sparkles-8yQFcmte.js";import{t as f}from"./star-t53uwwyp.js";import{t as p}from"./zap-a90eC6iO.js";import{N as m,d as h,n as g}from"./index-QESvAJrb.js";import{t as _}from"./props-table-CCcohuyT.js";import{t as v}from"./smart-card-C6-idFYI.js";import{c as y,i as b,l as x,o as S,r as C,t as w,u as T}from"./item-BMSdEK3V.js";var E=h(),D={neutral:`secondary`,primary:`primary`,info:`info`,success:`success`,warning:`warning`,destructive:`error`},O={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function k({columns:e,className:t}){return(0,E.jsx)(v,{title:`Pipeline Overview`,titleSuffix:(0,E.jsxs)(i,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:g(`kanban-board--component`,t),children:(0,E.jsx)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4`,children:e.map(e=>{let t=e.tone??`neutral`;return(0,E.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-muted/30 p-2`,children:[(0,E.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,E.jsx)(a,{size:`xs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,E.jsx)(i,{variant:D[t],children:e.items.length})]}),(0,E.jsx)(`div`,{className:`space-y-1.5`,children:e.items.map((n,r)=>(0,E.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm`,children:[(0,E.jsx)(`div`,{className:g(`h-1.5 w-1.5 flex-shrink-0 rounded-full`,O[n.tone??t])}),(0,E.jsx)(a,{size:`xs`,className:`truncate`,children:n.title})]},`${e.title}-${r}`))})]},e.title)})})})}k.displayName=`KanbanMicroBoard`;var A=t(n(),1);function j({title:e,tabs:t,defaultTab:n,className:r}){let i=Object.keys(t),[o,c]=(0,A.useState)(n??i[0]??``);return(0,E.jsxs)(v,{title:e,className:g(`tab-switcher--component`,`bg-gradient-to-b from-muted/30 to-card`,r),children:[(0,E.jsx)(`div`,{className:`mt-4 flex gap-1 rounded-full bg-muted/50 p-1`,children:i.map(e=>(0,E.jsx)(s,{variant:o===e?`light`:`secondary`,buttonStyle:o===e?`solid`:`ghost`,onClick:()=>c(e),className:g(`flex-1 rounded-full capitalize`,o===e?`shadow-sm`:``),children:e},e))}),(0,E.jsx)(`div`,{className:`mt-4 space-y-2`,children:t[o]?.map(e=>(0,E.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20`,children:[!!e.icon&&(0,E.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-full bg-primary/10`,children:(0,E.jsx)(e.icon,{className:`size-4 text-primary`})}),(0,E.jsx)(a,{className:`flex-1`,children:e.name}),(0,E.jsx)(a,{weight:`bold`,children:e.value})]},e.name))})]})}j.displayName=`TabSwitcherCard`;var M={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function N({hours:e,currentHour:t,className:n,strings:r}){let i=m(M,r),o=Math.max(...e,1),s=e.indexOf(Math.max(...e));function c(e){if(e===0)return`bg-muted`;let t=e/o;return t<.33?`bg-primary/25`:t<.66?`bg-primary/55`:`bg-primary`}return(0,E.jsxs)(`div`,{className:g(`time-ruler--component`,`space-y-1.5`,n),children:[(0,E.jsx)(`div`,{className:`relative flex h-8 gap-px overflow-hidden rounded-md`,children:e.map((e,t)=>(0,E.jsx)(`div`,{className:g(`relative flex-1 transition-colors duration-200`,c(e),t===s&&`ring-1 ring-primary ring-inset`),title:i.formatHourTitle(String(t).padStart(2,`0`),e)},t))}),(0,E.jsx)(`div`,{className:`relative flex`,children:e.map((e,t)=>(0,E.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,E.jsx)(a,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:String(t).padStart(2,`0`)})},t))}),t!==void 0&&t>=0&&t<24&&(0,E.jsx)(`div`,{className:`relative h-0`,children:(0,E.jsx)(`div`,{className:`absolute -top-[42px] flex flex-col items-center`,style:{left:`${t/24*100}%`,transform:`translateX(-50%)`},children:(0,E.jsx)(`div`,{className:`h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive`})})}),(0,E.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-muted`}),(0,E.jsx)(a,{size:`xxs`,type:`secondary`,children:i.legendNone})]}),(0,E.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/25`}),(0,E.jsx)(a,{size:`xxs`,type:`secondary`,children:i.legendLow})]}),(0,E.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/55`}),(0,E.jsx)(a,{size:`xxs`,type:`secondary`,children:i.legendMedium})]}),(0,E.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary`}),(0,E.jsx)(a,{size:`xxs`,type:`secondary`,children:i.legendHigh})]}),t!==void 0&&(0,E.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive`}),(0,E.jsx)(a,{size:`xxs`,type:`secondary`,children:i.legendNow})]})]})]})}N.displayName=`TimeDistributionRuler`;function P({rating:e,maxRating:t=5}){return(0,E.jsx)(`div`,{className:g(`vendor-performance--component`,`flex items-center gap-0.5`),children:Array.from({length:t},(t,n)=>(0,E.jsx)(`svg`,{className:g(`h-3.5 w-3.5`,n<e?`text-warning`:`text-muted`),viewBox:`0 0 24 24`,fill:`currentColor`,stroke:`none`,children:(0,E.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z`})},`star-${String(n)}`))})}function F(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function I({vendorName:e,rating:t,maxRating:n=5,metrics:r,performanceScore:i,lastActive:o,joinedDate:s,className:c}){return(0,E.jsx)(v,{title:e,className:c,footerText:(0,E.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,E.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`Last active: `,o]}),(0,E.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`Joined: `,s]})]}),children:(0,E.jsxs)(`div`,{className:`space-y-4`,children:[(0,E.jsx)(P,{rating:t,maxRating:n}),(0,E.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[{label:`Bookings`,value:String(r.bookings)},{label:`Revenue`,value:r.revenue},{label:`Avg Rating`,value:String(r.avgRating)},{label:`Response`,value:r.responseTime}].map(e=>(0,E.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 text-center`,children:[(0,E.jsx)(a,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,E.jsx)(a,{size:`xxs`,type:`secondary`,children:e.label})]},e.label))}),(0,E.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,E.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,E.jsx)(a,{children:`Performance`}),(0,E.jsxs)(a,{weight:`semibold`,className:`tabular-nums`,children:[i,`%`]})]}),(0,E.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-muted`,children:(0,E.jsx)(`div`,{className:g(`h-full rounded-full transition-all duration-500`,F(i)),style:{width:`${String(i)}%`}})})]})]})})}I.displayName=`VendorPerformanceCard`;var L={description:`Experiences completed this week`,addActionLabel:`Add activity`};function R({completed:e,total:t,activities:n,onAdd:r,strings:i,className:o}){let c=m(L,i);return(0,E.jsx)(v,{title:`${e} out of ${t}`,description:c.description,headerEnd:!!r&&(0,E.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":c.addActionLabel,onClick:r,children:(0,E.jsx)(u,{className:`size-4`})}),className:g(`experience-activity--component`,o),children:(0,E.jsx)(S,{children:n.map((e,t)=>(0,E.jsxs)(`div`,{children:[t>0&&(0,E.jsx)(x,{}),(0,E.jsxs)(w,{size:`small`,className:`items-start`,children:[(0,E.jsx)(y,{children:(0,E.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary`,children:(0,E.jsx)(e.icon,{className:`size-4`})})}),(0,E.jsxs)(C,{children:[(0,E.jsx)(T,{children:e.title}),(0,E.jsx)(b,{clamp:1,children:e.time}),(0,E.jsx)(`div`,{className:`mt-2 grid grid-cols-2 gap-1.5`,children:e.metrics.map(e=>(0,E.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5`,children:[(0,E.jsx)(a,{size:`xs`,type:`secondary`,children:e.label}),(0,E.jsx)(a,{size:`xs`,weight:`semibold`,children:e.value})]},e.label))})]})]})]},e.title))})})}R.displayName=`ExperienceActivityCard`;var z=e({ExperienceActivity:()=>W,KanbanMicroBoardExample:()=>B,TabSwitcherCardExample:()=>V,TimeDistributionRulerExample:()=>H,VendorPerformance:()=>U});function B(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(`div`,{className:`w-full max-w-4xl`,children:(0,E.jsx)(k,{columns:[{title:`Draft`,tone:`neutral`,items:[{title:`Spa Package v2`},{title:`Wine Tour`}]},{title:`Active`,tone:`info`,items:[{title:`Cooking Class`},{title:`Paragliding`}]},{title:`Review`,tone:`warning`,items:[{title:`Horse Riding`}]},{title:`Done`,tone:`success`,items:[{title:`Balloon Ride`},{title:`Photo Tour`}]}]})})})}function V(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(j,{title:`Gift Cards`,tabs:{recent:[{name:`Luxury Spa Voucher`,value:`150 USD`,icon:l},{name:`Adventure Day Pass`,value:`85 USD`,icon:p}],popular:[{name:`Wine Tasting for Two`,value:`95 USD`,icon:f},{name:`Hot Air Balloon`,value:`280 USD`,icon:d}]}})})}function H(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(v,{title:`Booking Density Today`,children:(0,E.jsx)(N,{hours:[0,0,0,0,0,0,1,3,8,12,15,10,14,11,16,18,12,8,5,3,2,1,0,0],currentHour:14})})})}function U(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(I,{vendorName:`Spa Retreat New York`,rating:5,metrics:{bookings:342,revenue:`89,200 USD`,avgRating:4.8,responseTime:`1.2 hrs`},performanceScore:94,lastActive:`2 hours ago`,joinedDate:`Jan 2023`})})}function W(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,E.jsx)(R,{completed:2,total:5,activities:[{icon:l,title:`Couples Spa Day`,time:`Mar 25, 14:00`,metrics:[{label:`Duration`,value:`3h`},{label:`Value`,value:`180 USD`},{label:`Bookings`,value:`12`},{label:`Score`,value:`9.4`}]},{icon:f,title:`Wine & Dine Tour`,time:`Mar 24, 18:30`,metrics:[{label:`Duration`,value:`4h`},{label:`Value`,value:`220 USD`}]}],onAdd:()=>{}})})})}var G=`import { Heart, Star, Sparkles, Zap } from 'lucide-react';
+import {
+	KanbanMicroBoard,
+	TabSwitcherCard,
+	TimeDistributionRuler,
+	VendorPerformanceCard,
+	ExperienceActivityCard,
+} from '@/components/composed/navigation';
+import { SmartCard } from '@/components/base/cards';
+
+export function KanbanMicroBoardExample() {
+	return (
+		<>
+			<div className="w-full max-w-4xl">
+				<KanbanMicroBoard
+								columns={[
+									{ title: 'Draft', tone: 'neutral', items: [{ title: 'Spa Package v2' }, { title: 'Wine Tour' }] },
+									{ title: 'Active', tone: 'info', items: [{ title: 'Cooking Class' }, { title: 'Paragliding' }] },
+									{ title: 'Review', tone: 'warning', items: [{ title: 'Horse Riding' }] },
+									{ title: 'Done', tone: 'success', items: [{ title: 'Balloon Ride' }, { title: 'Photo Tour' }] },
+								]}
+							/>
+			</div>
+		</>
+	);
+}
+
+export function TabSwitcherCardExample() {
+	return (
+		<>
+			<TabSwitcherCard
+								title="Gift Cards"
+								tabs={{
+									recent: [
+										{ name: 'Luxury Spa Voucher', value: '150 USD', icon: Heart },
+										{ name: 'Adventure Day Pass', value: '85 USD', icon: Zap },
+									],
+									popular: [
+										{ name: 'Wine Tasting for Two', value: '95 USD', icon: Star },
+										{ name: 'Hot Air Balloon', value: '280 USD', icon: Sparkles },
+									],
+								}}
+							/>
+		</>
+	);
+}
+
+export function TimeDistributionRulerExample() {
+	return (
+		<>
+			<SmartCard title="Booking Density Today">
+								<TimeDistributionRuler hours={[0, 0, 0, 0, 0, 0, 1, 3, 8, 12, 15, 10, 14, 11, 16, 18, 12, 8, 5, 3, 2, 1, 0, 0]} currentHour={14} />
+							</SmartCard>
+		</>
+	);
+}
+
+export function VendorPerformance() {
+	return (
+		<>
+			<VendorPerformanceCard
+								vendorName="Spa Retreat New York"
+								rating={5}
+								metrics={{ bookings: 342, revenue: '89,200 USD', avgRating: 4.8, responseTime: '1.2 hrs' }}
+								performanceScore={94}
+								lastActive="2 hours ago"
+								joinedDate="Jan 2023"
+							/>
+		</>
+	);
+}
+
+export function ExperienceActivity() {
+	return (
+		<>
+			<div className="w-full max-w-2xl">
+				<ExperienceActivityCard
+								completed={2}
+								total={5}
+								activities={[
+									{ icon: Heart, title: 'Couples Spa Day', time: 'Mar 25, 14:00', metrics: [{ label: 'Duration', value: '3h' }, { label: 'Value', value: '180 USD' }, { label: 'Bookings', value: '12' }, { label: 'Score', value: '9.4' }] },
+									{ icon: Star, title: 'Wine & Dine Tour', time: 'Mar 24, 18:30', metrics: [{ label: 'Duration', value: '4h' }, { label: 'Value', value: '220 USD' }] },
+								]}
+								onAdd={() => {}}
+							/>
+			</div>
+		</>
+	);
+}
+`;function K(e){let t={h4:`h4`,...e.components};return z||J(`Examples`,!1),W||J(`Examples.ExperienceActivity`,!0),B||J(`Examples.KanbanMicroBoardExample`,!0),V||J(`Examples.TabSwitcherCardExample`,!0),H||J(`Examples.TimeDistributionRulerExample`,!0),U||J(`Examples.VendorPerformance`,!0),(0,E.jsxs)(r,{title:`Composed · Navigation & boards`,description:`Kanban, tab switcher, time ruler, vendor performance, experience activity.`,layer:`composed`,status:`ready`,children:[(0,E.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,E.jsx)(c,{name:`KanbanMicroBoardExample`,source:G,children:(0,E.jsx)(B,{})}),(0,E.jsx)(c,{name:`TabSwitcherCardExample`,source:G,children:(0,E.jsx)(V,{})}),(0,E.jsx)(c,{name:`TimeDistributionRulerExample`,source:G,children:(0,E.jsx)(H,{})}),(0,E.jsx)(c,{name:`VendorPerformance`,source:G,children:(0,E.jsx)(U,{})}),(0,E.jsx)(c,{name:`ExperienceActivity`,source:G,children:(0,E.jsx)(W,{})})]}),(0,E.jsxs)(o,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`KanbanMicroBoard`}),(0,E.jsx)(_,{component:`KanbanMicroBoard`}),(0,E.jsx)(t.h4,{children:`TabSwitcherCard`}),(0,E.jsx)(_,{component:`TabSwitcherCard`}),(0,E.jsx)(t.h4,{children:`TimeDistributionRuler`}),(0,E.jsx)(_,{component:`TimeDistributionRuler`}),(0,E.jsx)(t.h4,{children:`VendorPerformanceCard`}),(0,E.jsx)(_,{component:`VendorPerformanceCard`}),(0,E.jsx)(t.h4,{children:`ExperienceActivityCard`}),(0,E.jsx)(_,{component:`ExperienceActivityCard`})]})]})}function q(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(K,{...e})}):K(e)}function J(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{q as default};

package/dist/showcase/assets/navigation-extras-CxLc-Mqx.js

@@ -0,0 +1,43 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-D-N8Ze16.js";import{Or as s,r as c,t as l}from"./example-PsbgbESI.js";import{t as u}from"./heart-BwvHCA-d.js";import{t as d}from"./inbox-WrbeTKEw.js";import{t as f}from"./shopping-bag-CoR8AMYU.js";import{t as p}from"./sparkles-8yQFcmte.js";import{t as m}from"./users-DAlxvktS.js";import{N as h,c as g,d as _,n as v}from"./index-QESvAJrb.js";import{t as y}from"./props-table-CCcohuyT.js";import{t as b}from"./smart-card-C6-idFYI.js";import{c as x,i as S,n as C,o as w,r as T,t as E,u as D}from"./item-BMSdEK3V.js";var O={stepLabel:`Step`,ofLabel:`of`},k=_();function A({steps:e,currentIndex:t,onStepClick:n,className:r,strings:i}){let o=h(O,i);return(0,k.jsxs)(`div`,{className:v(`breadcrumb-progress--component`,`w-full`,r),children:[(0,k.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,k.jsxs)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[o.stepLabel,` `,t+1,` `,o.ofLabel,` `,e.length]}),(0,k.jsxs)(a,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((t+1)/e.length*100),`%`]})]}),(0,k.jsx)(`ol`,{className:`flex items-center gap-2`,children:e.map((r,i)=>{let o=i<t,l=i===t,u=n&&(o||l);return(0,k.jsxs)(`li`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,k.jsxs)(c,{type:`button`,onClick:()=>u&&n?.(r.id,i),disabled:!u,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:v(`h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors`,u&&`hover:bg-muted/40`,!u&&`cursor-default`),children:[(0,k.jsx)(`span`,{className:v(`flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums`,o&&`bg-success text-success-foreground`,l&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!o&&!l&&`bg-muted text-muted-foreground`),children:o?(0,k.jsx)(s,{className:`size-3.5`}):i+1}),(0,k.jsxs)(`div`,{className:`hidden min-w-0 lg:block`,children:[(0,k.jsx)(a,{size:`xs`,weight:`semibold`,className:v(!l&&!o&&`text-muted-foreground`),children:r.label}),!!r.hint&&(0,k.jsx)(a,{size:`xxs`,type:`discrete`,className:`truncate`,children:r.hint})]})]}),i<e.length-1&&(0,k.jsx)(`div`,{className:v(`h-px flex-1`,o?`bg-success`:`bg-border`)})]},r.id)})})]})}A.displayName=`BreadcrumbProgress`;function j({title:e,items:t,activeId:n,onSelect:r,className:a}){return(0,k.jsx)(b,{title:e,padding:`default`,className:v(`category-nav--component`,a),children:(0,k.jsx)(w,{children:t.map(e=>{let t=e.icon,a=e.id===n;return(0,k.jsxs)(E,{size:`small`,onClick:()=>r?.(e.id),"data-state":a?`active`:`inactive`,className:v(`cursor-pointer transition-colors`,a?`bg-primary/10 text-primary`:`hover:bg-muted/50`),children:[!!t&&(0,k.jsx)(x,{variant:`icon`,className:v(a?`text-primary`:`text-muted-foreground`),children:(0,k.jsx)(t,{})}),(0,k.jsxs)(T,{children:[(0,k.jsx)(D,{bold:a,children:e.label}),!!e.hint&&(0,k.jsx)(S,{clamp:1,children:e.hint})]}),(0,k.jsxs)(C,{children:[typeof e.count==`number`&&(0,k.jsx)(i,{variant:a?`primary`:`secondary`,className:`tabular-nums`,children:e.count}),(0,k.jsx)(g,{className:v(`size-4 shrink-0 text-muted-foreground/60`,a&&`text-primary`)})]})]},e.id)})})})}j.displayName=`CategoryNavCard`;var M=e({BreadcrumbProgressExample:()=>P,CategoryNavCardExample:()=>F}),N=t(n(),1);function P(){let[e,t]=(0,N.useState)(2);return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(A,{steps:[{id:`cart`,label:`Cart`,hint:`Review items`},{id:`shipping`,label:`Shipping`,hint:`Address`},{id:`payment`,label:`Payment`,hint:`Card / wallet`},{id:`review`,label:`Review`,hint:`Confirm order`},{id:`done`,label:`Done`,hint:`Receipt`}],currentIndex:e,onStepClick:(e,n)=>t(n)})})}function F(){let[e,t]=(0,N.useState)(`orders`);return(0,k.jsx)(k.Fragment,{children:(0,k.jsx)(j,{title:`Inbox`,activeId:e,onSelect:t,items:[{id:`all`,label:`All`,icon:d,count:142},{id:`orders`,label:`Orders`,icon:f,count:24,hint:`Pending review`},{id:`reviews`,label:`Reviews`,icon:u,count:8},{id:`team`,label:`Team`,icon:m,count:3},{id:`ai`,label:`AI suggestions`,icon:p,hint:`Auto-generated`}]})})}var I=`import { useState } from 'react';
+import { Inbox, Heart, ShoppingBag, Sparkles, Users } from 'lucide-react';
+import { BreadcrumbProgress, CategoryNavCard } from '@/components/composed/navigation';
+
+export function BreadcrumbProgressExample() {
+	const [step, setStep] = useState(2);
+	return (
+		<>
+			<BreadcrumbProgress
+								steps={[
+									{ id: 'cart', label: 'Cart', hint: 'Review items' },
+									{ id: 'shipping', label: 'Shipping', hint: 'Address' },
+									{ id: 'payment', label: 'Payment', hint: 'Card / wallet' },
+									{ id: 'review', label: 'Review', hint: 'Confirm order' },
+									{ id: 'done', label: 'Done', hint: 'Receipt' },
+								]}
+								currentIndex={step}
+								onStepClick={(_, idx) => setStep(idx)}
+							/>
+		</>
+	);
+}
+
+export function CategoryNavCardExample() {
+	const [activeCategory, setActiveCategory] = useState('orders');
+	return (
+		<>
+			<CategoryNavCard
+								title="Inbox"
+								activeId={activeCategory}
+								onSelect={setActiveCategory}
+								items={[
+									{ id: 'all', label: 'All', icon: Inbox, count: 142 },
+									{ id: 'orders', label: 'Orders', icon: ShoppingBag, count: 24, hint: 'Pending review' },
+									{ id: 'reviews', label: 'Reviews', icon: Heart, count: 8 },
+									{ id: 'team', label: 'Team', icon: Users, count: 3 },
+									{ id: 'ai', label: 'AI suggestions', icon: Sparkles, hint: 'Auto-generated' },
+								]}
+							/>
+		</>
+	);
+}
+`;function L(e){let t={h4:`h4`,...e.components};return M||z(`Examples`,!1),P||z(`Examples.BreadcrumbProgressExample`,!0),F||z(`Examples.CategoryNavCardExample`,!0),(0,k.jsxs)(r,{title:`Composed · Navigation (extras)`,description:`BreadcrumbProgress wizard + CategoryNavCard sidebar.`,layer:`composed`,status:`ready`,children:[(0,k.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,k.jsx)(l,{name:`BreadcrumbProgressExample`,source:I,children:(0,k.jsx)(P,{})}),(0,k.jsx)(l,{name:`CategoryNavCardExample`,source:I,children:(0,k.jsx)(F,{})})]}),(0,k.jsxs)(o,{title:`API`,id:`api`,children:[(0,k.jsx)(t.h4,{children:`BreadcrumbProgress`}),(0,k.jsx)(y,{component:`BreadcrumbProgress`}),(0,k.jsx)(t.h4,{children:`CategoryNavCard`}),(0,k.jsx)(y,{component:`CategoryNavCard`})]})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,k.jsx)(t,{...e,children:(0,k.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};

package/dist/showcase/assets/onboarding-checklist-C15gqmFc.js

@@ -0,0 +1,119 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-D-N8Ze16.js";import{r as c,t as l}from"./example-PsbgbESI.js";import{t as u}from"./circle-check-BkFKejsY.js";import{N as d,d as f,l as p,n as m}from"./index-QESvAJrb.js";import{t as h}from"./props-table-CCcohuyT.js";import{a as g,c as _,i as v,n as y,o as b,r as x,s as S,t as C}from"./accordion-variants-BTMpfSPI.js";import{t as w}from"./smart-card-C6-idFYI.js";import{t as T}from"./input-yYoqWQQ7.js";import{t as E}from"./spinner-CO8LjtjY.js";import{t as D}from"./PreviewLayout-wYGhlcJt.js";var O=p(`qr-code`,[[`rect`,{width:`5`,height:`5`,x:`3`,y:`3`,rx:`1`,key:`1tu5fj`}],[`rect`,{width:`5`,height:`5`,x:`16`,y:`3`,rx:`1`,key:`1v8r4q`}],[`rect`,{width:`5`,height:`5`,x:`3`,y:`16`,rx:`1`,key:`1x03jg`}],[`path`,{d:`M21 16h-3a2 2 0 0 0-2 2v3`,key:`177gqh`}],[`path`,{d:`M21 21v.01`,key:`ents32`}],[`path`,{d:`M12 7v3a2 2 0 0 1-2 2H7`,key:`8crl2c`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M12 3h.01`,key:`n36tog`}],[`path`,{d:`M12 16v.01`,key:`133mhm`}],[`path`,{d:`M16 12h1`,key:`1slzba`}],[`path`,{d:`M21 12v.01`,key:`1lwtk9`}],[`path`,{d:`M12 21v-1`,key:`1880an`}]]),k={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`},A=f();function j({status:e,ariaLabel:t,className:n}){return e===`completed`?(0,A.jsx)(`span`,{role:`img`,"aria-label":t,className:m(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,n),children:(0,A.jsx)(u,{className:`size-4`})}):e===`in-progress`?(0,A.jsx)(`span`,{role:`img`,"aria-label":t,className:m(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,n),children:(0,A.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,A.jsx)(`span`,{role:`img`,"aria-label":t,className:m(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,n),children:(0,A.jsx)(E,{className:`size-4 opacity-60`})})}j.displayName=`StepStatusIndicator`;var M=t(n(),1),N={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function P(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function F(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var I=(0,M.forwardRef)(function({steps:e,defaultExpanded:t,multiple:n=!1,value:r,onValueChange:i,onStepOpen:a,variant:s=`bordered`,className:c,stepClassName:l,strings:u},f){let p=d(k,u),h=r!==void 0,w=(0,M.useMemo)(()=>t??F(e),[]),[T,E]=(0,M.useState)(w),D=(0,M.useRef)(!1),O=h?r:T,I=(0,M.useRef)(new Set(w));(0,M.useEffect)(()=>{if(h||D.current||t!==void 0||e.length===0||T.length>0)return;let n=F(e);n.length>0&&E(n)},[e,h,t,T.length]);let L=(0,M.useCallback)(e=>{let t=e??[];D.current=!0,h||E(t),i?.(t)},[h,i]);return(0,M.useEffect)(()=>{if(!a){I.current=new Set(O);return}let e=I.current;for(let t of O)e.has(t)||a(t);I.current=new Set(O)},[O,a]),(0,A.jsx)(g,{ref:f,multiple:n,value:O,onValueChange:L,"aria-label":p.regionAriaLabel,className:m(`checklist--component`,x[s],c),children:e.map(e=>(0,A.jsxs)(S,{value:e.id,className:m(y[s],l),children:[(0,A.jsx)(_,{disabled:e.disabled,className:m(v,`min-h-16 items-center`),children:(0,A.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,A.jsx)(j,{status:e.status,ariaLabel:P(e.status,p)}),(0,A.jsx)(o,{tag:`span`,weight:`semibold`,className:m(N[e.status]),children:e.title}),!!e.badge&&(0,A.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,A.jsx)(b,{className:C.withMedallion,children:(0,A.jsx)(o,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});I.displayName=`OnboardingChecklist`;var L=e({BorderedDefaultPointOfSaleOnboarding:()=>V,CardVariantWorkspaceSetupControlled:()=>H,FlatVariantMinimal:()=>U});function R(){return(0,A.jsxs)(`div`,{className:`flex flex-col gap-5 md:flex-row md:items-start md:justify-between`,children:[(0,A.jsxs)(`div`,{className:`flex-1 space-y-4`,children:[(0,A.jsx)(o,{size:`sm`,type:`secondary`,className:`leading-relaxed`,children:`Scan the QR code or send yourself the link to get the app. The mobile app is where you’ll manage orders, track inventory, and view analytics on the go.`}),(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(T,{placeholder:`you@example.com`,className:`flex-1`}),(0,A.jsx)(c,{variant:`secondary`,children:`Send link`})]})]}),(0,A.jsx)(`div`,{className:`flex shrink-0 items-center justify-center rounded-md border border-border bg-muted/30 p-3`,children:(0,A.jsx)(O,{className:`size-20 text-foreground`,strokeWidth:1.5})})]})}var z=[{id:`add-products`,status:`completed`,title:`Add products`,badge:(0,A.jsx)(a,{variant:`success`,children:`Ready`}),content:(0,A.jsx)(o,{size:`sm`,type:`secondary`,children:`Your products have been successfully added and are ready for sale.`})},{id:`pos-app`,status:`in-progress`,title:`Get the point-of-sale application`,content:(0,A.jsx)(R,{})},{id:`price-stock`,status:`pending`,title:`Product price & stock`,content:(0,A.jsx)(o,{size:`sm`,type:`secondary`,children:`Configure your product pricing and manage stock levels across all locations.`})}],B=[{id:`workspace`,status:`completed`,title:`Create your workspace`,content:(0,A.jsx)(o,{size:`sm`,type:`secondary`,children:`Workspace created.`})},{id:`invite`,status:`completed`,title:`Invite teammates`,content:(0,A.jsx)(o,{size:`sm`,type:`secondary`,children:`3 members joined.`})},{id:`integrations`,status:`in-progress`,title:`Connect integrations`,badge:(0,A.jsx)(a,{variant:`warning`,children:`Recommended`}),content:(0,A.jsx)(o,{size:`sm`,type:`secondary`,children:`Connect Slack, GitHub, and Linear.`})},{id:`billing`,status:`pending`,title:`Add payment method`,content:(0,A.jsx)(o,{size:`sm`,type:`secondary`,children:`Required before launch.`}),disabled:!1}];function V(){return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(D,{className:`max-w-2xl`,children:(0,A.jsx)(I,{steps:z})})})}function H(){let[e,t]=(0,M.useState)([`integrations`]);return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(D,{className:`max-w-2xl`,children:(0,A.jsx)(w,{padding:`default`,children:(0,A.jsxs)(D,{className:`gap-3`,children:[(0,A.jsx)(r,{tag:`h3`,className:`border-0 pb-0 text-base`,children:`Set up your workspace`}),(0,A.jsx)(I,{steps:B,variant:`card`,value:e,onValueChange:t})]})})})})}function U(){return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(D,{className:`max-w-2xl`,children:(0,A.jsx)(I,{steps:z,variant:`flat`,defaultExpanded:[]})})})}var W=`import { useState } from 'react';
+import { QrCode } from 'lucide-react';
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { Input } from '@/components/base/forms/fields';
+import {
+	OnboardingChecklist,
+	type OnboardingChecklistStep,
+} from '@/components/composed/onboarding';
+import { Heading, Text } from '@/components/typography';
+import { Col } from '../../PreviewLayout';
+
+function PosAppBody() {
+	return (
+		<div className="flex flex-col gap-5 md:flex-row md:items-start md:justify-between">
+			<div className="flex-1 space-y-4">
+				<Text size="sm" type="secondary" className="leading-relaxed">
+					Scan the QR code or send yourself the link to get the app. The
+					mobile app is where you&rsquo;ll manage orders, track inventory,
+					and view analytics on the go.
+				</Text>
+				<div className="flex items-center gap-2">
+					<Input placeholder="you@example.com" className="flex-1" />
+					<Button variant="secondary">Send link</Button>
+				</div>
+			</div>
+			<div className="flex shrink-0 items-center justify-center rounded-md border border-border bg-muted/30 p-3">
+				<QrCode className="size-20 text-foreground" strokeWidth={1.5} />
+			</div>
+		</div>
+	);
+}
+
+const onboardingSteps: OnboardingChecklistStep[] = [
+	{
+		id: 'add-products',
+		status: 'completed',
+		title: 'Add products',
+		badge: <Badge variant="success">Ready</Badge>,
+		content: (
+			<Text size="sm" type="secondary">
+				Your products have been successfully added and are ready for sale.
+			</Text>
+		),
+	},
+	{
+		id: 'pos-app',
+		status: 'in-progress',
+		title: 'Get the point-of-sale application',
+		content: <PosAppBody />,
+	},
+	{
+		id: 'price-stock',
+		status: 'pending',
+		title: 'Product price & stock',
+		content: (
+			<Text size="sm" type="secondary">
+				Configure your product pricing and manage stock levels across all
+				locations.
+			</Text>
+		),
+	},
+];
+
+const settingsSteps: OnboardingChecklistStep[] = [
+	{ id: 'workspace', status: 'completed', title: 'Create your workspace', content: <Text size="sm" type="secondary">Workspace created.</Text> },
+	{ id: 'invite', status: 'completed', title: 'Invite teammates', content: <Text size="sm" type="secondary">3 members joined.</Text> },
+	{ id: 'integrations', status: 'in-progress', title: 'Connect integrations', badge: <Badge variant="warning">Recommended</Badge>, content: <Text size="sm" type="secondary">Connect Slack, GitHub, and Linear.</Text> },
+	{ id: 'billing', status: 'pending', title: 'Add payment method', content: <Text size="sm" type="secondary">Required before launch.</Text>, disabled: false },
+];
+
+export function BorderedDefaultPointOfSaleOnboarding() {
+	return (
+		<>
+			<Col className="max-w-2xl">
+								<OnboardingChecklist steps={onboardingSteps} />
+							</Col>
+		</>
+	);
+}
+
+export function CardVariantWorkspaceSetupControlled() {
+	const [expanded, setExpanded] = useState<string[]>(['integrations']);
+	return (
+		<>
+			<Col className="max-w-2xl">
+								<SmartCard padding="default">
+									<Col className="gap-3">
+										<Heading tag="h3" className="border-0 pb-0 text-base">
+											Set up your workspace
+										</Heading>
+										<OnboardingChecklist
+											steps={settingsSteps}
+											variant="card"
+											value={expanded}
+											onValueChange={setExpanded}
+										/>
+									</Col>
+								</SmartCard>
+							</Col>
+		</>
+	);
+}
+
+export function FlatVariantMinimal() {
+	return (
+		<>
+			<Col className="max-w-2xl">
+								<OnboardingChecklist
+									steps={onboardingSteps}
+									variant="flat"
+									defaultExpanded={[]}
+								/>
+							</Col>
+		</>
+	);
+}
+`;function G(e){let t={h4:`h4`,...e.components};return L||q(`Examples`,!1),V||q(`Examples.BorderedDefaultPointOfSaleOnboarding`,!0),H||q(`Examples.CardVariantWorkspaceSetupControlled`,!0),U||q(`Examples.FlatVariantMinimal`,!0),(0,A.jsxs)(i,{title:`Composed · Onboarding · Checklist`,description:`Step-list accordion with completed / in-progress / pending status indicators. Auto-opens the next non-completed step. Strings + status ARIA fully overridable. Composes base/accordion.`,layer:`composed`,status:`ready`,children:[(0,A.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,A.jsx)(l,{name:`BorderedDefaultPointOfSaleOnboarding`,source:W,children:(0,A.jsx)(V,{})}),(0,A.jsx)(l,{name:`CardVariantWorkspaceSetupControlled`,source:W,children:(0,A.jsx)(H,{})}),(0,A.jsx)(l,{name:`FlatVariantMinimal`,source:W,children:(0,A.jsx)(U,{})})]}),(0,A.jsxs)(s,{title:`API`,id:`api`,children:[(0,A.jsx)(t.h4,{children:`OnboardingChecklist`}),(0,A.jsx)(h,{component:`OnboardingChecklist`})]})]})}function K(e={}){let{wrapper:t}=e.components||{};return t?(0,A.jsx)(t,{...e,children:(0,A.jsx)(G,{...e})}):G(e)}function q(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{K as default};

package/dist/showcase/assets/overflow-tab-bar-B2Htn-Ft.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{t as n}from"./ellipsis-DgAjMZHc.js";import{d as r,n as i}from"./index-QESvAJrb.js";import{a,l as o,r as s,t as c}from"./dropdown-menu-DZ47rJaE.js";var l=e(t(),1),u=r(),d=`inline-flex h-control shrink-0 items-center gap-space-sm rounded-md px-control text-sm font-medium whitespace-nowrap transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`;function f({items:e,value:t,onChange:r,className:f,tabClassName:p,activeTabClassName:m,moreLabel:h=`More`,ariaLabel:g=`Tab navigation`}){let _=(0,l.useRef)(null),v=(0,l.useRef)(null),[y,b]=(0,l.useState)(e.length);(0,l.useLayoutEffect)(()=>{if(!_.current||!v.current)return;let t=_.current,n=v.current,r=()=>{let r=t.clientWidth;if(r===0){b(e.length);return}let i=Array.from(n.querySelectorAll(`[data-tab-id]`)),a=0,o=0;for(let e of i){let t=e.offsetWidth+4;if(a+t+72<=r)a+=t,o+=1;else break}b(o===i.length?o:Math.max(1,o))};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(t),()=>i.disconnect()},[e]);let x=(0,l.useMemo)(()=>{if(!t)return e;let n=e.findIndex(e=>e.id===t);if(n<0||n<y)return e;let r=[...e],i=Math.max(0,y-1);return[r[n],r[i]]=[r[i],r[n]],r},[e,t,y]),S=x.slice(0,y),C=x.slice(y),w=e=>{r?.(e.id),e.onClick?.()},T=(e,n,r)=>{let a=e.icon,o=i(d,n?i(`bg-card text-foreground shadow-sm`,m):`text-muted-foreground hover:bg-muted/60`,p),s=(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(a,{className:`size-icon-sm`}),(0,u.jsx)(`span`,{children:e.label}),!!e.badge&&(0,u.jsx)(`span`,{className:i(`ml-1 inline-flex items-center rounded-full px-1.5 py-0.5 text-xxs font-semibold`,n?`bg-primary/10 text-primary`:`bg-muted-foreground/10 text-muted-foreground`),children:e.badge})]});return r?.measure?(0,u.jsx)(`span`,{"data-tab-id":e.id,className:i(`overflow-tab-bar--measure`,o),children:s},e.id):e.href?(0,u.jsx)(`a`,{href:e.href,"data-tab-id":e.id,role:`tab`,"aria-selected":n,tabIndex:n||!t?0:-1,onClick:()=>w(e),className:i(`overflow-tab-bar--component`,o),children:s},e.id):(0,u.jsx)(`button`,{type:`button`,"data-tab-id":e.id,role:`tab`,"aria-selected":n,tabIndex:n||!t?0:-1,onClick:()=>w(e),className:o,children:s},e.id)};return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{ref:v,"aria-hidden":`true`,className:`pointer-events-none fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-1 overflow-hidden opacity-0`,children:e.map(e=>T(e,!1,{measure:!0}))}),(0,u.jsxs)(`div`,{ref:_,className:i(`relative flex w-full min-w-0 max-w-full items-center gap-1 overflow-hidden rounded-lg bg-muted/40 p-1`,f),children:[(0,u.jsx)(`div`,{role:`tablist`,"aria-label":g,"aria-orientation":`horizontal`,className:`flex min-w-0 flex-1 items-center gap-1 overflow-hidden`,children:S.map(e=>T(e,e.id===t))}),C.length>0&&(0,u.jsxs)(c,{children:[(0,u.jsxs)(o,{type:`button`,"aria-label":h,className:i(d,`text-muted-foreground hover:bg-muted/60`),children:[(0,u.jsx)(n,{className:`size-icon-sm`}),(0,u.jsx)(`span`,{children:h})]}),(0,u.jsx)(s,{align:`end`,className:`min-w-40`,children:C.map(e=>{let n=e.icon;return(0,u.jsxs)(a,{onClick:()=>w(e),className:i(`text-xs gap-1.5 px-2 py-1.5`,e.id===t&&`bg-primary/5 text-primary`),children:[!!n&&(0,u.jsx)(n,{className:`size-3.5`}),(0,u.jsx)(`span`,{children:e.label})]},e.id)})})]})]})]})}f.displayName=`OverflowTabBar`;export{f as t};

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

@@ -0,0 +1,159 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-D-N8Ze16.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-PsbgbESI.js";import{d as he,n as z}from"./index-QESvAJrb.js";import{i as B,r as ge,t as _e}from"./popover-Bu7aaPjE.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-1P-jwcoH.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-DzrcsKvl.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-DV4Tv32d.js";import{n as ze}from"./PreviewLayout-wYGhlcJt.js";import{a as Be,i as Ve,n as He,o as Ue,r as We,t as Ge}from"./sheet-k-P0gWlk.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 {
+	AlertDialog,
+	AlertDialogAction,
+	AlertDialogCancel,
+	AlertDialogContent,
+	AlertDialogDescription,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogTitle,
+	AlertDialogTrigger,
+} from '@/components/ui/alert-dialog';
+import { Button } from '@/components/ui/button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import {
+	Drawer,
+	DrawerClose,
+	DrawerContent,
+	DrawerDescription,
+	DrawerFooter,
+	DrawerHeader,
+	DrawerTitle,
+	DrawerTrigger,
+} from '@/components/ui/drawer';
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from '@/components/base/sheet';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
+import { Row } from '../../PreviewLayout';
+
+export function DialogExample() {
+	const [open, setOpen] = useState(false);
+	return (
+		<>
+			<Dialog open={open} onOpenChange={setOpen}>
+				<DialogTrigger render={(p) => <Button {...p}>Open dialog</Button>} />
+				<DialogContent>
+					<DialogHeader>
+						<DialogTitle>Confirm action</DialogTitle>
+						<DialogDescription>This is a controlled dialog.</DialogDescription>
+					</DialogHeader>
+					<DialogFooter>
+						<Button variant="outline" onClick={() => setOpen(false)}>Cancel</Button>
+						<Button onClick={() => setOpen(false)}>Confirm</Button>
+					</DialogFooter>
+				</DialogContent>
+			</Dialog>
+		</>
+	);
+}
+
+export function AlertDialogExample() {
+	const [open, setOpen] = useState(false);
+
+	return (
+		<>
+			<AlertDialog open={open} onOpenChange={setOpen}>
+				<AlertDialogTrigger render={(p) => <Button variant="outline" {...p}>Open alert dialog</Button>} />
+				<AlertDialogContent>
+					<AlertDialogHeader>
+						<AlertDialogTitle>Archive workspace?</AlertDialogTitle>
+						<AlertDialogDescription>
+							This action removes the workspace from active views.
+						</AlertDialogDescription>
+					</AlertDialogHeader>
+					<AlertDialogFooter>
+						<AlertDialogCancel>Cancel</AlertDialogCancel>
+						<AlertDialogAction onClick={() => setOpen(false)}>Archive</AlertDialogAction>
+					</AlertDialogFooter>
+				</AlertDialogContent>
+			</AlertDialog>
+		</>
+	);
+}
+
+export function SheetExample() {
+	return (
+		<>
+			<Sheet>
+				<SheetTrigger render={(p) => <Button variant="outline" {...p}>Open sheet</Button>} />
+				<SheetContent>
+					<SheetHeader>
+						<SheetTitle>Sheet title</SheetTitle>
+						<SheetDescription>Side-anchored panel.</SheetDescription>
+					</SheetHeader>
+					<div className="px-4 py-2 text-sm">Sheet body content.</div>
+				</SheetContent>
+			</Sheet>
+		</>
+	);
+}
+
+export function DrawerExample() {
+	return (
+		<>
+			<Drawer direction="right">
+				<DrawerTrigger asChild>
+					<Button variant="outline">Open drawer</Button>
+				</DrawerTrigger>
+				<DrawerContent>
+					<DrawerHeader>
+						<DrawerTitle>Drawer title</DrawerTitle>
+						<DrawerDescription>Vaul-powered side panel.</DrawerDescription>
+					</DrawerHeader>
+					<div className="px-4 py-2 text-sm">Drawer body content.</div>
+					<DrawerFooter>
+						<DrawerClose asChild>
+							<Button variant="outline">Close</Button>
+						</DrawerClose>
+					</DrawerFooter>
+				</DrawerContent>
+			</Drawer>
+		</>
+	);
+}
+
+export function PopoverExample() {
+	return (
+		<>
+			<Popover>
+				<PopoverTrigger render={(p) => <Button variant="outline" {...p}>Open popover</Button>} />
+				<PopoverContent className="w-64 text-sm">
+					Popover content with arbitrary children.
+				</PopoverContent>
+			</Popover>
+		</>
+	);
+}
+
+export function TooltipExample() {
+	return (
+		<>
+			<Row>
+				<Tooltip>
+					<TooltipTrigger render={(p) => <Button variant="outline" {...p}>Hover me</Button>} />
+					<TooltipContent>Hello, I'm a tooltip.</TooltipContent>
+				</Tooltip>
+			</Row>
+		</>
+	);
+}
+
+export function HoverCardExample() {
+	return (
+		<>
+			<HoverCard>
+				<HoverCardTrigger render={(p) => <Button variant="link" {...p}>@maria</Button>} />
+				<HoverCardContent className="w-64 text-sm">
+					<div className="font-medium">Sarah Smitha</div>
+					<div className="text-muted-foreground">Account Manager</div>
+					<div className="mt-2 text-xs text-muted-foreground">Joined Jan 2023.</div>
+				</HoverCardContent>
+			</HoverCard>
+		</>
+	);
+}
+`;function $n(e){return Gn||$(`Examples`,!1),qn||$(`Examples.AlertDialogExample`,!0),Kn||$(`Examples.DialogExample`,!0),Yn||$(`Examples.DrawerExample`,!0),Qn||$(`Examples.HoverCardExample`,!0),Xn||$(`Examples.PopoverExample`,!0),Jn||$(`Examples.SheetExample`,!0),Zn||$(`Examples.TooltipExample`,!0),(0,W.jsx)(r,{title:`UI · Overlays`,description:`Dialog, AlertDialog, Sheet, Drawer, Popover, Tooltip, and HoverCard.`,layer:`ui`,status:`ready`,children:(0,W.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,W.jsx)(I,{name:`DialogExample`,source:Q,children:(0,W.jsx)(Kn,{})}),(0,W.jsx)(I,{name:`AlertDialogExample`,source:Q,children:(0,W.jsx)(qn,{})}),(0,W.jsx)(I,{name:`SheetExample`,source:Q,children:(0,W.jsx)(Jn,{})}),(0,W.jsx)(I,{name:`DrawerExample`,source:Q,children:(0,W.jsx)(Yn,{})}),(0,W.jsx)(I,{name:`PopoverExample`,source:Q,children:(0,W.jsx)(Xn,{})}),(0,W.jsx)(I,{name:`TooltipExample`,source:Q,children:(0,W.jsx)(Zn,{})}),(0,W.jsx)(I,{name:`HoverCardExample`,source:Q,children:(0,W.jsx)(Qn,{})})]})})}function er(e={}){let{wrapper:t}=e.components||{};return t?(0,W.jsx)(t,{...e,children:(0,W.jsx)($n,{...e})}):$n(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{er as default};