@doscientos/ui 0.1.17 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as React$1 from 'react';
2
2
  import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
3
+ import * as class_variance_authority_types from 'class-variance-authority/types';
3
4
  import { ClassValue } from 'clsx';
4
5
  import * as react_aria_components from 'react-aria-components';
5
6
  import { DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, ButtonProps as ButtonProps$1, LinkProps, Breadcrumb as Breadcrumb$1, Link, Breadcrumbs as Breadcrumbs$1, Separator as Separator$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Key, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, Input as Input$1, ListBox, ModalOverlayProps, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, Text, Heading, DialogTriggerProps, SwitchProps as SwitchProps$1, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
6
7
  export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
7
- import * as class_variance_authority_types from 'class-variance-authority/types';
8
8
  import { VariantProps } from 'class-variance-authority';
9
9
 
10
10
  type AutosaveStatus = "idle" | "saving" | "saved" | "error";
@@ -35,6 +35,12 @@ interface UseFormDirtyResult<T extends HTMLFormElement = HTMLFormElement> {
35
35
  /** Tracks changes in native form controls and supports controlled fields. */
36
36
  declare function useFormDirty<T extends HTMLFormElement = HTMLFormElement>(): UseFormDirtyResult<T>;
37
37
 
38
+ /**
39
+ * Adds a subtle, centered press ripple to an interactive element.
40
+ * The effect owns the element's `::after` pseudo-element.
41
+ */
42
+ declare const actionRipple: (props?: class_variance_authority_types.ClassProp | undefined) => string;
43
+
38
44
  /** Merges conditional class names, resolving conflicting Tailwind utilities. */
39
45
  declare function cn(...inputs: ClassValue[]): string;
40
46
 
@@ -110,6 +116,18 @@ declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<ty
110
116
  declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
111
117
  declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
112
118
 
119
+ type SeparatorProps = React.ComponentProps<typeof Separator$1>;
120
+ declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
121
+
122
+ declare const buttonGroupVariants: (props?: ({
123
+ orientation?: "horizontal" | "vertical" | null | undefined;
124
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
125
+ declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
126
+ declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
127
+ render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
128
+ }): string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
129
+ declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
130
+
113
131
  declare const buttonVariants: (props?: ({
114
132
  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
115
133
  size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
@@ -123,18 +141,6 @@ type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof button
123
141
  };
124
142
  declare function LinkButton({ className, variant, size, ...props }: LinkButtonProps): React$1.JSX.Element;
125
143
 
126
- type SeparatorProps = React.ComponentProps<typeof Separator$1>;
127
- declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
128
-
129
- declare const buttonGroupVariants: (props?: ({
130
- orientation?: "horizontal" | "vertical" | null | undefined;
131
- } & class_variance_authority_types.ClassProp) | undefined) => string;
132
- declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
133
- declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
134
- render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
135
- }): string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
136
- declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
137
-
138
144
  type CardProps = React$1.ComponentProps<"div"> & {
139
145
  size?: "default" | "sm";
140
146
  };
@@ -637,4 +643,4 @@ declare function Tooltip({ className, placement, offset, crossOffset, children,
637
643
  children?: React$1.ReactNode;
638
644
  }): React$1.JSX.Element;
639
645
 
640
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
646
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as React$1 from 'react';
2
2
  import { RefCallback, ReactNode, ComponentPropsWithRef } from 'react';
3
+ import * as class_variance_authority_types from 'class-variance-authority/types';
3
4
  import { ClassValue } from 'clsx';
4
5
  import * as react_aria_components from 'react-aria-components';
5
6
  import { DisclosureGroupProps, DisclosurePanelProps, DisclosureProps, ButtonProps as ButtonProps$1, LinkProps, Breadcrumb as Breadcrumb$1, Link, Breadcrumbs as Breadcrumbs$1, Separator as Separator$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, Key, Popover as Popover$1, InputProps as InputProps$1, ListBoxItemProps, ListBoxProps, Input as Input$1, ListBox, ModalOverlayProps, Menu as Menu$1, MenuSectionProps, MenuItemProps, Header, SubmenuTrigger, MenuTrigger as MenuTrigger$1, TextAreaProps, MenuProps, PopoverProps as PopoverProps$1, DialogTrigger, NumberFieldProps, SearchFieldProps, SelectProps, SelectValue as SelectValue$1, Modal, Text, Heading, DialogTriggerProps, SwitchProps as SwitchProps$1, TabPanelProps as TabPanelProps$1, TabProps as TabProps$1, TabsProps as TabsProps$1, TabListProps, TabPanelsProps, Tooltip as Tooltip$1, TooltipTrigger as TooltipTrigger$1 } from 'react-aria-components';
6
7
  export { ComboBoxProps, ComboBoxValue as ComboboxValue, DialogTriggerProps as PopoverTriggerProps, SearchFieldProps, SelectProps, DialogProps as SheetPrimitiveProps, DialogTriggerProps as SheetTriggerPrimitiveProps } from 'react-aria-components';
7
- import * as class_variance_authority_types from 'class-variance-authority/types';
8
8
  import { VariantProps } from 'class-variance-authority';
9
9
 
10
10
  type AutosaveStatus = "idle" | "saving" | "saved" | "error";
@@ -35,6 +35,12 @@ interface UseFormDirtyResult<T extends HTMLFormElement = HTMLFormElement> {
35
35
  /** Tracks changes in native form controls and supports controlled fields. */
36
36
  declare function useFormDirty<T extends HTMLFormElement = HTMLFormElement>(): UseFormDirtyResult<T>;
37
37
 
38
+ /**
39
+ * Adds a subtle, centered press ripple to an interactive element.
40
+ * The effect owns the element's `::after` pseudo-element.
41
+ */
42
+ declare const actionRipple: (props?: class_variance_authority_types.ClassProp | undefined) => string;
43
+
38
44
  /** Merges conditional class names, resolving conflicting Tailwind utilities. */
39
45
  declare function cn(...inputs: ClassValue[]): string;
40
46
 
@@ -110,6 +116,18 @@ declare function BreadcrumbLink({ className, ...props }: React.ComponentProps<ty
110
116
  declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
111
117
  declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): React$1.JSX.Element;
112
118
 
119
+ type SeparatorProps = React.ComponentProps<typeof Separator$1>;
120
+ declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
121
+
122
+ declare const buttonGroupVariants: (props?: ({
123
+ orientation?: "horizontal" | "vertical" | null | undefined;
124
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
125
+ declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
126
+ declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
127
+ render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
128
+ }): string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
129
+ declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
130
+
113
131
  declare const buttonVariants: (props?: ({
114
132
  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
115
133
  size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
@@ -123,18 +141,6 @@ type LinkButtonProps = Omit<LinkProps, "className"> & VariantProps<typeof button
123
141
  };
124
142
  declare function LinkButton({ className, variant, size, ...props }: LinkButtonProps): React$1.JSX.Element;
125
143
 
126
- type SeparatorProps = React.ComponentProps<typeof Separator$1>;
127
- declare function Separator({ className, orientation, ...props }: SeparatorProps): React$1.JSX.Element;
128
-
129
- declare const buttonGroupVariants: (props?: ({
130
- orientation?: "horizontal" | "vertical" | null | undefined;
131
- } & class_variance_authority_types.ClassProp) | undefined) => string;
132
- declare function ButtonGroup({ className, orientation, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
133
- declare function ButtonGroupText({ className, render, ...props }: React$1.ComponentProps<"div"> & {
134
- render?: (props: React$1.HTMLAttributes<HTMLElement>) => React$1.ReactNode;
135
- }): string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | null | undefined;
136
- declare function ButtonGroupSeparator({ className, orientation, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
137
-
138
144
  type CardProps = React$1.ComponentProps<"div"> & {
139
145
  size?: "default" | "sm";
140
146
  };
@@ -637,4 +643,4 @@ declare function Tooltip({ className, placement, offset, crossOffset, children,
637
643
  children?: React$1.ReactNode;
638
644
  }): React$1.JSX.Element;
639
645
 
640
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
646
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, type AlertProps, AlertTitle, AppShell, type AppShellBreakpoint, AppShellContent, type AppShellContentProps, AppShellHeader, AppShellMain, AppShellMobileHeader, type AppShellProps, AppShellSidebar, AutocompleteCombobox, type AutocompleteComboboxProps, type AutosaveStatus, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, type AvatarProps, Badge, BadgeLink, type BadgeLinkProps, type BadgeProps, Breadcrumb, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList, Command, CommandContent, CommandInput, CommandItem, CommandList, ConfirmDialog, type ConfirmDialogProps, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, DropdownMenu, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateContent, EmptyStateDescription, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, FormFeedback, type FormFeedbackProps, type FormFeedbackState, FormRow, type FormRowProps, HighlightMatch, IconButton, type IconButtonProps, Input, InputGroup, InputGroupAddon, InputGroupButton, type InputGroupButtonProps, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, KbdGroup, Label, type LabelProps, LinkButton, type LinkButtonProps, LoadingOverlay, Menu, MenuContent, MenuItem, MenuTrigger, ModalDialog, type ModalDialogProps, OtpInput, type OtpInputProps, PageHeader, PageHeaderActions, PageHeaderDescription, PageHeaderHeading, PageHeaderTitle, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverProps, PopoverTrigger, QuantityInput, type QuantityInputProps, SearchClearButton, SearchField, SearchInput, Select, SelectContent, SelectItem, SelectList, SelectTrigger, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarMore, SidebarProvider, SidebarRail, SidebarSearch, SidebarSeparator, SidebarTrigger, Skeleton, SubmitButton, type SubmitButtonProps, Switch, type SwitchProps, type TabPanelProps, type TabProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsPanels, type TabsProps, TabsTrigger, type TextMatchPart, Textarea, type TextareaProps, Toast, type ToastAction, type ToastData, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, ToastViewport, Toaster, Toolbar, ToolbarGroup, ToolbarSpacer, Tooltip, TooltipTrigger, type UseAutosaveOptions, type UseFormDirtyResult, actionRipple, alertVariants, badgeVariants, buttonGroupVariants, buttonVariants, cn, emptyStateMediaVariants, fieldVariants, formSnapshot, getTextMatchParts, inputGroupAddonVariants, toast, useAutosave, useDebouncedValue, useFormDirty, useFormFeedback, useSidebar, useToast };
package/dist/index.js CHANGED
@@ -95,6 +95,12 @@ function useFormDirty() {
95
95
  return { formRef, isDirty, markDirty: () => setIsDirty(true), reset };
96
96
  }
97
97
 
98
+ // src/lib/action-ripple.ts
99
+ import { cva } from "class-variance-authority";
100
+ var actionRipple = cva(
101
+ "relative isolate overflow-hidden after:pointer-events-none after:absolute after:top-1/2 after:left-1/2 after:aspect-square after:w-full after:-translate-x-1/2 after:-translate-y-1/2 after:scale-0 after:rounded-full after:bg-current after:opacity-0 after:content-[''] after:transition-[scale,opacity] after:duration-300 after:ease-out active:after:scale-150 active:after:opacity-10 data-pressed:after:scale-150 data-pressed:after:opacity-10 motion-reduce:after:hidden"
102
+ );
103
+
98
104
  // src/lib/cn.ts
99
105
  import { clsx } from "clsx";
100
106
  import { twMerge } from "tailwind-merge";
@@ -233,9 +239,9 @@ function AccordionContent({
233
239
  }
234
240
 
235
241
  // src/ui/alert/alert.tsx
236
- import { cva } from "class-variance-authority";
242
+ import { cva as cva2 } from "class-variance-authority";
237
243
  import { jsx as jsx2 } from "react/jsx-runtime";
238
- var alertVariants = cva(
244
+ var alertVariants = cva2(
239
245
  "group/alert relative grid w-full gap-0.5 rounded-lg border border-border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
240
246
  {
241
247
  variants: {
@@ -408,10 +414,10 @@ function AvatarGroupCount({ className, ...props }) {
408
414
  }
409
415
 
410
416
  // src/ui/badge/badge.tsx
411
- import { cva as cva2 } from "class-variance-authority";
417
+ import { cva as cva3 } from "class-variance-authority";
412
418
  import { Link } from "react-aria-components";
413
419
  import { jsx as jsx5 } from "react/jsx-runtime";
414
- var badgeVariants = cva2(
420
+ var badgeVariants = cva3(
415
421
  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&>svg]:pointer-events-none [&>svg]:size-3",
416
422
  {
417
423
  variants: {
@@ -474,80 +480,14 @@ function BreadcrumbSeparator({ children = "/", className, ...props }) {
474
480
  return /* @__PURE__ */ jsx6("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
475
481
  }
476
482
 
477
- // src/ui/button/button.tsx
478
- import { cva as cva3 } from "class-variance-authority";
479
- import {
480
- Button as ButtonPrimitive,
481
- Link as LinkPrimitive
482
- } from "react-aria-components";
483
- import { jsx as jsx7 } from "react/jsx-runtime";
484
- var buttonVariants = cva3(
485
- "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
486
- {
487
- variants: {
488
- variant: {
489
- default: "bg-primary text-primary-foreground hover:bg-primary/80",
490
- outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
491
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
492
- ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
493
- destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
494
- link: "text-primary underline-offset-4 hover:underline"
495
- },
496
- size: {
497
- default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
498
- xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
499
- sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
500
- lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
501
- icon: "size-8",
502
- "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
503
- "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
504
- "icon-lg": "size-9"
505
- }
506
- },
507
- defaultVariants: {
508
- variant: "default",
509
- size: "default"
510
- }
511
- }
512
- );
513
- function Button({ className, variant = "default", size = "default", ...props }) {
514
- return /* @__PURE__ */ jsx7(
515
- ButtonPrimitive,
516
- {
517
- "data-slot": "button",
518
- "data-variant": variant,
519
- "data-size": size,
520
- className: cn(buttonVariants({ variant, size, className })),
521
- ...props
522
- }
523
- );
524
- }
525
- function LinkButton({
526
- className,
527
- variant = "default",
528
- size = "default",
529
- ...props
530
- }) {
531
- return /* @__PURE__ */ jsx7(
532
- LinkPrimitive,
533
- {
534
- "data-slot": "button",
535
- "data-variant": variant,
536
- "data-size": size,
537
- className: cn(buttonVariants({ variant, size, className })),
538
- ...props
539
- }
540
- );
541
- }
542
-
543
483
  // src/ui/button-group/button-group.tsx
544
484
  import { cva as cva4 } from "class-variance-authority";
545
485
 
546
486
  // src/ui/separator/separator.tsx
547
487
  import { Separator as SeparatorPrimitive } from "react-aria-components";
548
- import { jsx as jsx8 } from "react/jsx-runtime";
488
+ import { jsx as jsx7 } from "react/jsx-runtime";
549
489
  function Separator({ className, orientation = "horizontal", ...props }) {
550
- return /* @__PURE__ */ jsx8(
490
+ return /* @__PURE__ */ jsx7(
551
491
  SeparatorPrimitive,
552
492
  {
553
493
  "data-slot": "separator",
@@ -562,7 +502,7 @@ function Separator({ className, orientation = "horizontal", ...props }) {
562
502
  }
563
503
 
564
504
  // src/ui/button-group/button-group.tsx
565
- import { jsx as jsx9 } from "react/jsx-runtime";
505
+ import { jsx as jsx8 } from "react/jsx-runtime";
566
506
  var buttonGroupVariants = cva4(
567
507
  "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-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
568
508
  {
@@ -584,7 +524,7 @@ function ButtonGroup({
584
524
  }) {
585
525
  return (
586
526
  // biome-ignore lint/a11y/useSemanticElements: fieldset would impose form semantics on a generic action group.
587
- /* @__PURE__ */ jsx9(
527
+ /* @__PURE__ */ jsx8(
588
528
  "div",
589
529
  {
590
530
  role: "group",
@@ -612,7 +552,7 @@ function ButtonGroupText({
612
552
  };
613
553
  return render(renderProps);
614
554
  }
615
- return /* @__PURE__ */ jsx9(
555
+ return /* @__PURE__ */ jsx8(
616
556
  "div",
617
557
  {
618
558
  "data-slot": "button-group-text",
@@ -629,7 +569,7 @@ function ButtonGroupSeparator({
629
569
  orientation = "vertical",
630
570
  ...props
631
571
  }) {
632
- return /* @__PURE__ */ jsx9(
572
+ return /* @__PURE__ */ jsx8(
633
573
  Separator,
634
574
  {
635
575
  "data-slot": "button-group-separator",
@@ -643,6 +583,75 @@ function ButtonGroupSeparator({
643
583
  );
644
584
  }
645
585
 
586
+ // src/ui/button/button.tsx
587
+ import { cva as cva5 } from "class-variance-authority";
588
+ import {
589
+ Button as ButtonPrimitive,
590
+ Link as LinkPrimitive
591
+ } from "react-aria-components";
592
+ import { jsx as jsx9 } from "react/jsx-runtime";
593
+ var buttonVariants = cva5(
594
+ cn(
595
+ "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
596
+ actionRipple()
597
+ ),
598
+ {
599
+ variants: {
600
+ variant: {
601
+ default: "bg-primary text-primary-foreground hover:bg-primary/80",
602
+ outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
603
+ secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
604
+ ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
605
+ destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
606
+ link: "text-primary underline-offset-4 hover:underline after:hidden"
607
+ },
608
+ size: {
609
+ default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
610
+ xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
611
+ sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
612
+ lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
613
+ icon: "size-8",
614
+ "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
615
+ "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
616
+ "icon-lg": "size-9"
617
+ }
618
+ },
619
+ defaultVariants: {
620
+ variant: "default",
621
+ size: "default"
622
+ }
623
+ }
624
+ );
625
+ function Button({ className, variant = "default", size = "default", ...props }) {
626
+ return /* @__PURE__ */ jsx9(
627
+ ButtonPrimitive,
628
+ {
629
+ "data-slot": "button",
630
+ "data-variant": variant,
631
+ "data-size": size,
632
+ className: cn(buttonVariants({ variant, size, className })),
633
+ ...props
634
+ }
635
+ );
636
+ }
637
+ function LinkButton({
638
+ className,
639
+ variant = "default",
640
+ size = "default",
641
+ ...props
642
+ }) {
643
+ return /* @__PURE__ */ jsx9(
644
+ LinkPrimitive,
645
+ {
646
+ "data-slot": "button",
647
+ "data-variant": variant,
648
+ "data-size": size,
649
+ className: cn(buttonVariants({ variant, size, className })),
650
+ ...props
651
+ }
652
+ );
653
+ }
654
+
646
655
  // src/ui/card/card.tsx
647
656
  import { jsx as jsx10 } from "react/jsx-runtime";
648
657
  function Card({ className, size = "default", ...props }) {
@@ -972,7 +981,7 @@ function DrawerDescription({ className, ...props }) {
972
981
 
973
982
  // src/ui/dropdown-menu/dropdown-menu.tsx
974
983
  import "react";
975
- import { cva as cva5 } from "class-variance-authority";
984
+ import { cva as cva6 } from "class-variance-authority";
976
985
  import { CheckIcon, ChevronRightIcon } from "lucide-react";
977
986
  import {
978
987
  composeRenderProps,
@@ -1042,7 +1051,7 @@ function DropdownMenuLabel({
1042
1051
  }
1043
1052
  );
1044
1053
  }
1045
- var dropdownMenuItemVariants = cva5(
1054
+ var dropdownMenuItemVariants = cva6(
1046
1055
  "group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
1047
1056
  {
1048
1057
  variants: {
@@ -1169,7 +1178,7 @@ function DropdownMenuShortcut({
1169
1178
  }
1170
1179
 
1171
1180
  // src/ui/empty-state/empty-state.tsx
1172
- import { cva as cva6 } from "class-variance-authority";
1181
+ import { cva as cva7 } from "class-variance-authority";
1173
1182
  import { jsx as jsx18 } from "react/jsx-runtime";
1174
1183
  function EmptyState({ className, ...props }) {
1175
1184
  return /* @__PURE__ */ jsx18(
@@ -1194,7 +1203,7 @@ function EmptyStateHeader({ className, ...props }) {
1194
1203
  }
1195
1204
  );
1196
1205
  }
1197
- var emptyStateMediaVariants = cva6(
1206
+ var emptyStateMediaVariants = cva7(
1198
1207
  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
1199
1208
  {
1200
1209
  variants: {
@@ -1259,7 +1268,7 @@ function EmptyStateContent({ className, ...props }) {
1259
1268
  }
1260
1269
 
1261
1270
  // src/ui/field/field.tsx
1262
- import { cva as cva7 } from "class-variance-authority";
1271
+ import { cva as cva8 } from "class-variance-authority";
1263
1272
 
1264
1273
  // src/ui/label/label.tsx
1265
1274
  import { forwardRef } from "react";
@@ -1305,7 +1314,7 @@ function FieldGroup({ className, ...props }) {
1305
1314
  }
1306
1315
  );
1307
1316
  }
1308
- var fieldVariants = cva7(
1317
+ var fieldVariants = cva8(
1309
1318
  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
1310
1319
  {
1311
1320
  variants: {
@@ -1590,6 +1599,9 @@ function IconButton({
1590
1599
  ] });
1591
1600
  }
1592
1601
 
1602
+ // src/ui/input-group/input-group.tsx
1603
+ import { cva as cva9 } from "class-variance-authority";
1604
+
1593
1605
  // src/ui/input/input.tsx
1594
1606
  import { forwardRef as forwardRef2 } from "react";
1595
1607
  import { Input as AriaInput2 } from "react-aria-components";
@@ -1599,9 +1611,6 @@ var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref)
1599
1611
  });
1600
1612
  var Input3 = InputImpl;
1601
1613
 
1602
- // src/ui/input-group/input-group.tsx
1603
- import { cva as cva8 } from "class-variance-authority";
1604
-
1605
1614
  // src/ui/textarea/textarea.tsx
1606
1615
  import { forwardRef as forwardRef3 } from "react";
1607
1616
  import { TextArea as AriaTextArea } from "react-aria-components";
@@ -1630,7 +1639,7 @@ function InputGroup({ className, ...props }) {
1630
1639
  )
1631
1640
  );
1632
1641
  }
1633
- var inputGroupAddonVariants = cva8(
1642
+ var inputGroupAddonVariants = cva9(
1634
1643
  "flex cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-4",
1635
1644
  {
1636
1645
  variants: {
@@ -1669,7 +1678,7 @@ function InputGroupAddon({
1669
1678
  )
1670
1679
  );
1671
1680
  }
1672
- var inputGroupButtonVariants = cva8("shrink-0 shadow-none", {
1681
+ var inputGroupButtonVariants = cva9("shrink-0 shadow-none", {
1673
1682
  variants: {
1674
1683
  size: { xs: "h-6 px-1.5 text-xs", sm: "h-7 px-2", "icon-xs": "size-6", "icon-sm": "size-7" }
1675
1684
  },
@@ -2725,7 +2734,7 @@ function ToastProvider({ children }) {
2725
2734
  ] });
2726
2735
  }
2727
2736
  function Toaster({ position }) {
2728
- return /* @__PURE__ */ jsx45(SileoToaster, { position });
2737
+ return /* @__PURE__ */ jsx45(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
2729
2738
  }
2730
2739
  function ToastViewport({ position, visiblePosition, className }) {
2731
2740
  void className;
@@ -2927,6 +2936,7 @@ export {
2927
2936
  ToolbarSpacer,
2928
2937
  Tooltip,
2929
2938
  TooltipTrigger,
2939
+ actionRipple,
2930
2940
  alertVariants,
2931
2941
  badgeVariants,
2932
2942
  buttonGroupVariants,