@devalok/shilp-sutra 0.48.0 → 0.49.1

package/dist/ui/index.js

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

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/ui/lib/check-tokens.ts","../../src/ui/index.ts"],"sourcesContent":["/**\n * Dev-mode check for missing token CSS.\n *\n * If the consumer forgets `import '@devalok/shilp-sutra/tokens'`, all CSS\n * custom properties resolve to empty strings and components render with\n * transparent/broken backgrounds. This check detects that condition and\n * warns in the console.\n *\n * Only runs once, only in development, only in the browser.\n */\nlet checked = false\n\nexport function checkTokensLoaded(): void {\n  if (checked) return\n  if (typeof window === 'undefined') return\n\n  // Skip in production — bundlers (Vite, Next.js, webpack) define import.meta.env or process.env\n  try {\n    // @ts-expect-error -- import.meta.env is Vite-specific, not in base TS lib\n    if (import.meta.env?.PROD) return\n  } catch { /* not in Vite */ }\n\n  checked = true\n\n  // Wait for stylesheets to load\n  requestAnimationFrame(() => {\n    const value = getComputedStyle(document.documentElement).getPropertyValue('--color-accent-9').trim()\n    if (!value) {\n      console.warn(\n        '[shilp-sutra] Design system tokens CSS not loaded. ' +\n        'Add `import \\'@devalok/shilp-sutra/tokens\\'` to your root layout. ' +\n        'Without it, components will render with missing colors, spacing, and typography.'\n      )\n    }\n  })\n}\n","/**\n * @module @devalok/shilp-sutra/ui\n *\n * Core UI primitives: buttons, inputs, dialogs, cards, tables, badges, navigation, and more.\n * Most components require client-side React (\"use client\").\n *\n * **Server-safe components** (import individually for Server Components):\n * `Text`, `Skeleton`, `Stack`, `Container`, `Table`, `Code`, `VisuallyHidden`\n *\n * @example\n * // Server Component — import individually:\n * import { Text } from '@devalok/shilp-sutra/ui/text'\n * import { Stack } from '@devalok/shilp-sutra/ui/stack'\n *\n * // Client Component — barrel import:\n * import { Button, Dialog } from '@devalok/shilp-sutra/ui'\n */\n\n// Dev-mode token presence check — runs once on first import\nimport { checkTokensLoaded } from './lib/check-tokens'\ncheckTokensLoaded()\n\n// Core\nexport { Button, type ButtonProps,buttonVariants } from './button'\nexport { ButtonGroup, type ButtonGroupProps,useButtonGroup } from './button-group'\nexport { ColorInput, type ColorInputProps } from './color-input'\nexport { Icon, type IconProps } from './icon'\nexport { IconButton, type IconButtonProps } from './icon-button'\nexport { IconContext, type IconContextValue, IconProvider, type IconSize, type IconStroke,useIconContext } from './icon-context'\nexport { IconGroup, type IconGroupProps } from './icon-group'\nexport { Input, type InputProps, type InputState, inputWrapperVariants } from './input'\nexport { Label, type LabelProps } from './label'\nexport { Separator, type SeparatorProps } from './separator'\nexport { SplitButton, type SplitButtonProps } from './split-button'\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden'\n\n// Autocomplete\nexport { Autocomplete, type AutocompleteOption,type AutocompleteProps } from './autocomplete'\n\n// Combobox\nexport { Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize,comboboxTriggerVariants } from './combobox'\n\n// FileUpload\nexport { FileUpload, type FileUploadProps } from './file-upload'\n\n// Form Controls\nexport { Checkbox, type CheckboxProps } from './checkbox'\nexport { FormField, type FormFieldProps, type FormHelperState, FormHelperText, type FormHelperTextProps,useFormField } from './form'\n// InputOTP removed from barrel in 0.40.0 — hard peer `input-otp` was breaking\n// fresh-consumer builds. Import per-component instead:\n//   import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '@devalok/shilp-sutra/ui/input-otp'\nexport { NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputState,numberInputWrapperVariants } from './number-input'\nexport { RadioGroup, RadioGroupItem, type RadioGroupItemProps,type RadioGroupProps } from './radio'\nexport { SearchInput, type SearchInputProps } from './search-input'\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  type SelectTriggerProps,\n  selectTriggerVariants,\n  SelectValue,\n} from './select'\nexport { Slider, type SliderColor,type SliderProps, type SliderSize, sliderThumbVariants, sliderTrackVariants } from './slider'\nexport { Switch, type SwitchProps } from './switch'\nexport { Textarea, type TextareaProps,textareaVariants } from './textarea'\nexport { Toggle, type ToggleProps,toggleVariants } from './toggle'\nexport { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps,type ToggleGroupProps } from './toggle-group'\nexport { TruncatedText, type TruncatedTextProps } from './truncated-text'\n\n// Feedback & Overlays\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  type AlertDialogActionProps,\n  AlertDialogCancel,\n  type AlertDialogCancelProps,\n  AlertDialogContent,\n  type AlertDialogContentProps,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './alert-dialog'\nexport { Collapsible, CollapsibleContent, type CollapsibleProps,CollapsibleTrigger } from './collapsible'\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  type DialogContentProps,\n  DialogContentRaw,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  type DialogTitleProps,\n  DialogTrigger,\n} from './dialog'\nexport { HoverCard, HoverCardContent, type HoverCardContentProps,HoverCardTrigger } from './hover-card'\nexport { Popover, PopoverAnchor, PopoverContent, type PopoverContentProps,PopoverTrigger } from './popover'\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  type SheetContentProps,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n} from './sheet'\n// toast + Toaster removed from barrel in 0.40.0 — hard peer `sonner` was\n// breaking fresh-consumer builds when consumers imported other UI symbols\n// from the barrel without sonner installed. Import per-component instead:\n//   import { toast, formatFileSize, type ToastOptions } from '@devalok/shilp-sutra/ui/toast'\n//   import { Toaster } from '@devalok/shilp-sutra/ui/toaster'\nexport { Tooltip, TooltipContent, type TooltipContentProps,TooltipProvider, TooltipTrigger } from './tooltip'\n// ---------------------------------------------------------------------------\n// Notifications — pick the right one:\n//   Alert   — inline, static feedback within a form or page section (no user action needed to show)\n//   Banner  — persistent, page-level notice shown above main content (survives navigation)\n//   Toast   — imperative, transient, action-triggered (fires on user action, auto-dismisses)\n//             Requires <Toaster /> mounted once at layout root. Use toast.success() etc. from anywhere.\n// ---------------------------------------------------------------------------\nexport { Alert, type AlertProps,alertVariants } from './alert'\nexport { Banner, type BannerProps,bannerVariants } from './banner'\nexport { Spinner, type SpinnerProps } from './spinner'\n\n// Data Display\nexport { AspectRatio } from './aspect-ratio'\nexport { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarProps, type AvatarRing,type AvatarStatus, avatarVariants } from './avatar'\nexport { Badge, type BadgeProps,badgeVariants } from './badge'\nexport { BadgeGroup, type BadgeGroupProps } from './badge-group'\nexport { BadgeIndicator, type BadgeIndicatorProps } from './badge-indicator'\nexport { Card, CardAction, type CardActionPlacement, type CardActionProps, CardBleed, type CardBleedProps, type CardBleedSide, CardContent, CardDescription, CardFooter, CardHeader, type CardProps,CardSection, CardTitle, cardVariants } from './card'\nexport { Code, type CodeProps } from './code'\nexport { ColorSwatch, type ColorSwatchProps } from './color-swatch'\nexport { Progress, progressIndicatorVariants, type ProgressProps,progressTrackVariants } from './progress'\nexport { MultiProgressRing, type MultiProgressRingProps,ProgressRing, type ProgressRingProps } from './progress-ring'\nexport {\n  Skeleton,\n  SkeletonAvatar,\n  type SkeletonAvatarProps,\n  SkeletonButton,\n  type SkeletonButtonProps,\n  SkeletonChart,\n  type SkeletonChartProps,\n  SkeletonGroup,\n  type SkeletonGroupProps,\n  SkeletonImage,\n  type SkeletonImageProps,\n  SkeletonInput,\n  type SkeletonInputProps,\n  type SkeletonProps,\n  SkeletonText,\n  type SkeletonTextProps,\n  skeletonVariants,\n} from './skeleton'\nexport { StatCard, type StatCardProps } from './stat-card'\nexport {\n  type FlashPreset,\n  type FlashSpec,\n  type FlashSpeed,\n  type FlashTone,\n  StatFlash,\n  type StatFlashProps,\n} from './stat-flash'\nexport { StatusDot, type StatusDotProps, type StatusDotStatus } from './status-dot'\nexport { Surface, type SurfaceProps, surfaceVariants } from './surface'\nexport { Table, TableBody, TableCaption, TableCell, type TableCellBaseProps,type TableCellProps,type TableDensity, TableFooter, TableHead, TableHeader, type TableProps, TableRow, TableRowActions, type TableRowActionsProps,type TableRowProps } from './table'\nexport { TableRowLink, type TableRowLinkProps } from './table-row-link'\n\n// Navigation\nexport { Accordion, AccordionContent, type AccordionContentProps,AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps } from './accordion'\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  type BreadcrumbLinkProps,\n  BreadcrumbList,\n  BreadcrumbPage,\n  type BreadcrumbProps,\n  BreadcrumbSeparator,\n} from './breadcrumb'\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  type ContextMenuContentProps,\n  ContextMenuGroup,\n  ContextMenuItem,\n  type ContextMenuItemProps,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu'\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  type DropdownMenuContentProps,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  type DropdownMenuItemProps,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu'\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  type MenubarContentProps,\n  MenubarGroup,\n  MenubarItem,\n  type MenubarItemProps,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n} from './menubar'\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  type NavigationMenuContentProps,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  type NavigationMenuProps,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n} from './navigation-menu'\nexport {\n  generatePagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  type PaginationLinkProps,\n  PaginationNav,\n  type PaginationNavProps,\n  PaginationNext,\n  PaginationPrevious,\n  PaginationRoot,\n} from './pagination'\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  type SidebarProps,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n} from './sidebar'\nexport { Tabs, type TabsColor, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation,type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps } from './tabs'\n\n// Workflow\nexport { Step, Stepper, type StepperProps, type StepProps } from './stepper'\n\n\n// Typography\nexport { Text, type TextProps, type TextVariant,textVariants } from './text'\n\n// Layout\nexport { Container, type ContainerProps } from './container'\nexport { type SpacingToken,Stack, type StackProps } from './stack'\n\n// Tree View\nexport { TreeItem, type TreeItemProps, type TreeNode,TreeView, type TreeViewProps, useTree } from './tree-view'\n\n// Segmented Control\nexport {\n  SegmentedControl,\n  type SegmentedControlOption,\n  type SegmentedControlProps,\n  type SegmentedControlSize,\n  type SegmentedControlVariant,\n} from './segmented-control'\n\n// Brand Texture\nexport { DevalokGrain, type DevalokGrainProps, type GrainIntensity } from './devalok-grain'\n\n// Chat primitives\nexport {\n  DateSeparator,\n  type DateSeparatorProps,\n  Message,\n  type MessageActionProps,\n  type MessageActionsProps,\n  type MessageAuthorProps,\n  type MessageAvatarProps,\n  type MessageBodyProps,\n  type MessageContentProps,\n  type MessageContextValue,\n  type MessageEditableBodyProps,\n  MessageInput,\n  type MessageInputProps,\n  MessageList,\n  type MessageListProps,\n  type MessageProps,\n  type MessageReactionsProps,\n  SystemMessage,\n  type SystemMessageProps,\n  TypingIndicator,\n  type TypingIndicatorProps,\n  UnreadSeparator,\n  type UnreadSeparatorProps,\n  useMessageContext,\n} from './chat'\n\n// Other\nexport { Link, type LinkProps } from './link'\n\n// OAuth / Social sign-in\nexport {\n  getOAuthLabel,\n  getOAuthName,\n  OAuth,\n  type OAuthAppearance,\n  OAuthButton,\n  type OAuthButtonProps,\n  OAuthConnectionRow,\n  type OAuthConnectionRowProps,\n  OAuthDivider,\n  type OAuthDividerProps,\n  OAuthGlyph,\n  type OAuthGlyphProps,\n  OAuthGroup,\n  type OAuthGroupProps,\n  type OAuthIntent,\n  type OAuthProvider,\n  type OAuthVariant,\n} from './oauth-button'\n\n// Utilities\nexport { formatRelativeTime } from './lib/date-utils'\nexport type { SpringPreset, TweenPreset } from './lib/motion'\nexport { springs, stagger, tweens, withReducedMotion } from './lib/motion'\nexport { cn } from './lib/utils'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAI,IAAU;AAEd,SAAgB,KAA0B;AACpC,WACA,SAAO,SAAW,MAGtB;MAAI;AAEyB;UACrB;AAKR,EAHA,IAAU,IAGV,4BAA4B;AAE1B,GADc,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,mBAAmB,CAAC,MAAM,IAElG,QAAQ,KACN,sMAGD;IAEH;;;;;ACdJ,IAAmB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ui/lib/check-tokens.ts","../../src/ui/index.ts"],"sourcesContent":["/**\n * Dev-mode check for missing token CSS.\n *\n * If the consumer forgets `import '@devalok/shilp-sutra/tokens'`, all CSS\n * custom properties resolve to empty strings and components render with\n * transparent/broken backgrounds. This check detects that condition and\n * warns in the console.\n *\n * Only runs once, only in development, only in the browser.\n */\nlet checked = false\n\nexport function checkTokensLoaded(): void {\n  if (checked) return\n  if (typeof window === 'undefined') return\n\n  // Skip in production — bundlers (Vite, Next.js, webpack) define import.meta.env or process.env\n  try {\n    // @ts-expect-error -- import.meta.env is Vite-specific, not in base TS lib\n    if (import.meta.env?.PROD) return\n  } catch { /* not in Vite */ }\n\n  checked = true\n\n  // Wait for stylesheets to load\n  requestAnimationFrame(() => {\n    const value = getComputedStyle(document.documentElement).getPropertyValue('--color-accent-9').trim()\n    if (!value) {\n      console.warn(\n        '[shilp-sutra] Design system tokens CSS not loaded. ' +\n        'Add `import \\'@devalok/shilp-sutra/tokens\\'` to your root layout. ' +\n        'Without it, components will render with missing colors, spacing, and typography.'\n      )\n    }\n  })\n}\n","/**\n * @module @devalok/shilp-sutra/ui\n *\n * Core UI primitives: buttons, inputs, dialogs, cards, tables, badges, navigation, and more.\n * Most components require client-side React (\"use client\").\n *\n * **Server-safe components** (import individually for Server Components):\n * `Text`, `Skeleton`, `Stack`, `Container`, `Table`, `Code`, `VisuallyHidden`\n *\n * @example\n * // Server Component — import individually:\n * import { Text } from '@devalok/shilp-sutra/ui/text'\n * import { Stack } from '@devalok/shilp-sutra/ui/stack'\n *\n * // Client Component — barrel import:\n * import { Button, Dialog } from '@devalok/shilp-sutra/ui'\n */\n\n// Dev-mode token presence check — runs once on first import\nimport { checkTokensLoaded } from './lib/check-tokens'\ncheckTokensLoaded()\n\n// Core\nexport { Button, type ButtonProps,buttonVariants } from './button'\nexport { ButtonGroup, type ButtonGroupProps,useButtonGroup } from './button-group'\nexport { ColorInput, type ColorInputProps } from './color-input'\nexport { Icon, type IconProps } from './icon'\nexport { IconButton, type IconButtonProps } from './icon-button'\nexport { IconContext, type IconContextValue, IconProvider, type IconSize, type IconStroke,useIconContext } from './icon-context'\nexport { IconGroup, type IconGroupProps } from './icon-group'\nexport { Input, type InputProps, type InputState, inputWrapperVariants } from './input'\nexport { Label, type LabelProps } from './label'\nexport { type FieldState } from './lib/field-state'\nexport { Separator, type SeparatorProps } from './separator'\nexport { SplitButton, type SplitButtonProps } from './split-button'\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden'\n\n// Autocomplete\nexport { Autocomplete, type AutocompleteOption,type AutocompleteProps } from './autocomplete'\n\n// Combobox\nexport { Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize,comboboxTriggerVariants } from './combobox'\n\n// FileUpload\nexport { FileUpload, type FileUploadProps } from './file-upload'\n\n// Form Controls\nexport { Checkbox, type CheckboxProps } from './checkbox'\nexport { FormField, type FormFieldProps, type FormHelperState, FormHelperText, type FormHelperTextProps,useFormField } from './form'\n// InputOTP removed from barrel in 0.40.0 — hard peer `input-otp` was breaking\n// fresh-consumer builds. Import per-component instead:\n//   import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '@devalok/shilp-sutra/ui/input-otp'\nexport { NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputState,numberInputWrapperVariants } from './number-input'\nexport { RadioGroup, RadioGroupItem, type RadioGroupItemProps,type RadioGroupProps } from './radio'\nexport { SearchInput, type SearchInputProps } from './search-input'\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  type SelectTriggerProps,\n  selectTriggerVariants,\n  SelectValue,\n} from './select'\nexport { Slider, type SliderColor,type SliderProps, type SliderSize, sliderThumbVariants, sliderTrackVariants } from './slider'\nexport { Switch, type SwitchProps } from './switch'\nexport { Textarea, type TextareaProps,textareaVariants } from './textarea'\nexport { Toggle, type ToggleProps,toggleVariants } from './toggle'\nexport { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps,type ToggleGroupProps } from './toggle-group'\nexport { TruncatedText, type TruncatedTextProps } from './truncated-text'\n\n// Feedback & Overlays\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  type AlertDialogActionProps,\n  AlertDialogCancel,\n  type AlertDialogCancelProps,\n  AlertDialogContent,\n  type AlertDialogContentProps,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './alert-dialog'\nexport { Collapsible, CollapsibleContent, type CollapsibleProps,CollapsibleTrigger } from './collapsible'\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  type DialogContentProps,\n  DialogContentRaw,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  type DialogTitleProps,\n  DialogTrigger,\n} from './dialog'\nexport { HoverCard, HoverCardContent, type HoverCardContentProps,HoverCardTrigger } from './hover-card'\nexport { Popover, PopoverAnchor, PopoverContent, type PopoverContentProps,PopoverTrigger } from './popover'\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  type SheetContentProps,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n} from './sheet'\n// toast + Toaster removed from barrel in 0.40.0 — hard peer `sonner` was\n// breaking fresh-consumer builds when consumers imported other UI symbols\n// from the barrel without sonner installed. Import per-component instead:\n//   import { toast, formatFileSize, type ToastOptions } from '@devalok/shilp-sutra/ui/toast'\n//   import { Toaster } from '@devalok/shilp-sutra/ui/toaster'\nexport { Tooltip, TooltipContent, type TooltipContentProps,TooltipProvider, TooltipTrigger } from './tooltip'\n// ---------------------------------------------------------------------------\n// Notifications — pick the right one:\n//   Alert   — inline, static feedback within a form or page section (no user action needed to show)\n//   Banner  — persistent, page-level notice shown above main content (survives navigation)\n//   Toast   — imperative, transient, action-triggered (fires on user action, auto-dismisses)\n//             Requires <Toaster /> mounted once at layout root. Use toast.success() etc. from anywhere.\n// ---------------------------------------------------------------------------\nexport { Alert, type AlertProps,alertVariants } from './alert'\nexport { Banner, type BannerProps,bannerVariants } from './banner'\nexport { Spinner, type SpinnerProps } from './spinner'\n\n// Data Display\nexport { AspectRatio } from './aspect-ratio'\nexport { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarProps, type AvatarRing,type AvatarStatus, avatarVariants } from './avatar'\nexport { Badge, type BadgeProps,badgeVariants } from './badge'\nexport { BadgeGroup, type BadgeGroupProps } from './badge-group'\nexport { BadgeIndicator, type BadgeIndicatorProps } from './badge-indicator'\nexport { Card, CardAction, type CardActionPlacement, type CardActionProps, CardBleed, type CardBleedProps, type CardBleedSide, CardContent, CardDescription, CardFooter, CardHeader, type CardProps,CardSection, CardTitle, cardVariants } from './card'\nexport { Code, type CodeProps } from './code'\nexport { ColorSwatch, type ColorSwatchProps } from './color-swatch'\nexport { Dot, type DotColor, type DotProps, type DotSize, type DotVariant, dotVariants } from './dot'\nexport {\n  Progress,\n  type ProgressColor,\n  ProgressIndicator,\n  type ProgressIndicatorProps,\n  progressIndicatorVariants,\n  ProgressLabel,\n  type ProgressLabelProps,\n  type ProgressProps,\n  ProgressRoot,\n  type ProgressRootProps,\n  ProgressSegment,\n  type ProgressSegmentProps,\n  type ProgressSize,\n  ProgressTrack,\n  type ProgressTrackProps,\n  progressTrackVariants,\n  ProgressValue,\n  type ProgressValueProps,\n} from './progress'\nexport { MultiProgressRing, type MultiProgressRingProps,ProgressRing, type ProgressRingProps } from './progress-ring'\nexport {\n  Skeleton,\n  SkeletonAvatar,\n  type SkeletonAvatarProps,\n  SkeletonButton,\n  type SkeletonButtonProps,\n  SkeletonChart,\n  type SkeletonChartProps,\n  SkeletonGroup,\n  type SkeletonGroupProps,\n  SkeletonImage,\n  type SkeletonImageProps,\n  SkeletonInput,\n  type SkeletonInputProps,\n  type SkeletonProps,\n  SkeletonText,\n  type SkeletonTextProps,\n  skeletonVariants,\n} from './skeleton'\nexport { StatCard, type StatCardProps } from './stat-card'\nexport {\n  type FlashPreset,\n  type FlashSpec,\n  type FlashSpeed,\n  type FlashTone,\n  StatFlash,\n  type StatFlashProps,\n} from './stat-flash'\nexport { Surface, type SurfaceProps, surfaceVariants } from './surface'\nexport { Table, TableBody, TableCaption, TableCell, type TableCellBaseProps,type TableCellProps,type TableDensity, TableFooter, TableHead, TableHeader, type TableProps, TableRow, TableRowActions, type TableRowActionsProps,type TableRowProps } from './table'\nexport { TableRowLink, type TableRowLinkProps } from './table-row-link'\n\n// Navigation\nexport { Accordion, AccordionContent, type AccordionContentProps,AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps } from './accordion'\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  type BreadcrumbLinkProps,\n  BreadcrumbList,\n  BreadcrumbPage,\n  type BreadcrumbProps,\n  BreadcrumbSeparator,\n} from './breadcrumb'\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  type ContextMenuContentProps,\n  ContextMenuGroup,\n  ContextMenuItem,\n  type ContextMenuItemProps,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu'\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  type DropdownMenuContentProps,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  type DropdownMenuItemProps,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu'\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  type MenubarContentProps,\n  MenubarGroup,\n  MenubarItem,\n  type MenubarItemProps,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n} from './menubar'\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  type NavigationMenuContentProps,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  type NavigationMenuProps,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n} from './navigation-menu'\nexport {\n  generatePagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  type PaginationLinkProps,\n  PaginationNav,\n  type PaginationNavProps,\n  PaginationNext,\n  PaginationPrevious,\n  PaginationRoot,\n} from './pagination'\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  type SidebarProps,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n} from './sidebar'\nexport { Tabs, type TabsColor, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation,type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps } from './tabs'\n\n// Workflow\nexport { Step, Stepper, type StepperProps, type StepProps } from './stepper'\n\n\n// Typography\nexport { Text, type TextProps, type TextVariant,textVariants } from './text'\n\n// Layout\nexport { Container, type ContainerProps } from './container'\nexport { type SpacingToken,Stack, type StackProps } from './stack'\n\n// Tree View\nexport { TreeItem, type TreeItemProps, type TreeNode,TreeView, type TreeViewProps, useTree } from './tree-view'\n\n// Segmented Control\nexport {\n  SegmentedControl,\n  type SegmentedControlOption,\n  type SegmentedControlProps,\n  type SegmentedControlSize,\n  type SegmentedControlVariant,\n} from './segmented-control'\n\n// Brand Texture\nexport { DevalokGrain, type DevalokGrainProps, type GrainIntensity } from './devalok-grain'\n\n// Chat primitives\nexport {\n  DateSeparator,\n  type DateSeparatorProps,\n  Message,\n  type MessageActionProps,\n  type MessageActionsProps,\n  type MessageAuthorProps,\n  type MessageAvatarProps,\n  type MessageBodyProps,\n  type MessageContentProps,\n  type MessageContextValue,\n  type MessageEditableBodyProps,\n  MessageInput,\n  type MessageInputProps,\n  MessageList,\n  type MessageListProps,\n  type MessageProps,\n  type MessageReactionsProps,\n  SystemMessage,\n  type SystemMessageProps,\n  TypingIndicator,\n  type TypingIndicatorProps,\n  UnreadSeparator,\n  type UnreadSeparatorProps,\n  useMessageContext,\n} from './chat'\n\n// Other\nexport { Link, type LinkProps } from './link'\n\n// OAuth / Social sign-in\nexport {\n  getOAuthLabel,\n  getOAuthName,\n  OAuth,\n  type OAuthAppearance,\n  OAuthButton,\n  type OAuthButtonProps,\n  OAuthConnectionRow,\n  type OAuthConnectionRowProps,\n  OAuthDivider,\n  type OAuthDividerProps,\n  OAuthGlyph,\n  type OAuthGlyphProps,\n  OAuthGroup,\n  type OAuthGroupProps,\n  type OAuthIntent,\n  type OAuthProvider,\n  type OAuthVariant,\n} from './oauth-button'\n\n// Utilities\nexport { formatRelativeTime } from './lib/date-utils'\nexport type { SpringPreset, TweenPreset } from './lib/motion'\nexport { springs, stagger, tweens, withReducedMotion } from './lib/motion'\nexport { cn } from './lib/utils'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAI,IAAU;AAEd,SAAgB,KAA0B;AACpC,WACA,SAAO,SAAW,MAGtB;MAAI;AAEyB;UACrB;AAKR,EAHA,IAAU,IAGV,4BAA4B;AAE1B,GADc,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,mBAAmB,CAAC,MAAM,IAElG,QAAQ,KACN,sMAGD;IAEH;;;;;ACdJ,IAAmB"}

package/dist/ui/input-otp.js

@@ -41,7 +41,7 @@ var p = r.forwardRef(({ index: t, className: n, ...o }, s) => {
 		...o,
 		children: [p, m && /* @__PURE__ */ i("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ i("div", { className: "animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02" })
+			children: /* @__PURE__ */ i("div", { className: "animate-caret-blink h-ds-05 w-px bg-surface-fg duration-slow-02" })
 		})]
 	});
 });

