admin-ui-starter-kit 0.6.9 → 0.7.1

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

@@ -0,0 +1,132 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C_rLy6Zn.js";import{r as a,t as o}from"./example-BsDQngs7.js";import{t as s}from"./circle-check-BjuHEm7p.js";import{t as c}from"./code-xml-D4NwoTpD.js";import{t as l}from"./eye-CAeo-GNe.js";import{d as u,l as d}from"./index-B4sKWDcN.js";import{t as f}from"./icon-badge-ruuI6tt0.js";import{t as p}from"./smart-card-CwDYx0xj.js";var m=d(`file-search`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`circle`,{cx:`11.5`,cy:`14.5`,r:`2.5`,key:`1bq0ko`}],[`path`,{d:`M13.3 16.3 15 18`,key:`2quom7`}]]),h=d(`mouse-pointer-2`,[[`path`,{d:`M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z`,key:`edeuup`}]]),g=d(`panels-top-left`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}],[`path`,{d:`M9 21V9`,key:`1oto5p`}]]),_=e({InteractionChecks:()=>C,RouteShortcuts:()=>S,SearchTargets:()=>x,ShowcaseWorkflow:()=>b}),v=u(),y=[{icon:g,title:`Browse`,description:`Use the sidebar groups for docs, base, layouts, composed surfaces, and features.`,tone:`primary`},{icon:l,title:`Inspect`,description:`Each MDX page shows live examples, source paths, and the owning layer.`,tone:`info`},{icon:c,title:`Copy`,description:`Example code uses real components and public import paths.`,tone:`success`},{icon:s,title:`Verify`,description:`Use browser, a11y, visual, exports, docs, and package smoke gates before release.`,tone:`warning`}];function b(){return(0,v.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2 xl:grid-cols-4`,children:y.map(e=>(0,v.jsx)(p,{surface:`framed`,padding:`default`,className:`h-full`,children:(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsx)(f,{icon:e.icon,tone:e.tone,shape:`square`}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(r,{weight:`semibold`,children:e.title}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:e.description})]})]})},e.title))})}function x(){return(0,v.jsx)(p,{title:`Searchable route index`,description:`The sidebar search scans labels, ids, families, sections, scope labels, and route notes.`,icon:(0,v.jsx)(f,{icon:m,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:`css variables`}),(0,v.jsx)(n,{variant:`secondary`,children:`services/actions`}),(0,v.jsx)(n,{variant:`secondary`,children:`hooks reference`}),(0,v.jsx)(n,{variant:`secondary`,children:`global search`}),(0,v.jsx)(n,{variant:`secondary`,children:`base/forms`}),(0,v.jsx)(n,{variant:`secondary`,children:`layout/sidebar`}),(0,v.jsx)(n,{variant:`secondary`,children:`features/filters`})]})})}function S(){return(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(a,{href:`#/docs/installation`,size:`default`,children:`Installation`}),(0,v.jsx)(a,{href:`#/base/css-variables`,size:`default`,buttonStyle:`outline`,children:`CSS variables`}),(0,v.jsx)(a,{href:`#/docs/refinement-guide`,size:`default`,buttonStyle:`outline`,children:`Refinement guide`}),(0,v.jsx)(a,{href:`#/features/global-search`,size:`default`,buttonStyle:`outline`,children:`Global search`}),(0,v.jsx)(a,{href:`#/layout/sidebar`,size:`default`,buttonStyle:`outline`,children:`Sidebar`})]})}function C(){return(0,v.jsx)(p,{surface:`framed`,padding:`default`,children:(0,v.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-[auto_minmax(0,1fr)]`,children:[(0,v.jsx)(f,{icon:h,tone:`primary`,shape:`square`}),(0,v.jsxs)(`div`,{className:`space-y-2`,children:[(0,v.jsx)(r,{weight:`semibold`,children:`Treat examples as functional previews`}),(0,v.jsx)(r,{size:`xs`,type:`secondary`,children:`Interactive examples should exercise callbacks, async states, selection, validation, overlays, and controlled/uncontrolled behavior instead of rendering static mocks.`}),(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,v.jsx)(n,{variant:`secondary`,children:`Callbacks`}),(0,v.jsx)(n,{variant:`secondary`,children:`Loading`}),(0,v.jsx)(n,{variant:`secondary`,children:`Errors`}),(0,v.jsx)(n,{variant:`secondary`,children:`Keyboard`}),(0,v.jsx)(n,{variant:`secondary`,children:`Responsive`})]})]})]})})}var w=`import {
+	CheckCircle2,
+	Code2,
+	Eye,
+	FileSearch,
+	MousePointer2,
+	PanelsTopLeft } from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { IconBadge,
+} from '@/components/base/display';
+import { Text } from '@/components/typography';
+
+const WORKFLOW = [
+	{
+		icon: PanelsTopLeft,
+		title: 'Browse',
+		description: 'Use the sidebar groups for docs, base, layouts, composed surfaces, and features.',
+		tone: 'primary',
+	},
+	{
+		icon: Eye,
+		title: 'Inspect',
+		description: 'Each MDX page shows live examples, source paths, and the owning layer.',
+		tone: 'info',
+	},
+	{
+		icon: Code2,
+		title: 'Copy',
+		description: 'Example code uses real components and public import paths.',
+		tone: 'success',
+	},
+	{
+		icon: CheckCircle2,
+		title: 'Verify',
+		description: 'Use browser, a11y, visual, exports, docs, and package smoke gates before release.',
+		tone: 'warning',
+	},
+] as const;
+
+export function ShowcaseWorkflow() {
+	return (
+		<div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
+			{WORKFLOW.map((item) => (
+				<SmartCard key={item.title} surface="framed" padding="default" className="h-full">
+					<div className="space-y-3">
+						<IconBadge icon={item.icon} tone={item.tone} shape="square" />
+						<div>
+							<Text weight="semibold">{item.title}</Text>
+							<Text size="xs" type="secondary" className="mt-1">
+								{item.description}
+							</Text>
+						</div>
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function SearchTargets() {
+	return (
+		<SmartCard
+			title="Searchable route index"
+			description="The sidebar search scans labels, ids, families, sections, scope labels, and route notes."
+			icon={<IconBadge icon={FileSearch} tone="info" shape="square" size="default" />}
+		>
+			<div className="flex flex-wrap gap-2">
+				<Badge variant="secondary">css variables</Badge>
+				<Badge variant="secondary">services/actions</Badge>
+				<Badge variant="secondary">hooks reference</Badge>
+				<Badge variant="secondary">global search</Badge>
+				<Badge variant="secondary">base/forms</Badge>
+				<Badge variant="secondary">layout/sidebar</Badge>
+				<Badge variant="secondary">features/filters</Badge>
+			</div>
+		</SmartCard>
+	);
+}
+
+export function RouteShortcuts() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Button href="#/docs/installation" size="default">
+				Installation
+			</Button>
+			<Button href="#/base/css-variables" size="default" buttonStyle="outline">
+				CSS variables
+			</Button>
+			<Button href="#/docs/refinement-guide" size="default" buttonStyle="outline">
+				Refinement guide
+			</Button>
+			<Button href="#/features/global-search" size="default" buttonStyle="outline">
+				Global search
+			</Button>
+			<Button href="#/layout/sidebar" size="default" buttonStyle="outline">
+				Sidebar
+			</Button>
+		</div>
+	);
+}
+
+export function InteractionChecks() {
+	return (
+		<SmartCard surface="framed" padding="default">
+			<div className="grid gap-3 md:grid-cols-[auto_minmax(0,1fr)]">
+				<IconBadge icon={MousePointer2} tone="primary" shape="square" />
+				<div className="space-y-2">
+					<Text weight="semibold">Treat examples as functional previews</Text>
+					<Text size="xs" type="secondary">
+						Interactive examples should exercise callbacks, async states, selection, validation, overlays, and controlled/uncontrolled behavior instead of rendering static mocks.
+					</Text>
+					<div className="flex flex-wrap gap-2">
+						<Badge variant="secondary">Callbacks</Badge>
+						<Badge variant="secondary">Loading</Badge>
+						<Badge variant="secondary">Errors</Badge>
+						<Badge variant="secondary">Keyboard</Badge>
+						<Badge variant="secondary">Responsive</Badge>
+					</div>
+				</div>
+			</div>
+		</SmartCard>
+	);
+}
+`;function T(e){let n={p:`p`,...e.components};return _||D(`Examples`,!1),C||D(`Examples.InteractionChecks`,!0),S||D(`Examples.RouteShortcuts`,!0),x||D(`Examples.SearchTargets`,!0),b||D(`Examples.ShowcaseWorkflow`,!0),(0,v.jsxs)(t,{title:`Showcase`,description:`How to use this preview app as the package map, design review surface, and release verification aid.`,layer:`docs`,status:`ready`,sourcePath:`src/preview`,children:[(0,v.jsx)(i,{title:`Workflow`,id:`workflow`,children:(0,v.jsx)(o,{name:`ShowcaseWorkflow`,source:w,layout:`flush`,children:(0,v.jsx)(b,{})})}),(0,v.jsxs)(i,{title:`Search`,id:`search`,children:[(0,v.jsx)(n.p,{children:`The sidebar search is global. It should find docs pages, package layers,
+component families, route ids, and token surfaces. The CSS variables page also
+has its own variable-level search table for token names, utilities, scopes, and
+purposes.`}),(0,v.jsx)(o,{name:`SearchTargets`,source:w,layout:`flush`,children:(0,v.jsx)(x,{})})]}),(0,v.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(o,{name:`InteractionChecks`,source:w,layout:`flush`,children:(0,v.jsx)(C,{})}),(0,v.jsx)(n.p,{children:`Examples should render real package components. When a preview needs large
+private glue, the package component probably needs a slot, render prop, hook, or
+documented callback seam instead.`})]}),(0,v.jsx)(i,{title:`Shortcuts`,id:`shortcuts`,children:(0,v.jsx)(o,{name:`RouteShortcuts`,source:w,layout:`center`,children:(0,v.jsx)(S,{})})})]})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};

package/dist/showcase/assets/sidebar-DPVgEwE0.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{g as t,p as n}from"./sidebar.context-CYk51BQ5.js";import{d as r,n as i}from"./index-B4sKWDcN.js";e();var a=r(),o=`font-medium text-sidebar-foreground transition-[background-color,color] hover:bg-sidebar-accent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-sidebar-accent data-active:font-semibold data-active:text-sidebar-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-semibold data-[active=true]:text-sidebar-foreground`,s=`font-medium text-sidebar-foreground/80 transition-[background-color,color] hover:bg-transparent hover:text-sidebar-foreground focus-visible:ring-2 focus-visible:ring-sidebar-ring data-active:bg-transparent data-active:font-semibold data-active:text-primary data-[active=true]:bg-transparent data-[active=true]:font-semibold data-[active=true]:text-primary`;function c({className:e,render:t,tooltip:r,...s}){let c=r&&!t?(0,a.jsx)(`button`,{type:`button`}):t;return(0,a.jsx)(n,{className:i(`sidebar-menu-button--component`,o,e),render:c,tooltip:r,...s})}function l({className:e,...n}){return(0,a.jsx)(t,{className:i(`sidebar-menu-sub-button--component`,s,e),...n})}export{l as n,c as t};

package/dist/showcase/assets/sidebar.context-CYk51BQ5.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,p as r}from"./section-C_rLy6Zn.js";import{a as i,c as a,er as o,o as s,pr as c,r as l,s as u}from"./example-BsDQngs7.js";import{t as d}from"./chevrons-up-down-C-9zUpl_.js";import{t as f}from"./settings-YDwquOPS.js";import{t as p}from"./user-C7ORJkSr.js";import{N as m,d as h,l as g,n as _}from"./index-B4sKWDcN.js";import{a as v,c as y,l as b,r as ee,t as x}from"./dropdown-menu-5yqchTEF.js";import{o as S,r as C,t as w}from"./avatar-BThv_quW.js";import{t as T}from"./useRender-Bn5cjIfs.js";import{t as E}from"./separator-7gHhV7ed.js";var D=g(`log-out`,[[`path`,{d:`m16 17 5-5-5-5`,key:`1bji2h`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4`,key:`1uf3rs`}]]),O=g(`panel-left`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}]]),k=e(t(),1),A=768;function j(){let[e,t]=(0,k.useState)();return(0,k.useEffect)(()=>{let e=window.matchMedia(`(max-width: ${A-1}px)`),n=()=>{t(window.innerWidth<A)};return e.addEventListener(`change`,n),t(window.innerWidth<A),()=>e.removeEventListener(`change`,n)},[]),!!e}var M=h(),N=`sidebar_state`,P=3600*24*7,F=`16rem`,I=`3rem`,L=`b`,R=k.createContext(null);function z(){let e=k.useContext(R);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function B({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:i,children:a,...o}){let s=j(),[c,l]=k.useState(!1),[u,d]=k.useState(e),f=t??u,p=k.useCallback(e=>{let t=typeof e==`function`?e(f):e;n?n(t):d(t),document.cookie=`${N}=${t}; path=/; max-age=${P}`},[n,f]),m=k.useCallback(()=>s?l(e=>!e):p(e=>!e),[s,p,l]);k.useEffect(()=>{let e=e=>{e.key===L&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),m())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[m]);let h=f?`expanded`:`collapsed`,g=k.useMemo(()=>({state:h,open:f,setOpen:p,isMobile:s,openMobile:c,setOpenMobile:l,toggleSidebar:m}),[h,f,p,s,c,l,m]);return(0,M.jsx)(R.Provider,{value:g,children:(0,M.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":F,"--sidebar-width-icon":I,...i},className:_(`group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full`,r),...o,children:a})})}function V({className:e,onClick:t,...n}){let{toggleSidebar:r}=z();return(0,M.jsxs)(o,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon-sm`,className:_(e),onClick:e=>{t?.(e),r()},...n,children:[(0,M.jsx)(O,{}),(0,M.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function H({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:_(`gap-2 px-2 flex flex-col`,e),...t})}function U({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:_(`gap-2 p-2 flex flex-col`,e),...t})}function te({className:e,...t}){return(0,M.jsx)(E,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:_(`bg-sidebar-border mx-2 w-auto`,e),...t})}function W({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:_(`no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function G({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:_(`p-2 relative flex w-full min-w-0 flex-col`,e),...t})}function K({className:e,render:t,...n}){return T({defaultTagName:`div`,props:c({className:_(`text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0`,e)},n),render:t,state:{slot:`sidebar-group-label`,sidebar:`group-label`}})}function q({className:e,...t}){return(0,M.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:_(`text-sm w-full`,e),...t})}function J({className:e,...t}){return(0,M.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:_(`gap-1 flex w-full min-w-0 flex-col`,e),...t})}function Y({className:e,...t}){return(0,M.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:_(`group/menu-item relative`,e),...t})}var X=n(`ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function Z({render:e,isActive:t=!1,variant:n=`default`,size:r=`default`,tooltip:o,className:l,...u}){let{isMobile:d,state:f}=z(),p=o?e?(0,M.jsx)(a,{render:e}):a:void 0,m=T({defaultTagName:`button`,props:c({className:_(X({variant:n,size:r}),l)},u),render:o?p:e,state:{slot:`sidebar-menu-button`,sidebar:`menu-button`,size:r,active:t}});return o?(typeof o==`string`&&(o={children:o}),(0,M.jsxs)(i,{children:[m,(0,M.jsx)(s,{side:`right`,align:`center`,hidden:f!==`collapsed`||d,...o})]})):m}function Q({className:e,...t}){return(0,M.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:_(`border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col`,e),...t})}function ne({className:e,...t}){return(0,M.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:_(`group/menu-sub-item relative`,e),...t})}function re({render:e,size:t=`md`,isActive:n=!1,className:r,...i}){return T({defaultTagName:`a`,props:c({className:_(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0`,r)},i),render:e,state:{slot:`sidebar-menu-sub-button`,sidebar:`menu-sub-button`,size:t,active:n}})}var ie={triggerLabel:`Notifications`,heading:`Notifications`,markAllRead:`Mark all as read`,empty:`No new notifications`,viewAll:`View all notifications`},ae={placeholder:`Search...`,shortcutMac:`⌘K`,shortcutPc:`Ctrl+K`},oe={profile:`Profile`,settings:`Settings`,logout:`Log out`};function $(e){return e.split(` `).map(e=>e[0]).filter(Boolean).slice(0,2).join(``).toUpperCase()}function se({user:e,showEmail:t=!0,customContent:n,onProfile:i,onSettings:a,onLogout:o,align:s=`end`,side:c=`bottom`,strings:u,triggerClassName:h,contentClassName:g,renderTrigger:T}){let E=m(oe,u),O=$(e.name),k=(0,M.jsxs)(M.Fragment,{children:[!!i&&(0,M.jsxs)(v,{onClick:i,children:[(0,M.jsx)(p,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,M.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:E.profile})]}),!!a&&(0,M.jsxs)(v,{onClick:a,children:[(0,M.jsx)(f,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,M.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:E.settings})]}),!!(i||a)&&!!o&&(0,M.jsx)(y,{}),!!o&&(0,M.jsxs)(v,{onClick:o,children:[(0,M.jsx)(D,{className:`mr-space-md size-icon`,"aria-hidden":`true`}),(0,M.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:E.logout})]})]});return(0,M.jsxs)(x,{children:[(0,M.jsx)(b,{render:T?.(e)??(0,M.jsxs)(l,{"data-component":`header-user-menu`,"data-slot":`header-user-menu-trigger`,type:`button`,variant:`secondary`,buttonStyle:`ghost`,className:_(`header-user-menu--component header-user-menu--trigger group h-control-lg max-w-56 justify-start gap-space-md rounded-lg px-space-sm pr-space-md text-foreground shadow-none hover:bg-foreground/5 data-[state=open]:bg-foreground/5`,t?`py-space-sm`:`py-space-xs`,`dark:text-background dark:hover:bg-topbar-accent/50`,h),children:[(0,M.jsxs)(w,{"data-slot":`header-user-avatar`,className:`header-user-menu--avatar size-avatar-sm overflow-hidden rounded-full ring-1 ring-border/60`,children:[!!e.avatar&&(0,M.jsx)(S,{src:e.avatar,alt:e.name}),(0,M.jsx)(C,{className:`rounded-md bg-success text-xs font-semibold text-background`,children:O})]}),(0,M.jsxs)(`div`,{"data-slot":`header-user-identity`,className:`header-user-menu--identity grid min-w-0 flex-1 text-left leading-none`,children:[(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`truncate`,children:e.name}),!!t&&!!e.email&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:e.email})]}),(0,M.jsx)(d,{className:`header-user-menu--chevron size-icon-sm shrink-0 text-muted-foreground`,"aria-hidden":`true`})]})}),(0,M.jsx)(ee,{"data-component":`header-user-menu-content`,"data-slot":`header-user-menu-content`,className:_(`header-user-menu--content w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg p-surface-sm`,g),align:s,side:c,children:n??k})]})}var ce=z;function le({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:i,children:a,...o}){return(0,M.jsx)(u,{delayDuration:0,children:(0,M.jsx)(B,{defaultOpen:e,open:t,onOpenChange:n,style:i,className:_(`min-h-svh`,r),...o,children:a})})}export{ne as _,ae as a,D as b,G as c,H as d,J as f,re as g,Q as h,ie as i,q as l,Y as m,ce as n,W as o,Z as p,se as r,U as s,le as t,K as u,te as v,V as y};

package/dist/showcase/assets/skeleton-CrB6dGV4.js

@@ -0,0 +1,29 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./example-BsDQngs7.js";import{d as i}from"./index-B4sKWDcN.js";import{t as a}from"./skeleton-IBZSxxTq.js";import{t as o}from"./PreviewLayout-CE0fmzoc.js";var s=e({CardPlaceholder:()=>u,Lines:()=>l}),c=i();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsx)(a,{className:`h-4 w-4/5`}),(0,c.jsx)(a,{className:`h-4 w-3/5`}),(0,c.jsx)(a,{className:`h-4 w-2/5`})]})})}function u(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsx)(a,{className:`size-10 rounded-full`}),(0,c.jsxs)(`div`,{className:`flex-1 space-y-2`,children:[(0,c.jsx)(a,{className:`h-4 w-32`}),(0,c.jsx)(a,{className:`h-3 w-48`})]})]})})}var d=`import { Skeleton } from '@/components/ui/skeleton';
+import { Col } from '../../PreviewLayout';
+
+export function Lines() {
+	return (
+		<>
+			<Col>
+								<Skeleton className="h-4 w-4/5" />
+								<Skeleton className="h-4 w-3/5" />
+								<Skeleton className="h-4 w-2/5" />
+							</Col>
+		</>
+	);
+}
+
+export function CardPlaceholder() {
+	return (
+		<>
+			<div className="flex items-center gap-3">
+								<Skeleton className="size-10 rounded-full" />
+								<div className="flex-1 space-y-2">
+									<Skeleton className="h-4 w-32" />
+									<Skeleton className="h-3 w-48" />
+								</div>
+							</div>
+		</>
+	);
+}
+`;function f(e){return s||m(`Examples`,!1),u||m(`Examples.CardPlaceholder`,!0),l||m(`Examples.Lines`,!0),(0,c.jsx)(t,{title:`UI · Skeleton`,description:`Animated loading placeholders.`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(r,{name:`Lines`,source:d,children:(0,c.jsx)(l,{})}),(0,c.jsx)(r,{name:`CardPlaceholder`,source:d,children:(0,c.jsx)(u,{})})]})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/skeleton-DMWrHdVi.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-B4sKWDcN.js";import{t as i}from"./smart-card-CwDYx0xj.js";import{t as a}from"./skeleton-IBZSxxTq.js";var o=e(t(),1),s=n(),c=[`w-full`,`w-11/12`,`w-10/12`,`w-9/12`,`w-8/12`,`w-7/12`],l=[`w-24`,`w-36`,`w-28`,`w-20`,`w-32`,`w-16`],u=(e,t,n=12,r=!1)=>Number.isFinite(e)?Math.max(+!r,Math.min(Math.floor(e??t),n)):t,d=(e,t)=>t?.[e%t.length]??c[e%c.length],f=e=>e[`aria-label`]||e[`aria-labelledby`]?void 0:!0;function p({className:e,contentClassName:t,children:n}){return(0,s.jsx)(i,{surface:`framed`,padding:`default`,className:e,contentClassName:r(`skeleton-frame--content min-w-0`,t),children:n})}function m({description:e=!0,action:t=!0,className:n}){return(0,s.jsxs)(`div`,{className:r(`flex min-w-0 items-start justify-between gap-space-md`,n),children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-4 w-36 max-w-full`}),!!e&&(0,s.jsx)(b,{className:`h-3 w-56 max-w-full`})]}),!!t&&(0,s.jsx)(b,{className:`h-control-sm w-20 shrink-0`})]})}function h({index:e}){return(0,s.jsxs)(p,{contentClassName:`flex min-w-0 flex-col gap-space-md`,children:[(0,s.jsxs)(`div`,{className:`flex items-start justify-between gap-space-md`,children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-space-sm`,children:[(0,s.jsx)(b,{className:r(`h-3 w-20`,e%2==0&&`w-24`)}),(0,s.jsx)(b,{className:r(`h-5 w-24`,e%3==0&&`w-28`)})]}),(0,s.jsx)(b,{className:`size-8 rounded-md`})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-5 w-16`}),(0,s.jsx)(b,{className:`h-3 w-24`})]})]})}function g({index:e}){return(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-space-xs`,children:[(0,s.jsx)(b,{className:r(`h-3 w-20`,e%2==0&&`w-24`)}),(0,s.jsx)(b,{className:r(`h-4 w-36 max-w-full`,e%3==0&&`w-44`)})]})}function _({lines:e=4,dense:t=!1}){let n=u(e,4,8);return(0,s.jsxs)(p,{contentClassName:`flex min-w-0 flex-col gap-space-lg`,children:[(0,s.jsx)(m,{description:!t,action:!t}),(0,s.jsx)(`div`,{className:`grid min-w-0 gap-space-md sm:grid-cols-2`,children:Array.from({length:n},(e,t)=>(0,s.jsx)(g,{index:t},`detail-row-${String(t)}`))})]})}function v({lines:e=3}){let t=u(e,3,5);return(0,s.jsxs)(p,{contentClassName:`flex min-w-0 flex-col gap-space-md`,children:[(0,s.jsx)(m,{description:!1,action:!1}),(0,s.jsx)(`div`,{className:`grid min-w-0 gap-space-sm`,children:Array.from({length:t},(e,t)=>(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-space-md`,children:[(0,s.jsx)(b,{className:r(`h-3 w-20`,t%2==0&&`w-24`)}),(0,s.jsx)(b,{className:r(`h-3.5 w-16`,t%3==0&&`w-20`)})]},`sidebar-line-${String(t)}`))})]})}function y({row:e}){return(0,s.jsxs)(`div`,{className:`flex min-w-0 items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`size-8 rounded-full shrink-0`}),(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-xs`,children:[(0,s.jsx)(b,{className:r(`h-3.5 w-32 max-w-full`,e%2==0&&`w-40`)}),(0,s.jsx)(b,{className:`h-3 w-24 max-w-full`})]})]})}function b({className:e,...t}){return(0,s.jsx)(a,{className:r(`skeleton--component`,e),...t})}b.displayName=`Skeleton`;var x=o.forwardRef(function({lines:e=3,avatar:t=!1,action:n=!1,lineWidths:i,className:a,...o},c){let l=u(e,3);return(0,s.jsxs)(`div`,{ref:c,"aria-hidden":f(o),className:r(`content-skeleton--component`,`flex w-full min-w-0 items-start gap-space-md`,a),...o,children:[!!t&&(0,s.jsx)(b,{className:`size-avatar rounded-full shrink-0`}),(0,s.jsx)(`div`,{className:`content-skeleton--body flex min-w-0 flex-1 flex-col gap-space-sm`,children:Array.from({length:l},(e,t)=>(0,s.jsx)(b,{className:r(`content-skeleton--line h-3.5`,t===0&&`h-4`,d(t,i))},`content-line-${String(t)}`))}),!!n&&(0,s.jsx)(b,{className:`content-skeleton--action h-control-sm w-16 shrink-0`})]})});x.displayName=`ContentSkeleton`;var S=o.forwardRef(function({stats:e=3,sections:t=2,sectionLines:n=4,tabs:i=!0,actions:a=2,className:o,children:c,...l},d){let p=u(e,3,6,!0),m=u(t,2,6,!0),g=u(a,2,4,!0);return(0,s.jsxs)(`div`,{ref:d,"aria-hidden":f(l),className:r(`page-skeleton--component flex w-full min-w-0 flex-col gap-space-2xl`,o),...l,children:[(0,s.jsxs)(`div`,{className:`page-skeleton--header flex min-w-0 flex-col gap-space-lg md:flex-row md:items-start md:justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-space-md`,children:[(0,s.jsx)(b,{className:`size-avatar-lg rounded-full shrink-0`}),(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-5 w-56 max-w-full`}),(0,s.jsx)(b,{className:`h-3.5 w-80 max-w-full`}),(0,s.jsxs)(`div`,{className:`flex flex-wrap gap-space-sm pt-space-2xs`,children:[(0,s.jsx)(b,{className:`h-6 w-16`}),(0,s.jsx)(b,{className:`h-6 w-20`}),(0,s.jsx)(b,{className:`h-6 w-14`})]})]})]}),(0,s.jsx)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:Array.from({length:g},(e,t)=>(0,s.jsx)(b,{className:r(`h-control-sm`,t===0?`w-24`:`w-9`)},`page-action-${String(t)}`))})]}),!!i&&(0,s.jsxs)(`div`,{className:`page-skeleton--tabs flex min-w-0 flex-wrap gap-space-sm rounded-lg border border-border/70 bg-card p-space-sm`,children:[(0,s.jsx)(b,{className:`h-control-sm w-32`}),(0,s.jsx)(b,{className:`h-control-sm w-28`}),(0,s.jsx)(b,{className:`h-control-sm w-36`})]}),p>0&&(0,s.jsx)(`div`,{className:`page-skeleton--stats grid min-w-0 gap-space-lg sm:grid-cols-2 lg:grid-cols-3`,children:Array.from({length:p},(e,t)=>(0,s.jsx)(h,{index:t},`page-stat-${String(t)}`))}),m>0&&(0,s.jsx)(`div`,{className:`page-skeleton--sections grid min-w-0 gap-space-lg`,children:Array.from({length:m},(e,t)=>(0,s.jsx)(_,{lines:n},`page-section-${String(t)}`))}),c]})});S.displayName=`PageSkeleton`;var C=o.forwardRef(function({mainSections:e=2,sidebarSections:t=3,mainLines:n=5,sidebarLines:i=3,className:a,...o},c){let l=u(e,2,5),d=u(t,3,5);return(0,s.jsx)(S,{ref:c,stats:0,sections:0,tabs:!1,className:r(`two-column-page-skeleton--component`,a),...o,children:(0,s.jsxs)(`div`,{className:`two-column-page-skeleton--layout grid min-w-0 gap-space-lg lg:grid-cols-3`,children:[(0,s.jsx)(`div`,{className:`two-column-page-skeleton--main grid min-w-0 gap-space-lg lg:col-span-2`,children:Array.from({length:l},(e,t)=>(0,s.jsx)(_,{lines:n},`two-column-main-${String(t)}`))}),(0,s.jsx)(`div`,{className:`two-column-page-skeleton--sidebar grid min-w-0 gap-space-lg self-start`,children:Array.from({length:d},(e,t)=>(0,s.jsx)(v,{lines:i},`two-column-sidebar-${String(t)}`))})]})})});C.displayName=`TwoColumnPageSkeleton`;var w=o.forwardRef(function({rows:e=6,columns:t=5,toolbar:n=!0,footer:a=!0,className:o,...c},d){let p=u(e,6,20),m=u(t,5,8),h=Array.from({length:m},(e,t)=>t);return(0,s.jsx)(`div`,{ref:d,"aria-hidden":f(c),className:r(`table-skeleton--component`,o),...c,children:(0,s.jsxs)(i,{surface:`framed`,padding:`default`,className:`overflow-hidden`,contentClassName:`p-0!`,children:[!!n&&(0,s.jsxs)(`div`,{className:`table-skeleton--toolbar flex min-w-0 items-center justify-between gap-space-md border-b border-border/70 px-surface py-row-y-lg`,children:[(0,s.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-control-sm w-56 max-w-full`}),(0,s.jsx)(b,{className:`hidden h-control-sm w-24 sm:block`})]}),(0,s.jsxs)(`div`,{className:`hidden shrink-0 items-center gap-space-sm sm:flex`,children:[(0,s.jsx)(b,{className:`h-control-sm w-20`}),(0,s.jsx)(b,{className:`h-control-sm w-9`})]})]}),(0,s.jsx)(`div`,{className:`table-skeleton--scroll overflow-x-auto`,children:(0,s.jsxs)(`table`,{className:`w-full min-w-full table-fixed border-collapse`,children:[(0,s.jsx)(`thead`,{children:(0,s.jsx)(`tr`,{className:`border-b border-border/70`,children:h.map(e=>(0,s.jsx)(`th`,{className:`h-12 px-surface text-left align-middle`,children:(0,s.jsx)(b,{className:r(`h-3.5`,l[e%l.length])})},`table-head-${String(e)}`))})}),(0,s.jsx)(`tbody`,{children:Array.from({length:p},(e,t)=>(0,s.jsx)(`tr`,{className:`border-b border-border/55 last:border-b-0`,children:h.map(e=>(0,s.jsx)(`td`,{className:`px-surface py-row-y-lg align-middle`,children:e===0?(0,s.jsx)(y,{row:t}):(0,s.jsx)(b,{className:r(`h-3.5`,l[(t+e)%l.length])})},`table-cell-${String(t)}-${String(e)}`))},`table-row-${String(t)}`))})]})}),!!a&&(0,s.jsxs)(`div`,{className:`table-skeleton--footer flex items-center justify-between gap-space-md border-t border-border/70 px-surface py-row-y-lg`,children:[(0,s.jsx)(b,{className:`h-3.5 w-32`}),(0,s.jsxs)(`div`,{className:`flex items-center gap-space-sm`,children:[(0,s.jsx)(b,{className:`h-control-sm w-20`}),(0,s.jsx)(b,{className:`h-control-sm w-20`})]})]})]})})});w.displayName=`TableSkeleton`;export{C as a,w as i,S as n,b as r,x as t};

