@uselets/ui 1.5.0 → 1.7.0

package/dist/index.js

@@ -1 +1 @@
-import{cn as e,randomId as t}from"./lib/utils.js";import{Accordion as n,AccordionContent as r,AccordionItem as i,AccordionTrigger as a}from"./components/accordion.js";import{Alert as o,AlertAction as s,AlertDescription as c,AlertTitle as l}from"./components/alert.js";import{buttonColorVariants as u}from"./lib/button.js";import{Spinner as d,spinnerVariants as f}from"./components/spinner.js";import{Button as p,buttonVariants as m}from"./components/button.js";import{AlertDialog as h,AlertDialogAction as g,AlertDialogCancel as _,AlertDialogContent as v,AlertDialogDescription as y,AlertDialogFooter as b,AlertDialogHeader as x,AlertDialogMedia as S,AlertDialogOverlay as C,AlertDialogPortal as w,AlertDialogTitle as T,AlertDialogTrigger as E}from"./components/alert-dialog.js";import{Anchor as D,anchorVariants as O}from"./components/anchor.js";import{ChartContainer as k,ChartLegend as A,ChartLegendContent as j,ChartStyle as M,ChartTooltip as N,ChartTooltipContent as P}from"./components/chart.js";import{AreaChart as F}from"./components/area-chart.js";import{Avatar as I,AvatarBadge as L,AvatarFallback as R,AvatarGroup as z,AvatarGroupCount as B,AvatarImage as V}from"./components/avatar.js";import{badgeColorVariants as H}from"./lib/badge.js";import{Badge as U,badgeVariants as W}from"./components/badge.js";import{BarChart as G}from"./components/bar-chart.js";import{Breadcrumb as K,BreadcrumbEllipsis as q,BreadcrumbItem as J,BreadcrumbLink as Y,BreadcrumbList as X,BreadcrumbPage as Z,BreadcrumbSeparator as Q}from"./components/breadcrumb.js";import{Separator as $}from"./components/separator.js";import{ButtonGroup as ee,ButtonGroupSeparator as te,ButtonGroupText as ne,buttonGroupVariants as re}from"./components/button-group.js";import{Calendar as ie,CalendarDayButton as ae,locale as oe}from"./components/calendar.js";import{Card as se,CardAction as ce,CardContent as le,CardDescription as ue,CardFooter as de,CardHeader as fe,CardTitle as pe}from"./components/card.js";import{Carousel as me,CarouselContent as he,CarouselIndicators as ge,CarouselItem as _e,CarouselNext as ve,CarouselPrevious as ye,useCarousel as be}from"./components/carousel.js";import{Center as xe,centerVariants as Se}from"./components/center.js";import{selectionControlColorVariants as Ce,uiColors as we}from"./lib/color.js";import{Label as Te}from"./components/label.js";import{Field as Ee,FieldContent as De,FieldDescription as Oe,FieldError as ke,FieldGroup as Ae,FieldLabel as je,FieldLegend as Me,FieldSeparator as Ne,FieldSet as Pe,FieldTitle as Fe,useFieldControlId as Ie}from"./components/field.js";import{Checkbox as Le}from"./components/checkbox.js";import{Code as Re}from"./components/code.js";import{Collapsible as ze,CollapsibleContent as Be,CollapsibleTrigger as Ve}from"./components/collapsible.js";import{Input as He}from"./components/input.js";import{Textarea as Ue}from"./components/textarea.js";import{InputGroup as We,InputGroupAddon as Ge,InputGroupButton as Ke,InputGroupInput as qe,InputGroupText as Je,InputGroupTextarea as Ye}from"./components/input-group.js";import{Combobox as Xe,ComboboxChip as Ze,ComboboxChips as Qe,ComboboxChipsInput as $e,ComboboxClear as et,ComboboxCollection as tt,ComboboxContent as nt,ComboboxEmpty as rt,ComboboxGroup as it,ComboboxInput as at,ComboboxItem as ot,ComboboxLabel as st,ComboboxList as ct,ComboboxSeparator as lt,ComboboxTrigger as ut,ComboboxValue as dt,useComboboxAnchor as ft}from"./components/combobox.js";import{Dialog as pt,DialogClose as mt,DialogContent as ht,DialogDescription as gt,DialogFooter as _t,DialogHeader as vt,DialogOverlay as yt,DialogPortal as bt,DialogTitle as xt,DialogTrigger as St}from"./components/dialog.js";import{Command as Ct,CommandDialog as wt,CommandEmpty as Tt,CommandGroup as Et,CommandInput as Dt,CommandItem as Ot,CommandList as kt,CommandSeparator as At,CommandShortcut as jt}from"./components/command.js";import{Container as Mt,containerVariants as Nt}from"./components/container.js";import{DropdownMenu as Pt,DropdownMenuCheckboxItem as Ft,DropdownMenuContent as It,DropdownMenuGroup as Lt,DropdownMenuItem as Rt,DropdownMenuLabel as zt,DropdownMenuPortal as Bt,DropdownMenuRadioGroup as Vt,DropdownMenuRadioItem as Ht,DropdownMenuSeparator as Ut,DropdownMenuShortcut as Wt,DropdownMenuSub as Gt,DropdownMenuSubContent as Kt,DropdownMenuSubTrigger as qt,DropdownMenuTrigger as Jt}from"./components/dropdown-menu.js";import{Select as Yt,SelectContent as Xt,SelectGroup as Zt,SelectItem as Qt,SelectLabel as $t,SelectScrollDownButton as en,SelectScrollUpButton as tn,SelectSeparator as nn,SelectTrigger as rn,SelectValue as an}from"./components/select.js";import{Table as on,TableBody as sn,TableCaption as cn,TableCell as ln,TableContainer as un,TableFooter as dn,TableHead as fn,TableHeader as pn,TableRow as mn,tableVariants as hn}from"./components/table.js";import{DataTable as gn,DataTableBody as _n,DataTableColumnHeader as vn,DataTableHeader as yn,DataTablePagination as bn,DataTableRoot as xn,DataTableToolbar as Sn,DataTableViewOptions as Cn,createDataTableSelectColumn as wn,defaultDataTableLabels as Tn,useDataTable as En,useDataTableContext as Dn}from"./components/data-table.js";import{Popover as On,PopoverAnchor as kn,PopoverContent as An,PopoverDescription as jn,PopoverHeader as Mn,PopoverTitle as Nn,PopoverTrigger as Pn}from"./components/popover.js";import{DateRangePicker as Fn,DateRangePickerActions as In,DateRangePickerApply as Ln,DateRangePickerCalendar as Rn,DateRangePickerContent as zn,DateRangePickerDateFields as Bn,DateRangePickerPreset as Vn,DateRangePickerPresets as Hn,DateRangePickerReset as Un,DateRangePickerTrigger as Wn,DateRangePickerValue as Gn}from"./components/date-range-picker.js";import{PieChart as Kn,PieChartBase as qn,buildPieConfig as Jn}from"./components/pie-chart.js";import{DonutChart as Yn}from"./components/donut-chart.js";import{Drawer as Xn,DrawerBody as Zn,DrawerClose as Qn,DrawerContent as $n,DrawerDescription as er,DrawerFooter as tr,DrawerHeader as nr,DrawerOverlay as rr,DrawerPortal as ir,DrawerTitle as ar,DrawerTrigger as or}from"./components/drawer.js";import{Dropzone as sr,DropzoneArea as cr,DropzoneDescription as lr,DropzoneFileList as ur,DropzoneFileListItem as dr,DropzoneFileMessage as fr,DropzoneMessage as pr,DropzoneRemoveFile as mr,DropzoneRetryFile as hr,DropzoneTrigger as gr,ErrorCode as _r,InfiniteProgress as vr,useDropzone as yr}from"./components/dropzone.js";import{Empty as br,EmptyContent as xr,EmptyDescription as Sr,EmptyHeader as Cr,EmptyMedia as wr,EmptyTitle as Tr}from"./components/empty.js";import{Flex as Er,flexVariants as Dr}from"./components/flex.js";import{Grid as Or,GridItem as kr}from"./components/grid.js";import{Group as Ar,groupVariants as jr}from"./components/group.js";import{Heading as Mr,headingVariants as Nr}from"./components/heading.js";import{HoverCard as Pr,HoverCardContent as Fr,HoverCardTrigger as Ir}from"./components/hover-card.js";import{InputOTP as Lr,InputOTPGroup as Rr,InputOTPSeparator as zr,InputOTPSlot as Br,REGEXP_ONLY_CHARS as Vr,REGEXP_ONLY_DIGITS as Hr,REGEXP_ONLY_DIGITS_AND_CHARS as Ur}from"./components/input-otp.js";import{Kbd as Wr,KbdGroup as Gr}from"./components/kbd.js";import{List as Kr,ListIcon as qr,ListItem as Jr,listVariants as Yr}from"./components/list.js";import{useMask as Xr}from"./hooks/use-mask.js";import{MaskInput as Zr}from"./components/mask-input.js";import{NativeSelect as Qr,NativeSelectOptGroup as $r,NativeSelectOption as ei}from"./components/native-select.js";import{NavigationMenu as ti,NavigationMenuContent as ni,NavigationMenuIndicator as ri,NavigationMenuItem as ii,NavigationMenuLink as ai,NavigationMenuList as oi,NavigationMenuTrigger as si,NavigationMenuViewport as ci,navigationMenuTriggerStyle as li}from"./components/navigation-menu.js";import{Pagination as ui,PaginationContent as di,PaginationEllipsis as fi,PaginationItem as pi,PaginationLink as mi,PaginationNext as hi,PaginationPrevious as gi}from"./components/pagination.js";import{Progress as _i}from"./components/progress.js";import{RadioGroup as vi,RadioGroupItem as yi}from"./components/radio-group.js";import{ResizableHandle as bi,ResizablePanel as xi,ResizablePanelGroup as Si}from"./components/resizable.js";import{ScrollArea as Ci,ScrollBar as wi}from"./components/scroll-area.js";import{useIsMobile as Ti}from"./hooks/use-mobile.js";import{Skeleton as Ei}from"./components/skeleton.js";import{Tooltip as Di,TooltipContent as Oi,TooltipProvider as ki,TooltipRoot as Ai,TooltipTrigger as ji}from"./components/tooltip.js";import{Sidebar as Mi,SidebarContent as Ni,SidebarFooter as Pi,SidebarGroup as Fi,SidebarGroupAction as Ii,SidebarGroupContent as Li,SidebarGroupLabel as Ri,SidebarHeader as zi,SidebarInput as Bi,SidebarInset as Vi,SidebarMenu as Hi,SidebarMenuAction as Ui,SidebarMenuBadge as Wi,SidebarMenuButton as Gi,SidebarMenuItem as Ki,SidebarMenuSkeleton as qi,SidebarMenuSub as Ji,SidebarMenuSubButton as Yi,SidebarMenuSubItem as Xi,SidebarProvider as Zi,SidebarRail as Qi,SidebarSeparator as $i,SidebarTrigger as ea,useSidebar as ta}from"./components/sidebar.js";import{SimpleGrid as na}from"./components/simple-grid.js";import{Slider as ra}from"./components/slider.js";import{Toaster as ia,toast as aa}from"./components/sonner.js";import{Stack as oa,stackVariants as sa}from"./components/stack.js";import{Switch as ca}from"./components/switch.js";import{Tabs as la,TabsContent as ua,TabsList as da,TabsTrigger as fa,tabsListVariants as pa}from"./components/tabs.js";import{Text as ma,textVariants as ha}from"./components/text.js";import{ModeToggle as ga,ThemeProvider as _a,useTheme as va}from"./components/theme.js";import{Timeline as ya,TimelineConnector as ba,TimelineContent as xa,TimelineDescription as Sa,TimelineEmpty as Ca,TimelineHeader as wa,TimelineIcon as Ta,TimelineItem as Ea,TimelineTime as Da,TimelineTitle as Oa,timelineVariants as ka}from"./components/timeline.js";import{Toggle as Aa,toggleVariants as ja}from"./components/toggle.js";import{ToggleGroup as Ma,ToggleGroupItem as Na}from"./components/toggle-group.js";import{UnstyledButton as Pa}from"./components/unstyled-button.js";import{breakpointValues as Fa,useBreakpoint as Ia}from"./hooks/use-breakpoint.js";import{HiddenFrom as La,VisibleFrom as Ra}from"./components/visibility.js";import{useBreakpointValue as za}from"./hooks/use-breakpoint-value.js";import{useDisclosure as Ba}from"./hooks/use-disclosure.js";import{useDocumentVisibility as Va}from"./hooks/use-document-visibility.js";import{useIdle as Ha}from"./hooks/use-idle.js";import{useInterval as Ua}from"./hooks/use-interval.js";import{useLocalStorage as Wa}from"./hooks/use-local-storage.js";export{n as Accordion,r as AccordionContent,i as AccordionItem,a as AccordionTrigger,o as Alert,s as AlertAction,c as AlertDescription,h as AlertDialog,g as AlertDialogAction,_ as AlertDialogCancel,v as AlertDialogContent,y as AlertDialogDescription,b as AlertDialogFooter,x as AlertDialogHeader,S as AlertDialogMedia,C as AlertDialogOverlay,w as AlertDialogPortal,T as AlertDialogTitle,E as AlertDialogTrigger,l as AlertTitle,D as Anchor,F as AreaChart,I as Avatar,L as AvatarBadge,R as AvatarFallback,z as AvatarGroup,B as AvatarGroupCount,V as AvatarImage,U as Badge,G as BarChart,K as Breadcrumb,q as BreadcrumbEllipsis,J as BreadcrumbItem,Y as BreadcrumbLink,X as BreadcrumbList,Z as BreadcrumbPage,Q as BreadcrumbSeparator,p as Button,ee as ButtonGroup,te as ButtonGroupSeparator,ne as ButtonGroupText,ie as Calendar,ae as CalendarDayButton,se as Card,ce as CardAction,le as CardContent,ue as CardDescription,de as CardFooter,fe as CardHeader,pe as CardTitle,me as Carousel,he as CarouselContent,ge as CarouselIndicators,_e as CarouselItem,ve as CarouselNext,ye as CarouselPrevious,xe as Center,k as ChartContainer,A as ChartLegend,j as ChartLegendContent,M as ChartStyle,N as ChartTooltip,P as ChartTooltipContent,Le as Checkbox,Re as Code,ze as Collapsible,Be as CollapsibleContent,Ve as CollapsibleTrigger,Xe as Combobox,Ze as ComboboxChip,Qe as ComboboxChips,$e as ComboboxChipsInput,et as ComboboxClear,tt as ComboboxCollection,nt as ComboboxContent,rt as ComboboxEmpty,it as ComboboxGroup,at as ComboboxInput,ot as ComboboxItem,st as ComboboxLabel,ct as ComboboxList,lt as ComboboxSeparator,ut as ComboboxTrigger,dt as ComboboxValue,Ct as Command,wt as CommandDialog,Tt as CommandEmpty,Et as CommandGroup,Dt as CommandInput,Ot as CommandItem,kt as CommandList,At as CommandSeparator,jt as CommandShortcut,Mt as Container,gn as DataTable,_n as DataTableBody,vn as DataTableColumnHeader,yn as DataTableHeader,bn as DataTablePagination,xn as DataTableRoot,Sn as DataTableToolbar,Cn as DataTableViewOptions,Fn as DateRangePicker,In as DateRangePickerActions,Ln as DateRangePickerApply,Rn as DateRangePickerCalendar,zn as DateRangePickerContent,Bn as DateRangePickerDateFields,Vn as DateRangePickerPreset,Hn as DateRangePickerPresets,Un as DateRangePickerReset,Wn as DateRangePickerTrigger,Gn as DateRangePickerValue,pt as Dialog,mt as DialogClose,ht as DialogContent,gt as DialogDescription,_t as DialogFooter,vt as DialogHeader,yt as DialogOverlay,bt as DialogPortal,xt as DialogTitle,St as DialogTrigger,Yn as DonutChart,Xn as Drawer,Zn as DrawerBody,Qn as DrawerClose,$n as DrawerContent,er as DrawerDescription,tr as DrawerFooter,nr as DrawerHeader,rr as DrawerOverlay,ir as DrawerPortal,ar as DrawerTitle,or as DrawerTrigger,Pt as DropdownMenu,Ft as DropdownMenuCheckboxItem,It as DropdownMenuContent,Lt as DropdownMenuGroup,Rt as DropdownMenuItem,zt as DropdownMenuLabel,Bt as DropdownMenuPortal,Vt as DropdownMenuRadioGroup,Ht as DropdownMenuRadioItem,Ut as DropdownMenuSeparator,Wt as DropdownMenuShortcut,Gt as DropdownMenuSub,Kt as DropdownMenuSubContent,qt as DropdownMenuSubTrigger,Jt as DropdownMenuTrigger,sr as Dropzone,cr as DropzoneArea,lr as DropzoneDescription,ur as DropzoneFileList,dr as DropzoneFileListItem,fr as DropzoneFileMessage,pr as DropzoneMessage,mr as DropzoneRemoveFile,hr as DropzoneRetryFile,gr as DropzoneTrigger,br as Empty,xr as EmptyContent,Sr as EmptyDescription,Cr as EmptyHeader,wr as EmptyMedia,Tr as EmptyTitle,_r as ErrorCode,Ee as Field,De as FieldContent,Oe as FieldDescription,ke as FieldError,Ae as FieldGroup,je as FieldLabel,Me as FieldLegend,Ne as FieldSeparator,Pe as FieldSet,Fe as FieldTitle,Er as Flex,Or as Grid,kr as GridItem,Ar as Group,Mr as Heading,La as HiddenFrom,Pr as HoverCard,Fr as HoverCardContent,Ir as HoverCardTrigger,vr as InfiniteProgress,He as Input,We as InputGroup,Ge as InputGroupAddon,Ke as InputGroupButton,qe as InputGroupInput,Je as InputGroupText,Ye as InputGroupTextarea,Lr as InputOTP,Rr as InputOTPGroup,zr as InputOTPSeparator,Br as InputOTPSlot,Wr as Kbd,Gr as KbdGroup,Te as Label,Kr as List,qr as ListIcon,Jr as ListItem,Zr as MaskInput,ga as ModeToggle,Qr as NativeSelect,$r as NativeSelectOptGroup,ei as NativeSelectOption,ti as NavigationMenu,ni as NavigationMenuContent,ri as NavigationMenuIndicator,ii as NavigationMenuItem,ai as NavigationMenuLink,oi as NavigationMenuList,si as NavigationMenuTrigger,ci as NavigationMenuViewport,ui as Pagination,di as PaginationContent,fi as PaginationEllipsis,pi as PaginationItem,mi as PaginationLink,hi as PaginationNext,gi as PaginationPrevious,Kn as PieChart,qn as PieChartBase,On as Popover,kn as PopoverAnchor,An as PopoverContent,jn as PopoverDescription,Mn as PopoverHeader,Nn as PopoverTitle,Pn as PopoverTrigger,_i as Progress,Vr as REGEXP_ONLY_CHARS,Hr as REGEXP_ONLY_DIGITS,Ur as REGEXP_ONLY_DIGITS_AND_CHARS,vi as RadioGroup,yi as RadioGroupItem,bi as ResizableHandle,xi as ResizablePanel,Si as ResizablePanelGroup,Ci as ScrollArea,wi as ScrollBar,Yt as Select,Xt as SelectContent,Zt as SelectGroup,Qt as SelectItem,$t as SelectLabel,en as SelectScrollDownButton,tn as SelectScrollUpButton,nn as SelectSeparator,rn as SelectTrigger,an as SelectValue,$ as Separator,Mi as Sidebar,Ni as SidebarContent,Pi as SidebarFooter,Fi as SidebarGroup,Ii as SidebarGroupAction,Li as SidebarGroupContent,Ri as SidebarGroupLabel,zi as SidebarHeader,Bi as SidebarInput,Vi as SidebarInset,Hi as SidebarMenu,Ui as SidebarMenuAction,Wi as SidebarMenuBadge,Gi as SidebarMenuButton,Ki as SidebarMenuItem,qi as SidebarMenuSkeleton,Ji as SidebarMenuSub,Yi as SidebarMenuSubButton,Xi as SidebarMenuSubItem,Zi as SidebarProvider,Qi as SidebarRail,$i as SidebarSeparator,ea as SidebarTrigger,na as SimpleGrid,Ei as Skeleton,ra as Slider,d as Spinner,oa as Stack,ca as Switch,on as Table,sn as TableBody,cn as TableCaption,ln as TableCell,un as TableContainer,dn as TableFooter,fn as TableHead,pn as TableHeader,mn as TableRow,la as Tabs,ua as TabsContent,da as TabsList,fa as TabsTrigger,ma as Text,Ue as Textarea,_a as ThemeProvider,ya as Timeline,ba as TimelineConnector,xa as TimelineContent,Sa as TimelineDescription,Ca as TimelineEmpty,wa as TimelineHeader,Ta as TimelineIcon,Ea as TimelineItem,Da as TimelineTime,Oa as TimelineTitle,ia as Toaster,Aa as Toggle,Ma as ToggleGroup,Na as ToggleGroupItem,Di as Tooltip,Oi as TooltipContent,ki as TooltipProvider,Ai as TooltipRoot,ji as TooltipTrigger,Pa as UnstyledButton,Ra as VisibleFrom,O as anchorVariants,H as badgeColorVariants,W as badgeVariants,Fa as breakpointValues,Jn as buildPieConfig,u as buttonColorVariants,re as buttonGroupVariants,m as buttonVariants,Se as centerVariants,e as cn,Nt as containerVariants,wn as createDataTableSelectColumn,Tn as defaultDataTableLabels,Dr as flexVariants,jr as groupVariants,Nr as headingVariants,Yr as listVariants,oe as locale,li as navigationMenuTriggerStyle,t as randomId,Ce as selectionControlColorVariants,f as spinnerVariants,sa as stackVariants,hn as tableVariants,pa as tabsListVariants,ha as textVariants,ka as timelineVariants,aa as toast,ja as toggleVariants,we as uiColors,Ia as useBreakpoint,za as useBreakpointValue,be as useCarousel,ft as useComboboxAnchor,En as useDataTable,Dn as useDataTableContext,Ba as useDisclosure,Va as useDocumentVisibility,yr as useDropzone,Ie as useFieldControlId,Ha as useIdle,Ua as useInterval,Ti as useIsMobile,Wa as useLocalStorage,Xr as useMask,ta as useSidebar,va as useTheme};
+import{cn as e,randomId as t}from"./lib/utils.js";import{Accordion as n,AccordionContent as r,AccordionItem as i,AccordionTrigger as a}from"./components/accordion.js";import{Alert as o,AlertAction as s,AlertDescription as c,AlertTitle as l}from"./components/alert.js";import{buttonColorVariants as u}from"./lib/button.js";import{Spinner as d,spinnerVariants as f}from"./components/spinner.js";import{Button as p,buttonVariants as m}from"./components/button.js";import{AlertDialog as h,AlertDialogAction as g,AlertDialogCancel as _,AlertDialogContent as v,AlertDialogDescription as y,AlertDialogFooter as b,AlertDialogHeader as x,AlertDialogMedia as S,AlertDialogOverlay as C,AlertDialogPortal as w,AlertDialogTitle as T,AlertDialogTrigger as E}from"./components/alert-dialog.js";import{Anchor as D,anchorVariants as O}from"./components/anchor.js";import{ChartContainer as k,ChartLegend as A,ChartLegendContent as j,ChartStyle as M,ChartTooltip as N,ChartTooltipContent as P}from"./components/chart.js";import{AreaChart as F}from"./components/area-chart.js";import{Avatar as I,AvatarBadge as L,AvatarFallback as R,AvatarGroup as z,AvatarGroupCount as B,AvatarImage as V}from"./components/avatar.js";import{badgeColorVariants as H}from"./lib/badge.js";import{Badge as U,badgeVariants as W}from"./components/badge.js";import{BarChart as G}from"./components/bar-chart.js";import{Breadcrumb as K,BreadcrumbEllipsis as q,BreadcrumbItem as J,BreadcrumbLink as Y,BreadcrumbList as X,BreadcrumbPage as Z,BreadcrumbSeparator as Q}from"./components/breadcrumb.js";import{Separator as $}from"./components/separator.js";import{ButtonGroup as ee,ButtonGroupSeparator as te,ButtonGroupText as ne,buttonGroupVariants as re}from"./components/button-group.js";import{Calendar as ie,CalendarDayButton as ae,locale as oe}from"./components/calendar.js";import{Card as se,CardAction as ce,CardContent as le,CardDescription as ue,CardFooter as de,CardHeader as fe,CardTitle as pe}from"./components/card.js";import{Carousel as me,CarouselContent as he,CarouselIndicators as ge,CarouselItem as _e,CarouselNext as ve,CarouselPrevious as ye,useCarousel as be}from"./components/carousel.js";import{Center as xe,centerVariants as Se}from"./components/center.js";import{selectionControlColorVariants as Ce,uiColors as we}from"./lib/color.js";import{Label as Te}from"./components/label.js";import{Field as Ee,FieldContent as De,FieldDescription as Oe,FieldError as ke,FieldGroup as Ae,FieldLabel as je,FieldLegend as Me,FieldSeparator as Ne,FieldSet as Pe,FieldTitle as Fe,useFieldControlId as Ie}from"./components/field.js";import{Checkbox as Le}from"./components/checkbox.js";import{Code as Re}from"./components/code.js";import{Collapsible as ze,CollapsibleContent as Be,CollapsibleTrigger as Ve}from"./components/collapsible.js";import{Input as He}from"./components/input.js";import{Textarea as Ue}from"./components/textarea.js";import{InputGroup as We,InputGroupAddon as Ge,InputGroupButton as Ke,InputGroupInput as qe,InputGroupText as Je,InputGroupTextarea as Ye}from"./components/input-group.js";import{Combobox as Xe,ComboboxChip as Ze,ComboboxChips as Qe,ComboboxChipsInput as $e,ComboboxClear as et,ComboboxCollection as tt,ComboboxContent as nt,ComboboxEmpty as rt,ComboboxGroup as it,ComboboxInput as at,ComboboxItem as ot,ComboboxLabel as st,ComboboxList as ct,ComboboxSeparator as lt,ComboboxTrigger as ut,ComboboxValue as dt,useComboboxAnchor as ft}from"./components/combobox.js";import{Dialog as pt,DialogBody as mt,DialogClose as ht,DialogContent as gt,DialogDescription as _t,DialogFooter as vt,DialogHeader as yt,DialogOverlay as bt,DialogPortal as xt,DialogTitle as St,DialogTrigger as Ct}from"./components/dialog.js";import{Command as wt,CommandDialog as Tt,CommandEmpty as Et,CommandGroup as Dt,CommandInput as Ot,CommandItem as kt,CommandList as At,CommandSeparator as jt,CommandShortcut as Mt}from"./components/command.js";import{Container as Nt,containerVariants as Pt}from"./components/container.js";import{DropdownMenu as Ft,DropdownMenuCheckboxItem as It,DropdownMenuContent as Lt,DropdownMenuGroup as Rt,DropdownMenuItem as zt,DropdownMenuLabel as Bt,DropdownMenuPortal as Vt,DropdownMenuRadioGroup as Ht,DropdownMenuRadioItem as Ut,DropdownMenuSeparator as Wt,DropdownMenuShortcut as Gt,DropdownMenuSub as Kt,DropdownMenuSubContent as qt,DropdownMenuSubTrigger as Jt,DropdownMenuTrigger as Yt}from"./components/dropdown-menu.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 an,SelectValue as on}from"./components/select.js";import{Table as sn,TableBody as cn,TableCaption as ln,TableCell as un,TableContainer as dn,TableFooter as fn,TableHead as pn,TableHeader as mn,TableRow as hn,tableVariants as gn}from"./components/table.js";import{DataTable as _n,DataTableBody as vn,DataTableColumnHeader as yn,DataTableHeader as bn,DataTablePagination as xn,DataTableRoot as Sn,DataTableToolbar as Cn,DataTableViewOptions as wn,createDataTableSelectColumn as Tn,defaultDataTableLabels as En,useDataTable as Dn,useDataTableContext as On}from"./components/data-table.js";import{Popover as kn,PopoverAnchor as An,PopoverContent as jn,PopoverDescription as Mn,PopoverHeader as Nn,PopoverTitle as Pn,PopoverTrigger as Fn}from"./components/popover.js";import{DateRangePicker as In,DateRangePickerActions as Ln,DateRangePickerApply as Rn,DateRangePickerCalendar as zn,DateRangePickerContent as Bn,DateRangePickerDateFields as Vn,DateRangePickerPreset as Hn,DateRangePickerPresets as Un,DateRangePickerReset as Wn,DateRangePickerTrigger as Gn,DateRangePickerValue as Kn}from"./components/date-range-picker.js";import{PieChart as qn,PieChartBase as Jn,buildPieConfig as Yn}from"./components/pie-chart.js";import{DonutChart as Xn}from"./components/donut-chart.js";import{Drawer as Zn,DrawerBody as Qn,DrawerClose as $n,DrawerContent as er,DrawerDescription as tr,DrawerFooter as nr,DrawerHeader as rr,DrawerOverlay as ir,DrawerPortal as ar,DrawerTitle as or,DrawerTrigger as sr}from"./components/drawer.js";import{composeRefs as cr,setRef as lr}from"./lib/compose-refs.js";import{Dropzone as ur,DropzoneArea as dr,DropzoneDescription as fr,DropzoneFileList as pr,DropzoneFileListItem as mr,DropzoneFileMessage as hr,DropzoneMessage as gr,DropzoneRemoveFile as _r,DropzoneRetryFile as vr,DropzoneTrigger as yr,ErrorCode as br,InfiniteProgress as xr,useDropzone as Sr}from"./components/dropzone.js";import{Empty as Cr,EmptyContent as wr,EmptyDescription as Tr,EmptyHeader as Er,EmptyMedia as Dr,EmptyTitle as Or}from"./components/empty.js";import{Flex as kr,flexVariants as Ar}from"./components/flex.js";import{Grid as jr,GridItem as Mr}from"./components/grid.js";import{Group as Nr,groupVariants as Pr}from"./components/group.js";import{Heading as Fr,headingVariants as Ir}from"./components/heading.js";import{HoverCard as Lr,HoverCardContent as Rr,HoverCardTrigger as zr}from"./components/hover-card.js";import{InputOTP as Br,InputOTPGroup as Vr,InputOTPSeparator as Hr,InputOTPSlot as Ur,REGEXP_ONLY_CHARS as Wr,REGEXP_ONLY_DIGITS as Gr,REGEXP_ONLY_DIGITS_AND_CHARS as Kr}from"./components/input-otp.js";import{Kbd as qr,KbdGroup as Jr}from"./components/kbd.js";import{List as Yr,ListIcon as Xr,ListItem as Zr,listVariants as Qr}from"./components/list.js";import{useMask as $r}from"./hooks/use-mask.js";import{MaskInput as ei}from"./components/mask-input.js";import{NativeSelect as ti,NativeSelectOptGroup as ni,NativeSelectOption as ri}from"./components/native-select.js";import{NavigationMenu as ii,NavigationMenuContent as ai,NavigationMenuIndicator as oi,NavigationMenuItem as si,NavigationMenuLink as ci,NavigationMenuList as li,NavigationMenuTrigger as ui,NavigationMenuViewport as di,navigationMenuTriggerStyle as fi}from"./components/navigation-menu.js";import{Pagination as pi,PaginationContent as mi,PaginationEllipsis as hi,PaginationItem as gi,PaginationLink as _i,PaginationNext as vi,PaginationPrevious as yi}from"./components/pagination.js";import{Progress as bi}from"./components/progress.js";import{RadioGroup as xi,RadioGroupItem as Si}from"./components/radio-group.js";import{ResizableHandle as Ci,ResizablePanel as wi,ResizablePanelGroup as Ti}from"./components/resizable.js";import{ScrollArea as Ei,ScrollBar as Di}from"./components/scroll-area.js";import{useIsMobile as Oi}from"./hooks/use-mobile.js";import{Skeleton as ki}from"./components/skeleton.js";import{Tooltip as Ai,TooltipContent as ji,TooltipProvider as Mi,TooltipRoot as Ni,TooltipTrigger as Pi}from"./components/tooltip.js";import{Sidebar as Fi,SidebarContent as Ii,SidebarFooter as Li,SidebarGroup as Ri,SidebarGroupAction as zi,SidebarGroupContent as Bi,SidebarGroupLabel as Vi,SidebarHeader as Hi,SidebarInput as Ui,SidebarInset as Wi,SidebarMenu as Gi,SidebarMenuAction as Ki,SidebarMenuBadge as qi,SidebarMenuButton as Ji,SidebarMenuItem as Yi,SidebarMenuSkeleton as Xi,SidebarMenuSub as Zi,SidebarMenuSubButton as Qi,SidebarMenuSubItem as $i,SidebarProvider as ea,SidebarRail as ta,SidebarSeparator as na,SidebarTrigger as ra,useSidebar as ia}from"./components/sidebar.js";import{SimpleGrid as aa}from"./components/simple-grid.js";import{Slider as oa}from"./components/slider.js";import{Toaster as sa,toast as ca}from"./components/sonner.js";import{Stack as la,stackVariants as ua}from"./components/stack.js";import{Switch as da}from"./components/switch.js";import{Tabs as fa,TabsContent as pa,TabsList as ma,TabsTrigger as ha,tabsListVariants as ga}from"./components/tabs.js";import{Text as _a,textVariants as va}from"./components/text.js";import{ModeToggle as ya,ThemeProvider as ba,useTheme as xa}from"./components/theme.js";import{Timeline as Sa,TimelineConnector as Ca,TimelineContent as wa,TimelineDescription as Ta,TimelineEmpty as Ea,TimelineHeader as Da,TimelineIcon as Oa,TimelineItem as ka,TimelineTime as Aa,TimelineTitle as ja,timelineVariants as Ma}from"./components/timeline.js";import{Toggle as Na,toggleVariants as Pa}from"./components/toggle.js";import{ToggleGroup as Fa,ToggleGroupItem as Ia}from"./components/toggle-group.js";import{UnstyledButton as La}from"./components/unstyled-button.js";import{breakpointValues as Ra,useBreakpoint as za}from"./hooks/use-breakpoint.js";import{HiddenFrom as Ba,VisibleFrom as Va}from"./components/visibility.js";import{useBreakpointValue as Ha}from"./hooks/use-breakpoint-value.js";import{useDisclosure as Ua}from"./hooks/use-disclosure.js";import{useDocumentVisibility as Wa}from"./hooks/use-document-visibility.js";import{useIdle as Ga}from"./hooks/use-idle.js";import{useInterval as Ka}from"./hooks/use-interval.js";import{useLocalStorage as qa}from"./hooks/use-local-storage.js";export{n as Accordion,r as AccordionContent,i as AccordionItem,a as AccordionTrigger,o as Alert,s as AlertAction,c as AlertDescription,h as AlertDialog,g as AlertDialogAction,_ as AlertDialogCancel,v as AlertDialogContent,y as AlertDialogDescription,b as AlertDialogFooter,x as AlertDialogHeader,S as AlertDialogMedia,C as AlertDialogOverlay,w as AlertDialogPortal,T as AlertDialogTitle,E as AlertDialogTrigger,l as AlertTitle,D as Anchor,F as AreaChart,I as Avatar,L as AvatarBadge,R as AvatarFallback,z as AvatarGroup,B as AvatarGroupCount,V as AvatarImage,U as Badge,G as BarChart,K as Breadcrumb,q as BreadcrumbEllipsis,J as BreadcrumbItem,Y as BreadcrumbLink,X as BreadcrumbList,Z as BreadcrumbPage,Q as BreadcrumbSeparator,p as Button,ee as ButtonGroup,te as ButtonGroupSeparator,ne as ButtonGroupText,ie as Calendar,ae as CalendarDayButton,se as Card,ce as CardAction,le as CardContent,ue as CardDescription,de as CardFooter,fe as CardHeader,pe as CardTitle,me as Carousel,he as CarouselContent,ge as CarouselIndicators,_e as CarouselItem,ve as CarouselNext,ye as CarouselPrevious,xe as Center,k as ChartContainer,A as ChartLegend,j as ChartLegendContent,M as ChartStyle,N as ChartTooltip,P as ChartTooltipContent,Le as Checkbox,Re as Code,ze as Collapsible,Be as CollapsibleContent,Ve as CollapsibleTrigger,Xe as Combobox,Ze as ComboboxChip,Qe as ComboboxChips,$e as ComboboxChipsInput,et as ComboboxClear,tt as ComboboxCollection,nt as ComboboxContent,rt as ComboboxEmpty,it as ComboboxGroup,at as ComboboxInput,ot as ComboboxItem,st as ComboboxLabel,ct as ComboboxList,lt as ComboboxSeparator,ut as ComboboxTrigger,dt as ComboboxValue,wt as Command,Tt as CommandDialog,Et as CommandEmpty,Dt as CommandGroup,Ot as CommandInput,kt as CommandItem,At as CommandList,jt as CommandSeparator,Mt as CommandShortcut,Nt as Container,_n as DataTable,vn as DataTableBody,yn as DataTableColumnHeader,bn as DataTableHeader,xn as DataTablePagination,Sn as DataTableRoot,Cn as DataTableToolbar,wn as DataTableViewOptions,In as DateRangePicker,Ln as DateRangePickerActions,Rn as DateRangePickerApply,zn as DateRangePickerCalendar,Bn as DateRangePickerContent,Vn as DateRangePickerDateFields,Hn as DateRangePickerPreset,Un as DateRangePickerPresets,Wn as DateRangePickerReset,Gn as DateRangePickerTrigger,Kn as DateRangePickerValue,pt as Dialog,mt as DialogBody,ht as DialogClose,gt as DialogContent,_t as DialogDescription,vt as DialogFooter,yt as DialogHeader,bt as DialogOverlay,xt as DialogPortal,St as DialogTitle,Ct as DialogTrigger,Xn as DonutChart,Zn as Drawer,Qn as DrawerBody,$n as DrawerClose,er as DrawerContent,tr as DrawerDescription,nr as DrawerFooter,rr as DrawerHeader,ir as DrawerOverlay,ar as DrawerPortal,or as DrawerTitle,sr as DrawerTrigger,Ft as DropdownMenu,It as DropdownMenuCheckboxItem,Lt as DropdownMenuContent,Rt as DropdownMenuGroup,zt as DropdownMenuItem,Bt as DropdownMenuLabel,Vt as DropdownMenuPortal,Ht as DropdownMenuRadioGroup,Ut as DropdownMenuRadioItem,Wt as DropdownMenuSeparator,Gt as DropdownMenuShortcut,Kt as DropdownMenuSub,qt as DropdownMenuSubContent,Jt as DropdownMenuSubTrigger,Yt as DropdownMenuTrigger,ur as Dropzone,dr as DropzoneArea,fr as DropzoneDescription,pr as DropzoneFileList,mr as DropzoneFileListItem,hr as DropzoneFileMessage,gr as DropzoneMessage,_r as DropzoneRemoveFile,vr as DropzoneRetryFile,yr as DropzoneTrigger,Cr as Empty,wr as EmptyContent,Tr as EmptyDescription,Er as EmptyHeader,Dr as EmptyMedia,Or as EmptyTitle,br as ErrorCode,Ee as Field,De as FieldContent,Oe as FieldDescription,ke as FieldError,Ae as FieldGroup,je as FieldLabel,Me as FieldLegend,Ne as FieldSeparator,Pe as FieldSet,Fe as FieldTitle,kr as Flex,jr as Grid,Mr as GridItem,Nr as Group,Fr as Heading,Ba as HiddenFrom,Lr as HoverCard,Rr as HoverCardContent,zr as HoverCardTrigger,xr as InfiniteProgress,He as Input,We as InputGroup,Ge as InputGroupAddon,Ke as InputGroupButton,qe as InputGroupInput,Je as InputGroupText,Ye as InputGroupTextarea,Br as InputOTP,Vr as InputOTPGroup,Hr as InputOTPSeparator,Ur as InputOTPSlot,qr as Kbd,Jr as KbdGroup,Te as Label,Yr as List,Xr as ListIcon,Zr as ListItem,ei as MaskInput,ya as ModeToggle,ti as NativeSelect,ni as NativeSelectOptGroup,ri as NativeSelectOption,ii as NavigationMenu,ai as NavigationMenuContent,oi as NavigationMenuIndicator,si as NavigationMenuItem,ci as NavigationMenuLink,li as NavigationMenuList,ui as NavigationMenuTrigger,di as NavigationMenuViewport,pi as Pagination,mi as PaginationContent,hi as PaginationEllipsis,gi as PaginationItem,_i as PaginationLink,vi as PaginationNext,yi as PaginationPrevious,qn as PieChart,Jn as PieChartBase,kn as Popover,An as PopoverAnchor,jn as PopoverContent,Mn as PopoverDescription,Nn as PopoverHeader,Pn as PopoverTitle,Fn as PopoverTrigger,bi as Progress,Wr as REGEXP_ONLY_CHARS,Gr as REGEXP_ONLY_DIGITS,Kr as REGEXP_ONLY_DIGITS_AND_CHARS,xi as RadioGroup,Si as RadioGroupItem,Ci as ResizableHandle,wi as ResizablePanel,Ti as ResizablePanelGroup,Ei as ScrollArea,Di as ScrollBar,Xt as Select,Zt as SelectContent,Qt as SelectGroup,$t as SelectItem,en as SelectLabel,tn as SelectScrollDownButton,nn as SelectScrollUpButton,rn as SelectSeparator,an as SelectTrigger,on as SelectValue,$ as Separator,Fi as Sidebar,Ii as SidebarContent,Li as SidebarFooter,Ri as SidebarGroup,zi as SidebarGroupAction,Bi as SidebarGroupContent,Vi as SidebarGroupLabel,Hi as SidebarHeader,Ui as SidebarInput,Wi as SidebarInset,Gi as SidebarMenu,Ki as SidebarMenuAction,qi as SidebarMenuBadge,Ji as SidebarMenuButton,Yi as SidebarMenuItem,Xi as SidebarMenuSkeleton,Zi as SidebarMenuSub,Qi as SidebarMenuSubButton,$i as SidebarMenuSubItem,ea as SidebarProvider,ta as SidebarRail,na as SidebarSeparator,ra as SidebarTrigger,aa as SimpleGrid,ki as Skeleton,oa as Slider,d as Spinner,la as Stack,da as Switch,sn as Table,cn as TableBody,ln as TableCaption,un as TableCell,dn as TableContainer,fn as TableFooter,pn as TableHead,mn as TableHeader,hn as TableRow,fa as Tabs,pa as TabsContent,ma as TabsList,ha as TabsTrigger,_a as Text,Ue as Textarea,ba as ThemeProvider,Sa as Timeline,Ca as TimelineConnector,wa as TimelineContent,Ta as TimelineDescription,Ea as TimelineEmpty,Da as TimelineHeader,Oa as TimelineIcon,ka as TimelineItem,Aa as TimelineTime,ja as TimelineTitle,sa as Toaster,Na as Toggle,Fa as ToggleGroup,Ia as ToggleGroupItem,Ai as Tooltip,ji as TooltipContent,Mi as TooltipProvider,Ni as TooltipRoot,Pi as TooltipTrigger,La as UnstyledButton,Va as VisibleFrom,O as anchorVariants,H as badgeColorVariants,W as badgeVariants,Ra as breakpointValues,Yn as buildPieConfig,u as buttonColorVariants,re as buttonGroupVariants,m as buttonVariants,Se as centerVariants,e as cn,cr as composeRefs,Pt as containerVariants,Tn as createDataTableSelectColumn,En as defaultDataTableLabels,Ar as flexVariants,Pr as groupVariants,Ir as headingVariants,Qr as listVariants,oe as locale,fi as navigationMenuTriggerStyle,t as randomId,Ce as selectionControlColorVariants,lr as setRef,f as spinnerVariants,ua as stackVariants,gn as tableVariants,ga as tabsListVariants,va as textVariants,Ma as timelineVariants,ca as toast,Pa as toggleVariants,we as uiColors,za as useBreakpoint,Ha as useBreakpointValue,be as useCarousel,ft as useComboboxAnchor,Dn as useDataTable,On as useDataTableContext,Ua as useDisclosure,Wa as useDocumentVisibility,Sr as useDropzone,Ie as useFieldControlId,Ga as useIdle,Ka as useInterval,Oi as useIsMobile,qa as useLocalStorage,$r as useMask,ia as useSidebar,xa as useTheme};

