@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.cjs +98 -87
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +20 -14
- package/dist/index.d.ts +20 -14
- package/dist/index.js +98 -88
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
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 =
|
|
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
|
|
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 =
|
|
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
|
|
488
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
549
489
|
function Separator({ className, orientation = "horizontal", ...props }) {
|
|
550
|
-
return /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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 =
|
|
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
|
|
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 =
|
|
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
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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,
|