package/dist/showcase/assets/skeleton-IBZSxxTq.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-B4sKWDcN.js";var n=e();function r({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`skeleton`,className:t(`bg-muted rounded-md animate-pulse`,e),...r})}export{r as t};

package/dist/showcase/assets/skeleton-OK5SgmlA.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-C_rLy6Zn.js";import{t as n}from"./example-BsDQngs7.js";import{_ as r,c as i,h as a,m as o,t as s,y as c}from"./display-utilities.examples-ez3DfdgN.js";import{d as l}from"./index-B4sKWDcN.js";import{t as u}from"./props-table-aynAz90t.js";var d=l();function f(l){return c||m(`Examples`,!1),i||m(`Examples.PageSkeletonExample`,!0),o||m(`Examples.SkeletonExample`,!0),a||m(`Examples.TableSkeletonExample`,!0),r||m(`Examples.TwoColumnPageSkeletonExample`,!0),(0,d.jsxs)(e,{title:`Skeleton`,description:`Reusable loading skeletons for content rows, pages, two-column detail views, and tables.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/skeleton`,children:[(0,d.jsx)(t,{title:`Inline content`,id:`inline-content`,children:(0,d.jsx)(n,{name:`SkeletonExample`,source:s,children:(0,d.jsx)(o,{})})}),(0,d.jsxs)(t,{title:`Page layouts`,id:`page-layouts`,children:[(0,d.jsx)(n,{name:`PageSkeletonExample`,source:s,children:(0,d.jsx)(i,{})}),(0,d.jsx)(n,{name:`TwoColumnPageSkeletonExample`,source:s,children:(0,d.jsx)(r,{})})]}),(0,d.jsx)(t,{title:`Tables`,id:`tables`,children:(0,d.jsx)(n,{name:`TableSkeletonExample`,source:s,children:(0,d.jsx)(a,{})})}),(0,d.jsxs)(t,{title:`API`,id:`api`,children:[(0,d.jsx)(u,{component:`Skeleton`}),(0,d.jsx)(u,{component:`ContentSkeleton`}),(0,d.jsx)(u,{component:`PageSkeleton`}),(0,d.jsx)(u,{component:`TwoColumnPageSkeleton`}),(0,d.jsx)(u,{component:`TableSkeleton`})]})]})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/slider-DMLIlQeO.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{$t as n,An as r,Jt as i,Kt as a,Mn as o,Nn as s,Qt as c,Wt as l,Yt as u,Zt as d,br as f,cr as p,fr as m,g as h,hr as g,jn as ee,m as te,mn as _,mr as v,nr as ne,nt as y,or as b,pr as x,un as re,xr as ie}from"./example-BsDQngs7.js";import{d as ae,n as oe}from"./index-B4sKWDcN.js";import{t as se}from"./useControlled-BHUji6Sp.js";import{n as S,r as C}from"./useCompositeListItem-Ce0eZtsp.js";import{a as ce,d as le,f as ue,i as de,o as fe,r as pe,s as me,t as he}from"./composite-DeYDU7hg.js";import{t as ge}from"./useValueChanged-B-czUWmg.js";import{n as w,t as T}from"./valueToPercent-gleKSaFe.js";import{c as _e,n as ve,o as ye,r as E,t as D}from"./LabelableContext-BdRVtvs6.js";import{t as be}from"./useLabelableId-Bs8clfkJ.js";import{n as O,r as k,t as xe}from"./resolveAriaLabelledBy-iFo8AzEr.js";import{n as A,t as j}from"./CSPContext-Bfs88_eg.js";var M=e(t(),1);function N(e,t){return e-t}function Se(e,t,n){let r=e.slice();return r[t]=n,r.sort(N)}function Ce(e,t,n,r,i,a){let o=e;return o=A(o,n,r),i&&(o=Se(a,t,A(o,a[t-1]??-1/0,a[t+1]??1/0))),o}function P(e,t,n){if(!Array.isArray(e))return!0;let r=e.reduce((e,t,n,r)=>(n===r.length-1||e.push(Math.abs(t-r[n+1])),e),[]);return Math.min(...r)>=t*n}var we={activeThumbIndex:()=>null,max:()=>null,min:()=>null,minStepsBetweenValues:()=>null,step:()=>null,values:()=>null,..._e},Te=M.createContext(void 0);function Ee(){let e=M.useContext(Te);if(e===void 0)throw Error(m(62));return e}var F=ae();function I(e){return`key`in e?_:re}function L(e,t){return typeof e==`number`&&typeof t==`number`?e===t:Array.isArray(e)&&Array.isArray(t)?k(e,t):!1}var De=M.forwardRef(function(e,t){let{"aria-labelledby":r,className:i,defaultValue:s,disabled:l=!1,id:d,format:f,largeStep:p=10,locale:m,render:te,max:_=100,min:y=0,minStepsBetweenValues:b=0,form:x,name:re,onValueChange:ie,onValueCommitted:ae,orientation:oe=`horizontal`,step:S=1,thumbCollisionBehavior:ce=`push`,thumbAlignment:le=`center`,value:ue,style:de,...fe}=e,pe=h(d),me=xe(pe),he=g(ie),w=g(ae),{clearErrors:T}=ve(),{state:_e,disabled:be,name:j,setTouched:Se,setDirty:Ee,validityData:De,validation:Oe}=ye(),{labelId:R}=D(),[ke,z]=M.useState(),B=r??O(R,ke),V=be||l,Ae=j??re,[H,U]=se({controlled:ue,default:s??y,name:`Slider`}),W=M.useRef(null),G=M.useRef(null),je=M.useRef([]),K=M.useRef(null),q=M.useRef(null),Me=M.useRef(-1),Ne=M.useRef(null),Pe=M.useRef(`none`),Fe=u(f),[J,Ie]=M.useState(-1),[Le,Y]=M.useState(-1),[X,Z]=M.useState(!1),[Re,ze]=M.useState(()=>new Map),[Be,Q]=M.useState([void 0,void 0]),Ve=g(e=>{Ie(e),e!==-1&&Y(e)});E(Oe.inputRef,pe,H,void 0,!V,re),ge(H,()=>{T(Ae),Oe.change(H);let e=De.initialValue,t;t=Array.isArray(H)&&Array.isArray(e)?!k(H,e):H!==e,Ee(t)});let He=g(e=>{e&&(G.current=e)}),Ue=Array.isArray(H),We=M.useMemo(()=>Ue?H.slice().sort(N):[A(H,y,_)],[_,y,Ue,H]),Ge=g((e,t)=>{if(Number.isNaN(e)||L(e,H))return!1;let n=t??c(`none`,void 0,void 0,{activeThumbIndex:-1}),r=n.event,i=new(r.constructor??Event)(r.type,r);return Object.defineProperty(i,"target",{writable:!0,value:{value:e,name:Ae}}),n.event=i,he(e,n),n.isCanceled?!1:(Pe.current=n.reason,U(e),!0)}),Ke=g((e,t,r)=>{let i=Ce(e,t,y,_,Ue,We);if(P(i,S,b)){let e=I(r),a=Ge(i,c(e,r.nativeEvent,void 0,{activeThumbIndex:t}));Se(!0),a&&w(i,n(e,r.nativeEvent))}});v(()=>{let e=ee(a(W.current));V&&o(W.current,e)&&e.blur()},[V]),V&&J!==-1&&Ve(-1);let qe=M.useMemo(()=>({..._e,activeThumbIndex:J,disabled:V,dragging:X,orientation:oe,max:_,min:y,minStepsBetweenValues:b,step:S,values:We}),[_e,J,V,X,_,y,b,oe,S,We]),$=M.useMemo(()=>({active:J,controlRef:G,disabled:V,dragging:X,validation:Oe,formatOptionsRef:Fe,handleInputChange:Ke,indicatorPosition:Be,inset:le!==`center`,labelId:B,rootLabelId:me,largeStep:p,lastUsedThumbIndex:Le,lastChangeReasonRef:Pe,form:x,locale:m,max:_,min:y,minStepsBetweenValues:b,name:Ae,onValueCommitted:w,orientation:oe,pressedInputRef:K,pressedThumbCenterOffsetRef:q,pressedThumbIndexRef:Me,pressedValuesRef:Ne,registerFieldControlRef:He,renderBeforeHydration:le===`edge`,setActive:Ve,setDragging:Z,setIndicatorPosition:Q,setLabelId:z,setValue:Ge,state:qe,step:S,thumbCollisionBehavior:ce,thumbMap:Re,thumbRefs:je,values:We}),[J,G,B,me,V,X,Oe,Fe,Ke,Be,p,Le,Pe,x,m,_,y,b,Ae,w,oe,K,q,Me,Ne,He,Ve,Z,Q,z,Ge,qe,S,ce,le,Re,je,We]),Je=ne(`div`,e,{state:qe,ref:[t,W],props:[{"aria-labelledby":B,id:pe,role:`group`},fe,e=>Oe.getValidationProps(V,e)],stateAttributesMapping:we});return(0,F.jsx)(Te.Provider,{value:$,children:(0,F.jsx)(C,{elementsRef:je,onMapChange:ze,children:Je})})});function Oe(e){let t=e.getBoundingClientRect();return{x:(t.left+t.right)/2,y:(t.top+t.bottom)/2}}function R(e){if(e===0)return 0;if(Math.abs(e)<1){let t=e.toExponential().split(`e-`),n=t[0].split(`.`)[1];return(n?n.length:0)+parseInt(t[1],10)}let t=e.toString().split(`.`)[1];return t?t.length:0}function ke(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Math.max(R(t),R(n))))}function z({values:e,index:t,nextValue:n,min:r,max:i,step:a,minStepsBetweenValues:o,initialValues:s}){if(e.length===0)return[];let c=e.slice(),l=a*o,u=c.length-1,d=s??e;c[t]=A(n,r+t*l,i-(u-t)*l);for(let e=t+1;e<=u;e+=1){let t=c[e-1]+l,n=i-(u-e)*l,r=d[e]??c[e],a=Math.max(c[e],t);r<a&&(a=Math.max(r,t)),c[e]=A(a,t,n)}for(let e=t-1;e>=0;--e){let t=c[e+1]-l,n=r+e*l,i=d[e]??c[e],a=Math.min(c[e],t);i>a&&(a=Math.min(i,t)),c[e]=A(a,n,t)}for(let e=0;e<=u;e+=1)c[e]=Number(c[e].toFixed(12));return c}function B({behavior:e,values:t,currentValues:n,initialValues:r,pressedIndex:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}){let u=n??t,d=r??t;if(!(u.length>1))return{value:a,thumbIndex:0,didSwap:!1};let f=c*l;switch(e){case`swap`:{let e=u[i],t=1e-7,n=u.slice(),r=n[i-1],p=n[i+1],m=A(a,r==null?o:r+f,p==null?s:p-f),h=Number(m.toFixed(12));n[i]=h;let g=a>e,ee=a<e,te=g&&p!=null&&a>=p-t,_=ee&&r!=null&&a<=r+t;if(!te&&!_)return{value:n,thumbIndex:i,didSwap:!1};let v=te?i+1:i-1,ne=n.map((e,t)=>t===i?h:d[t]??u[t]),y=a;y=te?Math.max(a,n[v]):Math.min(a,n[v]);let b=z({values:n,index:v,nextValue:y,min:o,max:s,step:c,minStepsBetweenValues:l,initialValues:ne}),x=te?v-1:v+1;if(x>=0&&x<b.length){let e=b[x-1],t=b[x+1],n=e==null?o:e+f;n=Math.max(n,o+x*f);let r=t==null?s:t-f;r=Math.min(r,s-(b.length-1-x)*f);let i=A(h,n,r);b[x]=Number(i.toFixed(12))}return{value:b,thumbIndex:v,didSwap:!0}}case`push`:return{value:z({values:u,index:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}),thumbIndex:i,didSwap:!1};default:{let e=u.slice(),t=e[i-1],n=e[i+1],r=A(a,t==null?o:t+f,n==null?s:n-f);return e[i]=Number(r.toFixed(12)),{value:e,thumbIndex:i,didSwap:!1}}}}var V=2;function Ae(e,t){if(!e)return{start:0,end:0};function n(e){let t=e==null?0:parseFloat(e);return Number.isNaN(t)?0:t}let r=t?`Top`:`InlineStart`,i=t?`Bottom`:`InlineEnd`;return{start:n(e[`border${r}Width`])+n(e[`padding${r}`]),end:n(e[`border${i}Width`])+n(e[`padding${i}`])}}function H(e,t){if(t.current!=null&&e.changedTouches){let n=e;for(let e=0;e<n.changedTouches.length;e+=1){let r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return null}return{x:e.clientX,y:e.clientY}}var U=M.forwardRef(function(e,t){let{render:r,className:l,style:p,...m}=e,{disabled:h,dragging:_,inset:v,lastChangeReasonRef:y,max:b,min:x,minStepsBetweenValues:re,onValueCommitted:ae,orientation:oe,pressedInputRef:se,pressedThumbCenterOffsetRef:S,pressedThumbIndexRef:C,pressedValuesRef:ce,registerFieldControlRef:le,renderBeforeHydration:ue,setActive:de,setDragging:fe,setValue:pe,state:me,step:he,thumbCollisionBehavior:ge,thumbRefs:w,values:T}=Ee(),_e=te(),ve=T.length>1,ye=oe===`vertical`,E=M.useRef(null),D=M.useRef(null),be=g(e=>{e&&D.current==null&&(D.current=f(e).getComputedStyle(e))}),O=M.useRef(null),k=M.useRef(0),xe=M.useRef(0),j=M.useRef(null),N=u(T);function Se(e){C.current!==e&&(C.current=e);let t=w.current[e];if(!t){S.current=null,se.current=null;return}se.current=t.querySelector(`input[type="range"]`)}function Ce(){C.current=-1,S.current=null,se.current=null}function Te(e){return ie(e)?w.current.some(t=>!ie(t)||!o(t,e)?!1:t.querySelector(`input[type="range"]`)?.disabled===!0):!1}function F(e){let t=E.current,n=C.current;if(!t||!ve&&(n<0||n>=T.length))return null;let{width:r,height:i,bottom:a,left:o,right:s}=t.getBoundingClientRect(),c=Ae(D.current,ye),l=xe.current,u=(ye?i:r)-c.start-c.end-l*2,d=S.current??0,f=e.x-d,p=e.y-d,m=A(((ye?a-p-c.end:(_e===`rtl`?s-f:f-o)-c.start)-l)/u,0,1),h=(b-x)*m+x;return h=ke(h,he,x),h=A(h,x,b),ve?n<0?null:B({behavior:ge,values:T,currentValues:N.current??T,initialValues:ce.current,pressedIndex:n,nextValue:h,min:x,max:b,step:he,minStepsBetweenValues:re}):{value:h,thumbIndex:n,didSwap:!1}}function I(e){ce.current=ve?T.slice():null,j.current=null,N.current=T;let t=C.current,n=t;if(t>-1&&t<T.length){if(T[t]===b){let e=t;for(;e>0&&T[e-1]===b;)--e;n=e}}else{let t=ye?`y`:`x`,r;n=-1;for(let i=0;i<w.current.length;i+=1){let a=w.current[i];if(ie(a)&&!a.querySelector(`input[type="range"]`)?.disabled){let o=Oe(a),s=Math.abs(e[t]-o[t]);(r===void 0||s<=r)&&(n=i,r=s)}}}if(n>-1&&n!==t&&Se(n),v){let e=w.current[n];ie(e)&&(xe.current=e.getBoundingClientRect()[ye?`height`:`width`]/2)}}function L(e){let t=w.current?.[e]?.querySelector(`input[type="range"]`);t&&t.focus({preventScroll:!0,focusVisible:!1})}function De(e,t,n){let r=pe(e.value,c(t,n,void 0,{activeThumbIndex:e.thumbIndex}));return r&&(j.current=e.value,N.current=Array.isArray(e.value)?e.value:[e.value],e.didSwap&&Se(e.thumbIndex)),r}let R=g(e=>{let t=H(e,O);if(t==null)return;if(k.current+=1,e.type===`pointermove`&&e.buttons===0){z(e);return}let n=F(t);n!=null&&P(n.value,he,re)&&(!_&&k.current>V&&fe(!0),De(n,`drag`,e)&&n.didSwap&&L(n.thumbIndex))}),z=g(e=>{if(de(-1),fe(!1),se.current=null,S.current=null,j.current!=null){let t=y.current;ae(j.current,n(t,e))}`pointerType`in e&&E.current?.hasPointerCapture(e.pointerId)&&E.current?.releasePointerCapture(e.pointerId),C.current=-1,O.current=null,ce.current=null,j.current=null,W()}),U=g(e=>{if(h)return;if(Te(s(e))){Ce();return}let t=e.changedTouches[0];t!=null&&(O.current=t.identifier);let n=H(e,O);if(n!=null){I(n);let t=F(n);if(t==null)return;L(t.thumbIndex),De(t,`track-press`,e)&&t.didSwap&&L(t.thumbIndex)}k.current=0;let r=a(E.current);r.addEventListener(`touchmove`,R,{passive:!0}),r.addEventListener(`touchend`,z,{passive:!0})}),W=g(()=>{let e=a(E.current);e.removeEventListener(`pointermove`,R),e.removeEventListener(`pointerup`,z),e.removeEventListener(`touchmove`,R),e.removeEventListener(`touchend`,z),ce.current=null,j.current=null}),G=i();return M.useEffect(()=>{let e=E.current;if(!e)return()=>W();let t=d(e,`touchstart`,U,{passive:!0});return()=>{t(),G.cancel(),W()}},[W,U,E,G]),M.useEffect(()=>{h&&W()},[h,W]),ne(`div`,e,{state:me,ref:[t,le,E,be],props:[{"data-base-ui-slider-control":ue?``:void 0,onPointerDown(e){let t=E.current,n=s(e.nativeEvent);if(!t||h||e.defaultPrevented||!ie(n)||e.button!==0)return;if(Te(n)){Ce();return}let r=H(e,O);if(r!=null){I(r);let n=F(r);if(n==null)return;o(w.current[n.thumbIndex],ee(a(t)))?e.preventDefault():G.request(()=>{L(n.thumbIndex)}),fe(!0),S.current==null&&De(n,`track-press`,e.nativeEvent)&&n.didSwap&&L(n.thumbIndex)}e.nativeEvent.pointerId&&t.setPointerCapture(e.nativeEvent.pointerId),k.current=0;let i=a(E.current);i.addEventListener(`pointermove`,R,{passive:!0}),i.addEventListener(`pointerup`,z,{once:!0})}},m],stateAttributesMapping:we})}),W=M.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{state:o}=Ee();return ne(`div`,e,{state:o,ref:t,props:[{style:{position:`relative`}},a],stateAttributesMapping:we})}),G=y();function je(){return b}function K(){return!1}function q(){return!0}function Me(){return(0,G.useSyncExternalStore)(je,K,q)}var Ne=function(e){return e.index=`data-index`,e.dragging=`data-dragging`,e.orientation=`data-orientation`,e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.focused=`data-focused`,e}({}),Pe=new Set([...fe,ue,le]);function Fe(e,t,n,r){if(!(t<0))return e.length===2?t===0?`${w(e[t],r,n)} start range`:`${w(e[t],r,n)} end range`:n?w(e[t],r,n):void 0}function J(e,t,n,r,i){let a=n===1?e+t:e-t;return A(Number(a.toFixed(Math.max(R(e),R(t),R(r)))),r,i)}var Ie=M.forwardRef(function(e,t){let{render:n,children:i,className:a,"aria-describedby":o,"aria-label":s,"aria-labelledby":c,"aria-valuetext":u,disabled:d=!1,getAriaLabel:m,getAriaValueText:ee,id:_,index:y,inputRef:b,onBlur:re,onFocus:ie,onKeyDown:ae,tabIndex:oe,style:se,...C}=e,{nonce:ge}=j(),_e=h(_),{active:ve,lastUsedThumbIndex:E,controlRef:D,disabled:O,validation:k,formatOptionsRef:xe,handleInputChange:A,inset:N,labelId:Se,largeStep:P,locale:Te,max:I,min:L,minStepsBetweenValues:De,form:R,name:z,orientation:B,pressedInputRef:V,pressedThumbCenterOffsetRef:Ae,pressedThumbIndexRef:H,renderBeforeHydration:U,setActive:W,setIndicatorPosition:G,state:je,step:K,values:q}=Ee(),Ie=te(),Le=d||O,Y=q.length>1,X=B===`vertical`,Z=Ie===`rtl`,{setTouched:Re,setFocused:ze,validationMode:Be}=ye(),Q=M.useRef(null),Ve=M.useRef(null),He=M.useRef(!1),Ue=h(),We=be(),Ge=Y?Ue:We,{ref:Ke,index:qe}=S({metadata:M.useMemo(()=>({inputId:Ge}),[Ge])}),$=Y?y??qe:0,Je=$===q.length-1,Ye=q[$],Xe=T(Ye,L,I),[Ze,Qe]=M.useState(),$e=Me(),et=E>=0&&E<q.length?E:-1,tt=g(()=>{let e=D.current,t=Q.current;if(!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=X?`height`:`width`,a=r[i]-n[i],o=(n[i]/2+a*Xe/100)/r[i]*100,s=Number.isFinite(o)?o:void 0;Qe(s),$===0?G(e=>[s,e[1]]):Je&&G(e=>[e[0],s])});v(()=>{N&&queueMicrotask(tt)},[tt,N]),v(()=>{N&&tt()},[tt,N,Xe]),v(()=>{if(!N)return;let e=D.current,t=Q.current;if(!e||!t)return;let n=f(e).ResizeObserver;if(typeof n!=`function`)return;let r=new n(tt);return r.observe(e),r.observe(t),()=>{r.disconnect()}},[D,tt,N]);let nt=X?`bottom`:`insetInlineStart`,rt=X?`left`:`top`,it;Y?ve===$?it=2:et===$&&(it=1):ve===$&&(it=1);let at;at=N?{"--position":`${Ze??0}%`,visibility:U&&$e||Ze===void 0?`hidden`:void 0,position:`absolute`,[nt]:`var(--position)`,[rt]:`50%`,translate:`${(X||!Z?-1:1)*50}% ${(X?1:-1)*50}%`,zIndex:it}:Number.isFinite(Xe)?{position:`absolute`,[nt]:`${Xe}%`,[rt]:`50%`,translate:`${(X||!Z?-1:1)*50}% ${(X?1:-1)*50}%`,zIndex:it}:l;let ot;B===`vertical`&&(ot=Z?`vertical-rl`:`vertical-lr`);let st=typeof m==`function`?m($):s,ct=x({"aria-label":st,"aria-labelledby":c??(st==null?Se:void 0),"aria-describedby":o,"aria-orientation":B,"aria-valuenow":Ye,"aria-valuetext":typeof ee==`function`?ee(w(Ye,Te,xe.current??void 0),Ye,$):u??Fe(q,$,xe.current??void 0,Te),disabled:Le,form:R,id:Ge,max:I,min:L,name:z,onChange(e){A(e.currentTarget.valueAsNumber,$,e)},onFocus(e){let t=He.current;He.current=!1,W($),ze(!0),t&&e.stopPropagation()},onBlur(e){if(He.current){e.stopPropagation();return}Q.current&&(W(-1),Re(!0),ze(!1),Be===`onBlur`&&k.commit(Ce(Ye,$,L,I,Y,q)))},onKeyDown(e){if(e.defaultPrevented||!Pe.has(e.key))return;fe.has(e.key)&&e.stopPropagation();let t=null,n=ke(Ye,K,L);switch(e.key){case ce:t=J(n,e.shiftKey?P:K,1,L,I);break;case de:t=J(n,e.shiftKey?P:K,Z?-1:1,L,I);break;case he:t=J(n,e.shiftKey?P:K,-1,L,I);break;case pe:t=J(n,e.shiftKey?P:K,Z?1:-1,L,I);break;case ue:t=J(n,P,1,L,I);break;case le:t=J(n,P,-1,L,I);break;case`End`:t=I,Y&&(t=Number.isFinite(q[$+1])?q[$+1]-K*De:I);break;case me:t=L,Y&&(t=Number.isFinite(q[$-1])?q[$-1]+K*De:L);break;default:break}if(t!==null){let n=e.currentTarget;r(n)||(He.current=!0,n.blur(),n.focus({preventScroll:!0,focusVisible:!0})),A(t,$,e),e.preventDefault()}},step:K,style:{...l,width:`100%`,height:`100%`,writingMode:ot},tabIndex:oe??void 0,type:`range`,value:Ye??``},e=>k.getValidationProps(Le,e),{onKeyDown:ae}),lt=p(Ve,k.inputRef,b);return ne(`div`,e,{state:je,ref:[t,Ke,Q],props:[{[Ne.index]:$,children:(0,F.jsxs)(M.Fragment,{children:[i,(0,F.jsx)(`input`,{ref:lt,...ct,suppressHydrationWarning:!0}),N&&$e&&U&&Je&&(0,F.jsx)(`script`,{nonce:ge,dangerouslySetInnerHTML:{__html:'!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();'},suppressHydrationWarning:!0})]}),id:_e,onBlur:re,onFocus:ie,onPointerDown(e){if(!Le){if(H.current=$,Q.current!=null){let t=B===`horizontal`?`x`:`y`,n=Oe(Q.current);Ae.current=(B===`horizontal`?e.clientX:e.clientY)-n[t]}Ve.current!=null&&V.current!==Ve.current&&(V.current=Ve.current)}},style:at,suppressHydrationWarning:U||void 0},C],stateAttributesMapping:we})});function Le(e,t,n,r,i,a){let o=n===void 0||t&&r===void 0?`hidden`:void 0,s=e?`bottom`:`insetInlineStart`,c=e?`height`:`width`,l={visibility:i&&a?`hidden`:o,position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};return l[`--start-position`]=`${n??0}%`,t?(l[`--relative-size`]=`${(r??0)-(n??0)}%`,l[s]=`var(--start-position)`,l[c]=`var(--relative-size)`,l):(l[s]=0,l[c]=`var(--start-position)`,l)}function Y(e,t,n,r){let i=e?`bottom`:`insetInlineStart`,a=e?`height`:`width`,o={position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};if(!t)return o[i]=0,o[a]=`${n}%`,o;let s=r-n;return o[i]=`${n}%`,o[a]=`${s}%`,o}var X=M.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{indicatorPosition:o,inset:s,max:c,min:l,orientation:u,renderBeforeHydration:d,state:f,values:p}=Ee(),m=Me(),h=u===`vertical`,g=p.length>1,ee=s?Le(h,g,o[0],o[1],d,m):Y(h,g,T(p[0],l,c),T(p[p.length-1],l,c));return ne(`div`,e,{state:f,ref:t,props:[{"data-base-ui-slider-indicator":d?``:void 0,style:ee,suppressHydrationWarning:d||void 0},a],stateAttributesMapping:we})});function Z({className:e,defaultValue:t,value:n,min:r=0,max:i=100,...a}){let o=M.useMemo(()=>Array.isArray(n)?n:Array.isArray(t)?t:[r,i],[n,t,r,i]);return(0,F.jsx)(De,{className:oe(`data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full`,e),"data-slot":`slider`,defaultValue:t,value:n,min:r,max:i,thumbAlignment:`edge`,...a,children:(0,F.jsxs)(U,{className:`relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col`,children:[(0,F.jsx)(W,{"data-slot":`slider-track`,className:`relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`,children:(0,F.jsx)(X,{"data-slot":`slider-range`,className:`absolute bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`})}),Array.from({length:o.length},(e,t)=>(0,F.jsx)(Ie,{"data-slot":`slider-thumb`,className:`block size-4 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`},t))]})})}export{Z as t};