package/dist/lib/compose-refs.d.ts

@@ -0,0 +1,9 @@
+import { n as __name } from "../chunk-CHh1Zzun.js";
+import * as React from "react";
+
+//#region src/lib/compose-refs.d.ts
+declare function setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void;
+declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
+//#endregion
+export { composeRefs, setRef };
+//# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/compose-refs.js

@@ -0,0 +1,2 @@
+import"../chunk-CHh1Zzun.js";function setRef(e,t){if(typeof e==`function`){e(t);return}e&&(e.current=t)}function composeRefs(...e){return t=>{e.forEach(e=>{setRef(e,t)})}}export{composeRefs,setRef};
+//# sourceMappingURL=compose-refs.js.map

package/dist/lib/compose-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs.js","names":[],"sources":["../../src/lib/compose-refs.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport function setRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nexport function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n"],"mappings":"6BAEA,SAAgB,OAAU,EAA+B,EAAiB,CACxE,GAAI,OAAO,GAAQ,WAAY,CAC7B,EAAI,CAAK,EACT,MACF,CAEI,IACF,EAAI,QAAU,EAElB,CAEA,SAAgB,YAAe,GAAG,EAA6D,CAC7F,MAAQ,IAAU,CAChB,EAAK,QAAS,GAAQ,CACpB,OAAO,EAAK,CAAK,CACnB,CAAC,CACH,CACF"}