package/dist/ui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/ui/input-otp.tsx"],"sourcesContent":["'use client'\n\nimport { IconMinus } from '@tabler/icons-react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { Icon } from './icon'\nimport { cn } from './lib/utils'\n\n// ── Size context ────────────────────────────────────────────────────\n\ntype InputOTPSize = 'sm' | 'md' | 'lg'\n\nconst InputOTPSizeContext = React.createContext<InputOTPSize>('md')\n\nconst slotSizeClasses: Record<InputOTPSize, string> = {\n  sm: 'h-ds-sm w-ds-sm text-ds-sm',\n  md: 'h-ds-sm-plus w-ds-sm-plus text-ds-md',\n  lg: 'h-ds-md w-ds-md text-ds-lg',\n}\n\n// ── InputOTP ────────────────────────────────────────────────────────\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & {\n    state?: 'default' | 'error'\n    /** Slot size. @default 'md' */\n    size?: InputOTPSize\n  }\n>(({ className, containerClassName, state, size: sizeProp, ...props }, ref) => {\n  const formField = useFormField()\n  const isError = state === 'error' || formField?.state === 'error'\n  const size: InputOTPSize = (typeof sizeProp === 'string' ? sizeProp : undefined) ?? 'md'\n\n  return (\n    <InputOTPSizeContext.Provider value={size}>\n      <OTPInput\n        ref={ref}\n        aria-invalid={isError || undefined}\n        aria-describedby={formField?.helperTextId}\n        aria-required={formField?.required || undefined}\n        containerClassName={cn(\n          'group/otp flex items-center gap-ds-03 has-[:disabled]:opacity-action-disabled',\n          isError && 'is-error',\n          containerClassName,\n        )}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...props}\n      />\n    </InputOTPSizeContext.Provider>\n  )\n})\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const size = React.useContext(InputOTPSizeContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex items-center justify-center border-y border-r border-surface-border-strong transition-[box-shadow,border-color] first:rounded-l-control first:border-l last:rounded-r-control',\n        slotSizeClasses[size],\n        'group-[.is-error]/otp:border-error-7',\n        isActive && 'z-raised ring-2 ring-accent-9',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink h-[16px] w-px bg-surface-fg duration-slow-02\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Icon icon={IconMinus} size=\"sm\" />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput> & {\n  state?: 'default' | 'error'\n  /** Slot size. @default 'md' */\n  size?: InputOTPSize\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator,InputOTPSlot }\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAsB,EAAM,cAA4B,KAAK,EAE7D,IAAgD;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAIK,IAAW,EAAM,YAOpB,EAAE,cAAW,uBAAoB,UAAO,MAAM,GAAU,GAAG,KAAS,MAAQ;CAC7E,IAAM,IAAY,GAAc,EAC1B,IAAU,MAAU,WAAW,GAAW,UAAU,SACpD,KAAsB,OAAO,KAAa,WAAW,IAAW,KAAA,MAAc;AAEpF,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;YACnC,kBAAC,GAAD;GACO;GACL,gBAAc,KAAW,KAAA;GACzB,oBAAkB,GAAW;GAC7B,iBAAe,GAAW,YAAY,KAAA;GACtC,oBAAoB,EAClB,iFACA,KAAW,YACX,EACD;GACD,WAAW,EAAG,+BAA+B,EAAU;GACvD,GAAI;GACJ,CAAA;EAC2B,CAAA;EAEjC;AACF,EAAS,cAAc;AAEvB,IAAM,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,qBAAqB,EAAU;CAAE,GAAI;CAAS,CAAA,CAC3E;AACF,EAAc,cAAc;AAE5B,IAAM,IAAe,EAAM,YAGxB,EAAE,UAAO,cAAW,GAAG,KAAS,MAAQ;CACzC,IAAM,IAAkB,EAAM,WAAW,EAAgB,EACnD,IAAO,EAAM,WAAW,EAAoB,EAC5C,EAAE,SAAM,iBAAc,gBAAa,EAAgB,MAAM;AAE/D,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,+LACA,EAAgB,IAChB,wCACA,KAAY,iCACZ,EACD;EACD,GAAI;YATN,CAWG,GACA,KACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD,EAAK,WAAU,oEAAqE,CAAA;GAChF,CAAA,CAEJ;;EAER;AACF,EAAa,cAAc;AAE3B,IAAM,IAAoB,EAAM,YAG7B,EAAE,GAAG,KAAS,MACf,kBAAC,OAAD;CAAU;CAAK,MAAK;CAAY,GAAI;WAClC,kBAAC,GAAD;EAAM,MAAM;EAAW,MAAK;EAAO,CAAA;CAC/B,CAAA,CACN;AACF,EAAkB,cAAc"}
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/ui/input-otp.tsx"],"sourcesContent":["'use client'\n\nimport { IconMinus } from '@tabler/icons-react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { Icon } from './icon'\nimport { cn } from './lib/utils'\n\n// ── Size context ────────────────────────────────────────────────────\n\ntype InputOTPSize = 'sm' | 'md' | 'lg'\n\nconst InputOTPSizeContext = React.createContext<InputOTPSize>('md')\n\nconst slotSizeClasses: Record<InputOTPSize, string> = {\n  sm: 'h-ds-sm w-ds-sm text-ds-sm',\n  md: 'h-ds-sm-plus w-ds-sm-plus text-ds-md',\n  lg: 'h-ds-md w-ds-md text-ds-lg',\n}\n\n// ── InputOTP ────────────────────────────────────────────────────────\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & {\n    state?: 'default' | 'error'\n    /** Slot size. @default 'md' */\n    size?: InputOTPSize\n  }\n>(({ className, containerClassName, state, size: sizeProp, ...props }, ref) => {\n  const formField = useFormField()\n  const isError = state === 'error' || formField?.state === 'error'\n  const size: InputOTPSize = (typeof sizeProp === 'string' ? sizeProp : undefined) ?? 'md'\n\n  return (\n    <InputOTPSizeContext.Provider value={size}>\n      <OTPInput\n        ref={ref}\n        aria-invalid={isError || undefined}\n        aria-describedby={formField?.helperTextId}\n        aria-required={formField?.required || undefined}\n        containerClassName={cn(\n          'group/otp flex items-center gap-ds-03 has-[:disabled]:opacity-action-disabled',\n          isError && 'is-error',\n          containerClassName,\n        )}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...props}\n      />\n    </InputOTPSizeContext.Provider>\n  )\n})\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const size = React.useContext(InputOTPSizeContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex items-center justify-center border-y border-r border-surface-border-strong transition-[box-shadow,border-color] first:rounded-l-control first:border-l last:rounded-r-control',\n        slotSizeClasses[size],\n        'group-[.is-error]/otp:border-error-7',\n        isActive && 'z-raised ring-2 ring-accent-9',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink h-ds-05 w-px bg-surface-fg duration-slow-02\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Icon icon={IconMinus} size=\"sm\" />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput> & {\n  state?: 'default' | 'error'\n  /** Slot size. @default 'md' */\n  size?: InputOTPSize\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator,InputOTPSlot }\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAsB,EAAM,cAA4B,KAAK,EAE7D,IAAgD;CACpD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAIK,IAAW,EAAM,YAOpB,EAAE,cAAW,uBAAoB,UAAO,MAAM,GAAU,GAAG,KAAS,MAAQ;CAC7E,IAAM,IAAY,GAAc,EAC1B,IAAU,MAAU,WAAW,GAAW,UAAU,SACpD,KAAsB,OAAO,KAAa,WAAW,IAAW,KAAA,MAAc;AAEpF,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;YACnC,kBAAC,GAAD;GACO;GACL,gBAAc,KAAW,KAAA;GACzB,oBAAkB,GAAW;GAC7B,iBAAe,GAAW,YAAY,KAAA;GACtC,oBAAoB,EAClB,iFACA,KAAW,YACX,EACD;GACD,WAAW,EAAG,+BAA+B,EAAU;GACvD,GAAI;GACJ,CAAA;EAC2B,CAAA;EAEjC;AACF,EAAS,cAAc;AAEvB,IAAM,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,qBAAqB,EAAU;CAAE,GAAI;CAAS,CAAA,CAC3E;AACF,EAAc,cAAc;AAE5B,IAAM,IAAe,EAAM,YAGxB,EAAE,UAAO,cAAW,GAAG,KAAS,MAAQ;CACzC,IAAM,IAAkB,EAAM,WAAW,EAAgB,EACnD,IAAO,EAAM,WAAW,EAAoB,EAC5C,EAAE,SAAM,iBAAc,gBAAa,EAAgB,MAAM;AAE/D,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,+LACA,EAAgB,IAChB,wCACA,KAAY,iCACZ,EACD;EACD,GAAI;YATN,CAWG,GACA,KACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD,EAAK,WAAU,mEAAoE,CAAA;GAC/E,CAAA,CAEJ;;EAER;AACF,EAAa,cAAc;AAE3B,IAAM,IAAoB,EAAM,YAG7B,EAAE,GAAG,KAAS,MACf,kBAAC,OAAD;CAAU;CAAK,MAAK;CAAY,GAAI;WAClC,kBAAC,GAAD;EAAM,MAAM;EAAW,MAAK;EAAO,CAAA;CAC/B,CAAA,CACN;AACF,EAAkB,cAAc"}

