@devalok/shilp-sutra 0.52.0 → 0.54.0

package/dist/ui/index.js

@@ -9,35 +9,35 @@ import { AlertDialog as d, AlertDialogAction as f, AlertDialogCancel as p, Alert
 import { Alert as S, alertVariants as C } from "./alert.js";
 import { AspectRatio as w } from "./aspect-ratio.js";
 import { FormField as T, FormHelperText as E, useFormField as D } from "./form.js";
-import { Autocomplete as O } from "./autocomplete.js";
-import { Dot as k, dotVariants as A } from "./dot.js";
-import { Skeleton as j, SkeletonAvatar as M, SkeletonButton as N, SkeletonChart as P, SkeletonGroup as F, SkeletonImage as I, SkeletonInput as L, SkeletonText as R, skeletonVariants as z } from "./skeleton.js";
-import { Avatar as B, AvatarFallback as V, AvatarImage as H, avatarVariants as U } from "./avatar.js";
-import { BadgeIndicator as W } from "./badge-indicator.js";
-import { BadgeCompound as G, BadgeGroup as K, badgeVariants as q } from "../_chunks/badge-group.js";
-import { Banner as J, bannerVariants as Y } from "./banner.js";
-import { Breadcrumb as X, BreadcrumbEllipsis as Z, BreadcrumbItem as re, BreadcrumbLink as ie, BreadcrumbList as ae, BreadcrumbPage as oe, BreadcrumbSeparator as se } from "./breadcrumb.js";
-import { ButtonGroup as ce, useButtonGroup as le } from "./button-group.js";
-import { Button as ue, buttonVariants as de } from "./button.js";
-import { Card as fe, CardAction as pe, CardBleed as me, CardContent as he, CardDescription as ge, CardFooter as _e, CardHeader as ve, CardSection as ye, CardTitle as be, cardVariants as xe } from "./card.js";
-import { Checkbox as Se } from "./checkbox.js";
-import { Code as Ce } from "./code.js";
-import { Collapsible as we, CollapsibleContent as Te, CollapsibleTrigger as Ee } from "./collapsible.js";
-import { Popover as De, PopoverAnchor as Oe, PopoverContent as ke, PopoverTrigger as Ae } from "../_chunks/popover.js";
-import { ColorInput as je } from "./color-input.js";
-import { ColorSwatch as Me } from "./color-swatch.js";
-import { Combobox as Ne, comboboxTriggerVariants as Pe } from "./combobox.js";
-import { Container as Fe } from "./container.js";
-import { ContextMenu as Ie, ContextMenuCheckboxItem as Le, ContextMenuContent as Re, ContextMenuGroup as ze, ContextMenuItem as Be, ContextMenuLabel as Ve, ContextMenuPortal as He, ContextMenuRadioGroup as Ue, ContextMenuRadioItem as We, ContextMenuSeparator as Ge, ContextMenuShortcut as Ke, ContextMenuSub as qe, ContextMenuSubContent as Je, ContextMenuSubTrigger as Ye, ContextMenuTrigger as Xe } from "./context-menu.js";
-import { Table as Ze, TableBody as Qe, TableCaption as $e, TableCell as et, TableFooter as tt, TableHead as nt, TableHeader as rt, TableRow as it, TableRowActions as at } from "./table.js";
-import { DropdownMenu as ot, DropdownMenuCheckboxItem as st, DropdownMenuContent as ct, DropdownMenuGroup as lt, DropdownMenuItem as ut, DropdownMenuLabel as dt, DropdownMenuPortal as ft, DropdownMenuRadioGroup as pt, DropdownMenuRadioItem as mt, DropdownMenuSeparator as ht, DropdownMenuShortcut as gt, DropdownMenuSub as _t, DropdownMenuSubContent as vt, DropdownMenuSubTrigger as yt, DropdownMenuTrigger as bt } from "./dropdown-menu.js";
-import { DevalokGrain as xt } from "./devalok-grain.js";
-import { Dialog as St, DialogClose as Ct, DialogContent as wt, DialogContentRaw as Tt, DialogDescription as Et, DialogFooter as Dt, DialogHeader as Ot, DialogOverlay as kt, DialogPortal as At, DialogTitle as jt, DialogTrigger as Mt } from "./dialog.js";
-import { FileUpload as Nt } from "./file-upload.js";
-import { HoverCard as Pt, HoverCardContent as Ft, HoverCardTrigger as It } from "./hover-card.js";
-import { IconButton as Lt } from "./icon-button.js";
-import { IconGroup as Rt } from "./icon-group.js";
-import { Input as zt, inputWrapperVariants as Bt } from "./input.js";
+import { Input as O, inputWrapperVariants as k } from "./input.js";
+import { Autocomplete as A } from "./autocomplete.js";
+import { Dot as j, dotVariants as M } from "./dot.js";
+import { Skeleton as N, SkeletonAvatar as P, SkeletonButton as F, SkeletonChart as I, SkeletonGroup as L, SkeletonImage as R, SkeletonInput as z, SkeletonText as B, skeletonVariants as V } from "./skeleton.js";
+import { Avatar as H, AvatarFallback as U, AvatarImage as W, avatarVariants as G } from "./avatar.js";
+import { BadgeIndicator as K } from "./badge-indicator.js";
+import { BadgeCompound as q, BadgeGroup as J, badgeVariants as Y } from "../_chunks/badge-group.js";
+import { Banner as X, bannerVariants as Z } from "./banner.js";
+import { Breadcrumb as re, BreadcrumbEllipsis as ie, BreadcrumbItem as ae, BreadcrumbLink as oe, BreadcrumbList as se, BreadcrumbPage as ce, BreadcrumbSeparator as le } from "./breadcrumb.js";
+import { ButtonGroup as ue, useButtonGroup as de } from "./button-group.js";
+import { Button as fe, buttonVariants as pe } from "./button.js";
+import { Card as me, CardAction as he, CardBleed as ge, CardContent as _e, CardDescription as ve, CardFooter as ye, CardHeader as be, CardSection as xe, CardTitle as Se, cardVariants as Ce } from "./card.js";
+import { Checkbox as we } from "./checkbox.js";
+import { Code as Te } from "./code.js";
+import { Collapsible as Ee, CollapsibleContent as De, CollapsibleTrigger as Oe } from "./collapsible.js";
+import { Popover as ke, PopoverAnchor as Ae, PopoverContent as je, PopoverTrigger as Me } from "../_chunks/popover.js";
+import { ColorInput as Ne } from "./color-input.js";
+import { ColorSwatch as Pe } from "./color-swatch.js";
+import { Combobox as Fe, comboboxTriggerVariants as Ie } from "./combobox.js";
+import { Container as Le } from "./container.js";
+import { ContextMenu as Re, ContextMenuCheckboxItem as ze, ContextMenuContent as Be, ContextMenuGroup as Ve, ContextMenuItem as He, ContextMenuLabel as Ue, ContextMenuPortal as We, ContextMenuRadioGroup as Ge, ContextMenuRadioItem as Ke, ContextMenuSeparator as qe, ContextMenuShortcut as Je, ContextMenuSub as Ye, ContextMenuSubContent as Xe, ContextMenuSubTrigger as Ze, ContextMenuTrigger as Qe } from "./context-menu.js";
+import { Table as $e, TableBody as et, TableCaption as tt, TableCell as nt, TableFooter as rt, TableHead as it, TableHeader as at, TableRow as ot, TableRowActions as st } from "./table.js";
+import { DropdownMenu as ct, DropdownMenuCheckboxItem as lt, DropdownMenuContent as ut, DropdownMenuGroup as dt, DropdownMenuItem as ft, DropdownMenuLabel as pt, DropdownMenuPortal as mt, DropdownMenuRadioGroup as ht, DropdownMenuRadioItem as gt, DropdownMenuSeparator as _t, DropdownMenuShortcut as vt, DropdownMenuSub as yt, DropdownMenuSubContent as bt, DropdownMenuSubTrigger as xt, DropdownMenuTrigger as St } from "./dropdown-menu.js";
+import { DevalokGrain as Ct } from "./devalok-grain.js";
+import { Dialog as wt, DialogClose as Tt, DialogContent as Et, DialogContentRaw as Dt, DialogDescription as Ot, DialogFooter as kt, DialogHeader as At, DialogOverlay as jt, DialogPortal as Mt, DialogTitle as Nt, DialogTrigger as Pt } from "./dialog.js";
+import { FileUpload as Ft } from "./file-upload.js";
+import { HoverCard as It, HoverCardContent as Lt, HoverCardTrigger as Rt } from "./hover-card.js";
+import { IconButton as zt } from "./icon-button.js";
+import { IconGroup as Bt } from "./icon-group.js";
 import { Label as Vt } from "./label.js";
 import { Separator as Ht } from "./separator.js";
 import { SplitButton as Ut } from "./split-button.js";
@@ -90,4 +90,4 @@ function Oi() {
 //#region src/ui/index.ts
 Oi();
 //#endregion
-export { s as Accordion, c as AccordionContent, l as AccordionItem, u as AccordionTrigger, S as Alert, d as AlertDialog, f as AlertDialogAction, p as AlertDialogCancel, m as AlertDialogContent, h as AlertDialogDescription, g as AlertDialogFooter, _ as AlertDialogHeader, v as AlertDialogOverlay, y as AlertDialogPortal, b as AlertDialogTitle, x as AlertDialogTrigger, w as AspectRatio, O as Autocomplete, B as Avatar, V as AvatarFallback, H as AvatarImage, G as Badge, K as BadgeGroup, W as BadgeIndicator, J as Banner, X as Breadcrumb, Z as BreadcrumbEllipsis, re as BreadcrumbItem, ie as BreadcrumbLink, ae as BreadcrumbList, oe as BreadcrumbPage, se as BreadcrumbSeparator, ue as Button, ce as ButtonGroup, fe as Card, pe as CardAction, me as CardBleed, he as CardContent, ge as CardDescription, _e as CardFooter, ve as CardHeader, ye as CardSection, be as CardTitle, Se as Checkbox, Ce as Code, we as Collapsible, Te as CollapsibleContent, Ee as CollapsibleTrigger, je as ColorInput, Me as ColorSwatch, Ne as Combobox, Fe as Container, Ie as ContextMenu, Le as ContextMenuCheckboxItem, Re as ContextMenuContent, ze as ContextMenuGroup, Be as ContextMenuItem, Ve as ContextMenuLabel, He as ContextMenuPortal, Ue as ContextMenuRadioGroup, We as ContextMenuRadioItem, Ge as ContextMenuSeparator, Ke as ContextMenuShortcut, qe as ContextMenuSub, Je as ContextMenuSubContent, Ye as ContextMenuSubTrigger, Xe as ContextMenuTrigger, ui as DateSeparator, xt as DevalokGrain, St as Dialog, Ct as DialogClose, wt as DialogContent, Tt as DialogContentRaw, Et as DialogDescription, Dt as DialogFooter, Ot as DialogHeader, kt as DialogOverlay, At as DialogPortal, jt as DialogTitle, Mt as DialogTrigger, k as Dot, ot as DropdownMenu, st as DropdownMenuCheckboxItem, ct as DropdownMenuContent, lt as DropdownMenuGroup, ut as DropdownMenuItem, dt as DropdownMenuLabel, ft as DropdownMenuPortal, pt as DropdownMenuRadioGroup, mt as DropdownMenuRadioItem, ht as DropdownMenuSeparator, gt as DropdownMenuShortcut, _t as DropdownMenuSub, vt as DropdownMenuSubContent, yt as DropdownMenuSubTrigger, bt as DropdownMenuTrigger, Nt as FileUpload, T as FormField, E as FormHelperText, Pt as HoverCard, Ft as HoverCardContent, It as HoverCardTrigger, o as Icon, Lt as IconButton, ee as IconContext, Rt as IconGroup, te as IconProvider, zt as Input, Vt as Label, vi as Link, Jn as Menubar, Yn as MenubarCheckboxItem, Xn as MenubarContent, Zn as MenubarGroup, Qn as MenubarItem, $n as MenubarLabel, er as MenubarMenu, tr as MenubarPortal, nr as MenubarRadioGroup, rr as MenubarRadioItem, ir as MenubarSeparator, ar as MenubarShortcut, or as MenubarSub, sr as MenubarSubContent, cr as MenubarSubTrigger, lr as MenubarTrigger, di as Message, fi as MessageInput, pi as MessageList, Vn as MultiProgressRing, ur as NavigationMenu, dr as NavigationMenuContent, fr as NavigationMenuIndicator, pr as NavigationMenuItem, mr as NavigationMenuLink, hr as NavigationMenuList, gr as NavigationMenuTrigger, _r as NavigationMenuViewport, Gt as NumberInput, yi as OAuth, bi as OAuthButton, xi as OAuthConnectionRow, Si as OAuthDivider, Ci as OAuthGlyph, wi as OAuthGroup, vr as PaginationContent, yr as PaginationEllipsis, br as PaginationItem, xr as PaginationLink, Sr as PaginationNav, Cr as PaginationNext, wr as PaginationPrevious, Tr as PaginationRoot, De as Popover, Oe as PopoverAnchor, ke as PopoverContent, Ae as PopoverTrigger, Mn as Progress, Nn as ProgressIndicator, Pn as ProgressLabel, Hn as ProgressRing, Fn as ProgressRoot, In as ProgressSegment, Ln as ProgressTrack, Rn as ProgressValue, qt as RadioGroup, Jt as RadioGroupItem, Yt as SearchInput, li as SegmentedControl, Xt as Select, Zt as SelectContent, Qt as SelectGroup, $t as SelectItem, en as SelectLabel, tn as SelectScrollDownButton, nn as SelectScrollUpButton, rn as SelectSeparator, Q as SelectTrigger, an as SelectValue, Ht as Separator, Sn as Sheet, Cn as SheetClose, wn as SheetContent, Tn as SheetDescription, En as SheetFooter, Dn as SheetHeader, On as SheetOverlay, kn as SheetPortal, An as SheetTitle, jn as SheetTrigger, Dr as Sidebar, Or as SidebarContent, kr as SidebarFooter, Ar as SidebarGroup, jr as SidebarGroupAction, Mr as SidebarGroupContent, Nr as SidebarGroupLabel, Pr as SidebarHeader, Fr as SidebarInput, Ir as SidebarInset, Lr as SidebarMenu, Rr as SidebarMenuAction, zr as SidebarMenuBadge, Br as SidebarMenuButton, Vr as SidebarMenuItem, Hr as SidebarMenuSkeleton, Ur as SidebarMenuSub, Wr as SidebarMenuSubButton, Gr as SidebarMenuSubItem, Kr as SidebarProvider, qr as SidebarRail, Jr as SidebarSeparator, Yr as SidebarTrigger, j as Skeleton, M as SkeletonAvatar, N as SkeletonButton, P as SkeletonChart, F as SkeletonGroup, I as SkeletonImage, L as SkeletonInput, R as SkeletonText, sn as Slider, a as Spinner, Ut as SplitButton, ai as Stack, Wn as StatCard, Un as StatFlash, ti as Step, ni as Stepper, Gn as Surface, un as Switch, mi as SystemMessage, Ze as Table, Qe as TableBody, $e as TableCaption, et as TableCell, tt as TableFooter, nt as TableHead, rt as TableHeader, it as TableRow, at as TableRowActions, qn as TableRowLink, Zr as Tabs, Qr as TabsContent, $r as TabsList, ei as TabsTrigger, ri as Text, dn as Textarea, pn as Toggle, hn as ToggleGroup, gn as ToggleGroupItem, _n as Tooltip, vn as TooltipContent, yn as TooltipProvider, bn as TooltipTrigger, oi as TreeItem, si as TreeView, xn as TruncatedText, hi as TypingIndicator, gi as UnreadSeparator, Wt as VisuallyHidden, C as alertVariants, U as avatarVariants, q as badgeVariants, Y as bannerVariants, de as buttonVariants, xe as cardVariants, i as cn, Pe as comboboxTriggerVariants, A as dotVariants, Di as formatRelativeTime, Er as generatePagination, Ti as getOAuthLabel, Ei as getOAuthName, Bt as inputWrapperVariants, Kt as numberInputWrapperVariants, zn as progressIndicatorVariants, Bn as progressTrackVariants, on as selectTriggerVariants, z as skeletonVariants, cn as sliderThumbVariants, ln as sliderTrackVariants, e as springs, t as stagger, Kn as surfaceVariants, ii as textVariants, fn as textareaVariants, mn as toggleVariants, n as tweens, le as useButtonGroup, D as useFormField, ne as useIconContext, _i as useMessageContext, Xr as useSidebar, ci as useTree, r as withReducedMotion };
+export { s as Accordion, c as AccordionContent, l as AccordionItem, u as AccordionTrigger, S as Alert, d as AlertDialog, f as AlertDialogAction, p as AlertDialogCancel, m as AlertDialogContent, h as AlertDialogDescription, g as AlertDialogFooter, _ as AlertDialogHeader, v as AlertDialogOverlay, y as AlertDialogPortal, b as AlertDialogTitle, x as AlertDialogTrigger, w as AspectRatio, A as Autocomplete, H as Avatar, U as AvatarFallback, W as AvatarImage, q as Badge, J as BadgeGroup, K as BadgeIndicator, X as Banner, re as Breadcrumb, ie as BreadcrumbEllipsis, ae as BreadcrumbItem, oe as BreadcrumbLink, se as BreadcrumbList, ce as BreadcrumbPage, le as BreadcrumbSeparator, fe as Button, ue as ButtonGroup, me as Card, he as CardAction, ge as CardBleed, _e as CardContent, ve as CardDescription, ye as CardFooter, be as CardHeader, xe as CardSection, Se as CardTitle, we as Checkbox, Te as Code, Ee as Collapsible, De as CollapsibleContent, Oe as CollapsibleTrigger, Ne as ColorInput, Pe as ColorSwatch, Fe as Combobox, Le as Container, Re as ContextMenu, ze as ContextMenuCheckboxItem, Be as ContextMenuContent, Ve as ContextMenuGroup, He as ContextMenuItem, Ue as ContextMenuLabel, We as ContextMenuPortal, Ge as ContextMenuRadioGroup, Ke as ContextMenuRadioItem, qe as ContextMenuSeparator, Je as ContextMenuShortcut, Ye as ContextMenuSub, Xe as ContextMenuSubContent, Ze as ContextMenuSubTrigger, Qe as ContextMenuTrigger, ui as DateSeparator, Ct as DevalokGrain, wt as Dialog, Tt as DialogClose, Et as DialogContent, Dt as DialogContentRaw, Ot as DialogDescription, kt as DialogFooter, At as DialogHeader, jt as DialogOverlay, Mt as DialogPortal, Nt as DialogTitle, Pt as DialogTrigger, j as Dot, ct as DropdownMenu, lt as DropdownMenuCheckboxItem, ut as DropdownMenuContent, dt as DropdownMenuGroup, ft as DropdownMenuItem, pt as DropdownMenuLabel, mt as DropdownMenuPortal, ht as DropdownMenuRadioGroup, gt as DropdownMenuRadioItem, _t as DropdownMenuSeparator, vt as DropdownMenuShortcut, yt as DropdownMenuSub, bt as DropdownMenuSubContent, xt as DropdownMenuSubTrigger, St as DropdownMenuTrigger, Ft as FileUpload, T as FormField, E as FormHelperText, It as HoverCard, Lt as HoverCardContent, Rt as HoverCardTrigger, o as Icon, zt as IconButton, ee as IconContext, Bt as IconGroup, te as IconProvider, O as Input, Vt as Label, vi as Link, Jn as Menubar, Yn as MenubarCheckboxItem, Xn as MenubarContent, Zn as MenubarGroup, Qn as MenubarItem, $n as MenubarLabel, er as MenubarMenu, tr as MenubarPortal, nr as MenubarRadioGroup, rr as MenubarRadioItem, ir as MenubarSeparator, ar as MenubarShortcut, or as MenubarSub, sr as MenubarSubContent, cr as MenubarSubTrigger, lr as MenubarTrigger, di as Message, fi as MessageInput, pi as MessageList, Vn as MultiProgressRing, ur as NavigationMenu, dr as NavigationMenuContent, fr as NavigationMenuIndicator, pr as NavigationMenuItem, mr as NavigationMenuLink, hr as NavigationMenuList, gr as NavigationMenuTrigger, _r as NavigationMenuViewport, Gt as NumberInput, yi as OAuth, bi as OAuthButton, xi as OAuthConnectionRow, Si as OAuthDivider, Ci as OAuthGlyph, wi as OAuthGroup, vr as PaginationContent, yr as PaginationEllipsis, br as PaginationItem, xr as PaginationLink, Sr as PaginationNav, Cr as PaginationNext, wr as PaginationPrevious, Tr as PaginationRoot, ke as Popover, Ae as PopoverAnchor, je as PopoverContent, Me as PopoverTrigger, Mn as Progress, Nn as ProgressIndicator, Pn as ProgressLabel, Hn as ProgressRing, Fn as ProgressRoot, In as ProgressSegment, Ln as ProgressTrack, Rn as ProgressValue, qt as RadioGroup, Jt as RadioGroupItem, Yt as SearchInput, li as SegmentedControl, Xt as Select, Zt as SelectContent, Qt as SelectGroup, $t as SelectItem, en as SelectLabel, tn as SelectScrollDownButton, nn as SelectScrollUpButton, rn as SelectSeparator, Q as SelectTrigger, an as SelectValue, Ht as Separator, Sn as Sheet, Cn as SheetClose, wn as SheetContent, Tn as SheetDescription, En as SheetFooter, Dn as SheetHeader, On as SheetOverlay, kn as SheetPortal, An as SheetTitle, jn as SheetTrigger, Dr as Sidebar, Or as SidebarContent, kr as SidebarFooter, Ar as SidebarGroup, jr as SidebarGroupAction, Mr as SidebarGroupContent, Nr as SidebarGroupLabel, Pr as SidebarHeader, Fr as SidebarInput, Ir as SidebarInset, Lr as SidebarMenu, Rr as SidebarMenuAction, zr as SidebarMenuBadge, Br as SidebarMenuButton, Vr as SidebarMenuItem, Hr as SidebarMenuSkeleton, Ur as SidebarMenuSub, Wr as SidebarMenuSubButton, Gr as SidebarMenuSubItem, Kr as SidebarProvider, qr as SidebarRail, Jr as SidebarSeparator, Yr as SidebarTrigger, N as Skeleton, P as SkeletonAvatar, F as SkeletonButton, I as SkeletonChart, L as SkeletonGroup, R as SkeletonImage, z as SkeletonInput, B as SkeletonText, sn as Slider, a as Spinner, Ut as SplitButton, ai as Stack, Wn as StatCard, Un as StatFlash, ti as Step, ni as Stepper, Gn as Surface, un as Switch, mi as SystemMessage, $e as Table, et as TableBody, tt as TableCaption, nt as TableCell, rt as TableFooter, it as TableHead, at as TableHeader, ot as TableRow, st as TableRowActions, qn as TableRowLink, Zr as Tabs, Qr as TabsContent, $r as TabsList, ei as TabsTrigger, ri as Text, dn as Textarea, pn as Toggle, hn as ToggleGroup, gn as ToggleGroupItem, _n as Tooltip, vn as TooltipContent, yn as TooltipProvider, bn as TooltipTrigger, oi as TreeItem, si as TreeView, xn as TruncatedText, hi as TypingIndicator, gi as UnreadSeparator, Wt as VisuallyHidden, C as alertVariants, G as avatarVariants, Y as badgeVariants, Z as bannerVariants, pe as buttonVariants, Ce as cardVariants, i as cn, Ie as comboboxTriggerVariants, M as dotVariants, Di as formatRelativeTime, Er as generatePagination, Ti as getOAuthLabel, Ei as getOAuthName, k as inputWrapperVariants, Kt as numberInputWrapperVariants, zn as progressIndicatorVariants, Bn as progressTrackVariants, on as selectTriggerVariants, V as skeletonVariants, cn as sliderThumbVariants, ln as sliderTrackVariants, e as springs, t as stagger, Kn as surfaceVariants, ii as textVariants, fn as textareaVariants, mn as toggleVariants, n as tweens, de as useButtonGroup, D as useFormField, ne as useIconContext, _i as useMessageContext, Xr as useSidebar, ci as useTree, r as withReducedMotion };

package/dist/ui/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFAwBT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFA4BT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/ui/label.js

@@ -5,14 +5,15 @@ import { useFormField as n } from "./form.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/ui/label.tsx
-var o = r.forwardRef(({ className: r, required: o, children: s, htmlFor: c, ...l }, u) => {
-	let d = n(), f = c ?? d.inputId, p = o ?? d.required;
+var o = r.forwardRef(({ className: r, required: o, children: s, htmlFor: c, id: l, ...u }, d) => {
+	let f = n(), p = c ?? f.inputId, m = l ?? f.labelId, h = o ?? f.required;
 	return /* @__PURE__ */ a(e, {
-		ref: u,
-		htmlFor: f,
+		ref: d,
+		id: m,
+		htmlFor: p,
 		className: t("font-sans text-body-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled", r),
-		...l,
-		children: [s, p && /* @__PURE__ */ i("span", {
+		...u,
+		children: [s, h && /* @__PURE__ */ i("span", {
 			className: "text-error-11 ml-ds-01",
 			"aria-hidden": "true",
 			children: "*"

package/dist/ui/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":[],"sources":["../../src/ui/label.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@primitives/react-label'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { cn } from './lib/utils'\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  required?: boolean\n}\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({ className, required, children, htmlFor, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  // Explicit htmlFor wins; otherwise fall back to FormField's inputId.\n  const resolvedHtmlFor = htmlFor ?? fieldCtx.inputId\n  const resolvedRequired = required ?? fieldCtx.required\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      htmlFor={resolvedHtmlFor}\n      className={cn(\n        'font-sans text-body-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {resolvedRequired && (\n        <span className=\"text-error-11 ml-ds-01\" aria-hidden=\"true\">*</span>\n      )}\n    </LabelPrimitive.Root>\n  )\n})\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"mappings":";;;;;;;AAaA,IAAM,IAAQ,EAAM,YAGjB,EAAE,cAAW,aAAU,aAAU,YAAS,GAAG,KAAS,MAAQ;CAC/D,IAAM,IAAW,EAAa,GAExB,IAAkB,KAAW,EAAS,SACtC,IAAmB,KAAY,EAAS;CAC9C,OACE,kBAAC,GAAD;EACO;EACL,SAAS;EACT,WAAW,EACT,sKACA,CACF;EACA,GAAI;YAPN,CASG,GACA,KACC,kBAAC,QAAD;GAAM,WAAU;GAAyB,eAAY;aAAO;EAAO,CAAA,CAElD;;AAEzB,CAAC;AACD,EAAM,cAAA,EAAkC"}
+{"version":3,"file":"label.js","names":[],"sources":["../../src/ui/label.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@primitives/react-label'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { cn } from './lib/utils'\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  required?: boolean\n}\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({ className, required, children, htmlFor, id, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  // Explicit htmlFor wins; otherwise fall back to FormField's inputId.\n  const resolvedHtmlFor = htmlFor ?? fieldCtx.inputId\n  // Adopt the field's labelId so non-labellable controls (Combobox div) can point\n  // aria-labelledby at this label. Explicit id wins.\n  const resolvedId = id ?? fieldCtx.labelId\n  const resolvedRequired = required ?? fieldCtx.required\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      id={resolvedId}\n      htmlFor={resolvedHtmlFor}\n      className={cn(\n        'font-sans text-body-md font-medium text-surface-fg leading-none transition-opacity duration-fast-01 ease-productive-standard peer-disabled:opacity-action-disabled',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {resolvedRequired && (\n        <span className=\"text-error-11 ml-ds-01\" aria-hidden=\"true\">*</span>\n      )}\n    </LabelPrimitive.Root>\n  )\n})\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"mappings":";;;;;;;AAaA,IAAM,IAAQ,EAAM,YAGjB,EAAE,cAAW,aAAU,aAAU,YAAS,OAAI,GAAG,KAAS,MAAQ;CACnE,IAAM,IAAW,EAAa,GAExB,IAAkB,KAAW,EAAS,SAGtC,IAAa,KAAM,EAAS,SAC5B,IAAmB,KAAY,EAAS;CAC9C,OACE,kBAAC,GAAD;EACO;EACL,IAAI;EACJ,SAAS;EACT,WAAW,EACT,sKACA,CACF;EACA,GAAI;YARN,CAUG,GACA,KACC,kBAAC,QAAD;GAAM,WAAU;GAAyB,eAAY;aAAO;EAAO,CAAA,CAElD;;AAEzB,CAAC;AACD,EAAM,cAAA,EAAkC"}

package/dist/ui/search-input.js

@@ -2,8 +2,8 @@
 import { springs as e } from "./lib/motion.js";
 import { Spinner as t } from "./spinner.js";
 import { Icon as n } from "./icon.js";
-import { Button as r } from "./button.js";
-import { Input as i } from "./input.js";
+import { Input as r } from "./input.js";
+import { Button as i } from "./button.js";
 import * as a from "react";
 import { jsx as o } from "react/jsx-runtime";
 import { IconSearch as s, IconX as c } from "@tabler/icons-react";
@@ -25,7 +25,7 @@ var d = a.forwardRef(({ className: a, value: d, onClear: f, loading: p, size: m
 			scale: .8
 		},
 		transition: e.snappy,
-		children: /* @__PURE__ */ o(r, {
+		children: /* @__PURE__ */ o(i, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-xs",
@@ -35,7 +35,7 @@ var d = a.forwardRef(({ className: a, value: d, onClear: f, loading: p, size: m
 			children: /* @__PURE__ */ o(n, { icon: c })
 		})
 	}) });
-	return /* @__PURE__ */ o(i, {
+	return /* @__PURE__ */ o(r, {
 		ref: _,
 		size: m,
 		startSection: /* @__PURE__ */ o(n, { icon: s }),

package/dist/ui/sidebar.js

@@ -5,9 +5,9 @@ import { cva as n } from "../_chunks/vendor-utils.js";
 import { cn as r } from "./lib/utils.js";
 import { Icon as i } from "./icon.js";
 import { useIsMobile as a } from "../hooks/use-mobile.js";
-import { Skeleton as o } from "./skeleton.js";
-import { Button as s } from "./button.js";
-import { Input as c } from "./input.js";
+import { Input as o } from "./input.js";
+import { Skeleton as s } from "./skeleton.js";
+import { Button as c } from "./button.js";
 import { Separator as l } from "./separator.js";
 import { Tooltip as u, TooltipContent as d, TooltipProvider as f, TooltipTrigger as p } from "./tooltip.js";
 import { Sheet as m, SheetContent as h } from "./sheet.js";
@@ -139,7 +139,7 @@ var M = _(({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanv
 M.displayName = "Sidebar";
 var N = _(({ className: e, onClick: t, ...n }, a) => {
 	let { toggleSidebar: o } = A();
-	return /* @__PURE__ */ E(s, {
+	return /* @__PURE__ */ E(c, {
 		ref: a,
 		"data-sidebar": "trigger",
 		variant: "ghost",
@@ -179,7 +179,7 @@ var F = _(({ className: e, ...t }, n) => /* @__PURE__ */ T("main", {
 	...t
 }));
 F.displayName = "SidebarInset";
-var I = _(({ className: e, wrapperClassName: t, ...n }, i) => /* @__PURE__ */ T(c, {
+var I = _(({ className: e, wrapperClassName: t, ...n }, i) => /* @__PURE__ */ T(o, {
 	ref: i,
 	"data-sidebar": "input",
 	size: "sm",
@@ -326,10 +326,10 @@ var X = _(({ className: e, showIcon: t = !1, ...n }, i) => {
 		"data-sidebar": "menu-skeleton",
 		className: r("flex h-ds-sm items-center gap-ds-03 rounded-control px-ds-03", e),
 		...n,
-		children: [t && /* @__PURE__ */ T(o, {
+		children: [t && /* @__PURE__ */ T(s, {
 			className: "h-ico-sm w-ico-sm rounded-control",
 			"data-sidebar": "menu-skeleton-icon"
-		}), /* @__PURE__ */ T(o, {
+		}), /* @__PURE__ */ T(s, {
 			className: "h-4 max-w-(--skeleton-width) flex-1",
 			"data-sidebar": "menu-skeleton-text",
 			style: { "--skeleton-width": a }

package/dist/ui/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/ui/spinner.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,YAAY;IAC3B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;IACxC,iEAAiE;IACjE,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAyBD,QAAA,MAAM,OAAO,sFAqOZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/ui/spinner.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,YAAY;IAC3B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;IACxC,iEAAiE;IACjE,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAyBD,QAAA,MAAM,OAAO,sFA+OZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/ui/spinner.js

@@ -26,15 +26,21 @@ var s = {
 	error: "var(--color-error-9)"
 }, m = "M7 12.5l3 3 7-7", h = "M8 8l8 8M16 8l-8 8", g = "M5 12.5l4 4 10-10", _ = "M6 6l12 12M18 6l-12 12", v = t.forwardRef(({ size: v = "md", state: y = "spinning", variant: b = "filled", delay: x = 0, onComplete: S, className: C }, w) => {
 	let T = o(), [E, D] = t.useState(x === 0);
-	if (t.useEffect(() => {
+	t.useEffect(() => {
 		if (x <= 0) {
 			D(!0);
 			return;
 		}
 		let e = setTimeout(() => D(!0), x);
 		return () => clearTimeout(e);
-	}, [x]), !E) return null;
-	let O = c[v], k = l[v], A = y === "spinning", j = y === "success" || y === "error", M = b === "filled", N = b === "bare" && y === "spinning" ? "currentColor" : p[y], P = M ? "white" : "currentColor", F = M ? m : g, I = M ? h : _, L = .4, R = M ? .5 : .35, z = .35;
+	}, [x]);
+	let O = t.useRef(S);
+	if (t.useEffect(() => {
+		O.current = S;
+	}), t.useEffect(() => {
+		T && (y === "success" || y === "error") && O.current?.();
+	}, [T, y]), !E) return null;
+	let k = c[v], A = l[v], j = y === "spinning", M = y === "success" || y === "error", N = b === "filled", P = b === "bare" && y === "spinning" ? "currentColor" : p[y], F = N ? "white" : "currentColor", I = N ? m : g, L = N ? h : _, R = .4, z = N ? .5 : .35, B = .35;
 	return /* @__PURE__ */ r("span", {
 		ref: w,
 		role: "status",
@@ -45,50 +51,50 @@ var s = {
 			fill: "none",
 			xmlns: "http://www.w3.org/2000/svg",
 			children: [
-				T ? !(j && !M) && /* @__PURE__ */ n("circle", {
+				T ? !(M && !N) && /* @__PURE__ */ n("circle", {
 					cx: "12",
 					cy: "12",
 					r: u,
 					stroke: "var(--color-surface-border)",
-					strokeWidth: O,
+					strokeWidth: k,
 					fill: "none"
 				}) : /* @__PURE__ */ n(a.circle, {
 					cx: "12",
 					cy: "12",
 					r: u,
 					stroke: "var(--color-surface-border)",
-					strokeWidth: O,
+					strokeWidth: k,
 					fill: "none",
-					animate: { opacity: j && !M ? 0 : 1 },
+					animate: { opacity: M && !N ? 0 : 1 },
 					transition: {
 						duration: .2,
-						delay: j && !M ? L : 0
+						delay: M && !N ? R : 0
 					}
 				}),
 				T ? /* @__PURE__ */ n("circle", {
 					cx: "12",
 					cy: "12",
 					r: u,
-					stroke: N,
-					strokeWidth: O,
+					stroke: P,
+					strokeWidth: k,
 					fill: "none",
 					strokeLinecap: "round",
-					strokeDasharray: A ? `${d * .75} ${d * .25}` : `${d} 0`,
+					strokeDasharray: j ? `${d * .75} ${d * .25}` : `${d} 0`,
 					style: {
 						transformOrigin: "center",
-						transform: A ? "rotate(-90deg)" : void 0,
-						opacity: j && !M ? 0 : 1
+						transform: j ? "rotate(-90deg)" : void 0,
+						opacity: M && !N ? 0 : 1
 					}
 				}) : /* @__PURE__ */ n(a.circle, {
 					cx: "12",
 					cy: "12",
 					r: u,
-					stroke: N,
-					strokeWidth: O,
+					stroke: P,
+					strokeWidth: k,
 					fill: "none",
 					strokeLinecap: "round",
 					style: { transformOrigin: "center" },
-					animate: A ? {
+					animate: j ? {
 						rotate: [0, 360],
 						strokeDasharray: [
 							`${d * .1} ${d * .9}`,
@@ -98,9 +104,9 @@ var s = {
 					} : {
 						rotate: 0,
 						strokeDasharray: `${d} 0`,
-						...!M && { opacity: 0 }
+						...!N && { opacity: 0 }
 					},
-					transition: A ? {
+					transition: j ? {
 						rotate: {
 							duration: 1,
 							repeat: Infinity,
@@ -117,26 +123,26 @@ var s = {
 							ease: "easeOut"
 						},
 						strokeDasharray: {
-							duration: L,
+							duration: R,
 							ease: "easeInOut"
 						},
-						...!M && { opacity: {
+						...!N && { opacity: {
 							duration: .2,
-							delay: L
+							delay: R
 						} }
 					}
 				}),
-				/* @__PURE__ */ n(i, { children: j && M && (T ? /* @__PURE__ */ n("circle", {
+				/* @__PURE__ */ n(i, { children: M && N && (T ? /* @__PURE__ */ n("circle", {
 					cx: "12",
 					cy: "12",
-					r: u + O / 2,
-					fill: N,
+					r: u + k / 2,
+					fill: P,
 					stroke: "none"
 				}, "fill-static") : /* @__PURE__ */ n(a.circle, {
 					cx: "12",
 					cy: "12",
-					r: u + O / 2,
-					fill: N,
+					r: u + k / 2,
+					fill: P,
 					stroke: "none",
 					initial: { opacity: 0 },
 					animate: { opacity: 1 },
@@ -148,16 +154,16 @@ var s = {
 					style: { transformOrigin: "center" }
 				}, "fill")) }),
 				/* @__PURE__ */ n(i, { children: y === "success" && (T ? /* @__PURE__ */ n("path", {
-					d: F,
-					stroke: P,
-					strokeWidth: k,
+					d: I,
+					stroke: F,
+					strokeWidth: A,
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					fill: "none"
 				}, "check-static") : /* @__PURE__ */ n(a.path, {
-					d: F,
-					stroke: P,
-					strokeWidth: k,
+					d: I,
+					stroke: F,
+					strokeWidth: A,
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					fill: "none",
@@ -171,27 +177,27 @@ var s = {
 					},
 					transition: {
 						pathLength: {
-							duration: z,
+							duration: B,
 							ease: "easeOut",
-							delay: R
+							delay: z
 						},
 						opacity: {
 							duration: .1,
-							delay: R
+							delay: z
 						}
 					},
 					onAnimationComplete: () => S?.()
 				}, "check")) }),
 				/* @__PURE__ */ n(i, { children: y === "error" && (T ? /* @__PURE__ */ n("path", {
-					d: I,
-					stroke: P,
-					strokeWidth: k,
+					d: L,
+					stroke: F,
+					strokeWidth: A,
 					strokeLinecap: "round",
 					fill: "none"
 				}, "x-static") : /* @__PURE__ */ n(a.path, {
-					d: I,
-					stroke: P,
-					strokeWidth: k,
+					d: L,
+					stroke: F,
+					strokeWidth: A,
 					strokeLinecap: "round",
 					fill: "none",
 					initial: {
@@ -204,13 +210,13 @@ var s = {
 					},
 					transition: {
 						pathLength: {
-							duration: z,
+							duration: B,
 							ease: "easeOut",
-							delay: R
+							delay: z
 						},
 						opacity: {
 							duration: .1,
-							delay: R
+							delay: z
 						}
 					},
 					onAnimationComplete: () => S?.()

package/dist/ui/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../src/ui/spinner.tsx"],"sourcesContent":["'use client'\n\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n} from 'framer-motion'\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\n\nconst sizeClasses = {\n  sm: 'h-ico-sm w-ico-sm',\n  md: 'h-ico-md w-ico-md',\n  lg: 'h-ico-lg w-ico-lg',\n} as const\n\n/** Arc stroke width per size */\nconst arcStrokeWidths = { sm: 3, md: 3, lg: 4 } as const\n\n/** Thinner icon stroke for checkmark / X — feels lighter and more refined */\nconst iconStrokeWidths = { sm: 1.8, md: 2, lg: 2.5 } as const\n\n/**\n * Props for Spinner — an animated arc spinner with optional success (checkmark) and error (X)\n * state transitions, powered by Framer Motion.\n *\n * **Sizes:** `sm` (16px) | `md` (20px, default) | `lg` (24px)\n *\n * **States:**\n * - `spinning` (default): Rotating arc with Material Design-style pulse\n * - `success`: Arc completes to filled green circle, white checkmark draws in\n * - `error`: Arc completes to filled red circle, white X draws in\n *\n * **Variants:**\n * - `filled` (default): Semantic colored fill + white icon — for standalone contexts\n * - `bare`: No fill, icon uses `currentColor` — for embedding in buttons, toolbars, etc.\n *\n * **Accessibility:** `role=\"status\"` with sr-only text that updates per state.\n * Respects `prefers-reduced-motion` — shows static icons with opacity crossfades.\n *\n * @example\n * <Spinner />                                           // basic arc spinner\n * <Spinner size=\"sm\" />                                 // small\n * <Spinner state=\"success\" />                           // filled green circle + white check\n * <Spinner state=\"success\" variant=\"bare\" />            // just the check, currentColor\n * <Spinner state=\"error\" />                             // filled red circle + white X\n * <Spinner delay={150} />                               // no render until 150ms\n * <Spinner state=\"success\" onComplete={handleDone} />   // callback after animation\n */\nexport interface SpinnerProps {\n  /** sm | md | lg — maps to icon size tokens. Default: 'md' */\n  size?: 'sm' | 'md' | 'lg'\n  /** Current state. Default: 'spinning' */\n  state?: 'spinning' | 'success' | 'error'\n  /** Visual variant for success/error states. Default: 'filled' */\n  variant?: 'filled' | 'bare'\n  /** Delay in ms before showing (avoids flicker). Default: 0 */\n  delay?: number\n  /** Fires when success/error transition animation completes */\n  onComplete?: () => void\n  className?: string\n}\n\nconst RADIUS = 10\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS\n\nconst srText: Record<string, string> = {\n  spinning: 'Loading...',\n  success: 'Complete',\n  error: 'Error',\n}\n\nconst stateColors: Record<string, string> = {\n  spinning: 'var(--color-accent-9)',\n  success: 'var(--color-success-9)',\n  error: 'var(--color-error-9)',\n}\n\n// Filled variant — icons fit inside the filled circle\nconst CHECKMARK_D = 'M7 12.5l3 3 7-7'\nconst X_MARK_D = 'M8 8l8 8M16 8l-8 8'\n\n// Bare variant — larger icons since there's no circle constraining them\nconst CHECKMARK_BARE_D = 'M5 12.5l4 4 10-10'\nconst X_MARK_BARE_D = 'M6 6l12 12M18 6l-12 12'\n\nconst Spinner = React.forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ size = 'md', state = 'spinning', variant = 'filled', delay = 0, onComplete, className }, ref) => {\n    const prefersReduced = useReducedMotion()\n    const [visible, setVisible] = React.useState(delay === 0)\n\n    React.useEffect(() => {\n      if (delay <= 0) {\n        setVisible(true)\n        return\n      }\n      const timer = setTimeout(() => setVisible(true), delay)\n      return () => clearTimeout(timer)\n    }, [delay])\n\n    if (!visible) return null\n\n    const arcSw = arcStrokeWidths[size]\n    const iconSw = iconStrokeWidths[size]\n    const isSpinning = state === 'spinning'\n    const isFinal = state === 'success' || state === 'error'\n    const isFilled = variant === 'filled'\n    const color = variant === 'bare' && state === 'spinning' ? 'currentColor' : stateColors[state]\n\n    // Icon stroke: white on filled backgrounds, currentColor on bare\n    const iconColor = isFilled ? 'white' : 'currentColor'\n    const checkPath = isFilled ? CHECKMARK_D : CHECKMARK_BARE_D\n    const xPath = isFilled ? X_MARK_D : X_MARK_BARE_D\n\n    // ── Sequence timing (seconds) ──────────────────────────────────\n    // Filled: arc completes → fill fades in → white icon draws\n    // Bare:   arc completes + fades out → currentColor icon draws\n    const ARC_COMPLETE = 0.4\n    const FILL_DELAY = 0.3\n    const FILL_DURATION = 0.25\n    const ICON_DELAY = isFilled ? 0.5 : 0.35\n    const ICON_DURATION = 0.35\n\n    return (\n      <span ref={ref} role=\"status\" className={cn('inline-flex', className)}>\n        <svg\n          className={sizeClasses[size]}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          {/* Background track circle — hidden in bare final state */}\n          {prefersReduced ? (\n            !(isFinal && !isFilled) && (\n              <circle\n                cx=\"12\"\n                cy=\"12\"\n                r={RADIUS}\n                stroke=\"var(--color-surface-border)\"\n                strokeWidth={arcSw}\n                fill=\"none\"\n              />\n            )\n          ) : (\n            <motion.circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke=\"var(--color-surface-border)\"\n              strokeWidth={arcSw}\n              fill=\"none\"\n              animate={{ opacity: isFinal && !isFilled ? 0 : 1 }}\n              transition={{ duration: 0.2, delay: isFinal && !isFilled ? ARC_COMPLETE : 0 }}\n            />\n          )}\n\n          {/* Animated arc — spins when loading, completes to full circle on state change */}\n          {prefersReduced ? (\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke={color}\n              strokeWidth={arcSw}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeDasharray={\n                isSpinning\n                  ? `${CIRCUMFERENCE * 0.75} ${CIRCUMFERENCE * 0.25}`\n                  : `${CIRCUMFERENCE} 0`\n              }\n              style={{\n                transformOrigin: 'center',\n                transform: isSpinning ? 'rotate(-90deg)' : undefined,\n                opacity: isFinal && !isFilled ? 0 : 1,\n              }}\n            />\n          ) : (\n            <motion.circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke={color}\n              strokeWidth={arcSw}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              style={{ transformOrigin: 'center' }}\n              animate={\n                isSpinning\n                  ? {\n                      rotate: [0, 360],\n                      strokeDasharray: [\n                        `${CIRCUMFERENCE * 0.1} ${CIRCUMFERENCE * 0.9}`,\n                        `${CIRCUMFERENCE * 0.75} ${CIRCUMFERENCE * 0.25}`,\n                        `${CIRCUMFERENCE * 0.1} ${CIRCUMFERENCE * 0.9}`,\n                      ],\n                    }\n                  : {\n                      rotate: 0,\n                      strokeDasharray: `${CIRCUMFERENCE} 0`,\n                      // In bare mode, fade out the arc after it completes\n                      ...(!isFilled && { opacity: 0 }),\n                    }\n              }\n              transition={\n                isSpinning\n                  ? {\n                      rotate: { duration: 1, repeat: Infinity, ease: 'linear' },\n                      strokeDasharray: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' },\n                    }\n                  : {\n                      rotate: { duration: 0.3, ease: 'easeOut' },\n                      strokeDasharray: { duration: ARC_COMPLETE, ease: 'easeInOut' },\n                      ...(!isFilled && { opacity: { duration: 0.2, delay: ARC_COMPLETE } }),\n                    }\n              }\n            />\n          )}\n\n          {/* Filled circle — fades in after arc completes, covers track (filled variant only) */}\n          <AnimatePresence>\n            {isFinal && isFilled &&\n              (prefersReduced ? (\n                <circle\n                  key=\"fill-static\"\n                  cx=\"12\"\n                  cy=\"12\"\n                  r={RADIUS + arcSw / 2}\n                  fill={color}\n                  stroke=\"none\"\n                />\n              ) : (\n                <motion.circle\n                  key=\"fill\"\n                  cx=\"12\"\n                  cy=\"12\"\n                  r={RADIUS + arcSw / 2}\n                  fill={color}\n                  stroke=\"none\"\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  transition={{ duration: FILL_DURATION, delay: FILL_DELAY, ease: 'easeOut' }}\n                  style={{ transformOrigin: 'center' }}\n                />\n              ))}\n          </AnimatePresence>\n\n          {/* Checkmark — white on filled, currentColor on bare */}\n          <AnimatePresence>\n            {state === 'success' &&\n              (prefersReduced ? (\n                <path\n                  key=\"check-static\"\n                  d={checkPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                />\n              ) : (\n                <motion.path\n                  key=\"check\"\n                  d={checkPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                  initial={{ pathLength: 0, opacity: 0 }}\n                  animate={{ pathLength: 1, opacity: 1 }}\n                  transition={{\n                    pathLength: { duration: ICON_DURATION, ease: 'easeOut', delay: ICON_DELAY },\n                    opacity: { duration: 0.1, delay: ICON_DELAY },\n                  }}\n                  onAnimationComplete={() => onComplete?.()}\n                />\n              ))}\n          </AnimatePresence>\n\n          {/* X mark — white on filled, currentColor on bare */}\n          <AnimatePresence>\n            {state === 'error' &&\n              (prefersReduced ? (\n                <path\n                  key=\"x-static\"\n                  d={xPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  fill=\"none\"\n                />\n              ) : (\n                <motion.path\n                  key=\"x\"\n                  d={xPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  fill=\"none\"\n                  initial={{ pathLength: 0, opacity: 0 }}\n                  animate={{ pathLength: 1, opacity: 1 }}\n                  transition={{\n                    pathLength: { duration: ICON_DURATION, ease: 'easeOut', delay: ICON_DELAY },\n                    opacity: { duration: 0.1, delay: ICON_DELAY },\n                  }}\n                  onAnimationComplete={() => onComplete?.()}\n                />\n              ))}\n          </AnimatePresence>\n        </svg>\n        <span className=\"sr-only\">{srText[state]}</span>\n      </span>\n    )\n  },\n)\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"mappings":"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"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../src/ui/spinner.tsx"],"sourcesContent":["'use client'\n\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n} from 'framer-motion'\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\n\nconst sizeClasses = {\n  sm: 'h-ico-sm w-ico-sm',\n  md: 'h-ico-md w-ico-md',\n  lg: 'h-ico-lg w-ico-lg',\n} as const\n\n/** Arc stroke width per size */\nconst arcStrokeWidths = { sm: 3, md: 3, lg: 4 } as const\n\n/** Thinner icon stroke for checkmark / X — feels lighter and more refined */\nconst iconStrokeWidths = { sm: 1.8, md: 2, lg: 2.5 } as const\n\n/**\n * Props for Spinner — an animated arc spinner with optional success (checkmark) and error (X)\n * state transitions, powered by Framer Motion.\n *\n * **Sizes:** `sm` (16px) | `md` (20px, default) | `lg` (24px)\n *\n * **States:**\n * - `spinning` (default): Rotating arc with Material Design-style pulse\n * - `success`: Arc completes to filled green circle, white checkmark draws in\n * - `error`: Arc completes to filled red circle, white X draws in\n *\n * **Variants:**\n * - `filled` (default): Semantic colored fill + white icon — for standalone contexts\n * - `bare`: No fill, icon uses `currentColor` — for embedding in buttons, toolbars, etc.\n *\n * **Accessibility:** `role=\"status\"` with sr-only text that updates per state.\n * Respects `prefers-reduced-motion` — shows static icons with opacity crossfades.\n *\n * @example\n * <Spinner />                                           // basic arc spinner\n * <Spinner size=\"sm\" />                                 // small\n * <Spinner state=\"success\" />                           // filled green circle + white check\n * <Spinner state=\"success\" variant=\"bare\" />            // just the check, currentColor\n * <Spinner state=\"error\" />                             // filled red circle + white X\n * <Spinner delay={150} />                               // no render until 150ms\n * <Spinner state=\"success\" onComplete={handleDone} />   // callback after animation\n */\nexport interface SpinnerProps {\n  /** sm | md | lg — maps to icon size tokens. Default: 'md' */\n  size?: 'sm' | 'md' | 'lg'\n  /** Current state. Default: 'spinning' */\n  state?: 'spinning' | 'success' | 'error'\n  /** Visual variant for success/error states. Default: 'filled' */\n  variant?: 'filled' | 'bare'\n  /** Delay in ms before showing (avoids flicker). Default: 0 */\n  delay?: number\n  /** Fires when success/error transition animation completes */\n  onComplete?: () => void\n  className?: string\n}\n\nconst RADIUS = 10\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS\n\nconst srText: Record<string, string> = {\n  spinning: 'Loading...',\n  success: 'Complete',\n  error: 'Error',\n}\n\nconst stateColors: Record<string, string> = {\n  spinning: 'var(--color-accent-9)',\n  success: 'var(--color-success-9)',\n  error: 'var(--color-error-9)',\n}\n\n// Filled variant — icons fit inside the filled circle\nconst CHECKMARK_D = 'M7 12.5l3 3 7-7'\nconst X_MARK_D = 'M8 8l8 8M16 8l-8 8'\n\n// Bare variant — larger icons since there's no circle constraining them\nconst CHECKMARK_BARE_D = 'M5 12.5l4 4 10-10'\nconst X_MARK_BARE_D = 'M6 6l12 12M18 6l-12 12'\n\nconst Spinner = React.forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ size = 'md', state = 'spinning', variant = 'filled', delay = 0, onComplete, className }, ref) => {\n    const prefersReduced = useReducedMotion()\n    const [visible, setVisible] = React.useState(delay === 0)\n\n    React.useEffect(() => {\n      if (delay <= 0) {\n        setVisible(true)\n        return\n      }\n      const timer = setTimeout(() => setVisible(true), delay)\n      return () => clearTimeout(timer)\n    }, [delay])\n\n    // Under reduced-motion the success/error paths render statically (no\n    // onAnimationComplete), so fire the documented onComplete contract here.\n    const onCompleteRef = React.useRef(onComplete)\n    React.useEffect(() => { onCompleteRef.current = onComplete })\n    React.useEffect(() => {\n      if (prefersReduced && (state === 'success' || state === 'error')) {\n        onCompleteRef.current?.()\n      }\n    }, [prefersReduced, state])\n\n    if (!visible) return null\n\n    const arcSw = arcStrokeWidths[size]\n    const iconSw = iconStrokeWidths[size]\n    const isSpinning = state === 'spinning'\n    const isFinal = state === 'success' || state === 'error'\n    const isFilled = variant === 'filled'\n    const color = variant === 'bare' && state === 'spinning' ? 'currentColor' : stateColors[state]\n\n    // Icon stroke: white on filled backgrounds, currentColor on bare\n    const iconColor = isFilled ? 'white' : 'currentColor'\n    const checkPath = isFilled ? CHECKMARK_D : CHECKMARK_BARE_D\n    const xPath = isFilled ? X_MARK_D : X_MARK_BARE_D\n\n    // ── Sequence timing (seconds) ──────────────────────────────────\n    // Filled: arc completes → fill fades in → white icon draws\n    // Bare:   arc completes + fades out → currentColor icon draws\n    const ARC_COMPLETE = 0.4\n    const FILL_DELAY = 0.3\n    const FILL_DURATION = 0.25\n    const ICON_DELAY = isFilled ? 0.5 : 0.35\n    const ICON_DURATION = 0.35\n\n    return (\n      <span ref={ref} role=\"status\" className={cn('inline-flex', className)}>\n        <svg\n          className={sizeClasses[size]}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          {/* Background track circle — hidden in bare final state */}\n          {prefersReduced ? (\n            !(isFinal && !isFilled) && (\n              <circle\n                cx=\"12\"\n                cy=\"12\"\n                r={RADIUS}\n                stroke=\"var(--color-surface-border)\"\n                strokeWidth={arcSw}\n                fill=\"none\"\n              />\n            )\n          ) : (\n            <motion.circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke=\"var(--color-surface-border)\"\n              strokeWidth={arcSw}\n              fill=\"none\"\n              animate={{ opacity: isFinal && !isFilled ? 0 : 1 }}\n              transition={{ duration: 0.2, delay: isFinal && !isFilled ? ARC_COMPLETE : 0 }}\n            />\n          )}\n\n          {/* Animated arc — spins when loading, completes to full circle on state change */}\n          {prefersReduced ? (\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke={color}\n              strokeWidth={arcSw}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeDasharray={\n                isSpinning\n                  ? `${CIRCUMFERENCE * 0.75} ${CIRCUMFERENCE * 0.25}`\n                  : `${CIRCUMFERENCE} 0`\n              }\n              style={{\n                transformOrigin: 'center',\n                transform: isSpinning ? 'rotate(-90deg)' : undefined,\n                opacity: isFinal && !isFilled ? 0 : 1,\n              }}\n            />\n          ) : (\n            <motion.circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke={color}\n              strokeWidth={arcSw}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              style={{ transformOrigin: 'center' }}\n              animate={\n                isSpinning\n                  ? {\n                      rotate: [0, 360],\n                      strokeDasharray: [\n                        `${CIRCUMFERENCE * 0.1} ${CIRCUMFERENCE * 0.9}`,\n                        `${CIRCUMFERENCE * 0.75} ${CIRCUMFERENCE * 0.25}`,\n                        `${CIRCUMFERENCE * 0.1} ${CIRCUMFERENCE * 0.9}`,\n                      ],\n                    }\n                  : {\n                      rotate: 0,\n                      strokeDasharray: `${CIRCUMFERENCE} 0`,\n                      // In bare mode, fade out the arc after it completes\n                      ...(!isFilled && { opacity: 0 }),\n                    }\n              }\n              transition={\n                isSpinning\n                  ? {\n                      rotate: { duration: 1, repeat: Infinity, ease: 'linear' },\n                      strokeDasharray: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' },\n                    }\n                  : {\n                      rotate: { duration: 0.3, ease: 'easeOut' },\n                      strokeDasharray: { duration: ARC_COMPLETE, ease: 'easeInOut' },\n                      ...(!isFilled && { opacity: { duration: 0.2, delay: ARC_COMPLETE } }),\n                    }\n              }\n            />\n          )}\n\n          {/* Filled circle — fades in after arc completes, covers track (filled variant only) */}\n          <AnimatePresence>\n            {isFinal && isFilled &&\n              (prefersReduced ? (\n                <circle\n                  key=\"fill-static\"\n                  cx=\"12\"\n                  cy=\"12\"\n                  r={RADIUS + arcSw / 2}\n                  fill={color}\n                  stroke=\"none\"\n                />\n              ) : (\n                <motion.circle\n                  key=\"fill\"\n                  cx=\"12\"\n                  cy=\"12\"\n                  r={RADIUS + arcSw / 2}\n                  fill={color}\n                  stroke=\"none\"\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  transition={{ duration: FILL_DURATION, delay: FILL_DELAY, ease: 'easeOut' }}\n                  style={{ transformOrigin: 'center' }}\n                />\n              ))}\n          </AnimatePresence>\n\n          {/* Checkmark — white on filled, currentColor on bare */}\n          <AnimatePresence>\n            {state === 'success' &&\n              (prefersReduced ? (\n                <path\n                  key=\"check-static\"\n                  d={checkPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                />\n              ) : (\n                <motion.path\n                  key=\"check\"\n                  d={checkPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                  initial={{ pathLength: 0, opacity: 0 }}\n                  animate={{ pathLength: 1, opacity: 1 }}\n                  transition={{\n                    pathLength: { duration: ICON_DURATION, ease: 'easeOut', delay: ICON_DELAY },\n                    opacity: { duration: 0.1, delay: ICON_DELAY },\n                  }}\n                  onAnimationComplete={() => onComplete?.()}\n                />\n              ))}\n          </AnimatePresence>\n\n          {/* X mark — white on filled, currentColor on bare */}\n          <AnimatePresence>\n            {state === 'error' &&\n              (prefersReduced ? (\n                <path\n                  key=\"x-static\"\n                  d={xPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  fill=\"none\"\n                />\n              ) : (\n                <motion.path\n                  key=\"x\"\n                  d={xPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  fill=\"none\"\n                  initial={{ pathLength: 0, opacity: 0 }}\n                  animate={{ pathLength: 1, opacity: 1 }}\n                  transition={{\n                    pathLength: { duration: ICON_DURATION, ease: 'easeOut', delay: ICON_DELAY },\n                    opacity: { duration: 0.1, delay: ICON_DELAY },\n                  }}\n                  onAnimationComplete={() => onComplete?.()}\n                />\n              ))}\n          </AnimatePresence>\n        </svg>\n        <span className=\"sr-only\">{srText[state]}</span>\n      </span>\n    )\n  },\n)\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"mappings":"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"}

package/dist/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAuBtE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC/F,yJAAyJ;IACzJ,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,QAAA,MAAM,MAAM,uFAyDV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAuBtE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC/F,yJAAyJ;IACzJ,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,QAAA,MAAM,MAAM,uFA8DV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/ui/switch.js

@@ -6,9 +6,9 @@ import { useFormField as i } from "./form.js";
 import { resolveFieldState as a } from "../_chunks/field-state.js";
 import * as o from "react";
 import { jsx as s } from "react/jsx-runtime";
-import { motion as c } from "framer-motion";
+import { motion as c, useReducedMotion as l } from "framer-motion";
 //#region src/ui/switch.tsx
-var l = {
+var u = {
 	sm: {
 		track: "h-6 w-[38px]",
 		thumb: "h-5 w-5",
@@ -24,40 +24,40 @@ var l = {
 		thumb: "h-6 w-6",
 		travel: 24
 	}
-}, u = {
+}, d = {
 	error: "border-error-7 data-[state=checked]:bg-error-9",
 	warning: "border-warning-7 data-[state=checked]:bg-warning-9",
 	success: "border-success-7 data-[state=checked]:bg-success-9"
-}, d = {
+}, f = {
 	accent: "data-[state=checked]:bg-accent-9",
 	success: "data-[state=checked]:bg-success-9",
 	warning: "data-[state=checked]:bg-warning-9"
-}, f = o.forwardRef(({ className: f, state: p, size: m = "md", color: h = "accent", thumbIcon: g, checked: _, defaultChecked: v, onCheckedChange: y, ...b }, x) => {
-	let S = i(), C = a(p, S.state), w = b["aria-describedby"] ?? S.helperTextId, T = b["aria-required"] ?? S.required, [E, D] = o.useState(v ?? !1), O = _ === void 0 ? E : _, { track: k, thumb: A, travel: j } = l[m], M = o.useCallback((e) => {
-		_ === void 0 && D(e), y?.(e);
-	}, [_, y]);
+}, p = o.forwardRef(({ className: p, state: m, size: h = "md", color: g = "accent", thumbIcon: _, checked: v, defaultChecked: y, onCheckedChange: b, ...x }, S) => {
+	let C = i(), w = a(m, C.state), T = x["aria-describedby"] ?? C.helperTextId, E = x["aria-required"] ?? C.required, [D, O] = o.useState(y ?? !1), k = v === void 0 ? D : v, A = l(), j = typeof document < "u" && (document.dir === "rtl" || document.documentElement.dir === "rtl"), { track: M, thumb: N, travel: P } = u[h], F = o.useCallback((e) => {
+		v === void 0 && O(e), b?.(e);
+	}, [v, b]);
 	return /* @__PURE__ */ s(e, {
-		className: r("touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-pill border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active", k, d[h], C && u[C], f),
-		checked: _,
-		defaultChecked: v,
-		onCheckedChange: M,
-		"aria-invalid": C === "error" || void 0,
-		"aria-describedby": w,
-		"aria-required": T || void 0,
-		...b,
-		ref: x,
+		className: r("touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-pill border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active", M, f[g], w && d[w], p),
+		checked: v,
+		defaultChecked: y,
+		onCheckedChange: F,
+		"aria-invalid": w === "error" || void 0,
+		"aria-describedby": T,
+		"aria-required": E || void 0,
+		...x,
+		ref: S,
 		children: /* @__PURE__ */ s(t, {
 			asChild: !0,
 			children: /* @__PURE__ */ s(c.span, {
-				className: r("pointer-events-none flex items-center justify-center rounded-pill bg-accent-fg shadow-raised-hover ring-0", A),
-				animate: { x: O ? j : 0 },
-				whileTap: { scale: .85 },
-				transition: n.snappy,
-				children: g
+				className: r("pointer-events-none flex items-center justify-center rounded-pill bg-accent-fg shadow-raised-hover ring-0", N),
+				animate: { x: (k ? P : 0) * (j ? -1 : 1) },
+				whileTap: A ? void 0 : { scale: .85 },
+				transition: A ? { duration: 0 } : n.snappy,
+				children: _
 			})
 		})
 	});
 });
-f.displayName = e.displayName;
+p.displayName = e.displayName;
 //#endregion
-export { f as Switch };
+export { p as Switch };