package/dist/skills/uselets-ui/references/component-catalog.md

@@ -61,6 +61,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Import path: `@uselets/ui/lib/color`
   - Exports: `uiColors`, `UIColor`, `selectionControlColorVariants`
   - Notes: canonical public color list used by `Button`, `Toggle`, `Checkbox`, `RadioGroupItem`, and `Switch`; `ButtonColor` is a compatibility alias for `UIColor`; `selectionControlColorVariants` is an internal styling map for checked selection controls
+- `compose-refs`
+  - Import path: `@uselets/ui/lib/compose-refs`
+  - Exports: `composeRefs`, `setRef`
+  - Notes: helpers for composing multiple refs into a single callback ref. Use `composeRefs<T>(...refs)` when a component needs to merge a forwarded `ref` with an internal one (for example, `MaskInput` composes the consumer `ref` with the internal mask ref)
 - `sonner`
   - Import path: `@uselets/ui/sonner`
   - Exports: `Toaster`, `toast`
@@ -104,7 +108,7 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Notes: pill-shaped tag with `size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'` (default `md`), `solid`/`outline`/`subtle`/`ghost`/`link` variants, `color: UIColor` (`primary` default), and `asChild`
 - `button`
   - Exports: `Button`, `buttonVariants`
-  - Notes: action button with `solid`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
+  - Notes: action button with `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
 - `button-group`
   - Exports: `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
 - `empty`
