@codefast/ui 0.3.16-canary.3 → 0.4.0-canary.5

package/dist/index.mjs

@@ -1,18 +1,18 @@
-import { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger } from "./components/accordion.mjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/accordion.mjs";
 import { alertVariants } from "./variants/alert.mjs";
-import { Alert, AlertDescription, AlertTitle } from "./components/alert.mjs";
+import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/alert.mjs";
 import { buttonVariants } from "./variants/button.mjs";
-import { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "./components/alert-dialog.mjs";
+import { Button } from "./components/button.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger } from "./components/alert-dialog.mjs";
 import { AspectRatio } from "./components/aspect-ratio.mjs";
-import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.mjs";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./components/avatar.mjs";
 import { badgeVariants } from "./variants/badge.mjs";
 import { Badge } from "./components/badge.mjs";
-import { buttonGroupVariants } from "./variants/button-group.mjs";
 import { separatorVariants } from "./variants/separator.mjs";
 import { Separator, SeparatorItem } from "./components/separator.mjs";
+import { buttonGroupVariants } from "./variants/button-group.mjs";
 import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./components/button-group.mjs";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.mjs";
-import { Button } from "./components/button.mjs";
 import { Calendar, CalendarDayButton } from "./components/calendar.mjs";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card.mjs";
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope } from "./components/carousel.mjs";
@@ -23,9 +23,14 @@ import { CheckboxCards, CheckboxCardsItem } from "./components/checkbox-cards.mj
 import { CheckboxGroup, CheckboxGroupItem } from "./components/checkbox-group.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/collapsible.mjs";
 import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./components/dialog.mjs";