package/dist/showcase/assets/smart-card-CwDYx0xj.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{_ as n}from"./section-C_rLy6Zn.js";import{a as r,c as i,o as a,r as o}from"./example-BsDQngs7.js";import{t as s}from"./chevron-down-mjLUdP6b.js";import{t as c}from"./ellipsis-Dumpj4aE.js";import{t as l}from"./info-DXwnIz56.js";import{N as u,d,n as f}from"./index-B4sKWDcN.js";import{a as p,c as m,i as h,l as g,n as _,o as v,r as y,s as b,t as x,u as S}from"./card-primitives-DzqLvy5f.js";import{r as C,t as w}from"./alert--MONSwFW.js";import{a as T,l as E,r as D,t as O}from"./dropdown-menu-5yqchTEF.js";var k=e(t(),1),A=d();function j({alert:e,alertVariant:t,hasHeader:n,padding:r}){let i=g[r];return(0,A.jsx)(`div`,{className:f(m.alert,i.alertX,n?i.alertOffsetWithHeader:i.alertOffsetStandalone),children:(0,A.jsx)(w,{variant:t,children:(0,A.jsx)(C,{children:e})})})}function M({actions:e,actionsLabel:t}){return(0,A.jsxs)(O,{children:[(0,A.jsx)(E,{type:`button`,"aria-label":t,className:f(`inline-flex size-control-sm shrink-0 items-center justify-center rounded-radius p-0`,`text-muted-foreground hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`),children:(0,A.jsx)(c,{className:`size-4`})}),(0,A.jsx)(D,{align:`end`,className:`min-w-36 p-space-xs`,children:e.map((e,t)=>(0,A.jsxs)(T,{onClick:e.onClick,disabled:e.disabled,className:`gap-space-sm px-control-sm py-space-xs text-pxs`,children:[!!e.icon&&(0,A.jsx)(`span`,{className:`flex shrink-0 items-center`,children:e.icon}),e.label]},e.id??`${e.label}-${t}`))})]})}function N({tooltipLabel:e}){return(0,A.jsx)(i,{render:t=>{let n=t;return(0,A.jsx)(o,{...n,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:f(`h-5 w-5 text-muted-foreground`,n.className),"aria-label":e,children:(0,A.jsx)(l,{className:`size-3.5`})})}})}function P({icon:e,title:t,titleSuffix:n,description:i,tooltip:o,tooltipLabel:s,headerStart:c,headerEnd:l,headerAction:u,actions:d,actionsLabel:p,padding:m,className:y}){let x=Array.isArray(d)?d:[],S=x.length>0,C=b(e),w=b(t),T=b(n),E=b(i),D=b(o),O=b(c),k=b(l),j=b(u),P=C||w||T||D,F=k||j||S;return(0,A.jsxs)(h,{className:f(`flex-row items-start justify-between gap-space-lg pb-0`,g[m].headerX,y),children:[(0,A.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-space-xs`,children:[!!O&&c,!!P&&(0,A.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs`,children:[!!C&&(0,A.jsx)(`span`,{className:`flex shrink-0 items-center text-muted-foreground`,children:e}),(0,A.jsx)(v,{children:t}),!!T&&(0,A.jsx)(`div`,{className:`flex items-center gap-space-md`,children:n}),!!D&&(0,A.jsxs)(r,{children:[(0,A.jsx)(N,{tooltipLabel:s}),(0,A.jsx)(a,{children:o})]})]}),!!E&&(0,A.jsx)(_,{className:`text-left`,children:i})]}),!!F&&(0,A.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-md`,children:[!!k&&l,!!j&&u,!!S&&(0,A.jsx)(M,{actions:x,actionsLabel:p})]})]})}var F={expandLabel:`Expand card`,collapseLabel:`Collapse card`};function I({title:e,lines:t=2,className:n}){let r=({barClassName:e})=>(0,A.jsx)(`div`,{className:f(`animate-pulse rounded bg-muted`,e)});return(0,A.jsxs)(p,{className:f(S.card,`gap-space-xl py-surface-lg`,n),children:[(0,A.jsx)(h,{className:`flex-col gap-space-sm px-surface-lg pb-0`,children:e?(0,A.jsx)(v,{children:e}):(0,A.jsx)(r,{barClassName:`h-4 w-32`})}),(0,A.jsx)(x,{className:`space-y-space-lg px-surface-lg py-0`,children:Array.from({length:t},(e,t)=>(0,A.jsx)(r,{barClassName:f(`h-4`,t===0?`w-full`:`w-3/4`)},`skel-${String(t)}`))})]})}I.displayName=`SmartCardSkeleton`;function ee(e){return e===`small`||e==="default"?e:e===`sm`?`small`:`default`}var L=(0,k.forwardRef)(function({icon:e,title:t,titleSuffix:r,description:i,tooltip:a,tooltipAriaLabel:c=`Card info`,footerText:l,alert:d,alertVariant:m=`default`,surface:h,transparent:_=!1,padding:v,actions:C,actionsLabel:w=`Card actions`,headerAction:T,headerStart:E,headerEnd:D,contentTop:O,contentBottom:M,footerSlot:N,headerDivider:I,footerDivider:L=!1,expandable:R=!1,defaultExpanded:z=!1,expanded:B,onExpandedChange:V,children:te,className:ne,headerClassName:re,contentClassName:ie,footerClassName:H,strings:ae},oe){let{defaultPadding:se,defaultSurface:ce,defaultHeaderDivider:le}=n(),U=ee(v??se),W=g[U],G=Array.isArray(C)?C:[],K=u(F,ae),q=R!==!1&&R!==void 0,J=typeof R==`object`&&R?.collapsedMaxHeight!==void 0?R.collapsedMaxHeight:`12rem`,ue=typeof J==`number`?`${J}px`:J,Y=B!==void 0,[de,fe]=(0,k.useState)(z),X=Y?B:de,pe=(0,k.useCallback)(()=>{let e=!X;Y||fe(e),V?.(e)},[X,Y,V]),Z=b(e)||b(t)||b(i)||G.length>0||b(T)||b(E)||b(D),me=b(d),he=b(l),ge=b(N),_e=b(O),Q=b(M),ve=c.trim().length>0?c:`Card info`,ye=q?{maxHeight:X?``:ue}:void 0,$=h??(_?`flat`:ce??`framed`),be=I??le??!1;return(0,A.jsxs)(p,{ref:oe,"data-surface":$,className:f(S[$],W.shell,q&&`relative pb-1 !overflow-visible`,ne),children:[!!Z&&(0,A.jsx)(P,{icon:e,title:t,titleSuffix:r,description:i,tooltip:a,tooltipLabel:ve,headerStart:E,headerEnd:D,headerAction:T,actions:G,actionsLabel:w,padding:U,className:f(be&&`pb-space-lg border-b border-border/60`,re)}),!!me&&(0,A.jsx)(j,{alert:d,alertVariant:m,hasHeader:Z,padding:U}),(0,A.jsxs)(x,{className:f(W.contentX,W.contentY,q&&`relative overflow-hidden transition-[max-height] duration-500 ease-in-out`,ie),style:ye,children:[!!_e&&O,te,!!Q&&M,!!q&&!X&&(0,A.jsx)(`div`,{"aria-hidden":`true`,className:`from-background pointer-events-none absolute inset-x-0 bottom-0 h-20 rounded-b-lg bg-linear-to-t to-transparent`})]}),!!he&&(0,A.jsx)(y,{className:f(`justify-end text-xs text-muted-foreground`,W.footerX,L&&`pt-space-lg border-t border-border/60`,H),children:l}),!!ge&&(0,A.jsx)(y,{className:f(`flex-col items-stretch`,W.footerX,L&&`pt-space-lg border-t border-border/60`,H),children:N}),!!q&&(0,A.jsx)(`div`,{className:`absolute -bottom-4 left-1/2 -translate-x-1/2 z-10`,children:(0,A.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`icon-small`,onClick:pe,"aria-expanded":X,"aria-label":X?K.collapseLabel:K.expandLabel,className:f(`inline-flex size-control-sm items-center justify-center rounded-full`,`border border-border bg-background text-foreground shadow-sm`,`hover:bg-muted/40 transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`),children:[(0,A.jsx)(s,{"aria-hidden":`true`,className:f(`size-4 transition-transform duration-300`,X&&`rotate-180`)}),(0,A.jsx)(`span`,{className:`sr-only`,children:X?K.collapseLabel:K.expandLabel})]})})]})});L.displayName=`SmartCard`;export{I as n,L as t};

package/dist/showcase/assets/sonner-Dpe1Nwfb.js

@@ -0,0 +1,22 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{er as r,t as i}from"./example-BsDQngs7.js";import{d as a}from"./index-B4sKWDcN.js";import{n as o}from"./dist-SJMpFlRc.js";import{n as s}from"./PreviewLayout-CE0fmzoc.js";var c=e({TriggerToasts:()=>u}),l=a();function u(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(r,{onClick:()=>o(`Default toast`),children:`Default`}),(0,l.jsx)(r,{variant:`outline`,onClick:()=>o.success(`Saved successfully`),children:`Success`}),(0,l.jsx)(r,{variant:`outline`,onClick:()=>o.warning(`Heads up`),children:`Warning`}),(0,l.jsx)(r,{variant:`destructive`,onClick:()=>o.error(`Failed to save`),children:`Error`}),(0,l.jsx)(r,{variant:`secondary`,onClick:()=>o.info(`FYI`),children:`Info`}),(0,l.jsx)(r,{variant:`ghost`,onClick:()=>{let e=o.loading(`Working…`);setTimeout(()=>o.success(`Done`,{id:e}),1500)},children:`Loading → success`})]})})}var d=`import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Row } from '../../PreviewLayout';
+
+export function TriggerToasts() {
+	return (
+		<>
+			<Row>
+								<Button onClick={() => toast('Default toast')}>Default</Button>
+								<Button variant="outline" onClick={() => toast.success('Saved successfully')}>Success</Button>
+								<Button variant="outline" onClick={() => toast.warning('Heads up')}>Warning</Button>
+								<Button variant="destructive" onClick={() => toast.error('Failed to save')}>Error</Button>
+								<Button variant="secondary" onClick={() => toast.info('FYI')}>Info</Button>
+								<Button variant="ghost" onClick={() => {
+									const id = toast.loading('Working…');
+									setTimeout(() => toast.success('Done', { id }), 1500);
+								}}>Loading → success</Button>
+							</Row>
+		</>
+	);
+}
+`;function f(e){return c||m(`Examples`,!1),u||m(`Examples.TriggerToasts`,!0),(0,l.jsx)(t,{title:`UI · Sonner toaster`,description:`Toast notifications.`,layer:`ui`,status:`ready`,children:(0,l.jsx)(n,{title:`Examples`,id:`examples`,children:(0,l.jsx)(i,{name:`TriggerToasts`,source:d,children:(0,l.jsx)(u,{})})})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,l.jsx)(t,{...e,children:(0,l.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/sortable.esm-BSC2lHxr.js

@@ -0,0 +1,5 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{P as n}from"./index-B4sKWDcN.js";var r=e(n()),i=e(t());function a(){var e=[...arguments];return(0,i.useMemo)(()=>t=>{e.forEach(e=>e(t))},e)}var o=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function s(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function c(e){return`nodeType`in e}function l(e){return e?s(e)?e:c(e)?e.ownerDocument?.defaultView??window:window:window}function u(e){let{Document:t}=l(e);return e instanceof t}function d(e){return s(e)?!1:e instanceof l(e).HTMLElement}function f(e){return e instanceof l(e).SVGElement}function p(e){return e?s(e)?e.document:c(e)?u(e)?e:d(e)||f(e)?e.ownerDocument:document:document:document}var m=o?i.useLayoutEffect:i.useEffect;function h(e){let t=(0,i.useRef)(e);return m(()=>{t.current=e}),(0,i.useCallback)(function(){var e=[...arguments];return t.current==null?void 0:t.current(...e)},[])}function g(){let e=(0,i.useRef)(null);return[(0,i.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,i.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function _(e,t){t===void 0&&(t=[e]);let n=(0,i.useRef)(e);return m(()=>{n.current!==e&&(n.current=e)},t),n}function v(e,t){let n=(0,i.useRef)();return(0,i.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function y(e){let t=h(e),n=(0,i.useRef)(null);return[n,(0,i.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}function b(e){let t=(0,i.useRef)();return(0,i.useEffect)(()=>{t.current=e},[e]),t.current}var x={};function S(e,t){return(0,i.useMemo)(()=>{if(t)return t;let n=x[e]==null?0:x[e]+1;return x[e]=n,e+`-`+n},[e,t])}function C(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var w=C(1),T=C(-1);function E(e){return`clientX`in e&&`clientY`in e}function D(e){if(!e)return!1;let{KeyboardEvent:t}=l(e.target);return t&&e instanceof t}function ee(e){if(!e)return!1;let{TouchEvent:t}=l(e.target);return t&&e instanceof t}function te(e){if(ee(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return E(e)?{x:e.clientX,y:e.clientY}:null}var O=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[O.Translate.toString(e),O.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),k=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function A(e){return e.matches(k)?e:e.querySelector(k)}var ne={display:`none`};function re(e){let{id:t,value:n}=e;return i.createElement(`div`,{id:t,style:ne},n)}function j(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return i.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}function ie(){let[e,t]=(0,i.useState)(``);return{announce:(0,i.useCallback)(e=>{e!=null&&t(e)},[]),announcement:e}}var ae=(0,i.createContext)(null);function M(e){let t=(0,i.useContext)(ae);(0,i.useEffect)(()=>{if(!t)throw Error(`useDndMonitor must be used within a children of <DndContext>`);return t(e)},[e,t])}function oe(){let[e]=(0,i.useState)(()=>new Set),t=(0,i.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,i.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>e[n]?.call(e,r))},[e]),t]}var se={draggable:`
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `},ce={onDragStart(e){let{active:t}=e;return`Picked up draggable item `+t.id+`.`},onDragOver(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was moved over droppable area `+n.id+`.`:`Draggable item `+t.id+` is no longer over a droppable area.`},onDragEnd(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was dropped over droppable area `+n.id:`Draggable item `+t.id+` was dropped.`},onDragCancel(e){let{active:t}=e;return`Dragging was cancelled. Draggable item `+t.id+` was dropped.`}};function N(e){let{announcements:t=ce,container:n,hiddenTextDescribedById:a,screenReaderInstructions:o=se}=e,{announce:s,announcement:c}=ie(),l=S(`DndLiveRegion`),[u,d]=(0,i.useState)(!1);if((0,i.useEffect)(()=>{d(!0)},[]),M((0,i.useMemo)(()=>({onDragStart(e){let{active:n}=e;s(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&s(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;s(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;s(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;s(t.onDragCancel({active:n,over:r}))}}),[s,t])),!u)return null;let f=i.createElement(i.Fragment,null,i.createElement(re,{id:a,value:o.draggable}),i.createElement(j,{id:l,announcement:c}));return n?(0,r.createPortal)(f,n):f}var P;(function(e){e.DragStart=`dragStart`,e.DragMove=`dragMove`,e.DragEnd=`dragEnd`,e.DragCancel=`dragCancel`,e.DragOver=`dragOver`,e.RegisterDroppable=`registerDroppable`,e.SetDroppableDisabled=`setDroppableDisabled`,e.UnregisterDroppable=`unregisterDroppable`})(P||={});function F(){}function I(e,t){return(0,i.useMemo)(()=>({sensor:e,options:t??{}}),[e,t])}function L(){var e=[...arguments];return(0,i.useMemo)(()=>[...e].filter(e=>e!=null),[...e])}var R=Object.freeze({x:0,y:0});function z(e,t){return Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2)}function le(e,t){let n=te(e);if(!n)return`0 0`;let r={x:(n.x-t.left)/t.width*100,y:(n.y-t.top)/t.height*100};return r.x+`% `+r.y+`%`}function ue(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function de(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function B(e){let{left:t,top:n,height:r,width:i}=e;return[{x:t,y:n},{x:t+i,y:n},{x:t,y:n+r},{x:t+i,y:n+r}]}function fe(e,t){if(!e||e.length===0)return null;let[n]=e;return t?n[t]:n}function pe(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}var V=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=pe(t,t.left,t.top),a=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=z(pe(r),i);a.push({id:t,data:{droppableContainer:e,value:n}})}}return a.sort(ue)},me=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=B(t),a=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=B(r),o=i.reduce((e,t,r)=>e+z(n[r],t),0),s=Number((o/4).toFixed(4));a.push({id:t,data:{droppableContainer:e,value:s}})}}return a.sort(ue)};function H(e,t){let n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),a=Math.min(t.top+t.height,e.top+e.height),o=i-r,s=a-n;if(r<i&&n<a){let n=t.width*t.height,r=e.width*e.height,i=o*s,a=i/(n+r-i);return Number(a.toFixed(4))}return 0}var he=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=[];for(let e of r){let{id:r}=e,a=n.get(r);if(a){let n=H(a,t);n>0&&i.push({id:r,data:{droppableContainer:e,value:n}})}}return i.sort(de)};function ge(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function U(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:R}function W(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}var _e=W(1);function ve(e){if(e.startsWith(`matrix3d(`)){let t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith(`matrix(`)){let t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function ye(e,t,n){let r=ve(t);if(!r)return e;let{scaleX:i,scaleY:a,x:o,y:s}=r,c=e.left-o-(1-i)*parseFloat(n),l=e.top-s-(1-a)*parseFloat(n.slice(n.indexOf(` `)+1)),u=i?e.width/i:e.width,d=a?e.height/a:e.height;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c}}var be={ignoreTransform:!1};function G(e,t){t===void 0&&(t=be);let n=e.getBoundingClientRect();if(t.ignoreTransform){let{transform:t,transformOrigin:r}=l(e).getComputedStyle(e);t&&(n=ye(n,t,r))}let{top:r,left:i,width:a,height:o,bottom:s,right:c}=n;return{top:r,left:i,width:a,height:o,bottom:s,right:c}}function K(e){return G(e,{ignoreTransform:!0})}function xe(e){let t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function Se(e,t){return t===void 0&&(t=l(e).getComputedStyle(e)),t.position===`fixed`}function Ce(e,t){t===void 0&&(t=l(e).getComputedStyle(e));let n=/(auto|scroll|overlay)/;return[`overflow`,`overflowX`,`overflowY`].some(e=>{let r=t[e];return typeof r==`string`?n.test(r):!1})}function we(e,t){let n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(u(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!d(i)||f(i)||n.includes(i))return n;let a=l(e).getComputedStyle(i);return i!==e&&Ce(i,a)&&n.push(i),Se(i,a)?n:r(i.parentNode)}return e?r(e):n}function Te(e){let[t]=we(e,1);return t??null}function q(e){return!o||!e?null:s(e)?e:c(e)?u(e)||e===p(e).scrollingElement?window:d(e)?e:null:null}function J(e){return s(e)?e.scrollX:e.scrollLeft}function Y(e){return s(e)?e.scrollY:e.scrollTop}function Ee(e){return{x:J(e),y:Y(e)}}var X;(function(e){e[e.Forward=1]=`Forward`,e[e.Backward=-1]=`Backward`})(X||={});function De(e){return!o||!e?!1:e===document.scrollingElement}function Oe(e){let t={x:0,y:0},n=De(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}var ke={x:.2,y:.2};function Ae(e,t,n,r,i){let{top:a,left:o,right:s,bottom:c}=n;r===void 0&&(r=10),i===void 0&&(i=ke);let{isTop:l,isBottom:u,isLeft:d,isRight:f}=Oe(e),p={x:0,y:0},m={x:0,y:0},h={height:t.height*i.y,width:t.width*i.x};return!l&&a<=t.top+h.height?(p.y=X.Backward,m.y=r*Math.abs((t.top+h.height-a)/h.height)):!u&&c>=t.bottom-h.height&&(p.y=X.Forward,m.y=r*Math.abs((t.bottom-h.height-c)/h.height)),!f&&s>=t.right-h.width?(p.x=X.Forward,m.x=r*Math.abs((t.right-h.width-s)/h.width)):!d&&o<=t.left+h.width&&(p.x=X.Backward,m.x=r*Math.abs((t.left+h.width-o)/h.width)),{direction:p,speed:m}}function je(e){if(e===document.scrollingElement){let{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}let{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Me(e){return e.reduce((e,t)=>w(e,Ee(t)),R)}function Ne(e){return e.reduce((e,t)=>e+J(t),0)}function Pe(e){return e.reduce((e,t)=>e+Y(t),0)}function Fe(e,t){if(t===void 0&&(t=G),!e)return;let{top:n,left:r,bottom:i,right:a}=t(e);Te(e)&&(i<=0||a<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:`center`,inline:`center`})}var Ie=[[`x`,[`left`,`right`],Ne],[`y`,[`top`,`bottom`],Pe]],Le=class{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;let n=we(t),r=Me(n);this.rect={...e},this.width=e.width,this.height=e.height;for(let[e,t,i]of Ie)for(let a of t)Object.defineProperty(this,a,{get:()=>{let t=i(n),o=r[e]-t;return this.rect[a]+o},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}},Re=class{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>this.target?.removeEventListener(...e))},this.target=e}add(e,t,n){var r;(r=this.target)==null||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}};function ze(e){let{EventTarget:t}=l(e);return e instanceof t?e:p(e)}function Be(e,t){let n=Math.abs(e.x),r=Math.abs(e.y);return typeof t==`number`?Math.sqrt(n**2+r**2)>t:`x`in t&&`y`in t?n>t.x&&r>t.y:`x`in t?n>t.x:`y`in t?r>t.y:!1}var Z;(function(e){e.Click=`click`,e.DragStart=`dragstart`,e.Keydown=`keydown`,e.ContextMenu=`contextmenu`,e.Resize=`resize`,e.SelectionChange=`selectionchange`,e.VisibilityChange=`visibilitychange`})(Z||={});function Ve(e){e.preventDefault()}function He(e){e.stopPropagation()}var Q;(function(e){e.Space=`Space`,e.Down=`ArrowDown`,e.Right=`ArrowRight`,e.Left=`ArrowLeft`,e.Up=`ArrowUp`,e.Esc=`Escape`,e.Enter=`Enter`,e.Tab=`Tab`})(Q||={});var Ue={start:[Q.Space,Q.Enter],cancel:[Q.Esc],end:[Q.Space,Q.Enter,Q.Tab]},We=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case Q.Right:return{...n,x:n.x+25};case Q.Left:return{...n,x:n.x-25};case Q.Down:return{...n,y:n.y+25};case Q.Up:return{...n,y:n.y-25}}},Ge=class{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;let{event:{target:t}}=e;this.props=e,this.listeners=new Re(p(t)),this.windowListeners=new Re(l(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Z.Resize,this.handleCancel),this.windowListeners.add(Z.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Z.Keydown,this.handleKeyDown))}handleStart(){let{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&Fe(n),t(R)}handleKeyDown(e){if(D(e)){let{active:t,context:n,options:r}=this.props,{keyboardCodes:i=Ue,coordinateGetter:a=We,scrollBehavior:o=`smooth`}=r,{code:s}=e;if(i.end.includes(s)){this.handleEnd(e);return}if(i.cancel.includes(s)){this.handleCancel(e);return}let{collisionRect:c}=n.current,l=c?{x:c.left,y:c.top}:R;this.referenceCoordinates||=l;let u=a(e,{active:t,context:n.current,currentCoordinates:l});if(u){let t=T(u,l),r={x:0,y:0},{scrollableAncestors:i}=n.current;for(let n of i){let i=e.code,{isTop:a,isRight:s,isLeft:c,isBottom:l,maxScroll:d,minScroll:f}=Oe(n),p=je(n),m={x:Math.min(i===Q.Right?p.right-p.width/2:p.right,Math.max(i===Q.Right?p.left:p.left+p.width/2,u.x)),y:Math.min(i===Q.Down?p.bottom-p.height/2:p.bottom,Math.max(i===Q.Down?p.top:p.top+p.height/2,u.y))},h=i===Q.Right&&!s||i===Q.Left&&!c,g=i===Q.Down&&!l||i===Q.Up&&!a;if(h&&m.x!==u.x){let e=n.scrollLeft+t.x,a=i===Q.Right&&e<=d.x||i===Q.Left&&e>=f.x;if(a&&!t.y){n.scrollTo({left:e,behavior:o});return}a?r.x=n.scrollLeft-e:r.x=i===Q.Right?n.scrollLeft-d.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:o});break}else if(g&&m.y!==u.y){let e=n.scrollTop+t.y,a=i===Q.Down&&e<=d.y||i===Q.Up&&e>=f.y;if(a&&!t.x){n.scrollTo({top:e,behavior:o});return}a?r.y=n.scrollTop-e:r.y=i===Q.Down?n.scrollTop-d.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:o});break}}this.handleMove(e,w(T(u,this.referenceCoordinates),r))}}}handleMove(e,t){let{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){let{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){let{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}};Ge.activators=[{eventName:`onKeyDown`,handler:(e,t,n)=>{let{keyboardCodes:r=Ue,onActivation:i}=t,{active:a}=n,{code:o}=e.nativeEvent;if(r.start.includes(o)){let t=a.activatorNode.current;return t&&e.target!==t?!1:(e.preventDefault(),i?.({event:e.nativeEvent}),!0)}return!1}}];function Ke(e){return!!(e&&`distance`in e)}function qe(e){return!!(e&&`delay`in e)}var Je=class{constructor(e,t,n){n===void 0&&(n=ze(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;let{event:r}=e,{target:i}=r;this.props=e,this.events=t,this.document=p(i),this.documentListeners=new Re(this.document),this.listeners=new Re(n),this.windowListeners=new Re(l(i)),this.initialCoordinates=te(r)??R,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){let{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(Z.Resize,this.handleCancel),this.windowListeners.add(Z.DragStart,Ve),this.windowListeners.add(Z.VisibilityChange,this.handleCancel),this.windowListeners.add(Z.ContextMenu,Ve),this.documentListeners.add(Z.Keydown,this.handleKeydown),t){if(n!=null&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(qe(t)){this.timeoutId=setTimeout(this.handleStart,t.delay),this.handlePending(t);return}if(Ke(t)){this.handlePending(t);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){let{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){let{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(Z.Click,He,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Z.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){let{activated:t,initialCoordinates:n,props:r}=this,{onMove:i,options:{activationConstraint:a}}=r;if(!n)return;let o=te(e)??R,s=T(n,o);if(!t&&a){if(Ke(a)){if(a.tolerance!=null&&Be(s,a.tolerance))return this.handleCancel();if(Be(s,a.distance))return this.handleStart()}if(qe(a)&&Be(s,a.tolerance))return this.handleCancel();this.handlePending(a,s);return}e.cancelable&&e.preventDefault(),i(o)}handleEnd(){let{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){let{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===Q.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}},Ye={cancel:{name:`pointercancel`},move:{name:`pointermove`},end:{name:`pointerup`}},Xe=class extends Je{constructor(e){let{event:t}=e,n=p(t.target);super(e,Ye,n)}};Xe.activators=[{eventName:`onPointerDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];var Ze={move:{name:`mousemove`},end:{name:`mouseup`}},Qe;(function(e){e[e.RightClick=2]=`RightClick`})(Qe||={});var $e=class extends Je{constructor(e){super(e,Ze,p(e.event.target))}};$e.activators=[{eventName:`onMouseDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Qe.RightClick?!1:(r?.({event:n}),!0)}}];var et={cancel:{name:`touchcancel`},move:{name:`touchmove`},end:{name:`touchend`}},tt=class extends Je{constructor(e){super(e,et)}static setup(){return window.addEventListener(et.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(et.move.name,e)};function e(){}}};tt.activators=[{eventName:`onTouchStart`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t,{touches:i}=n;return i.length>1?!1:(r?.({event:n}),!0)}}];var nt;(function(e){e[e.Pointer=0]=`Pointer`,e[e.DraggableRect=1]=`DraggableRect`})(nt||={});var rt;(function(e){e[e.TreeOrder=0]=`TreeOrder`,e[e.ReversedTreeOrder=1]=`ReversedTreeOrder`})(rt||={});function it(e){let{acceleration:t,activator:n=nt.Pointer,canScroll:r,draggingRect:a,enabled:o,interval:s=5,order:c=rt.TreeOrder,pointerCoordinates:l,scrollableAncestors:u,scrollableAncestorRects:d,delta:f,threshold:p}=e,m=ot({delta:f,disabled:!o}),[h,_]=g(),v=(0,i.useRef)({x:0,y:0}),y=(0,i.useRef)({x:0,y:0}),b=(0,i.useMemo)(()=>{switch(n){case nt.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case nt.DraggableRect:return a}},[n,a,l]),x=(0,i.useRef)(null),S=(0,i.useCallback)(()=>{let e=x.current;if(!e)return;let t=v.current.x*y.current.x,n=v.current.y*y.current.y;e.scrollBy(t,n)},[]),C=(0,i.useMemo)(()=>c===rt.TreeOrder?[...u].reverse():u,[c,u]);(0,i.useEffect)(()=>{if(!o||!u.length||!b){_();return}for(let e of C){if(r?.(e)===!1)continue;let n=d[u.indexOf(e)];if(!n)continue;let{direction:i,speed:a}=Ae(e,n,b,t,p);for(let e of[`x`,`y`])m[e][i[e]]||(a[e]=0,i[e]=0);if(a.x>0||a.y>0){_(),x.current=e,h(S,s),v.current=a,y.current=i;return}}v.current={x:0,y:0},y.current={x:0,y:0},_()},[t,S,r,_,o,s,JSON.stringify(b),JSON.stringify(m),h,u,C,d,JSON.stringify(p)])}var at={x:{[X.Backward]:!1,[X.Forward]:!1},y:{[X.Backward]:!1,[X.Forward]:!1}};function ot(e){let{delta:t,disabled:n}=e,r=b(t);return v(e=>{if(n||!r||!e)return at;let i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[X.Backward]:e.x[X.Backward]||i.x===-1,[X.Forward]:e.x[X.Forward]||i.x===1},y:{[X.Backward]:e.y[X.Backward]||i.y===-1,[X.Forward]:e.y[X.Forward]||i.y===1}}},[n,t,r])}function st(e,t){let n=t==null?void 0:e.get(t),r=n?n.node.current:null;return v(e=>t==null?null:r??e??null,[r,t])}function ct(e,t){return(0,i.useMemo)(()=>e.reduce((e,n)=>{let{sensor:r}=n,i=r.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}));return[...e,...i]},[]),[e,t])}var lt;(function(e){e[e.Always=0]=`Always`,e[e.BeforeDragging=1]=`BeforeDragging`,e[e.WhileDragging=2]=`WhileDragging`})(lt||={});var ut;(function(e){e.Optimized=`optimized`})(ut||={});var dt=new Map;function ft(e,t){let{dragging:n,dependencies:r,config:a}=t,[o,s]=(0,i.useState)(null),{frequency:c,measure:l,strategy:u}=a,d=(0,i.useRef)(e),f=y(),p=_(f),m=(0,i.useCallback)(function(e){e===void 0&&(e=[]),!p.current&&s(t=>t===null?e:t.concat(e.filter(e=>!t.includes(e))))},[p]),h=(0,i.useRef)(null),g=v(t=>{if(f&&!n)return dt;if(!t||t===dt||d.current!==e||o!=null){let t=new Map;for(let n of e){if(!n)continue;if(o&&o.length>0&&!o.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}let e=n.node.current,r=e?new Le(l(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,o,n,f,l]);return(0,i.useEffect)(()=>{d.current=e},[e]),(0,i.useEffect)(()=>{f||m()},[n,f]),(0,i.useEffect)(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),(0,i.useEffect)(()=>{f||typeof c!=`number`||h.current!==null||(h.current=setTimeout(()=>{m(),h.current=null},c))},[c,f,m,...r]),{droppableRects:g,measureDroppableContainers:m,measuringScheduled:o!=null};function y(){switch(u){case lt.Always:return!1;case lt.BeforeDragging:return n;default:return!n}}}function pt(e,t){return v(n=>e?n||(typeof t==`function`?t(e):e):null,[t,e])}function mt(e,t){return pt(e,t)}function ht(e){let{callback:t,disabled:n}=e,r=h(t),a=(0,i.useMemo)(()=>{if(n||typeof window>`u`||window.MutationObserver===void 0)return;let{MutationObserver:e}=window;return new e(r)},[r,n]);return(0,i.useEffect)(()=>()=>a?.disconnect(),[a]),a}function gt(e){let{callback:t,disabled:n}=e,r=h(t),a=(0,i.useMemo)(()=>{if(n||typeof window>`u`||window.ResizeObserver===void 0)return;let{ResizeObserver:e}=window;return new e(r)},[n]);return(0,i.useEffect)(()=>()=>a?.disconnect(),[a]),a}function _t(e){return new Le(G(e),e)}function vt(e,t,n){t===void 0&&(t=_t);let[r,a]=(0,i.useState)(null);function o(){a(r=>{if(!e)return null;if(e.isConnected===!1)return r??n??null;let i=t(e);return JSON.stringify(r)===JSON.stringify(i)?r:i})}let s=ht({callback(t){if(e)for(let n of t){let{type:t,target:r}=n;if(t===`childList`&&r instanceof HTMLElement&&r.contains(e)){o();break}}}}),c=gt({callback:o});return m(()=>{o(),e?(c?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(c?.disconnect(),s?.disconnect())},[e]),r}function yt(e){return U(e,pt(e))}var bt=[];function xt(e){let t=(0,i.useRef)(e),n=v(n=>e?n&&n!==bt&&e&&t.current&&e.parentNode===t.current.parentNode?n:we(e):bt,[e]);return(0,i.useEffect)(()=>{t.current=e},[e]),n}function St(e){let[t,n]=(0,i.useState)(null),r=(0,i.useRef)(e),a=(0,i.useCallback)(e=>{let t=q(e.target);t&&n(e=>e?(e.set(t,Ee(t)),new Map(e)):null)},[]);return(0,i.useEffect)(()=>{let t=r.current;if(e!==t){i(t);let o=e.map(e=>{let t=q(e);return t?(t.addEventListener(`scroll`,a,{passive:!0}),[t,Ee(t)]):null}).filter(e=>e!=null);n(o.length?new Map(o):null),r.current=e}return()=>{i(e),i(t)};function i(e){e.forEach(e=>{q(e)?.removeEventListener(`scroll`,a)})}},[a,e]),(0,i.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>w(e,t),R):Me(e):R,[e,t])}function Ct(e,t){t===void 0&&(t=[]);let n=(0,i.useRef)(null);return(0,i.useEffect)(()=>{n.current=null},t),(0,i.useEffect)(()=>{let t=e!==R;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?T(e,n.current):R}function wt(e){(0,i.useEffect)(()=>{if(!o)return;let t=e.map(e=>{let{sensor:t}=e;return t.setup==null?void 0:t.setup()});return()=>{for(let e of t)e?.()}},e.map(e=>{let{sensor:t}=e;return t}))}function Tt(e,t){return(0,i.useMemo)(()=>e.reduce((e,n)=>{let{eventName:r,handler:i}=n;return e[r]=e=>{i(e,t)},e},{}),[e,t])}function Et(e){return(0,i.useMemo)(()=>e?xe(e):null,[e])}var Dt=[];function Ot(e,t){t===void 0&&(t=G);let[n]=e,r=Et(n?l(n):null),[a,o]=(0,i.useState)(Dt);function s(){o(()=>e.length?e.map(e=>De(e)?r:new Le(t(e),e)):Dt)}let c=gt({callback:s});return m(()=>{c?.disconnect(),s(),e.forEach(e=>c?.observe(e))},[e]),a}function kt(e){if(!e)return null;if(e.children.length>1)return e;let t=e.children[0];return d(t)?t:e}function At(e){let{measure:t}=e,[n,r]=(0,i.useState)(null),a=gt({callback:(0,i.useCallback)(e=>{for(let{target:n}of e)if(d(n)){r(e=>{let r=t(n);return e?{...e,width:r.width,height:r.height}:r});break}},[t])}),[o,s]=y((0,i.useCallback)(e=>{let n=kt(e);a?.disconnect(),n&&a?.observe(n),r(n?t(n):null)},[t,a]));return(0,i.useMemo)(()=>({nodeRef:o,rect:n,setRef:s}),[n,o,s])}var jt=[{sensor:Xe,options:{}},{sensor:Ge,options:{}}],Mt={current:{}},Nt={draggable:{measure:K},droppable:{measure:K,strategy:lt.WhileDragging,frequency:ut.Optimized},dragOverlay:{measure:G}},Pt=class extends Map{get(e){return e==null?void 0:super.get(e)??void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){return this.get(e)?.node.current??void 0}},Ft={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Pt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:F},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Nt,measureDroppableContainers:F,windowRect:null,measuringScheduled:!1},It={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:``},dispatch:F,draggableNodes:new Map,over:null,measureDroppableContainers:F},Lt=(0,i.createContext)(It),Rt=(0,i.createContext)(Ft);function zt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Pt}}}function Bt(e,t){switch(t.type){case P.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case P.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case P.DragEnd:case P.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case P.RegisterDroppable:{let{element:n}=t,{id:r}=n,i=new Pt(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case P.SetDroppableDisabled:{let{id:n,key:r,disabled:i}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;let o=new Pt(e.droppable.containers);return o.set(n,{...a,disabled:i}),{...e,droppable:{...e.droppable,containers:o}}}case P.UnregisterDroppable:{let{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;let a=new Pt(e.droppable.containers);return a.delete(n),{...e,droppable:{...e.droppable,containers:a}}}default:return e}}function Vt(e){let{disabled:t}=e,{active:n,activatorEvent:r,draggableNodes:a}=(0,i.useContext)(Lt),o=b(r),s=b(n?.id);return(0,i.useEffect)(()=>{if(!t&&!r&&o&&s!=null){if(!D(o)||document.activeElement===o.target)return;let e=a.get(s);if(!e)return;let{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(let e of[t.current,n.current]){if(!e)continue;let t=A(e);if(t){t.focus();break}}})}},[r,t,a,s,o]),null}function Ht(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}function Ut(e){return(0,i.useMemo)(()=>({draggable:{...Nt.draggable,...e?.draggable},droppable:{...Nt.droppable,...e?.droppable},dragOverlay:{...Nt.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Wt(e){let{activeNode:t,measure:n,initialRect:r,config:a=!0}=e,o=(0,i.useRef)(!1),{x:s,y:c}=typeof a==`boolean`?{x:a,y:a}:a;m(()=>{if(!s&&!c||!t){o.current=!1;return}if(o.current||!r)return;let e=t?.node.current;if(!e||e.isConnected===!1)return;let i=U(n(e),r);if(s||(i.x=0),c||(i.y=0),o.current=!0,Math.abs(i.x)>0||Math.abs(i.y)>0){let t=Te(e);t&&t.scrollBy({top:i.y,left:i.x})}},[t,s,c,r,n])}var Gt=(0,i.createContext)({...R,scaleX:1,scaleY:1}),$;(function(e){e[e.Uninitialized=0]=`Uninitialized`,e[e.Initializing=1]=`Initializing`,e[e.Initialized=2]=`Initialized`})($||={});var Kt=(0,i.memo)(function(e){let{id:t,accessibility:n,autoScroll:a=!0,children:o,sensors:s=jt,collisionDetection:c=he,measuring:u,modifiers:d,...f}=e,[p,h]=(0,i.useReducer)(Bt,void 0,zt),[g,v]=oe(),[y,b]=(0,i.useState)($.Uninitialized),x=y===$.Initialized,{draggable:{active:C,nodes:T,translate:E},droppable:{containers:D}}=p,ee=C==null?null:T.get(C),O=(0,i.useRef)({initial:null,translated:null}),k=(0,i.useMemo)(()=>C==null?null:{id:C,data:ee?.data??Mt,rect:O},[C,ee]),A=(0,i.useRef)(null),[ne,re]=(0,i.useState)(null),[j,ie]=(0,i.useState)(null),M=_(f,Object.values(f)),se=S(`DndDescribedBy`,t),ce=(0,i.useMemo)(()=>D.getEnabled(),[D]),F=Ut(u),{droppableRects:I,measureDroppableContainers:L,measuringScheduled:R}=ft(ce,{dragging:x,dependencies:[E.x,E.y],config:F.droppable}),z=st(T,C),le=(0,i.useMemo)(()=>j?te(j):null,[j]),ue=Pe(),de=mt(z,F.draggable.measure);Wt({activeNode:C==null?null:T.get(C),config:ue.layoutShiftCompensation,initialRect:de,measure:F.draggable.measure});let B=vt(z,F.draggable.measure,de),pe=vt(z?z.parentElement:null),V=(0,i.useRef)({activatorEvent:null,active:null,activeNode:z,collisionRect:null,collisions:null,droppableRects:I,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:D,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),me=D.getNodeFor(V.current.over?.id),H=At({measure:F.dragOverlay.measure}),U=H.nodeRef.current??z,W=x?H.rect??B:null,ve=!!(H.nodeRef.current&&H.rect),ye=yt(ve?null:B),be=Et(U?l(U):null),G=xt(x?me??z:null),K=Ot(G),xe=Ht(d,{transform:{x:E.x-ye.x,y:E.y-ye.y,scaleX:1,scaleY:1},activatorEvent:j,active:k,activeNodeRect:B,containerNodeRect:pe,draggingNodeRect:W,over:V.current.over,overlayNodeRect:H.rect,scrollableAncestors:G,scrollableAncestorRects:K,windowRect:be}),Se=le?w(le,E):null,Ce=St(G),we=Ct(Ce),Te=Ct(Ce,[B]),q=w(xe,we),J=W?_e(W,xe):null,Y=k&&J?c({active:k,collisionRect:J,droppableRects:I,droppableContainers:ce,pointerCoordinates:Se}):null,Ee=fe(Y,`id`),[X,De]=(0,i.useState)(null),Oe=ge(ve?xe:w(xe,Te),X?.rect??null,B),ke=(0,i.useRef)(null),Ae=(0,i.useCallback)((e,t)=>{let{sensor:n,options:i}=t;if(A.current==null)return;let a=T.get(A.current);if(!a)return;let o=e.nativeEvent;ke.current=new n({active:A.current,activeNode:a,event:o,options:i,context:V,onAbort(e){if(!T.get(e))return;let{onDragAbort:t}=M.current,n={id:e};t?.(n),g({type:`onDragAbort`,event:n})},onPending(e,t,n,r){if(!T.get(e))return;let{onDragPending:i}=M.current,a={id:e,constraint:t,initialCoordinates:n,offset:r};i?.(a),g({type:`onDragPending`,event:a})},onStart(e){let t=A.current;if(t==null)return;let n=T.get(t);if(!n)return;let{onDragStart:i}=M.current,a={activatorEvent:o,active:{id:t,data:n.data,rect:O}};(0,r.unstable_batchedUpdates)(()=>{i?.(a),b($.Initializing),h({type:P.DragStart,initialCoordinates:e,active:t}),g({type:`onDragStart`,event:a}),re(ke.current),ie(o)})},onMove(e){h({type:P.DragMove,coordinates:e})},onEnd:s(P.DragEnd),onCancel:s(P.DragCancel)});function s(e){return async function(){let{active:t,collisions:n,over:i,scrollAdjustedTranslate:a}=V.current,s=null;if(t&&a){let{cancelDrop:r}=M.current;s={activatorEvent:o,active:t,collisions:n,delta:a,over:i},e===P.DragEnd&&typeof r==`function`&&await Promise.resolve(r(s))&&(e=P.DragCancel)}A.current=null,(0,r.unstable_batchedUpdates)(()=>{h({type:e}),b($.Uninitialized),De(null),re(null),ie(null),ke.current=null;let t=e===P.DragEnd?`onDragEnd`:`onDragCancel`;if(s){let e=M.current[t];e?.(s),g({type:t,event:s})}})}}},[T]),je=ct(s,(0,i.useCallback)((e,t)=>(n,r)=>{let i=n.nativeEvent,a=T.get(r);if(A.current!==null||!a||i.dndKit||i.defaultPrevented)return;let o={active:a};e(n,t.options,o)===!0&&(i.dndKit={capturedBy:t.sensor},A.current=r,Ae(n,t))},[T,Ae]));wt(s),m(()=>{B&&y===$.Initializing&&b($.Initialized)},[B,y]),(0,i.useEffect)(()=>{let{onDragMove:e}=M.current,{active:t,activatorEvent:n,collisions:i,over:a}=V.current;if(!t||!n)return;let o={active:t,activatorEvent:n,collisions:i,delta:{x:q.x,y:q.y},over:a};(0,r.unstable_batchedUpdates)(()=>{e?.(o),g({type:`onDragMove`,event:o})})},[q.x,q.y]),(0,i.useEffect)(()=>{let{active:e,activatorEvent:t,collisions:n,droppableContainers:i,scrollAdjustedTranslate:a}=V.current;if(!e||A.current==null||!t||!a)return;let{onDragOver:o}=M.current,s=i.get(Ee),c=s&&s.rect.current?{id:s.id,rect:s.rect.current,data:s.data,disabled:s.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:a.x,y:a.y},over:c};(0,r.unstable_batchedUpdates)(()=>{De(c),o?.(l),g({type:`onDragOver`,event:l})})},[Ee]),m(()=>{V.current={activatorEvent:j,active:k,activeNode:z,collisionRect:J,collisions:Y,droppableRects:I,draggableNodes:T,draggingNode:U,draggingNodeRect:W,droppableContainers:D,over:X,scrollableAncestors:G,scrollAdjustedTranslate:q},O.current={initial:W,translated:J}},[k,z,Y,J,T,U,W,I,D,X,G,q]),it({...ue,delta:E,draggingRect:J,pointerCoordinates:Se,scrollableAncestors:G,scrollableAncestorRects:K});let Me=(0,i.useMemo)(()=>({active:k,activeNode:z,activeNodeRect:B,activatorEvent:j,collisions:Y,containerNodeRect:pe,dragOverlay:H,draggableNodes:T,droppableContainers:D,droppableRects:I,over:X,measureDroppableContainers:L,scrollableAncestors:G,scrollableAncestorRects:K,measuringConfiguration:F,measuringScheduled:R,windowRect:be}),[k,z,B,j,Y,pe,H,T,D,I,X,L,G,K,F,R,be]),Ne=(0,i.useMemo)(()=>({activatorEvent:j,activators:je,active:k,activeNodeRect:B,ariaDescribedById:{draggable:se},dispatch:h,draggableNodes:T,over:X,measureDroppableContainers:L}),[j,je,k,B,h,se,T,X,L]);return i.createElement(ae.Provider,{value:v},i.createElement(Lt.Provider,{value:Ne},i.createElement(Rt.Provider,{value:Me},i.createElement(Gt.Provider,{value:Oe},o)),i.createElement(Vt,{disabled:n?.restoreFocus===!1})),i.createElement(N,{...n,hiddenTextDescribedById:se}));function Pe(){let e=ne?.autoScrollEnabled===!1,t=typeof a==`object`?a.enabled===!1:a===!1,n=x&&!e&&!t;return typeof a==`object`?{...a,enabled:n}:{enabled:n}}}),qt=(0,i.createContext)(null),Jt=`button`,Yt=`Draggable`;function Xt(e){let{id:t,data:n,disabled:r=!1,attributes:a}=e,o=S(Yt),{activators:s,activatorEvent:c,active:l,activeNodeRect:u,ariaDescribedById:d,draggableNodes:f,over:p}=(0,i.useContext)(Lt),{role:h=Jt,roleDescription:g=`draggable`,tabIndex:v=0}=a??{},b=l?.id===t,x=(0,i.useContext)(b?Gt:qt),[C,w]=y(),[T,E]=y(),D=Tt(s,t),ee=_(n);return m(()=>(f.set(t,{id:t,key:o,node:C,activatorNode:T,data:ee}),()=>{let e=f.get(t);e&&e.key===o&&f.delete(t)}),[f,t]),{active:l,activatorEvent:c,activeNodeRect:u,attributes:(0,i.useMemo)(()=>({role:h,tabIndex:v,"aria-disabled":r,"aria-pressed":b&&h===Jt?!0:void 0,"aria-roledescription":g,"aria-describedby":d.draggable}),[r,h,v,b,g,d.draggable]),isDragging:b,listeners:r?void 0:D,node:C,over:p,setNodeRef:w,setActivatorNodeRef:E,transform:x}}function Zt(){return(0,i.useContext)(Rt)}var Qt=`Droppable`,$t={timeout:25};function en(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:a}=e,o=S(Qt),{active:s,dispatch:c,over:l,measureDroppableContainers:u}=(0,i.useContext)(Lt),d=(0,i.useRef)({disabled:n}),f=(0,i.useRef)(!1),p=(0,i.useRef)(null),m=(0,i.useRef)(null),{disabled:h,updateMeasurementsFor:g,timeout:v}={...$t,...a},b=_(g??r),x=gt({callback:(0,i.useCallback)(()=>{if(!f.current){f.current=!0;return}m.current!=null&&clearTimeout(m.current),m.current=setTimeout(()=>{u(Array.isArray(b.current)?b.current:[b.current]),m.current=null},v)},[v]),disabled:h||!s}),[C,w]=y((0,i.useCallback)((e,t)=>{x&&(t&&(x.unobserve(t),f.current=!1),e&&x.observe(e))},[x])),T=_(t);return(0,i.useEffect)(()=>{!x||!C.current||(x.disconnect(),f.current=!1,x.observe(C.current))},[C,x]),(0,i.useEffect)(()=>(c({type:P.RegisterDroppable,element:{id:r,key:o,disabled:n,node:C,rect:p,data:T}}),()=>c({type:P.UnregisterDroppable,key:o,id:r})),[r]),(0,i.useEffect)(()=>{n!==d.current.disabled&&(c({type:P.SetDroppableDisabled,id:r,key:o,disabled:n}),d.current.disabled=n)},[r,o,n,c]),{active:s,rect:p,isOver:l?.id===r,node:C,over:l,setNodeRef:w}}function tn(e){let{animation:t,children:n}=e,[r,a]=(0,i.useState)(null),[o,s]=(0,i.useState)(null),c=b(n);return!n&&!r&&c&&a(c),m(()=>{if(!o)return;let e=r?.key,n=r?.props.id;if(e==null||n==null){a(null);return}Promise.resolve(t(n,o)).then(()=>{a(null)})},[t,r,o]),i.createElement(i.Fragment,null,n,r?(0,i.cloneElement)(r,{ref:s}):null)}var nn={x:0,y:0,scaleX:1,scaleY:1};function rn(e){let{children:t}=e;return i.createElement(Lt.Provider,{value:It},i.createElement(Gt.Provider,{value:nn},t))}var an={position:`fixed`,touchAction:`none`},on=e=>D(e)?`transform 250ms ease`:void 0,sn=(0,i.forwardRef)((e,t)=>{let{as:n,activatorEvent:r,adjustScale:a,children:o,className:s,rect:c,style:l,transform:u,transition:d=on}=e;if(!c)return null;let f=a?u:{...u,scaleX:1,scaleY:1},p={...an,width:c.width,height:c.height,top:c.top,left:c.left,transform:O.Transform.toString(f),transformOrigin:a&&r?le(r,c):void 0,transition:typeof d==`function`?d(r):d,...l};return i.createElement(n,{className:s,style:p,ref:t},o)}),cn={duration:250,easing:`ease`,keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:O.Transform.toString(t)},{transform:O.Transform.toString(n)}]},sideEffects:(e=>t=>{let{active:n,dragOverlay:r}=t,i={},{styles:a,className:o}=e;if(a!=null&&a.active)for(let[e,t]of Object.entries(a.active))t!==void 0&&(i[e]=n.node.style.getPropertyValue(e),n.node.style.setProperty(e,t));if(a!=null&&a.dragOverlay)for(let[e,t]of Object.entries(a.dragOverlay))t!==void 0&&r.node.style.setProperty(e,t);return o!=null&&o.active&&n.node.classList.add(o.active),o!=null&&o.dragOverlay&&r.node.classList.add(o.dragOverlay),function(){for(let[e,t]of Object.entries(i))n.node.style.setProperty(e,t);o!=null&&o.active&&n.node.classList.remove(o.active)}})({styles:{active:{opacity:`0`}}})};function ln(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:i}=e;return h((e,a)=>{if(t===null)return;let o=n.get(e);if(!o)return;let s=o.node.current;if(!s)return;let c=kt(a);if(!c)return;let{transform:u}=l(a).getComputedStyle(a),d=ve(u);if(!d)return;let f=typeof t==`function`?t:un(t);return Fe(s,i.draggable.measure),f({active:{id:e,data:o.data,node:s,rect:i.draggable.measure(s)},draggableNodes:n,dragOverlay:{node:a,rect:i.dragOverlay.measure(c)},droppableContainers:r,measuringConfiguration:i,transform:d})})}function un(e){let{duration:t,easing:n,sideEffects:r,keyframes:i}={...cn,...e};return e=>{let{active:a,dragOverlay:o,transform:s,...c}=e;if(!t)return;let l={x:o.rect.left-a.rect.left,y:o.rect.top-a.rect.top},u={scaleX:s.scaleX===1?1:a.rect.width*s.scaleX/o.rect.width,scaleY:s.scaleY===1?1:a.rect.height*s.scaleY/o.rect.height},d={x:s.x-l.x,y:s.y-l.y,...u},f=i({...c,active:a,dragOverlay:o,transform:{initial:s,final:d}}),[p]=f,m=f[f.length-1];if(JSON.stringify(p)===JSON.stringify(m))return;let h=r?.({active:a,dragOverlay:o,...c}),g=o.node.animate(f,{duration:t,easing:n,fill:`forwards`});return new Promise(e=>{g.onfinish=()=>{h?.(),e()}})}}var dn=0;function fn(e){return(0,i.useMemo)(()=>{if(e!=null)return dn++,dn},[e])}var pn=i.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:a,transition:o,modifiers:s,wrapperElement:c=`div`,className:l,zIndex:u=999}=e,{activatorEvent:d,active:f,activeNodeRect:p,containerNodeRect:m,draggableNodes:h,droppableContainers:g,dragOverlay:_,over:v,measuringConfiguration:y,scrollableAncestors:b,scrollableAncestorRects:x,windowRect:S}=Zt(),C=(0,i.useContext)(Gt),w=fn(f?.id),T=Ht(s,{activatorEvent:d,active:f,activeNodeRect:p,containerNodeRect:m,draggingNodeRect:_.rect,over:v,overlayNodeRect:_.rect,scrollableAncestors:b,scrollableAncestorRects:x,transform:C,windowRect:S}),E=pt(p),D=ln({config:r,draggableNodes:h,droppableContainers:g,measuringConfiguration:y}),ee=E?_.setRef:void 0;return i.createElement(rn,null,i.createElement(tn,{animation:D},f&&w?i.createElement(sn,{key:w,id:f.id,ref:ee,as:c,activatorEvent:d,adjustScale:t,className:l,transition:o,rect:E,style:{zIndex:u,...a},transform:T},n):null))});function mn(e,t,n){let r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function hn(e,t){return e.reduce((e,n,r)=>{let i=t.get(n);return i&&(e[r]=i),e},Array(e.length))}function gn(e){return e!==null&&e>=0}function _n(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function vn(e){return typeof e==`boolean`?{draggable:e,droppable:e}:e}var yn=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e,a=mn(t,r,n),o=t[i],s=a[i];return!s||!o?null:{x:s.left-o.left,y:s.top-o.top,scaleX:s.width/o.width,scaleY:s.height/o.height}},bn={scaleX:1,scaleY:1},xn=e=>{let{activeIndex:t,activeNodeRect:n,index:r,rects:i,overIndex:a}=e,o=i[t]??n;if(!o)return null;if(r===t){let e=i[a];return e?{x:0,y:t<a?e.top+e.height-(o.top+o.height):e.top-o.top,...bn}:null}let s=Sn(i,r,t);return r>t&&r<=a?{x:0,y:-o.height-s,...bn}:r<t&&r>=a?{x:0,y:o.height+s,...bn}:{x:0,y:0,...bn}};function Sn(e,t,n){let r=e[t],i=e[t-1],a=e[t+1];return r?n<t?i?r.top-(i.top+i.height):a?a.top-(r.top+r.height):0:a?a.top-(r.top+r.height):i?r.top-(i.top+i.height):0:0}var Cn=`Sortable`,wn=i.createContext({activeIndex:-1,containerId:Cn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:yn,disabled:{draggable:!1,droppable:!1}});function Tn(e){let{children:t,id:n,items:r,strategy:a=yn,disabled:o=!1}=e,{active:s,dragOverlay:c,droppableRects:l,over:u,measureDroppableContainers:d}=Zt(),f=S(Cn,n),p=c.rect!==null,h=(0,i.useMemo)(()=>r.map(e=>typeof e==`object`&&`id`in e?e.id:e),[r]),g=s!=null,_=s?h.indexOf(s.id):-1,v=u?h.indexOf(u.id):-1,y=(0,i.useRef)(h),b=!_n(h,y.current),x=v!==-1&&_===-1||b,C=vn(o);m(()=>{b&&g&&d(h)},[b,h,g,d]),(0,i.useEffect)(()=>{y.current=h},[h]);let w=(0,i.useMemo)(()=>({activeIndex:_,containerId:f,disabled:C,disableTransforms:x,items:h,overIndex:v,useDragOverlay:p,sortedRects:hn(h,l),strategy:a}),[_,f,C.draggable,C.droppable,x,h,v,l,p,a]);return i.createElement(wn.Provider,{value:w},t)}var En=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return mn(n,r,i).indexOf(t)},Dn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:i,items:a,newIndex:o,previousItems:s,previousContainerId:c,transition:l}=e;return!l||!r||s!==a&&i===o?!1:n?!0:o!==i&&t===c},On={duration:200,easing:`ease`},kn=`transform`,An=O.Transition.toString({property:kn,duration:0,easing:`linear`}),jn={roleDescription:`sortable`};function Mn(e){let{disabled:t,index:n,node:r,rect:a}=e,[o,s]=(0,i.useState)(null),c=(0,i.useRef)(n);return m(()=>{if(!t&&n!==c.current&&r.current){let e=a.current;if(e){let t=G(r.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}n!==c.current&&(c.current=n)},[t,n,r,a]),(0,i.useEffect)(()=>{o&&s(null)},[o]),o}function Nn(e){let{animateLayoutChanges:t=Dn,attributes:n,disabled:r,data:o,getNewIndex:s=En,id:c,strategy:l,resizeObserverConfig:u,transition:d=On}=e,{items:f,containerId:p,activeIndex:m,disabled:h,disableTransforms:g,sortedRects:_,overIndex:v,useDragOverlay:y,strategy:b}=(0,i.useContext)(wn),x=Pn(r,h),S=f.indexOf(c),C=(0,i.useMemo)(()=>({sortable:{containerId:p,index:S,items:f},...o}),[p,o,S,f]),w=(0,i.useMemo)(()=>f.slice(f.indexOf(c)),[f,c]),{rect:T,node:E,isOver:ee,setNodeRef:te}=en({id:c,data:C,disabled:x.droppable,resizeObserverConfig:{updateMeasurementsFor:w,...u}}),{active:k,activatorEvent:A,activeNodeRect:ne,attributes:re,setNodeRef:j,listeners:ie,isDragging:ae,over:M,setActivatorNodeRef:oe,transform:se}=Xt({id:c,data:C,attributes:{...jn,...n},disabled:x.draggable}),ce=a(te,j),N=!!k,P=N&&!g&&gn(m)&&gn(v),F=!y&&ae,I=P?(F&&P?se:null)??(l??b)({rects:_,activeNodeRect:ne,activeIndex:m,overIndex:v,index:S}):null,L=gn(m)&&gn(v)?s({id:c,items:f,activeIndex:m,overIndex:v}):S,R=k?.id,z=(0,i.useRef)({activeId:R,items:f,newIndex:L,containerId:p}),le=f!==z.current.items,ue=t({active:k,containerId:p,isDragging:ae,isSorting:N,id:c,index:S,items:f,newIndex:z.current.newIndex,previousItems:z.current.items,previousContainerId:z.current.containerId,transition:d,wasDragging:z.current.activeId!=null}),de=Mn({disabled:!ue,index:S,node:E,rect:T});return(0,i.useEffect)(()=>{N&&z.current.newIndex!==L&&(z.current.newIndex=L),p!==z.current.containerId&&(z.current.containerId=p),f!==z.current.items&&(z.current.items=f)},[N,L,p,f]),(0,i.useEffect)(()=>{if(R===z.current.activeId)return;if(R!=null&&z.current.activeId==null){z.current.activeId=R;return}let e=setTimeout(()=>{z.current.activeId=R},50);return()=>clearTimeout(e)},[R]),{active:k,activeIndex:m,attributes:re,data:C,rect:T,index:S,newIndex:L,items:f,isOver:ee,isSorting:N,isDragging:ae,listeners:ie,node:E,overIndex:v,over:M,setNodeRef:ce,setActivatorNodeRef:oe,setDroppableNodeRef:te,setDraggableNodeRef:j,transform:de??I,transition:B()};function B(){if(de||le&&z.current.newIndex===S)return An;if(!(F&&!D(A)||!d)&&(N||ue))return O.Transition.toString({...d,property:kn})}}function Pn(e,t){return typeof e==`boolean`?{draggable:e,droppable:!1}:{draggable:e?.draggable??t.draggable,droppable:e?.droppable??t.droppable}}function Fn(e){if(!e)return!1;let t=e.data.current;return!!(t&&`sortable`in t&&typeof t.sortable==`object`&&`containerId`in t.sortable&&`items`in t.sortable&&`index`in t.sortable)}var In=[Q.Down,Q.Right,Q.Up,Q.Left],Ln=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:a,over:o,scrollableAncestors:s}}=t;if(In.includes(e.code)){if(e.preventDefault(),!n||!r)return;let t=[];a.getEnabled().forEach(n=>{if(!n||n!=null&&n.disabled)return;let a=i.get(n.id);if(a)switch(e.code){case Q.Down:r.top<a.top&&t.push(n);break;case Q.Up:r.top>a.top&&t.push(n);break;case Q.Left:r.left>a.left&&t.push(n);break;case Q.Right:r.left<a.left&&t.push(n);break}});let c=me({active:n,collisionRect:r,droppableRects:i,droppableContainers:t,pointerCoordinates:null}),l=fe(c,`id`);if(l===o?.id&&c.length>1&&(l=c[1].id),l!=null){let e=a.get(n.id),t=a.get(l),o=t?i.get(t.id):null,c=t?.node.current;if(c&&o&&e&&t){let n=we(c).some((e,t)=>s[t]!==e),i=Rn(e,t),a=zn(e,t),l=n||!i?{x:0,y:0}:{x:a?r.width-o.width:0,y:a?r.height-o.height:0},u={x:o.left,y:o.top};return l.x&&l.y?u:T(u,l)}}}};function Rn(e,t){return!Fn(e)||!Fn(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function zn(e,t){return!Fn(e)||!Fn(t)||!Rn(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}export{Kt as a,Xe as c,I as d,L as f,xn as i,V as l,Ln as n,pn as o,O as p,Nn as r,Ge as s,Tn as t,en as u};

package/dist/showcase/assets/sparkles-BDnbTUMq.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`sparkles`,[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,key:`1s2grr`}],[`path`,{d:`M20 2v4`,key:`1rf3ol`}],[`path`,{d:`M22 4h-4`,key:`gwowj6`}],[`circle`,{cx:`4`,cy:`20`,r:`2`,key:`6kqj1y`}]]);export{t};

package/dist/showcase/assets/spinner-BZ0h-j9y.js

@@ -0,0 +1,49 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./example-BsDQngs7.js";import{d as i}from"./index-B4sKWDcN.js";import{t as a}from"./props-table-aynAz90t.js";import{t as o}from"./spinner-k76a4i_M.js";var s=e({CustomColour:()=>f,Default:()=>l,SectionPlaceholder:()=>p,Variants:()=>u,WithLabel:()=>d}),c=i();function l(){return(0,c.jsx)(o,{})}function u(){return(0,c.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 w-full`,children:[(0,c.jsx)(`div`,{className:`rounded border border-border`,children:(0,c.jsx)(o,{variant:`default`,label:`default`})}),(0,c.jsx)(`div`,{className:`rounded border border-border`,children:(0,c.jsx)(o,{variant:`shimmer`,label:`shimmer`})}),(0,c.jsx)(`div`,{className:`rounded border border-border`,children:(0,c.jsx)(o,{variant:`progress`,label:`progress`})})]})}function d(){return(0,c.jsx)(o,{label:`Loading bookings…`})}function f(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,c.jsx)(o,{label:`Syncing inventory`,className:`text-success`}),(0,c.jsx)(o,{label:`Saving`,className:`text-warning`}),(0,c.jsx)(o,{label:`Deleting`,className:`text-destructive`})]})}function p(){return(0,c.jsxs)(`div`,{className:`w-full max-w-md rounded-lg border border-border bg-card`,children:[(0,c.jsx)(`div`,{className:`border-b border-border px-4 py-2 text-sm font-medium`,children:`Recent activity`}),(0,c.jsx)(o,{label:`Loading activity feed…`})]})}var m=`import { Spinner } from '@/components/base/spinner';
+
+export function Default() {
+	return <Spinner />;
+}
+
+export function Variants() {
+	return (
+		<div className="grid grid-cols-3 gap-2 w-full">
+			<div className="rounded border border-border">
+				<Spinner variant="default" label="default" />
+			</div>
+			<div className="rounded border border-border">
+				<Spinner variant="shimmer" label="shimmer" />
+			</div>
+			<div className="rounded border border-border">
+				<Spinner variant="progress" label="progress" />
+			</div>
+		</div>
+	);
+}
+
+export function WithLabel() {
+	return <Spinner label="Loading bookings…" />;
+}
+
+export function CustomColour() {
+	return (
+		<div className="flex flex-wrap gap-4">
+			<Spinner label="Syncing inventory" className="text-success" />
+			<Spinner label="Saving" className="text-warning" />
+			<Spinner label="Deleting" className="text-destructive" />
+		</div>
+	);
+}
+
+export function SectionPlaceholder() {
+	return (
+		<div className="w-full max-w-md rounded-lg border border-border bg-card">
+			<div className="border-b border-border px-4 py-2 text-sm font-medium">Recent activity</div>
+			<Spinner label="Loading activity feed…" />
+		</div>
+	);
+}
+`;function h(e){let i={code:`code`,p:`p`,...e.components};return s||_(`Examples`,!1),f||_(`Examples.CustomColour`,!0),l||_(`Examples.Default`,!0),p||_(`Examples.SectionPlaceholder`,!0),u||_(`Examples.Variants`,!0),d||_(`Examples.WithLabel`,!0),(0,c.jsxs)(t,{title:`Spinner`,description:`Loading indicator with three visual variants. Pairs with content placeholders, route transitions, and Suspense fallbacks.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/spinner`,children:[(0,c.jsx)(n,{title:`Overview`,id:`overview`,children:(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.code,{children:`Spinner`}),` ships three variants — `,(0,c.jsx)(i.code,{children:`default`}),` (rotating SVG), `,(0,c.jsx)(i.code,{children:`shimmer`}),` (round
+shimmer dot), `,(0,c.jsx)(i.code,{children:`progress`}),` (slim animated bar). The variant resolves through
+`,(0,c.jsx)(i.code,{children:`useSpinnerConfig().defaultVariant`}),`, so a consumer can pin the look at the
+`,(0,c.jsx)(i.code,{children:`UIProvider`}),` root and override per call. Pass an optional `,(0,c.jsx)(i.code,{children:`label`}),` for screen
+readers and a visible status message.`]})}),(0,c.jsx)(n,{title:`Default`,id:`default`,children:(0,c.jsx)(r,{name:`Default`,source:m,children:(0,c.jsx)(l,{})})}),(0,c.jsx)(n,{title:`Variants`,id:`variants`,children:(0,c.jsx)(r,{name:`Variants`,source:m,children:(0,c.jsx)(u,{})})}),(0,c.jsxs)(n,{title:`Composition`,id:`composition`,children:[(0,c.jsx)(r,{name:`WithLabel`,source:m,children:(0,c.jsx)(d,{})}),(0,c.jsx)(r,{name:`CustomColour`,source:m,children:(0,c.jsx)(f,{})})]}),(0,c.jsx)(n,{title:`Realistic usage`,id:`realistic`,children:(0,c.jsx)(r,{name:`SectionPlaceholder`,source:m,children:(0,c.jsx)(p,{})})}),(0,c.jsx)(n,{title:`API`,id:`api`,children:(0,c.jsx)(a,{component:`Spinner`})})]})}function g(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}function _(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{g as default};

package/dist/showcase/assets/spinner-TNaSAQh7.js

@@ -0,0 +1,30 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{Er as r,t as i}from"./example-BsDQngs7.js";import{d as a,n as o}from"./index-B4sKWDcN.js";import{n as s}from"./PreviewLayout-CE0fmzoc.js";var c=a();function l({className:e,...t}){return(0,c.jsx)(r,{role:`status`,"aria-label":`Loading`,className:o(`size-4 animate-spin`,e),...t})}var u=e({ColorViaClassName:()=>f,Sizes:()=>d});function d(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{className:`size-3`}),(0,c.jsx)(l,{className:`size-4`}),(0,c.jsx)(l,{className:`size-5`}),(0,c.jsx)(l,{className:`size-6`}),(0,c.jsx)(l,{className:`size-8`})]})})}function f(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{className:`size-5 text-primary`}),(0,c.jsx)(l,{className:`size-5 text-destructive`}),(0,c.jsx)(l,{className:`size-5 text-info`}),(0,c.jsx)(l,{className:`size-5 text-muted-foreground`})]})})}var p=`import { Spinner } from '@/components/ui/spinner';
+import { Row } from '../../PreviewLayout';
+
+export function Sizes() {
+	return (
+		<>
+			<Row>
+								<Spinner className="size-3" />
+								<Spinner className="size-4" />
+								<Spinner className="size-5" />
+								<Spinner className="size-6" />
+								<Spinner className="size-8" />
+							</Row>
+		</>
+	);
+}
+
+export function ColorViaClassName() {
+	return (
+		<>
+			<Row>
+								<Spinner className="size-5 text-primary" />
+								<Spinner className="size-5 text-destructive" />
+								<Spinner className="size-5 text-info" />
+								<Spinner className="size-5 text-muted-foreground" />
+							</Row>
+		</>
+	);
+}
+`;function m(e){return u||g(`Examples`,!1),f||g(`Examples.ColorViaClassName`,!0),d||g(`Examples.Sizes`,!0),(0,c.jsx)(t,{title:`UI · Spinner`,description:`Loading spinner — sized via className.`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Sizes`,source:p,children:(0,c.jsx)(d,{})}),(0,c.jsx)(i,{name:`ColorViaClassName`,source:p,children:(0,c.jsx)(f,{})})]})})}function h(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(m,{...e})}):m(e)}function g(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{h as default};

package/dist/showcase/assets/spinner-k76a4i_M.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{T as n,p as r}from"./section-C_rLy6Zn.js";import{d as i,n as a}from"./index-B4sKWDcN.js";var o=e(t(),1),s=i(),c=(0,o.forwardRef)(function({label:e,className:t=``,variant:i,style:o},c){let{defaultVariant:f}=n(),p=i??f??`default`;return(0,s.jsx)(`div`,{ref:c,className:a(`spinner--component`,`flex items-center justify-center p-8`),style:o,children:(0,s.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 text-center`,children:[p==="default"&&(0,s.jsx)(l,{className:t}),p===`shimmer`&&(0,s.jsx)(u,{className:t}),p===`progress`&&(0,s.jsx)(d,{className:t}),!!e&&(0,s.jsx)(r,{type:`secondary`,children:e})]})})});c.displayName=`Spinner`;function l({className:e=``}){return(0,s.jsxs)(`svg`,{className:a(`h-10 w-10 text-primary`,e),fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,s.jsx)(`path`,{d:`M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z`,opacity:`.25`}),(0,s.jsx)(`path`,{d:`M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z`,children:(0,s.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,dur:`0.75s`,values:`0 12 12;360 12 12`,repeatCount:`indefinite`})})]})}function u({className:e=``}){return(0,s.jsx)(`div`,{className:a(`h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]`,`animate-[shimmer_1.5s_ease-in-out_infinite]`,e),"aria-hidden":`true`})}function d({className:e=``}){return(0,s.jsx)(`div`,{className:a(`h-1 w-32 overflow-hidden rounded bg-muted`,e),role:`progressbar`,"aria-busy":`true`,children:(0,s.jsx)(`div`,{className:`h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary`})})}export{c as t};