@@ -142,7 +146,7 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Exports: `InputOTP`, `InputOTPGroup`, `InputOTPSeparator`, `InputOTPSlot`, `REGEXP_ONLY_CHARS`, `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_DIGITS_AND_CHARS`
 - `mask-input`
   - Exports: `MaskInput`
-  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual.
+  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual. Forwards a `ref` prop to the underlying `<input>`, composed with the internal mask ref via `composeRefs`.
 - `checkbox`
   - Exports: `Checkbox`
   - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; composed label text follows checkbox size (`sm` 12px, `md` 14px, `lg` 20px)
@@ -181,10 +185,11 @@ Unless noted otherwise, each module also exports its public `*Props` types from
 ## Overlays and floating UI
 
 - `dialog`
-  - Exports: `Dialog`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Exports: `Dialog`, `DialogBody`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`. `Dialog.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DialogClose` still work)
 - `drawer`
   - Exports: `Drawer`, `DrawerBody`, `DrawerClose`, `DrawerContent`, `DrawerDescription`, `DrawerFooter`, `DrawerHeader`, `DrawerOverlay`, `DrawerPortal`, `DrawerTitle`, `DrawerTrigger`
-  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`
+  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`. `Drawer.dismissible` defaults to `true` (via Vaul); set it to `false` to prevent closing via dragging, outside click, and Esc (the close button and `DrawerClose` still work)
 - `popover`
   - Exports: `Popover`, `PopoverAnchor`, `PopoverContent`, `PopoverDescription`, `PopoverHeader`, `PopoverTitle`, `PopoverTrigger`
 - `hover-card`

package/dist/skills/uselets-ui/references/package-guide.md

@@ -281,7 +281,7 @@ Additional tokens:
 - `text-destructive-foreground`
 - `--gradient-primary`
 
-The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
+The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
 
 The `Checkbox` component can be used as a bare checkbox or with `label?: React.ReactNode`. It supports `size: 'sm' | 'md' | 'lg'` and `color: UIColor`, with `primary` as the default color. When `label` is provided, it composes the package `Label`, accepts `labelProps` for that label, and generates an accessible `id`/`htmlFor` pair when no `id` prop is passed. Composed label text follows checkbox size: `sm` 12px, `md` 14px, and `lg` 20px.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uselets/ui",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "type": "module",
   "private": false,
   "description": "React component library for the LET'S design system.",

package/skills/uselets-ui/references/component-catalog.md

@@ -61,6 +61,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Import path: `@uselets/ui/lib/color`
   - Exports: `uiColors`, `UIColor`, `selectionControlColorVariants`
   - Notes: canonical public color list used by `Button`, `Toggle`, `Checkbox`, `RadioGroupItem`, and `Switch`; `ButtonColor` is a compatibility alias for `UIColor`; `selectionControlColorVariants` is an internal styling map for checked selection controls
+- `compose-refs`
+  - Import path: `@uselets/ui/lib/compose-refs`
+  - Exports: `composeRefs`, `setRef`
+  - Notes: helpers for composing multiple refs into a single callback ref. Use `composeRefs<T>(...refs)` when a component needs to merge a forwarded `ref` with an internal one (for example, `MaskInput` composes the consumer `ref` with the internal mask ref)
 - `sonner`
   - Import path: `@uselets/ui/sonner`
   - Exports: `Toaster`, `toast`
@@ -104,7 +108,7 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Notes: pill-shaped tag with `size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'` (default `md`), `solid`/`outline`/`subtle`/`ghost`/`link` variants, `color: UIColor` (`primary` default), and `asChild`
 - `button`
   - Exports: `Button`, `buttonVariants`