package/dist/ui/input.d.ts

@@ -1,7 +1,9 @@
 "use client";
 import { VariantProps } from 'class-variance-authority';
+import { FieldState } from './lib/field-state';
 import * as React from 'react';
-export type InputState = 'default' | 'error' | 'warning' | 'success';
+/** @deprecated Use `FieldState` — the shared control-state type. Kept as an alias. */
+export type InputState = FieldState;
 declare const inputWrapperVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -39,7 +41,7 @@ declare const inputWrapperVariants: (props?: ({
  * <Input readOnly value="https://devalok.com/api/key/abc123" endSection={<IconCopy />} />
  */
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputWrapperVariants> {
-    state?: InputState;
+    state?: FieldState;
     startSection?: React.ReactNode;
     endSection?: React.ReactNode;
     startSectionClickable?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpE,QAAA,MAAM,oBAAoB;;8EAsBzB,CAAA;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;qFACiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC;qFACiF;IACjF,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,qFAyJV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AAGtE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AAEnC,QAAA,MAAM,oBAAoB;;8EAsBzB,CAAA;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;qFACiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC;qFACiF;IACjF,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,qFAqJV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/ui/input.js

@@ -1,12 +1,13 @@
 "use client";
 import { IconProvider as e } from "./icon-context.js";
-import { t } from "../_chunks/vendor-utils.js";
+import { cva as t } from "../_chunks/vendor-utils.js";
 import { cn as n } from "./lib/utils.js";
 import { useFormField as r } from "./form.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { resolveFieldState as i } from "../_chunks/field-state.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/ui/input.tsx
-var s = t([
+var c = t([
 	"relative flex items-center w-full font-sans",
 	"bg-surface-raised-hover text-surface-fg",
 	"border border-surface-border-strong rounded-control",
@@ -23,71 +24,71 @@ var s = t([
 		lg: "h-ds-lg text-ds-md"
 	} },
 	defaultVariants: { size: "md" }
-}), c = {
+}), l = {
 	xs: "w-[26px]",
 	sm: "w-[30px]",
 	md: "w-[38px]",
 	lg: "w-[46px]"
-}, l = {
+}, u = {
 	xs: "xs",
 	sm: "sm",
 	md: "md",
 	lg: "lg"
-}, u = i.forwardRef(({ className: t, type: i, state: u, size: d = "md", startSection: f, endSection: p, startSectionClickable: m, endSectionClickable: h, startSectionType: g, endSectionType: _, wrapperClassName: v, ...y }, b) => {
-	let x = d ?? "md", S = r(), C = u ?? (S.state === "helper" ? void 0 : S.state), w = y["aria-describedby"] ?? S.helperTextId, T = y["aria-required"] ?? S.required, E = y.id ?? S.inputId, D = !!f, O = !!p, k = g ?? (typeof f == "string" ? "label" : "icon"), A = _ ?? (typeof p == "string" ? "label" : "icon"), j = {
+}, d = a.forwardRef(({ className: t, type: a, state: d, size: f = "md", startSection: p, endSection: m, startSectionClickable: h, endSectionClickable: g, startSectionType: _, endSectionType: v, wrapperClassName: y, ...b }, x) => {
+	let S = f ?? "md", C = r(), w = i(d, C.state), T = b["aria-describedby"] ?? C.helperTextId, E = b["aria-required"] ?? C.required, D = b.id ?? C.inputId, O = !!p, k = !!m, A = _ ?? (typeof p == "string" ? "label" : "icon"), j = v ?? (typeof m == "string" ? "label" : "icon"), M = {
 		xs: "px-ds-02",
 		sm: "px-ds-02",
 		md: "px-ds-03",
 		lg: "px-ds-03"
-	}, M = {
+	}, N = {
 		xs: "text-ds-sm",
 		sm: "text-ds-sm",
 		md: "text-ds-sm",
 		lg: "text-ds-md"
 	};
-	return /* @__PURE__ */ o("div", {
-		className: n(s({ size: x }), C === "error" && "border-error-7 focus-within:ring-error-7", C === "warning" && "border-warning-7 focus-within:ring-warning-7", C === "success" && "border-success-7 focus-within:ring-success-7", v),
+	return /* @__PURE__ */ s("div", {
+		className: n(c({ size: S }), w === "error" && "border-error-7 focus-within:ring-error-7", w === "warning" && "border-warning-7 focus-within:ring-warning-7", w === "success" && "border-success-7 focus-within:ring-success-7", y),
 		children: [
-			D && k === "label" && /* @__PURE__ */ a("span", {
-				className: n("flex items-center shrink-0 select-none self-stretch", "border-r border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-l-[inherit]", j[x], M[x], !m && "pointer-events-none"),
-				children: f
+			O && A === "label" && /* @__PURE__ */ o("span", {
+				className: n("flex items-center shrink-0 select-none self-stretch", "border-r border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-l-[inherit]", M[S], N[S], !h && "pointer-events-none"),
+				children: p
 			}),
-			D && k === "icon" && /* @__PURE__ */ a(e, {
-				size: l[x],
-				children: /* @__PURE__ */ a("span", {
-					className: n("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", c[x], !m && "pointer-events-none"),
-					children: f
+			O && A === "icon" && /* @__PURE__ */ o(e, {
+				size: u[S],
+				children: /* @__PURE__ */ o("span", {
+					className: n("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", l[S], !h && "pointer-events-none"),
+					children: p
 				})
 			}),
-			/* @__PURE__ */ a("input", {
-				type: i,
+			/* @__PURE__ */ o("input", {
+				type: a,
 				className: n("flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans", "placeholder:text-surface-fg-subtle", "disabled:cursor-not-allowed", "read-only:cursor-default", {
 					xs: "px-ds-02",
 					sm: "px-ds-03",
 					md: "px-ds-03",
 					lg: "px-ds-04"
-				}[x], D && k === "icon" && "pl-0", O && A === "icon" && "pr-0", t),
-				"aria-invalid": C === "error" || void 0,
-				"aria-describedby": w,
-				"aria-required": T || void 0,
-				ref: b,
-				...y,
-				id: E
+				}[S], O && A === "icon" && "pl-0", k && j === "icon" && "pr-0", t),
+				"aria-invalid": w === "error" || void 0,
+				"aria-describedby": T,
+				"aria-required": E || void 0,
+				ref: x,
+				...b,
+				id: D
 			}),
-			O && A === "label" && /* @__PURE__ */ a("span", {
-				className: n("flex items-center shrink-0 select-none self-stretch", "border-l border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-r-[inherit]", j[x], M[x], !h && "pointer-events-none"),
-				children: p
+			k && j === "label" && /* @__PURE__ */ o("span", {
+				className: n("flex items-center shrink-0 select-none self-stretch", "border-l border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-r-[inherit]", M[S], N[S], !g && "pointer-events-none"),
+				children: m
 			}),
-			O && A === "icon" && /* @__PURE__ */ a(e, {
-				size: l[x],
-				children: /* @__PURE__ */ a("span", {
-					className: n("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", c[x], !h && "pointer-events-none"),
-					children: p
+			k && j === "icon" && /* @__PURE__ */ o(e, {
+				size: u[S],
+				children: /* @__PURE__ */ o("span", {
+					className: n("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", l[S], !g && "pointer-events-none"),
+					children: m
 				})
 			})
 		]
 	});
 });
-u.displayName = "Input";
+d.displayName = "Input";
 //#endregion
-export { u as Input, s as inputWrapperVariants };
+export { d as Input, c as inputWrapperVariants };

package/dist/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../src/ui/input.tsx"],"sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { IconProvider, type IconSize } from './icon-context'\nimport { cn } from './lib/utils'\n\nexport type InputState = 'default' | 'error' | 'warning' | 'success'\n\nconst inputWrapperVariants = cva(\n  [\n    'relative flex items-center w-full font-sans',\n    'bg-surface-raised-hover text-surface-fg',\n    'border border-surface-border-strong rounded-control',\n    'hover:bg-surface-raised-active',\n    'transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard',\n    'focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border',\n    'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled',\n    'has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default',\n  ],\n  {\n    variants: {\n      size: {\n        xs: 'h-ds-xs-plus text-ds-sm',\n        sm: 'h-ds-sm text-ds-sm',\n        md: 'h-ds-md text-ds-md',\n        lg: 'h-ds-lg text-ds-md',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst sectionWidthMap: Record<string, string> = {\n  xs: 'w-[26px]',\n  sm: 'w-[30px]',\n  md: 'w-[38px]',\n  lg: 'w-[46px]',\n}\n\nconst iconSizeMap: Record<string, IconSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n}\n\n/**\n * Props for Input — a single-line text field with container-first architecture,\n * section-based icons with automatic padding, per-size scaling, and validation state coloring.\n *\n * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Validation states:** `state=\"error\"` colors the border red and sets `aria-invalid`.\n * Use with `<FormField>` to show helper text below the input.\n *\n * **Section-based icons:** `startSection` and `endSection` accept any React node.\n * Icons are auto-sized via `IconProvider`. Sections are `pointer-events-none` by default;\n * use `startSectionClickable`/`endSectionClickable` for interactive sections.\n *\n * **className** targets the `<input>` element (backward compatible).\n * **wrapperClassName** targets the wrapper div for border/bg/ring overrides.\n *\n * @example\n * // Basic email field with placeholder:\n * <Input type=\"email\" placeholder=\"you@example.com\" />\n *\n * @example\n * // Search input with a leading icon:\n * <Input size=\"md\" startSection={<IconSearch />} placeholder=\"Search projects...\" />\n *\n * @example\n * // Validated error state (pair with FormField for label + helper text):\n * <Input state=\"error\" value={email} onChange={handleChange} />\n *\n * @example\n * // Read-only field (shows a muted background, non-editable):\n * <Input readOnly value=\"https://devalok.com/api/key/abc123\" endSection={<IconCopy />} />\n */\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,\n    VariantProps<typeof inputWrapperVariants> {\n  state?: InputState\n  startSection?: React.ReactNode\n  endSection?: React.ReactNode\n  startSectionClickable?: boolean\n  endSectionClickable?: boolean\n  /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).\n   *  `'label'` = tinted background with border separator (default for strings). */\n  startSectionType?: 'icon' | 'label'\n  /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).\n   *  `'label'` = tinted background with border separator (default for strings). */\n  endSectionType?: 'icon' | 'label'\n  /** Classes for the wrapper div (border, bg, ring). */\n  wrapperClassName?: string\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      state: stateProp,\n      size: sizeProp = 'md',\n      startSection,\n      endSection,\n      startSectionClickable,\n      endSectionClickable,\n      startSectionType: startSectionTypeProp,\n      endSectionType: endSectionTypeProp,\n      wrapperClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const size = sizeProp ?? 'md'\n    const fieldCtx = useFormField()\n    // Merge FormField context — explicit props always win\n    const state =\n      stateProp ??\n      (fieldCtx.state === 'helper'\n        ? undefined\n        : (fieldCtx.state as InputState | undefined))\n    const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n    const ariaRequired = props['aria-required'] ?? fieldCtx.required\n    // Explicit id wins; otherwise adopt FormField's inputId so <Label htmlFor> resolves.\n    const inputId = props.id ?? fieldCtx.inputId\n\n    const hasStart = !!startSection\n    const hasEnd = !!endSection\n\n    // Infer section type: string → label, ReactElement → icon\n    const startType = startSectionTypeProp ?? (typeof startSection === 'string' ? 'label' : 'icon')\n    const endType = endSectionTypeProp ?? (typeof endSection === 'string' ? 'label' : 'icon')\n\n    const labelPaddingMap: Record<string, string> = {\n      xs: 'px-ds-02',\n      sm: 'px-ds-02',\n      md: 'px-ds-03',\n      lg: 'px-ds-03',\n    }\n\n    const labelTextMap: Record<string, string> = {\n      xs: 'text-ds-sm',\n      sm: 'text-ds-sm',\n      md: 'text-ds-sm',\n      lg: 'text-ds-md',\n    }\n\n    const inputPadding: Record<string, string> = {\n      xs: 'px-ds-02',\n      sm: 'px-ds-03',\n      md: 'px-ds-03',\n      lg: 'px-ds-04',\n    }\n\n    return (\n      <div\n        className={cn(\n          inputWrapperVariants({ size }),\n          state === 'error' && 'border-error-7 focus-within:ring-error-7',\n          state === 'warning' && 'border-warning-7 focus-within:ring-warning-7',\n          state === 'success' && 'border-success-7 focus-within:ring-success-7',\n          wrapperClassName,\n        )}\n      >\n        {hasStart && startType === 'label' && (\n          <span\n            className={cn(\n              'flex items-center shrink-0 select-none self-stretch',\n              'border-r border-surface-border',\n              'bg-surface-raised text-surface-fg-muted',\n              'rounded-l-[inherit]',\n              labelPaddingMap[size],\n              labelTextMap[size],\n              !startSectionClickable && 'pointer-events-none',\n            )}\n          >\n            {startSection}\n          </span>\n        )}\n\n        {hasStart && startType === 'icon' && (\n          <IconProvider size={iconSizeMap[size]}>\n            <span\n              className={cn(\n                'flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted',\n                sectionWidthMap[size],\n                !startSectionClickable && 'pointer-events-none',\n              )}\n            >\n              {startSection}\n            </span>\n          </IconProvider>\n        )}\n\n        <input\n          type={type}\n          className={cn(\n            'flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans',\n            'placeholder:text-surface-fg-subtle',\n            'disabled:cursor-not-allowed',\n            'read-only:cursor-default',\n            inputPadding[size],\n            // Remove left padding when start icon section is present (icon provides visual space)\n            hasStart && startType === 'icon' && 'pl-0',\n            // Remove right padding when end icon section is present\n            hasEnd && endType === 'icon' && 'pr-0',\n            className,\n          )}\n          aria-invalid={state === 'error' || undefined}\n          aria-describedby={ariaDescribedBy}\n          aria-required={ariaRequired || undefined}\n          ref={ref}\n          {...props}\n          id={inputId}\n        />\n\n        {hasEnd && endType === 'label' && (\n          <span\n            className={cn(\n              'flex items-center shrink-0 select-none self-stretch',\n              'border-l border-surface-border',\n              'bg-surface-raised text-surface-fg-muted',\n              'rounded-r-[inherit]',\n              labelPaddingMap[size],\n              labelTextMap[size],\n              !endSectionClickable && 'pointer-events-none',\n            )}\n          >\n            {endSection}\n          </span>\n        )}\n\n        {hasEnd && endType === 'icon' && (\n          <IconProvider size={iconSizeMap[size]}>\n            <span\n              className={cn(\n                'flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted',\n                sectionWidthMap[size],\n                !endSectionClickable && 'pointer-events-none',\n              )}\n            >\n              {endSection}\n            </span>\n          </IconProvider>\n        )}\n      </div>\n    )\n  },\n)\nInput.displayName = 'Input'\n\nexport { Input, inputWrapperVariants }\n"],"mappings":";;;;;;;;AAWA,IAAM,IAAuB,EAC3B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEK,IAA0C;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAqDK,IAAQ,EAAM,YAEhB,EACE,cACA,SACA,OAAO,GACP,MAAM,IAAW,MACjB,iBACA,eACA,0BACA,wBACA,kBAAkB,GAClB,gBAAgB,GAChB,qBACA,GAAG,KAEL,MACG;CACH,IAAM,IAAO,KAAY,MACnB,IAAW,GAAc,EAEzB,IACJ,MACC,EAAS,UAAU,WAChB,KAAA,IACC,EAAS,QACV,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAElD,IAAU,EAAM,MAAM,EAAS,SAE/B,IAAW,CAAC,CAAC,GACb,IAAS,CAAC,CAAC,GAGX,IAAY,MAAyB,OAAO,KAAiB,WAAW,UAAU,SAClF,IAAU,MAAuB,OAAO,KAAe,WAAW,UAAU,SAE5E,IAA0C;EAC9C,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAuC;EAC3C,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;AASD,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAqB,EAAE,SAAM,CAAC,EAC9B,MAAU,WAAW,4CACrB,MAAU,aAAa,gDACvB,MAAU,aAAa,gDACvB,EACD;YAPH;GASG,KAAY,MAAc,WACzB,kBAAC,QAAD;IACE,WAAW,EACT,uDACA,kCACA,2CACA,uBACA,EAAgB,IAChB,EAAa,IACb,CAAC,KAAyB,sBAC3B;cAEA;IACI,CAAA;GAGR,KAAY,MAAc,UACzB,kBAAC,GAAD;IAAc,MAAM,EAAY;cAC9B,kBAAC,QAAD;KACE,WAAW,EACT,gFACA,EAAgB,IAChB,CAAC,KAAyB,sBAC3B;eAEA;KACI,CAAA;IACM,CAAA;GAGjB,kBAAC,SAAD;IACQ;IACN,WAAW,EACT,iEACA,sCACA,+BACA,4BArDqC;KAC3C,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAiDoB,IAEb,KAAY,MAAc,UAAU,QAEpC,KAAU,MAAY,UAAU,QAChC,EACD;IACD,gBAAc,MAAU,WAAW,KAAA;IACnC,oBAAkB;IAClB,iBAAe,KAAgB,KAAA;IAC1B;IACL,GAAI;IACJ,IAAI;IACJ,CAAA;GAED,KAAU,MAAY,WACrB,kBAAC,QAAD;IACE,WAAW,EACT,uDACA,kCACA,2CACA,uBACA,EAAgB,IAChB,EAAa,IACb,CAAC,KAAuB,sBACzB;cAEA;IACI,CAAA;GAGR,KAAU,MAAY,UACrB,kBAAC,GAAD;IAAc,MAAM,EAAY;cAC9B,kBAAC,QAAD;KACE,WAAW,EACT,gFACA,EAAgB,IAChB,CAAC,KAAuB,sBACzB;eAEA;KACI,CAAA;IACM,CAAA;GAEb;;EAGX;AACD,EAAM,cAAc"}
+{"version":3,"file":"input.js","names":[],"sources":["../../src/ui/input.tsx"],"sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { IconProvider, type IconSize } from './icon-context'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { cn } from './lib/utils'\n\n/** @deprecated Use `FieldState` — the shared control-state type. Kept as an alias. */\nexport type InputState = FieldState\n\nconst inputWrapperVariants = cva(\n  [\n    'relative flex items-center w-full font-sans',\n    'bg-surface-raised-hover text-surface-fg',\n    'border border-surface-border-strong rounded-control',\n    'hover:bg-surface-raised-active',\n    'transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard',\n    'focus-within:outline-hidden focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-surface-border',\n    'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-action-disabled',\n    'has-[:read-only]:bg-surface-raised has-[:read-only]:cursor-default',\n  ],\n  {\n    variants: {\n      size: {\n        xs: 'h-ds-xs-plus text-ds-sm',\n        sm: 'h-ds-sm text-ds-sm',\n        md: 'h-ds-md text-ds-md',\n        lg: 'h-ds-lg text-ds-md',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst sectionWidthMap: Record<string, string> = {\n  xs: 'w-[26px]',\n  sm: 'w-[30px]',\n  md: 'w-[38px]',\n  lg: 'w-[46px]',\n}\n\nconst iconSizeMap: Record<string, IconSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n}\n\n/**\n * Props for Input — a single-line text field with container-first architecture,\n * section-based icons with automatic padding, per-size scaling, and validation state coloring.\n *\n * **Sizes:** `xs` (28px) | `sm` (32px) | `md` (40px, default) | `lg` (48px)\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Validation states:** `state=\"error\"` colors the border red and sets `aria-invalid`.\n * Use with `<FormField>` to show helper text below the input.\n *\n * **Section-based icons:** `startSection` and `endSection` accept any React node.\n * Icons are auto-sized via `IconProvider`. Sections are `pointer-events-none` by default;\n * use `startSectionClickable`/`endSectionClickable` for interactive sections.\n *\n * **className** targets the `<input>` element (backward compatible).\n * **wrapperClassName** targets the wrapper div for border/bg/ring overrides.\n *\n * @example\n * // Basic email field with placeholder:\n * <Input type=\"email\" placeholder=\"you@example.com\" />\n *\n * @example\n * // Search input with a leading icon:\n * <Input size=\"md\" startSection={<IconSearch />} placeholder=\"Search projects...\" />\n *\n * @example\n * // Validated error state (pair with FormField for label + helper text):\n * <Input state=\"error\" value={email} onChange={handleChange} />\n *\n * @example\n * // Read-only field (shows a muted background, non-editable):\n * <Input readOnly value=\"https://devalok.com/api/key/abc123\" endSection={<IconCopy />} />\n */\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,\n    VariantProps<typeof inputWrapperVariants> {\n  state?: FieldState\n  startSection?: React.ReactNode\n  endSection?: React.ReactNode\n  startSectionClickable?: boolean\n  endSectionClickable?: boolean\n  /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).\n   *  `'label'` = tinted background with border separator (default for strings). */\n  startSectionType?: 'icon' | 'label'\n  /** Section display type. `'icon'` = fixed-width centered cell (default for ReactElements).\n   *  `'label'` = tinted background with border separator (default for strings). */\n  endSectionType?: 'icon' | 'label'\n  /** Classes for the wrapper div (border, bg, ring). */\n  wrapperClassName?: string\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      type,\n      state: stateProp,\n      size: sizeProp = 'md',\n      startSection,\n      endSection,\n      startSectionClickable,\n      endSectionClickable,\n      startSectionType: startSectionTypeProp,\n      endSectionType: endSectionTypeProp,\n      wrapperClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const size = sizeProp ?? 'md'\n    const fieldCtx = useFormField()\n    // Merge FormField context — explicit props always win (shared precedence)\n    const state = resolveFieldState(stateProp, fieldCtx.state)\n    const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n    const ariaRequired = props['aria-required'] ?? fieldCtx.required\n    // Explicit id wins; otherwise adopt FormField's inputId so <Label htmlFor> resolves.\n    const inputId = props.id ?? fieldCtx.inputId\n\n    const hasStart = !!startSection\n    const hasEnd = !!endSection\n\n    // Infer section type: string → label, ReactElement → icon\n    const startType = startSectionTypeProp ?? (typeof startSection === 'string' ? 'label' : 'icon')\n    const endType = endSectionTypeProp ?? (typeof endSection === 'string' ? 'label' : 'icon')\n\n    const labelPaddingMap: Record<string, string> = {\n      xs: 'px-ds-02',\n      sm: 'px-ds-02',\n      md: 'px-ds-03',\n      lg: 'px-ds-03',\n    }\n\n    const labelTextMap: Record<string, string> = {\n      xs: 'text-ds-sm',\n      sm: 'text-ds-sm',\n      md: 'text-ds-sm',\n      lg: 'text-ds-md',\n    }\n\n    const inputPadding: Record<string, string> = {\n      xs: 'px-ds-02',\n      sm: 'px-ds-03',\n      md: 'px-ds-03',\n      lg: 'px-ds-04',\n    }\n\n    return (\n      <div\n        className={cn(\n          inputWrapperVariants({ size }),\n          state === 'error' && 'border-error-7 focus-within:ring-error-7',\n          state === 'warning' && 'border-warning-7 focus-within:ring-warning-7',\n          state === 'success' && 'border-success-7 focus-within:ring-success-7',\n          wrapperClassName,\n        )}\n      >\n        {hasStart && startType === 'label' && (\n          <span\n            className={cn(\n              'flex items-center shrink-0 select-none self-stretch',\n              'border-r border-surface-border',\n              'bg-surface-raised text-surface-fg-muted',\n              'rounded-l-[inherit]',\n              labelPaddingMap[size],\n              labelTextMap[size],\n              !startSectionClickable && 'pointer-events-none',\n            )}\n          >\n            {startSection}\n          </span>\n        )}\n\n        {hasStart && startType === 'icon' && (\n          <IconProvider size={iconSizeMap[size]}>\n            <span\n              className={cn(\n                'flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted',\n                sectionWidthMap[size],\n                !startSectionClickable && 'pointer-events-none',\n              )}\n            >\n              {startSection}\n            </span>\n          </IconProvider>\n        )}\n\n        <input\n          type={type}\n          className={cn(\n            'flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans',\n            'placeholder:text-surface-fg-subtle',\n            'disabled:cursor-not-allowed',\n            'read-only:cursor-default',\n            inputPadding[size],\n            // Remove left padding when start icon section is present (icon provides visual space)\n            hasStart && startType === 'icon' && 'pl-0',\n            // Remove right padding when end icon section is present\n            hasEnd && endType === 'icon' && 'pr-0',\n            className,\n          )}\n          aria-invalid={state === 'error' || undefined}\n          aria-describedby={ariaDescribedBy}\n          aria-required={ariaRequired || undefined}\n          ref={ref}\n          {...props}\n          id={inputId}\n        />\n\n        {hasEnd && endType === 'label' && (\n          <span\n            className={cn(\n              'flex items-center shrink-0 select-none self-stretch',\n              'border-l border-surface-border',\n              'bg-surface-raised text-surface-fg-muted',\n              'rounded-r-[inherit]',\n              labelPaddingMap[size],\n              labelTextMap[size],\n              !endSectionClickable && 'pointer-events-none',\n            )}\n          >\n            {endSection}\n          </span>\n        )}\n\n        {hasEnd && endType === 'icon' && (\n          <IconProvider size={iconSizeMap[size]}>\n            <span\n              className={cn(\n                'flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted',\n                sectionWidthMap[size],\n                !endSectionClickable && 'pointer-events-none',\n              )}\n            >\n              {endSection}\n            </span>\n          </IconProvider>\n        )}\n      </div>\n    )\n  },\n)\nInput.displayName = 'Input'\n\nexport { Input, inputWrapperVariants }\n"],"mappings":";;;;;;;;;AAaA,IAAM,IAAuB,EAC3B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEK,IAA0C;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAqDK,IAAQ,EAAM,YAEhB,EACE,cACA,SACA,OAAO,GACP,MAAM,IAAW,MACjB,iBACA,eACA,0BACA,wBACA,kBAAkB,GAClB,gBAAgB,GAChB,qBACA,GAAG,KAEL,MACG;CACH,IAAM,IAAO,KAAY,MACnB,IAAW,GAAc,EAEzB,IAAQ,EAAkB,GAAW,EAAS,MAAM,EACpD,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAElD,IAAU,EAAM,MAAM,EAAS,SAE/B,IAAW,CAAC,CAAC,GACb,IAAS,CAAC,CAAC,GAGX,IAAY,MAAyB,OAAO,KAAiB,WAAW,UAAU,SAClF,IAAU,MAAuB,OAAO,KAAe,WAAW,UAAU,SAE5E,IAA0C;EAC9C,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAuC;EAC3C,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;AASD,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAqB,EAAE,SAAM,CAAC,EAC9B,MAAU,WAAW,4CACrB,MAAU,aAAa,gDACvB,MAAU,aAAa,gDACvB,EACD;YAPH;GASG,KAAY,MAAc,WACzB,kBAAC,QAAD;IACE,WAAW,EACT,uDACA,kCACA,2CACA,uBACA,EAAgB,IAChB,EAAa,IACb,CAAC,KAAyB,sBAC3B;cAEA;IACI,CAAA;GAGR,KAAY,MAAc,UACzB,kBAAC,GAAD;IAAc,MAAM,EAAY;cAC9B,kBAAC,QAAD;KACE,WAAW,EACT,gFACA,EAAgB,IAChB,CAAC,KAAyB,sBAC3B;eAEA;KACI,CAAA;IACM,CAAA;GAGjB,kBAAC,SAAD;IACQ;IACN,WAAW,EACT,iEACA,sCACA,+BACA,4BArDqC;KAC3C,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL,CAiDoB,IAEb,KAAY,MAAc,UAAU,QAEpC,KAAU,MAAY,UAAU,QAChC,EACD;IACD,gBAAc,MAAU,WAAW,KAAA;IACnC,oBAAkB;IAClB,iBAAe,KAAgB,KAAA;IAC1B;IACL,GAAI;IACJ,IAAI;IACJ,CAAA;GAED,KAAU,MAAY,WACrB,kBAAC,QAAD;IACE,WAAW,EACT,uDACA,kCACA,2CACA,uBACA,EAAgB,IAChB,EAAa,IACb,CAAC,KAAuB,sBACzB;cAEA;IACI,CAAA;GAGR,KAAU,MAAY,UACrB,kBAAC,GAAD;IAAc,MAAM,EAAY;cAC9B,kBAAC,QAAD;KACE,WAAW,EACT,gFACA,EAAgB,IAChB,CAAC,KAAuB,sBACzB;eAEA;KACI,CAAA;IACM,CAAA;GAEb;;EAGX;AACD,EAAM,cAAc"}

package/dist/ui/label.js

@@ -1,5 +1,5 @@
 "use client";
-import { ut as e } from "../_chunks/primitives.js";
+import { Root$5 as e } from "../_chunks/primitives.js";
 import { cn as t } from "./lib/utils.js";
 import { useFormField as n } from "./form.js";
 import * as r from "react";

package/dist/ui/lib/field-state.d.ts

@@ -0,0 +1,21 @@
+"use client";
+/**
+ * Shared validation/feedback state for every form control (Input, Textarea,
+ * Select, Checkbox, Radio, Switch, Combobox). One prop name, one type, one
+ * precedence rule across the whole form family.
+ *
+ * Precedence: an explicit `state` prop wins over the `FormField` context state.
+ * FormField's neutral value is `'helper'` (helper-text styling); a control's
+ * neutral is `'default'`/undefined — both resolve to "no validation styling".
+ */
+/** Validation/feedback state shared by all form controls. */
+export type FieldState = 'default' | 'error' | 'warning' | 'success';
+/**
+ * Resolve the effective control state from an explicit prop + FormField context.
+ * `ctxState` is FormField's state (`'helper' | 'error' | 'warning' | 'success'`),
+ * typed loosely to avoid a dependency cycle with the (client) form module.
+ *
+ * Returns the active non-neutral state, or `undefined` when neutral.
+ */
+export declare function resolveFieldState(explicit: FieldState | undefined, ctxState: string | undefined): Exclude<FieldState, 'default'> | undefined;
+//# sourceMappingURL=field-state.d.ts.map

package/dist/ui/lib/field-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-state.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/field-state.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpE;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,UAAU,GAAG,SAAS,EAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAC3B,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,SAAS,CAM5C"}