+import { Input } from "./components/input.mjs";
+import { Textarea } from "./components/textarea.mjs";
+import { inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants } from "./variants/input-group.mjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/input-group.mjs";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from "./components/command.mjs";
 import { ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/context-menu.mjs";
-import { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "./components/drawer.mjs";
+import { DirectionProvider, useDirection } from "./components/direction.mjs";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "./components/drawer.mjs";
 import { DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/dropdown-menu.mjs";
 import { emptyMediaVariants } from "./variants/empty.mjs";
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/empty.mjs";
@@ -33,10 +38,6 @@ import { fieldVariants } from "./variants/field.mjs";
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/field.mjs";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, createFormFieldScope } from "./components/form.mjs";
 import { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger } from "./components/hover-card.mjs";
-import { Input } from "./components/input.mjs";
-import { inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants } from "./variants/input-group.mjs";
-import { Textarea } from "./components/textarea.mjs";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/input-group.mjs";
 import { Spinner } from "./components/spinner.mjs";
 import { InputNumber } from "./components/input-number.mjs";
 import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./components/input-otp.mjs";
@@ -47,13 +48,13 @@ import { itemMediaVariants, itemVariants } from "./variants/item.mjs";
 import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./components/item.mjs";
 import { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/menubar.mjs";
 import { navigationMenuTriggerVariants } from "./variants/navigation-menu.mjs";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./components/navigation-menu.mjs";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from "./components/navigation-menu.mjs";
 import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./components/native-select.mjs";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/pagination.mjs";
-import { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger } from "./components/popover.mjs";
+import { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./components/popover.mjs";
 import { Progress } from "./components/progress.mjs";
-import { progressCircleVariants } from "./variants/progress-circle.mjs";
 import { useAnimatedValue } from "./hooks/use-animated-value.mjs";
+import { progressCircleVariants } from "./variants/progress-circle.mjs";
 import { ProgressCircle } from "./components/progress-circle.mjs";
 import { Radio } from "./components/radio.mjs";
 import { RadioCards, RadioCardsItem } from "./components/radio-cards.mjs";
@@ -64,16 +65,17 @@ import { ScrollArea, ScrollAreaScrollbar } from "./components/scroll-area.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/select.mjs";
 import { sheetContentVariants } from "./variants/sheet.mjs";
 import { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/sheet.mjs";
-import { sidebarMenuButtonVariants } from "./variants/sidebar.mjs";
 import { Skeleton } from "./components/skeleton.mjs";
 import { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip.mjs";
 import { useMediaQuery } from "./hooks/use-media-query.mjs";
 import { useIsMobile } from "./hooks/use-is-mobile.mjs";
+import { sidebarMenuButtonVariants } from "./variants/sidebar.mjs";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/sidebar.mjs";
 import { Slider } from "./components/slider.mjs";
 import { Toaster, toast, useSonner } from "./components/sonner.mjs";
 import { Switch } from "./components/switch.mjs";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.mjs";
+import { tabsListVariants } from "./variants/tabs.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.mjs";
 import { toggleVariants } from "./variants/toggle.mjs";
 import { Toggle } from "./components/toggle.mjs";
@@ -81,4 +83,4 @@ import { ToggleGroup, ToggleGroupItem } from "./components/toggle-group.mjs";
 import { useCopyToClipboard } from "./hooks/use-copy-to-clipboard.mjs";
 import { useMutationObserver } from "./hooks/use-mutation-observer.mjs";
 import { ELLIPSIS, usePagination } from "./hooks/use-pagination.mjs";
-export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxCards, CheckboxCardsItem, CheckboxGroup, CheckboxGroupItem, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ELLIPSIS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputSearch, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, Progress, ProgressCircle, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, Radio, RadioCards, RadioCardsItem, RadioGroup, RadioGroupItem, ResizableGroup, ResizablePanel, ResizableSeparator, ScrollArea, ScrollAreaScrollbar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorItem, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, createCarouselScope, createChartScope, createFormFieldScope, emptyMediaVariants, fieldVariants, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants, itemMediaVariants, itemVariants, navigationMenuTriggerVariants, progressCircleVariants, scrollAreaScrollbarVariants, separatorVariants, sheetContentVariants, sidebarMenuButtonVariants, toast, toggleVariants, useAnimatedValue, useCopyToClipboard, useIsMobile, useMediaQuery, useMutationObserver, usePagination, useSidebar, useSonner };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxCards, CheckboxCardsItem, CheckboxGroup, CheckboxGroupItem, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ELLIPSIS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumber, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputSearch, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressCircle, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, Radio, RadioCards, RadioCardsItem, RadioGroup, RadioGroupItem, ResizableGroup, ResizablePanel, ResizableSeparator, ScrollArea, ScrollAreaScrollbar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorItem, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, createCarouselScope, createChartScope, createFormFieldScope, emptyMediaVariants, fieldVariants, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupVariants, itemMediaVariants, itemVariants, navigationMenuTriggerVariants, progressCircleVariants, scrollAreaScrollbarVariants, separatorVariants, sheetContentVariants, sidebarMenuButtonVariants, tabsListVariants, toast, toggleVariants, useAnimatedValue, useCopyToClipboard, useDirection, useIsMobile, useMediaQuery, useMutationObserver, usePagination, useSidebar, useSonner };

package/dist/primitives/checkbox-group.d.mts

@@ -1,7 +1,6 @@
+import { Checkbox } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import { Scope } from "@radix-ui/react-context";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
+import { Context, RovingFocus } from "radix-ui/internal";
 
 //#region src/primitives/checkbox-group.d.ts
 /**
@@ -11,9 +10,9 @@ type ScopedProps<P> = P & {
   /**
    * Optional scope for the CheckboxGroup component
    */
-  __scopeCheckboxGroup?: Scope;
+  __scopeCheckboxGroup?: Context.Scope;
 };
-declare const createCheckboxGroupScope: import("@radix-ui/react-context").CreateScope;
+declare const createCheckboxGroupScope: Context.CreateScope;
 /**
  * Context values shared between CheckboxGroup components
  */
@@ -56,7 +55,7 @@ interface CheckboxGroupBaseProps {
   /**
    * Direction for roving focus navigation
    */
-  dir?: RovingFocusGroup.RovingFocusGroupProps["dir"];
+  dir?: RovingFocus.RovingFocusGroupProps["dir"];
   /**
    * Whether the entire checkbox group is disabled
    */
@@ -64,7 +63,7 @@ interface CheckboxGroupBaseProps {
   /**
    * Whether focus should loop to the start/end when reaching the boundaries
    */
-  loop?: RovingFocusGroup.RovingFocusGroupProps["loop"];
+  loop?: RovingFocus.RovingFocusGroupProps["loop"];
   /**
    * Name attribute for the checkbox group form field
    */
@@ -77,7 +76,7 @@ interface CheckboxGroupBaseProps {
   /**
    * Orientation of the checkbox group (horizontal or vertical)
    */
-  orientation?: RovingFocusGroup.RovingFocusGroupProps["orientation"];
+  orientation?: RovingFocus.RovingFocusGroupProps["orientation"];
   /**
    * Whether at least one checkbox must be selected
    */
@@ -116,7 +115,7 @@ declare function CheckboxGroup({
  *
  * @since 0.3.16-canary.0
  */
-interface CheckboxGroupItemProps extends Omit<ComponentProps<typeof CheckboxPrimitive.Root>, "checked" | "defaultChecked" | "name" | "onCheckedChange"> {
+interface CheckboxGroupItemProps extends Omit<ComponentProps<typeof Checkbox.Root>, "checked" | "defaultChecked" | "name" | "onCheckedChange"> {
   /**
    * Value of the checkbox item, used to identify the item within the group
    */
@@ -141,7 +140,7 @@ declare function CheckboxGroupItem({
  *
  * @since 0.3.16-canary.0
  */
-type CheckboxGroupIndicatorProps = ComponentProps<typeof CheckboxPrimitive.Indicator>;
+type CheckboxGroupIndicatorProps = ComponentProps<typeof Checkbox.Indicator>;
 /**
  * Visual indicator component for a CheckboxGroupItem
  *

package/dist/primitives/checkbox-group.mjs

@@ -1,17 +1,12 @@
+import { Checkbox, Direction } from "radix-ui";
 import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { createContextScope } from "@radix-ui/react-context";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { createCheckboxScope } from "@radix-ui/react-checkbox";
-import { useDirection } from "@radix-ui/react-direction";
-import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
-import { createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Context, RovingFocus, useControllableState } from "radix-ui/internal";
 //#region src/primitives/checkbox-group.tsx
 const CHECKBOX_GROUP_NAME = "CheckboxGroup";
-const [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [createRovingFocusGroupScope, createCheckboxScope]);
-const useRovingFocusGroupScope = createRovingFocusGroupScope();
-const useCheckboxScope = createCheckboxScope();
+const [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(CHECKBOX_GROUP_NAME, [RovingFocus.createRovingFocusGroupScope, Checkbox.createCheckboxScope]);
+const useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();
+const useCheckboxScope = Checkbox.createCheckboxScope();
 const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
 /**
 * CheckboxGroup component that manages a group of checkboxes with roving focus
@@ -20,13 +15,13 @@ const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createCheckboxGr
 */
 function CheckboxGroup({ __scopeCheckboxGroup, defaultValue, dir, disabled = false, loop = true, name, onValueChange, orientation, required = false, value: valueProperty, ...props }) {
 	/**
-	* Scope for the RovingFocusGroup component
+	* Context.Scope for the RovingFocusGroup component
 	*/
 	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
 	/**
 	* Direction for layout and navigation
 	*/
-	const direction = useDirection(dir);
+	const direction = Direction.useDirection(dir);
 	/**
 	* State for managing selected checkbox values
 	*/
@@ -51,7 +46,7 @@ function CheckboxGroup({ __scopeCheckboxGroup, defaultValue, dir, disabled = fal
 				return currentValue.filter((inputValue) => inputValue !== itemValue);
 			});
 		}, [setValue, required]),
-		children: /* @__PURE__ */ jsx(RovingFocusGroup.Root, {
+		children: /* @__PURE__ */ jsx(RovingFocus.Root, {
 			asChild: true,
 			...rovingFocusGroupScope,
 			dir: direction,
@@ -82,23 +77,23 @@ function CheckboxGroupItem({ __scopeCheckboxGroup, disabled, ...props }) {
 	*/
 	const isDisabled = context.disabled || disabled;
 	/**
-	* Scope for the RovingFocusGroup component
+	* Context.Scope for the RovingFocusGroup component
 	*/
 	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
 	/**
-	* Scope for the Checkbox component
+	* Context.Scope for the Checkbox component
 	*/
 	const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
 	/**
 	* Whether this checkbox is currently checked
 	*/
 	const checked = context.value?.includes(props.value);
-	return /* @__PURE__ */ jsx(RovingFocusGroup.Item, {
+	return /* @__PURE__ */ jsx(RovingFocus.Item, {
 		asChild: true,
 		...rovingFocusGroupScope,
 		active: checked,
 		focusable: !isDisabled,
-		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		children: /* @__PURE__ */ jsx(Checkbox.Root, {
 			"aria-label": props.value,
 			checked,
 			disabled: isDisabled,
@@ -120,10 +115,10 @@ function CheckboxGroupItem({ __scopeCheckboxGroup, disabled, ...props }) {
 */
 function CheckboxGroupIndicator({ __scopeCheckboxGroup, ...props }) {
 	/**
-	* Scope for the Checkbox component
+	* Context.Scope for the Checkbox component
 	*/
 	const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-	return /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+	return /* @__PURE__ */ jsx(Checkbox.Indicator, {
 		...checkboxScope,
 		...props
 	});

package/dist/primitives/input-number.d.mts

@@ -1,6 +1,6 @@
 import { Field as InputField, Input } from "./input.mjs";
 import { ComponentProps, JSX } from "react";
-import { Scope } from "@radix-ui/react-context";
+import { Context } from "radix-ui/internal";
 
 //#region src/primitives/input-number.d.ts
 /**
@@ -10,9 +10,9 @@ type ScopedProps<P> = P & {
   /**
    * Optional scope for the InputNumber component context
    */
-  __scopeInputNumber?: Scope;
+  __scopeInputNumber?: Context.Scope;
 };
-declare const createInputNumberScope: import("@radix-ui/react-context").CreateScope;
+declare const createInputNumberScope: Context.CreateScope;
 /**
  * Props for the main InputNumber component.
  *

package/dist/primitives/input-number.mjs

@@ -1,15 +1,13 @@
 import { Field as InputField, Input, createInputScope } from "./input.mjs";
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { createContextScope } from "@radix-ui/react-context";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { composeEventHandlers } from "@radix-ui/primitive";
+import { Context, composeEventHandlers, useControllableState } from "radix-ui/internal";
 //#region src/primitives/input-number.tsx
 /**
 * The name of the InputNumber component constant.
 */
 const NUMBER_INPUT_NAME = "InputNumber";
-const [createInputNumberContext, createInputNumberScope] = createContextScope(NUMBER_INPUT_NAME, [createInputScope]);
+const [createInputNumberContext, createInputNumberScope] = Context.createContextScope(NUMBER_INPUT_NAME, [createInputScope]);
 const useInputScope = createInputScope();
 const [InputNumberContextProvider, useInputNumberContext] = createInputNumberContext(NUMBER_INPUT_NAME);
 /**
@@ -21,7 +19,7 @@ function InputNumber(numberInputProps) {
 		style: "decimal"
 	}, id, locale, max, min, onChange, step = 1, value: valueProperty, ...props } = numberInputProps;
 	/**
-	* Scope for the input component
+	* Context.Scope for the input component
 	*/
 	const inputScope = useInputScope(__scopeInputNumber);
 	/**

package/dist/primitives/input.d.mts

@@ -1,5 +1,5 @@
 import { ComponentProps, JSX, PropsWithChildren, ReactNode } from "react";
-import { Scope } from "@radix-ui/react-context";
+import { Context } from "radix-ui/internal";
 
 //#region src/primitives/input.d.ts
 /**
@@ -7,11 +7,11 @@ import { Scope } from "@radix-ui/react-context";
  */
 type ScopedProps<P> = P & {
   /**
-   * Scope for the Input component context
+   * Context.Scope for the Input component context
    */
-  __scopeInput?: Scope;
+  __scopeInput?: Context.Scope;
 };
-declare const createInputScope: import("@radix-ui/react-context").CreateScope;
+declare const createInputScope: Context.CreateScope;
 /**
  * Props for styling and appearance of the Input component
  */

package/dist/primitives/input.mjs

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import { createContextScope } from "@radix-ui/react-context";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { Context, useComposedRefs } from "radix-ui/internal";
 //#region src/primitives/input.tsx
 const INPUT_NAME = "Input";
-const [createInputContext, createInputScope] = createContextScope(INPUT_NAME);
+const [createInputContext, createInputScope] = Context.createContextScope(INPUT_NAME);
 const [InputContextProvider, useInputContext] = createInputContext(INPUT_NAME);
 /**
 * @since 0.3.16-canary.0

package/dist/primitives/progress-circle.d.mts

@@ -1,9 +1,9 @@
 import { ComponentProps, ReactNode } from "react";
-import { Scope } from "@radix-ui/react-context";
+import { Context } from "radix-ui/internal";
 
 //#region src/primitives/progress-circle.d.ts
 type ScopedProps<P> = P & {
-  __scopeProgressCircle?: Scope;
+  __scopeProgressCircle?: Context.Scope;
 };
 /**
  * Defines color thresholds based on progress values
@@ -22,7 +22,7 @@ interface Threshold {
    */
   value: number;
 }
-declare const createProgressCircleScope: import("@radix-ui/react-context").CreateScope;
+declare const createProgressCircleScope: Context.CreateScope;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/primitives/progress-circle.mjs

@@ -1,10 +1,9 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
-import { createContextScope } from "@radix-ui/react-context";
+import { Context } from "radix-ui/internal";
 //#region src/primitives/progress-circle.tsx
 const PROGRESS_CIRCLE_PROVIDER_NAME = "ProgressCircleProvider";
-const [createProgressCircleContext, createProgressCircleScope] = createContextScope(PROGRESS_CIRCLE_PROVIDER_NAME);
+const [createProgressCircleContext, createProgressCircleScope] = Context.createContextScope(PROGRESS_CIRCLE_PROVIDER_NAME);
 const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
 /**
 * Provides context for the ProgressCircle component

package/dist/variants/alert.d.mts

@@ -7,7 +7,7 @@ import { VariantProps } from "../lib/utils.mjs";
 declare const alertVariants: import("@codefast/tailwind-variants").VariantResolver<{
   variant: {
     default: string;
-    destructive: string[];
+    destructive: string;
   };
 }, Record<string, never>>;
 /**

package/dist/variants/alert.mjs

@@ -4,21 +4,11 @@ import { tv } from "../lib/utils.mjs";
 * @since 0.3.16-canary.0
 */
 const alertVariants = tv({
-	base: [
-		"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 px-4 py-3",
-		"rounded-xl border",
-		"bg-card text-sm",
-		"has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3",
-		"[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current"
-	],
+	base: "group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
-		default: "text-card-foreground",
-		destructive: [
-			"text-destructive",
-			"*:data-[slot=alert-description]:text-destructive/90",
-			"[&>svg]:text-current"
-		]
+		default: "bg-card text-card-foreground",
+		destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
 	} }
 });
 //#endregion

package/dist/variants/badge.d.mts

@@ -6,10 +6,12 @@ import { VariantProps } from "../lib/utils.mjs";
  */
 declare const badgeVariants: import("@codefast/tailwind-variants").VariantResolver<{
   variant: {
-    default: string[];
-    destructive: string[];
-    outline: string[];
-    secondary: string[];
+    default: string;
+    destructive: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
   };
 }, Record<string, never>>;
 /**

package/dist/variants/badge.mjs

@@ -4,42 +4,15 @@ import { tv } from "../lib/utils.mjs";
 * @since 0.3.16-canary.0
 */
 const badgeVariants = tv({
-	base: [
-		"inline-flex w-fit shrink-0 items-center justify-center gap-2 px-1.5 py-0.5",
-		"rounded-md border outline-hidden",
-		"text-xs font-medium whitespace-nowrap",
-		"transition",
-		"focus-visible:ring-3 focus-visible:ring-ring/50",
-		"[&>svg]:size-3 [&>svg]:shrink-0"
-	],
+	base: "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
-		default: [
-			"border-transparent",
-			"bg-primary text-primary-foreground",
-			"focus-visible:ring-primary/20",
-			"dark:focus-visible:ring-primary/40",
-			"[a&]:hover:bg-primary/80"
-		],
-		destructive: [
-			"border-transparent",
-			"bg-destructive text-white",
-			"focus-visible:ring-destructive/20",
-			"dark:bg-destructive/60",
-			"dark:focus-visible:ring-destructive/40",
-			"[a&]:hover:bg-destructive/90"
-		],
-		outline: [
-			"border-input",
-			"bg-background",
-			"focus-visible:border-ring",
-			"[a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-		],
-		secondary: [
-			"border-transparent",
-			"bg-secondary text-secondary-foreground",
-			"[a&]:hover:bg-secondary/80"
-		]
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80"
 	} }
 });
 //#endregion

package/dist/variants/button-group.d.mts

@@ -6,8 +6,8 @@ import { VariantProps } from "../lib/utils.mjs";
  */
 declare const buttonGroupVariants: import("@codefast/tailwind-variants").VariantResolver<{
   orientation: {
-    horizontal: string[];
-    vertical: string[];
+    horizontal: string;
+    vertical: string;
   };
 }, Record<string, never>>;
 /**

package/dist/variants/button-group.mjs

@@ -4,22 +4,11 @@ import { tv } from "../lib/utils.mjs";
 * @since 0.3.16-canary.0
 */
 const buttonGroupVariants = tv({
-	base: [
-		"flex w-fit items-stretch",
-		"has-[>[data-slot=button-group]]:gap-2",
-		"[&>*]:focus-visible:relative [&>*]:focus-visible:z-10",
-		"has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg",
-		"[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit",
-		"[&>input]:flex-1"
-	],
+	base: "group/button-group flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
 	defaultVariants: { orientation: "horizontal" },
 	variants: { orientation: {
-		horizontal: ["[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0", "[&>*:not(:last-child)]:rounded-r-none"],
-		vertical: [
-			"flex-col",
-			"[&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0",
-			"[&>*:not(:last-child)]:rounded-b-none"
-		]
+		horizontal: "[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-md!",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md!"
 	} }
 });
 //#endregion

package/dist/variants/button.d.mts

@@ -6,20 +6,22 @@ import { VariantProps } from "../lib/utils.mjs";
  */
 declare const buttonVariants: import("@codefast/tailwind-variants").VariantResolver<{
   size: {
-    "icon-sm": string;
+    default: string;
+    xs: string;
+    sm: string;
+    lg: string;
     icon: string;
+    "icon-xs": string;
+    "icon-sm": string;
     "icon-lg": string;
-    sm: string[];
-    md: string[];
-    lg: string[];
   };
   variant: {
-    default: string[];
-    destructive: string[];
-    ghost: string[];
-    link: string[];
-    outline: string[];
-    secondary: string[];
+    default: string;
+    destructive: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
   };
 }, Record<string, never>>;
 /**