-  - Notes: action button with `solid`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
+  - Notes: action button with `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
 - `button-group`
   - Exports: `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
 - `empty`
@@ -142,7 +146,7 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Exports: `InputOTP`, `InputOTPGroup`, `InputOTPSeparator`, `InputOTPSlot`, `REGEXP_ONLY_CHARS`, `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_DIGITS_AND_CHARS`
 - `mask-input`
   - Exports: `MaskInput`
-  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual.
+  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual. Forwards a `ref` prop to the underlying `<input>`, composed with the internal mask ref via `composeRefs`.
 - `checkbox`
   - Exports: `Checkbox`
   - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; composed label text follows checkbox size (`sm` 12px, `md` 14px, `lg` 20px)
@@ -181,10 +185,11 @@ Unless noted otherwise, each module also exports its public `*Props` types from
 ## Overlays and floating UI
 
 - `dialog`
-  - Exports: `Dialog`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Exports: `Dialog`, `DialogBody`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`. `Dialog.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DialogClose` still work)
 - `drawer`
   - Exports: `Drawer`, `DrawerBody`, `DrawerClose`, `DrawerContent`, `DrawerDescription`, `DrawerFooter`, `DrawerHeader`, `DrawerOverlay`, `DrawerPortal`, `DrawerTitle`, `DrawerTrigger`
-  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`
+  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`. `Drawer.dismissible` defaults to `true` (via Vaul); set it to `false` to prevent closing via dragging, outside click, and Esc (the close button and `DrawerClose` still work)
 - `popover`
   - Exports: `Popover`, `PopoverAnchor`, `PopoverContent`, `PopoverDescription`, `PopoverHeader`, `PopoverTitle`, `PopoverTrigger`
 - `hover-card`

package/skills/uselets-ui/references/package-guide.md

@@ -281,7 +281,7 @@ Additional tokens:
 - `text-destructive-foreground`
 - `--gradient-primary`
 
-The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
+The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
 
 The `Checkbox` component can be used as a bare checkbox or with `label?: React.ReactNode`. It supports `size: 'sm' | 'md' | 'lg'` and `color: UIColor`, with `primary` as the default color. When `label` is provided, it composes the package `Label`, accepts `labelProps` for that label, and generates an accessible `id`/`htmlFor` pair when no `id` prop is passed. Composed label text follows checkbox size: `sm` 12px, `md` 14px, and `lg` 20px.