package/dist/showcase/assets/square-pen-Cn-sFtCo.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`square-pen`,[[`path`,{d:`M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7`,key:`1m0v6g`}],[`path`,{d:`M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z`,key:`ohrbg2`}]]);export{t};

package/dist/showcase/assets/stacked-avatars-Ds8eV_Nx.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{p as t}from"./section-C_rLy6Zn.js";import{d as n,n as r}from"./index-B4sKWDcN.js";import{a as i,i as a,o,r as s,t as c}from"./avatar-BThv_quW.js";e();var l=n(),u=[`muted`,`primary`,`secondary`,`info`,`success`],d={muted:`bg-muted text-muted-foreground`,primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,info:`bg-info/10 text-info`,success:`bg-success/10 text-success`,warning:`bg-warning/15 text-warning`,destructive:`bg-destructive/10 text-destructive`};function f(e,t=!1){let n=e.trim().split(/\s+/);return n.length===0?`?`:t?n[0].slice(0,1).toUpperCase():n.length===1?n[0].slice(0,2).toUpperCase():(n[0][0]+n[n.length-1][0]).toUpperCase()}function p(e,t){return typeof t==`string`?t:typeof t==`number`?u[Math.abs(t)%u.length]:u[(typeof e==`number`?e:Array.from(e).reduce((e,t)=>e+t.charCodeAt(0),0))%u.length]}function m(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function h({users:e,max:n=4,size:u=`default`,className:h,showOverflow:g=!0,overflowFormatter:_,avatarClassName:v}){let y=e.slice(0,n),b=Math.max(0,e.length-n),x=m(u);return(0,l.jsxs)(a,{className:r(`stacked-avatars--component`,h),children:[y.map((e,t)=>{let n=f(e.name,x===`small`),i=p(e.id??e.name??t,e.tone);return(0,l.jsxs)(c,{size:x,className:r(`ring-background`,v),title:e.name,children:[e.imageUrl?(0,l.jsx)(o,{src:e.imageUrl,alt:e.name}):null,(0,l.jsx)(s,{className:r(`font-semibold`,d[i]),children:n})]},e.id??`${e.name}-${t}`)}),!!g&&b>0&&(0,l.jsx)(i,{children:(0,l.jsx)(t,{size:`xs`,weight:`semibold`,children:_?_(b):`+${b}`})})]})}h.displayName=`StackedAvatars`;export{h as t};

package/dist/showcase/assets/star-BzQGhFDT.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`star`,[[`path`,{d:`M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z`,key:`r04s7s`}]]);export{t};

package/dist/showcase/assets/startOfDay-BfIUGWW-.js

@@ -0,0 +1 @@
+import{T as e}from"./index-B4sKWDcN.js";function t(t,n){let r=e(t,n?.in);return r.setHours(0,0,0,0),r}export{t};

package/dist/showcase/assets/styles-BleHZ-uX.js

@@ -0,0 +1 @@
+import{d as e}from"./index-B4sKWDcN.js";import{n as t}from"./CSPContext-Bfs88_eg.js";function n(e,t){return Math.max(0,e-t)}function r(e,n){if(n<=0)return 0;let r=t(e,0,n),i=r,a=n-r,o=i<=1,s=a<=1;return o&&s?i<=a?0:n:o?0:s?n:r}var i=e(),a=`base-ui-disable-scrollbar`,o={className:a,getElement(e){return(0,i.jsx)(`style`,{nonce:e,href:a,precedence:`base-ui:low`,children:`.${a}{scrollbar-width:none}.${a}::-webkit-scrollbar{display:none}`})}};export{n,r,o as t};