@bricks-toolkit/toolkit 0.1.10 → 0.1.12

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.
Files changed (86) hide show
  1. package/dist/{chunk-B4OV5GRT.cjs → chunk-B2FU2E2X.cjs} +11 -1
  2. package/dist/{chunk-CBA54EY4.mjs → chunk-TBMIMUU4.mjs} +11 -1
  3. package/dist/index.cjs +2 -2
  4. package/dist/index.mjs +1 -1
  5. package/dist/phone/index.cjs +2 -2
  6. package/dist/phone/index.mjs +1 -1
  7. package/package.json +19 -20
  8. package/dist/Button.types-BsQYqZml.d.ts +0 -27
  9. package/dist/Button.types-D-srlWFf.d.mts +0 -27
  10. package/dist/TextInput.types-DRI8HQza.d.mts +0 -32
  11. package/dist/TextInput.types-DRI8HQza.d.ts +0 -32
  12. package/dist/Tooltip.types-PbUasE3C.d.mts +0 -36
  13. package/dist/Tooltip.types-PbUasE3C.d.ts +0 -36
  14. package/dist/avatar/index.d.mts +0 -29
  15. package/dist/avatar/index.d.ts +0 -29
  16. package/dist/badge/index.d.mts +0 -57
  17. package/dist/badge/index.d.ts +0 -57
  18. package/dist/breadcrumbs/index.d.mts +0 -32
  19. package/dist/breadcrumbs/index.d.ts +0 -32
  20. package/dist/button/index.d.mts +0 -8
  21. package/dist/button/index.d.ts +0 -8
  22. package/dist/card/index.d.mts +0 -42
  23. package/dist/card/index.d.ts +0 -42
  24. package/dist/checkbox/index.d.mts +0 -36
  25. package/dist/checkbox/index.d.ts +0 -36
  26. package/dist/combo-box/index.d.mts +0 -62
  27. package/dist/combo-box/index.d.ts +0 -62
  28. package/dist/date-picker/index.d.mts +0 -32
  29. package/dist/date-picker/index.d.ts +0 -32
  30. package/dist/dialog/index.d.mts +0 -61
  31. package/dist/dialog/index.d.ts +0 -61
  32. package/dist/dropdown-menu/index.d.mts +0 -34
  33. package/dist/dropdown-menu/index.d.ts +0 -34
  34. package/dist/email/index.d.mts +0 -38
  35. package/dist/email/index.d.ts +0 -38
  36. package/dist/file-upload/index.d.mts +0 -27
  37. package/dist/file-upload/index.d.ts +0 -27
  38. package/dist/header/index.d.mts +0 -28
  39. package/dist/header/index.d.ts +0 -28
  40. package/dist/icon-button/index.d.mts +0 -16
  41. package/dist/icon-button/index.d.ts +0 -16
  42. package/dist/image/index.d.mts +0 -48
  43. package/dist/image/index.d.ts +0 -48
  44. package/dist/index.d.mts +0 -141
  45. package/dist/index.d.ts +0 -141
  46. package/dist/link/index.d.mts +0 -25
  47. package/dist/link/index.d.ts +0 -25
  48. package/dist/loader/index.d.mts +0 -21
  49. package/dist/loader/index.d.ts +0 -21
  50. package/dist/modal/index.d.mts +0 -116
  51. package/dist/modal/index.d.ts +0 -116
  52. package/dist/multi-select/index.d.mts +0 -59
  53. package/dist/multi-select/index.d.ts +0 -59
  54. package/dist/otp-input/index.d.mts +0 -57
  55. package/dist/otp-input/index.d.ts +0 -57
  56. package/dist/password-input/index.d.mts +0 -32
  57. package/dist/password-input/index.d.ts +0 -32
  58. package/dist/phone/index.d.mts +0 -41
  59. package/dist/phone/index.d.ts +0 -41
  60. package/dist/radio-button/index.d.mts +0 -56
  61. package/dist/radio-button/index.d.ts +0 -56
  62. package/dist/search-input/index.d.mts +0 -22
  63. package/dist/search-input/index.d.ts +0 -22
  64. package/dist/select/index.d.mts +0 -36
  65. package/dist/select/index.d.ts +0 -36
  66. package/dist/sidebar/index.d.mts +0 -96
  67. package/dist/sidebar/index.d.ts +0 -96
  68. package/dist/skeleton/index.d.mts +0 -76
  69. package/dist/skeleton/index.d.ts +0 -76
  70. package/dist/styles.d.mts +0 -2
  71. package/dist/styles.d.ts +0 -2
  72. package/dist/table/index.d.mts +0 -92
  73. package/dist/table/index.d.ts +0 -92
  74. package/dist/tabs/index.d.mts +0 -26
  75. package/dist/tabs/index.d.ts +0 -26
  76. package/dist/text-input/index.d.mts +0 -7
  77. package/dist/text-input/index.d.ts +0 -7
  78. package/dist/theme-provider/index.d.mts +0 -122
  79. package/dist/theme-provider/index.d.ts +0 -122
  80. package/dist/theme.css +0 -62
  81. package/dist/time-picker/index.d.mts +0 -32
  82. package/dist/time-picker/index.d.ts +0 -32
  83. package/dist/toaster/index.d.mts +0 -28
  84. package/dist/toaster/index.d.ts +0 -28
  85. package/dist/tooltip/index.d.mts +0 -7
  86. package/dist/tooltip/index.d.ts +0 -7
@@ -1,27 +0,0 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
2
-
3
- type FileUploadSize = 'sm' | 'md' | 'lg';
4
- type FileUploadState = 'default' | 'error' | 'success' | 'warning';
5
- interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
6
- label?: string;
7
- required?: boolean;
8
- helperText?: string;
9
- errorMessage?: string;
10
- successMessage?: string;
11
- warningMessage?: string;
12
- size?: FileUploadSize;
13
- state?: FileUploadState;
14
- fullWidth?: boolean;
15
- wrapperClassName?: string;
16
- labelClassName?: string;
17
- helperClassName?: string;
18
- dropzoneClassName?: string;
19
- icon?: ReactNode;
20
- maxSize?: number;
21
- maxFiles?: number;
22
- onFilesSelected?: (files: File[]) => void;
23
- }
24
-
25
- declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
26
-
27
- export { FileUpload, type FileUploadProps, type FileUploadSize, type FileUploadState };
@@ -1,28 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- interface HeaderProps {
4
- /** Logo or brand element to display on the left. */
5
- logo?: ReactNode;
6
- /** Middle section content, often used for search. */
7
- children?: ReactNode;
8
- /** Array of menu items or icons for the right side actions. */
9
- actions?: ReactNode;
10
- /** Optional user profile section content. */
11
- userSection?: ReactNode;
12
- /** Whether the header is sticky at the top. */
13
- isSticky?: boolean;
14
- /** Additional CSS classes for the container. */
15
- className?: string;
16
- /** Whether to show the glass effect. */
17
- glass?: boolean;
18
- /** Sidebar toggle click handler (for mobile). */
19
- onMenuToggle?: () => void;
20
- }
21
-
22
- interface HeaderComponent {
23
- (props: HeaderProps): React.JSX.Element;
24
- displayName?: string;
25
- }
26
- declare const Header: HeaderComponent;
27
-
28
- export { Header, type HeaderProps };
@@ -1,28 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- interface HeaderProps {
4
- /** Logo or brand element to display on the left. */
5
- logo?: ReactNode;
6
- /** Middle section content, often used for search. */
7
- children?: ReactNode;
8
- /** Array of menu items or icons for the right side actions. */
9
- actions?: ReactNode;
10
- /** Optional user profile section content. */
11
- userSection?: ReactNode;
12
- /** Whether the header is sticky at the top. */
13
- isSticky?: boolean;
14
- /** Additional CSS classes for the container. */
15
- className?: string;
16
- /** Whether to show the glass effect. */
17
- glass?: boolean;
18
- /** Sidebar toggle click handler (for mobile). */
19
- onMenuToggle?: () => void;
20
- }
21
-
22
- interface HeaderComponent {
23
- (props: HeaderProps): React.JSX.Element;
24
- displayName?: string;
25
- }
26
- declare const Header: HeaderComponent;
27
-
28
- export { Header, type HeaderProps };
@@ -1,16 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { B as ButtonProps } from '../Button.types-D-srlWFf.mjs';
3
- import '../Tooltip.types-PbUasE3C.mjs';
4
-
5
- interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
6
- /** The icon to display inside the button */
7
- icon: ReactNode;
8
- /** Accessible label for the icon button */
9
- 'aria-label': string;
10
- /** Whether the button should be rounded/circular */
11
- isRound?: boolean;
12
- }
13
-
14
- declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
15
-
16
- export { IconButton, type IconButtonProps };
@@ -1,16 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { B as ButtonProps } from '../Button.types-BsQYqZml.js';
3
- import '../Tooltip.types-PbUasE3C.js';
4
-
5
- interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
6
- /** The icon to display inside the button */
7
- icon: ReactNode;
8
- /** Accessible label for the icon button */
9
- 'aria-label': string;
10
- /** Whether the button should be rounded/circular */
11
- isRound?: boolean;
12
- }
13
-
14
- declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
15
-
16
- export { IconButton, type IconButtonProps };
@@ -1,48 +0,0 @@
1
- import React__default, { ImgHTMLAttributes, ReactNode } from 'react';
2
-
3
- interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
4
- /**
5
- * The source URL of the image.
6
- */
7
- src: string;
8
- /**
9
- * The alt text for the image.
10
- */
11
- alt: string;
12
- /**
13
- * Optional fallback component or image URL to show if the image fails to load.
14
- */
15
- fallback?: ReactNode;
16
- /**
17
- * Optional component to show while the image is loading.
18
- * If not provided, a default Skeleton will be used.
19
- */
20
- loadingComponent?: ReactNode;
21
- /**
22
- * Whether to show a skeleton loader while loading.
23
- * @default true
24
- */
25
- showSkeleton?: boolean;
26
- /**
27
- * The aspect ratio of the image container.
28
- * Useful to prevent layout shift.
29
- * Example: '16/9', '1/1', '4/3'
30
- */
31
- aspectRatio?: string;
32
- /**
33
- * How the image should be fitted in its container.
34
- * @default 'cover'
35
- */
36
- objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
37
- /**
38
- * Container className.
39
- */
40
- containerClassName?: string;
41
- }
42
-
43
- /**
44
- * A robust Image component with built-in loading states and error handling.
45
- */
46
- declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
47
-
48
- export { Image, type ImageProps };
@@ -1,48 +0,0 @@
1
- import React__default, { ImgHTMLAttributes, ReactNode } from 'react';
2
-
3
- interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
4
- /**
5
- * The source URL of the image.
6
- */
7
- src: string;
8
- /**
9
- * The alt text for the image.
10
- */
11
- alt: string;
12
- /**
13
- * Optional fallback component or image URL to show if the image fails to load.
14
- */
15
- fallback?: ReactNode;
16
- /**
17
- * Optional component to show while the image is loading.
18
- * If not provided, a default Skeleton will be used.
19
- */
20
- loadingComponent?: ReactNode;
21
- /**
22
- * Whether to show a skeleton loader while loading.
23
- * @default true
24
- */
25
- showSkeleton?: boolean;
26
- /**
27
- * The aspect ratio of the image container.
28
- * Useful to prevent layout shift.
29
- * Example: '16/9', '1/1', '4/3'
30
- */
31
- aspectRatio?: string;
32
- /**
33
- * How the image should be fitted in its container.
34
- * @default 'cover'
35
- */
36
- objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
37
- /**
38
- * Container className.
39
- */
40
- containerClassName?: string;
41
- }
42
-
43
- /**
44
- * A robust Image component with built-in loading states and error handling.
45
- */
46
- declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
47
-
48
- export { Image, type ImageProps };
package/dist/index.d.mts DELETED
@@ -1,141 +0,0 @@
1
- export { Phone, PhoneProps } from './phone/index.mjs';
2
- export { SearchInput, SearchInputProps } from './search-input/index.mjs';
3
- export { TextInput } from './text-input/index.mjs';
4
- export { T as TextInputProps, a as TextInputSize, b as TextInputState } from './TextInput.types-DRI8HQza.mjs';
5
- export { Button } from './button/index.mjs';
6
- export { B as ButtonProps, a as ButtonSize, b as ButtonVariant } from './Button.types-D-srlWFf.mjs';
7
- export { IconButton, IconButtonProps } from './icon-button/index.mjs';
8
- export { Sidebar, SidebarGroup, SidebarItem, SidebarProps } from './sidebar/index.mjs';
9
- export { Header, HeaderProps } from './header/index.mjs';
10
- export { Checkbox, CheckboxProps, CheckboxSize, CheckboxState } from './checkbox/index.mjs';
11
- export { Toaster, ToasterProps, ToasterStatus, ToasterVariant } from './toaster/index.mjs';
12
- export { MultiSelect, MultiSelectProps, MultiSelectSize, MultiSelectState, MultiSelectVariant } from './multi-select/index.mjs';
13
- export { RadioButton, RadioButtonProps, RadioButtonSize, RadioButtonState } from './radio-button/index.mjs';
14
- export { TimePicker, TimePickerProps, TimePickerSize, TimePickerState, TimePickerVariant } from './time-picker/index.mjs';
15
- export { DatePicker, DatePickerProps, DatePickerSize, DatePickerState, DatePickerVariant } from './date-picker/index.mjs';
16
- export { OtpInput, OtpInputProps } from './otp-input/index.mjs';
17
- export { Email, EmailProps } from './email/index.mjs';
18
- export { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardPadding, CardProps, CardTitle, CardTitleProps, CardVariant } from './card/index.mjs';
19
- export { Link, LinkProps, LinkSize, LinkUnderline, LinkVariant } from './link/index.mjs';
20
- export { PasswordInput, PasswordInputProps, PasswordInputSize, PasswordInputState, PasswordInputVariant } from './password-input/index.mjs';
21
- export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.mjs';
22
- export { Avatar, AvatarProps, AvatarSize, AvatarState, AvatarVariant } from './avatar/index.mjs';
23
- export { FileUpload, FileUploadProps, FileUploadSize, FileUploadState } from './file-upload/index.mjs';
24
- export { Dialog, DialogBody, DialogBodyProps, DialogCloseButton, DialogCloseButtonProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize } from './dialog/index.mjs';
25
- export { Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalCloseButtonProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, ModalSize } from './modal/index.mjs';
26
- export { ComboBox, ComboBoxOption, ComboBoxProps, ComboBoxSize, ComboBoxState } from './combo-box/index.mjs';
27
- export { Pagination, PaginationProps, SortDirection, SortState, Table, TableAlign, TableColumn, TableProps, TableSize } from './table/index.mjs';
28
- export { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, Breadcrumbs, BreadcrumbsProps } from './breadcrumbs/index.mjs';
29
- export { Loader, LoaderColor, LoaderProps, LoaderSize, LoaderVariant } from './loader/index.mjs';
30
- export { Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonShape, SkeletonTable, SkeletonTableProps, SkeletonText, SkeletonTextProps, SkeletonVariant } from './skeleton/index.mjs';
31
- export { Tooltip } from './tooltip/index.mjs';
32
- export { T as TooltipPlacement, a as TooltipProps, b as TooltipSize, c as TooltipTrigger } from './Tooltip.types-PbUasE3C.mjs';
33
- export { Badge, BadgeColor, BadgeProps, BadgeShape, BadgeSize, BadgeVariant } from './badge/index.mjs';
34
- export { DropdownMenu, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSize, DropdownMenuTrigger, DropdownMenuTriggerProps, DropdownMenuVariant } from './dropdown-menu/index.mjs';
35
- export { SemanticColors, ThemeConfig, ThemeMode, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './theme-provider/index.mjs';
36
- import { ClassValue } from 'clsx';
37
- export { Select, SelectOption, SelectProps, SelectSize, SelectState, SelectVariant } from './select/index.mjs';
38
- export { Image, ImageProps } from './image/index.mjs';
39
- import { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
40
-
41
- declare function cn(...inputs: ClassValue[]): string;
42
-
43
- /** Visual style of the stepper. */
44
- type StepperVariant = 'default' | 'filled' | 'outlined' | 'minimal';
45
- /** Size token for the stepper. */
46
- type StepperSize = 'sm' | 'md' | 'lg';
47
- /** Layout orientation. */
48
- type StepperOrientation = 'horizontal' | 'vertical';
49
- /** State of an individual step. */
50
- type StepStatus = 'completed' | 'active' | 'upcoming' | 'error';
51
- interface StepItem {
52
- /** Unique identifier for the step. */
53
- id: string;
54
- /** Primary label shown below / beside the step indicator. */
55
- label: ReactNode;
56
- /** Optional secondary description text. */
57
- description?: ReactNode;
58
- /** Optional custom icon to render inside the step indicator (overrides the step number). */
59
- icon?: ReactNode;
60
- /** Marks the step as disabled — cannot be clicked. */
61
- disabled?: boolean;
62
- /** Optional extra content/panel revealed when this step is active. */
63
- content?: ReactNode;
64
- /** Override status explicitly. When omitted, status is derived from `currentStep`. */
65
- status?: StepStatus;
66
- }
67
- interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
68
- /** Ordered list of steps to render. */
69
- steps: StepItem[];
70
- /** Zero-based index of the currently active step. */
71
- currentStep?: number;
72
- /** Callback fired when the user clicks a step (passes zero-based index). */
73
- onChange?: (index: number) => void;
74
- /** Visual style. Defaults to `'default'`. */
75
- variant?: StepperVariant;
76
- /** Size. Defaults to `'md'`. */
77
- size?: StepperSize;
78
- /** Layout direction. Defaults to `'horizontal'`. */
79
- orientation?: StepperOrientation;
80
- /** Whether steps are clickable for navigation. Defaults to `false`. */
81
- clickable?: boolean;
82
- /** Show content panel of the active step below the stepper. Defaults to `true`. */
83
- showContent?: boolean;
84
- /** Extra class applied to the step connector line. */
85
- connectorClassName?: string;
86
- /** Extra class applied to each step wrapper. */
87
- stepClassName?: string;
88
- }
89
-
90
- declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
91
-
92
- type ToggleSize = 'sm' | 'md' | 'lg';
93
- type ToggleState = 'default' | 'error' | 'success' | 'warning';
94
- interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
95
- size?: ToggleSize;
96
- state?: ToggleState;
97
- label?: string;
98
- helperText?: string;
99
- errorText?: string;
100
- }
101
-
102
- declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
103
-
104
- interface AccordionProps {
105
- children: ReactNode;
106
- className?: string;
107
- allowMultiple?: boolean;
108
- defaultOpenIndices?: number[];
109
- }
110
- interface AccordionItemProps {
111
- children: ReactNode;
112
- className?: string;
113
- /**
114
- * Optional manual control over open state.
115
- * If provided, the Accordion's internal group logic is ignored for this item.
116
- */
117
- isOpen?: boolean;
118
- onToggle?: () => void;
119
- disabled?: boolean;
120
- }
121
- interface AccordionTriggerProps {
122
- children: ReactNode;
123
- className?: string;
124
- /** Hide the default chevron icon */
125
- hideChevron?: boolean;
126
- /** Provide a custom icon instead of the default chevron */
127
- icon?: ReactNode;
128
- /** Extra content rendered on the right, independent of the toggle button */
129
- rightContent?: ReactNode;
130
- }
131
- interface AccordionContentProps {
132
- children: ReactNode;
133
- className?: string;
134
- }
135
-
136
- declare const AccordionItem: ({ children, className, isOpen: controlledIsOpen, onToggle, disabled, }: AccordionItemProps) => React.ReactElement;
137
- declare const AccordionTrigger: ({ children, className, hideChevron, icon, rightContent, }: AccordionTriggerProps) => React.ReactElement;
138
- declare const AccordionContent: ({ children, className, }: AccordionContentProps) => React.ReactElement | null;
139
- declare const Accordion: ({ children, className, allowMultiple, defaultOpenIndices, }: AccordionProps) => React.ReactElement;
140
-
141
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type StepItem, type StepStatus, Stepper, type StepperOrientation, type StepperProps, type StepperSize, type StepperVariant, Toggle, type ToggleProps, type ToggleSize, type ToggleState, cn };
package/dist/index.d.ts DELETED
@@ -1,141 +0,0 @@
1
- export { Phone, PhoneProps } from './phone/index.js';
2
- export { SearchInput, SearchInputProps } from './search-input/index.js';
3
- export { TextInput } from './text-input/index.js';
4
- export { T as TextInputProps, a as TextInputSize, b as TextInputState } from './TextInput.types-DRI8HQza.js';
5
- export { Button } from './button/index.js';
6
- export { B as ButtonProps, a as ButtonSize, b as ButtonVariant } from './Button.types-BsQYqZml.js';
7
- export { IconButton, IconButtonProps } from './icon-button/index.js';
8
- export { Sidebar, SidebarGroup, SidebarItem, SidebarProps } from './sidebar/index.js';
9
- export { Header, HeaderProps } from './header/index.js';
10
- export { Checkbox, CheckboxProps, CheckboxSize, CheckboxState } from './checkbox/index.js';
11
- export { Toaster, ToasterProps, ToasterStatus, ToasterVariant } from './toaster/index.js';
12
- export { MultiSelect, MultiSelectProps, MultiSelectSize, MultiSelectState, MultiSelectVariant } from './multi-select/index.js';
13
- export { RadioButton, RadioButtonProps, RadioButtonSize, RadioButtonState } from './radio-button/index.js';
14
- export { TimePicker, TimePickerProps, TimePickerSize, TimePickerState, TimePickerVariant } from './time-picker/index.js';
15
- export { DatePicker, DatePickerProps, DatePickerSize, DatePickerState, DatePickerVariant } from './date-picker/index.js';
16
- export { OtpInput, OtpInputProps } from './otp-input/index.js';
17
- export { Email, EmailProps } from './email/index.js';
18
- export { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardPadding, CardProps, CardTitle, CardTitleProps, CardVariant } from './card/index.js';
19
- export { Link, LinkProps, LinkSize, LinkUnderline, LinkVariant } from './link/index.js';
20
- export { PasswordInput, PasswordInputProps, PasswordInputSize, PasswordInputState, PasswordInputVariant } from './password-input/index.js';
21
- export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.js';
22
- export { Avatar, AvatarProps, AvatarSize, AvatarState, AvatarVariant } from './avatar/index.js';
23
- export { FileUpload, FileUploadProps, FileUploadSize, FileUploadState } from './file-upload/index.js';
24
- export { Dialog, DialogBody, DialogBodyProps, DialogCloseButton, DialogCloseButtonProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize } from './dialog/index.js';
25
- export { Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalCloseButtonProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, ModalSize } from './modal/index.js';
26
- export { ComboBox, ComboBoxOption, ComboBoxProps, ComboBoxSize, ComboBoxState } from './combo-box/index.js';
27
- export { Pagination, PaginationProps, SortDirection, SortState, Table, TableAlign, TableColumn, TableProps, TableSize } from './table/index.js';
28
- export { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, Breadcrumbs, BreadcrumbsProps } from './breadcrumbs/index.js';
29
- export { Loader, LoaderColor, LoaderProps, LoaderSize, LoaderVariant } from './loader/index.js';
30
- export { Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonShape, SkeletonTable, SkeletonTableProps, SkeletonText, SkeletonTextProps, SkeletonVariant } from './skeleton/index.js';
31
- export { Tooltip } from './tooltip/index.js';
32
- export { T as TooltipPlacement, a as TooltipProps, b as TooltipSize, c as TooltipTrigger } from './Tooltip.types-PbUasE3C.js';
33
- export { Badge, BadgeColor, BadgeProps, BadgeShape, BadgeSize, BadgeVariant } from './badge/index.js';
34
- export { DropdownMenu, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSize, DropdownMenuTrigger, DropdownMenuTriggerProps, DropdownMenuVariant } from './dropdown-menu/index.js';
35
- export { SemanticColors, ThemeConfig, ThemeMode, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './theme-provider/index.js';
36
- import { ClassValue } from 'clsx';
37
- export { Select, SelectOption, SelectProps, SelectSize, SelectState, SelectVariant } from './select/index.js';
38
- export { Image, ImageProps } from './image/index.js';
39
- import { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
40
-
41
- declare function cn(...inputs: ClassValue[]): string;
42
-
43
- /** Visual style of the stepper. */
44
- type StepperVariant = 'default' | 'filled' | 'outlined' | 'minimal';
45
- /** Size token for the stepper. */
46
- type StepperSize = 'sm' | 'md' | 'lg';
47
- /** Layout orientation. */
48
- type StepperOrientation = 'horizontal' | 'vertical';
49
- /** State of an individual step. */
50
- type StepStatus = 'completed' | 'active' | 'upcoming' | 'error';
51
- interface StepItem {
52
- /** Unique identifier for the step. */
53
- id: string;
54
- /** Primary label shown below / beside the step indicator. */
55
- label: ReactNode;
56
- /** Optional secondary description text. */
57
- description?: ReactNode;
58
- /** Optional custom icon to render inside the step indicator (overrides the step number). */
59
- icon?: ReactNode;
60
- /** Marks the step as disabled — cannot be clicked. */
61
- disabled?: boolean;
62
- /** Optional extra content/panel revealed when this step is active. */
63
- content?: ReactNode;
64
- /** Override status explicitly. When omitted, status is derived from `currentStep`. */
65
- status?: StepStatus;
66
- }
67
- interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
68
- /** Ordered list of steps to render. */
69
- steps: StepItem[];
70
- /** Zero-based index of the currently active step. */
71
- currentStep?: number;
72
- /** Callback fired when the user clicks a step (passes zero-based index). */
73
- onChange?: (index: number) => void;
74
- /** Visual style. Defaults to `'default'`. */
75
- variant?: StepperVariant;
76
- /** Size. Defaults to `'md'`. */
77
- size?: StepperSize;
78
- /** Layout direction. Defaults to `'horizontal'`. */
79
- orientation?: StepperOrientation;
80
- /** Whether steps are clickable for navigation. Defaults to `false`. */
81
- clickable?: boolean;
82
- /** Show content panel of the active step below the stepper. Defaults to `true`. */
83
- showContent?: boolean;
84
- /** Extra class applied to the step connector line. */
85
- connectorClassName?: string;
86
- /** Extra class applied to each step wrapper. */
87
- stepClassName?: string;
88
- }
89
-
90
- declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
91
-
92
- type ToggleSize = 'sm' | 'md' | 'lg';
93
- type ToggleState = 'default' | 'error' | 'success' | 'warning';
94
- interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
95
- size?: ToggleSize;
96
- state?: ToggleState;
97
- label?: string;
98
- helperText?: string;
99
- errorText?: string;
100
- }
101
-
102
- declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
103
-
104
- interface AccordionProps {
105
- children: ReactNode;
106
- className?: string;
107
- allowMultiple?: boolean;
108
- defaultOpenIndices?: number[];
109
- }
110
- interface AccordionItemProps {
111
- children: ReactNode;
112
- className?: string;
113
- /**
114
- * Optional manual control over open state.
115
- * If provided, the Accordion's internal group logic is ignored for this item.
116
- */
117
- isOpen?: boolean;
118
- onToggle?: () => void;
119
- disabled?: boolean;
120
- }
121
- interface AccordionTriggerProps {
122
- children: ReactNode;
123
- className?: string;
124
- /** Hide the default chevron icon */
125
- hideChevron?: boolean;
126
- /** Provide a custom icon instead of the default chevron */
127
- icon?: ReactNode;
128
- /** Extra content rendered on the right, independent of the toggle button */
129
- rightContent?: ReactNode;
130
- }
131
- interface AccordionContentProps {
132
- children: ReactNode;
133
- className?: string;
134
- }
135
-
136
- declare const AccordionItem: ({ children, className, isOpen: controlledIsOpen, onToggle, disabled, }: AccordionItemProps) => React.ReactElement;
137
- declare const AccordionTrigger: ({ children, className, hideChevron, icon, rightContent, }: AccordionTriggerProps) => React.ReactElement;
138
- declare const AccordionContent: ({ children, className, }: AccordionContentProps) => React.ReactElement | null;
139
- declare const Accordion: ({ children, className, allowMultiple, defaultOpenIndices, }: AccordionProps) => React.ReactElement;
140
-
141
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type StepItem, type StepStatus, Stepper, type StepperOrientation, type StepperProps, type StepperSize, type StepperVariant, Toggle, type ToggleProps, type ToggleSize, type ToggleState, cn };
@@ -1,25 +0,0 @@
1
- import { AnchorHTMLAttributes, ReactNode } from 'react';
2
-
3
- type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
4
- type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type LinkUnderline = 'always' | 'hover' | 'none';
6
- interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
7
- /** The styling variant of the link */
8
- variant?: LinkVariant;
9
- /** The text size of the link */
10
- size?: LinkSize;
11
- /** Controls when the underline decoration is visible */
12
- underline?: LinkUnderline;
13
- /** If true, natively configures target="_blank" and secure rel attributes */
14
- isExternal?: boolean;
15
- /** Disables the link securely (removes pointer events and sets aria-disabled) */
16
- disabled?: boolean;
17
- /** An optional icon element to display before the text */
18
- leftIcon?: ReactNode;
19
- /** An optional icon element to display after the text */
20
- rightIcon?: ReactNode;
21
- }
22
-
23
- declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
24
-
25
- export { Link, type LinkProps, type LinkSize, type LinkUnderline, type LinkVariant };
@@ -1,25 +0,0 @@
1
- import { AnchorHTMLAttributes, ReactNode } from 'react';
2
-
3
- type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
4
- type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type LinkUnderline = 'always' | 'hover' | 'none';
6
- interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
7
- /** The styling variant of the link */
8
- variant?: LinkVariant;
9
- /** The text size of the link */
10
- size?: LinkSize;
11
- /** Controls when the underline decoration is visible */
12
- underline?: LinkUnderline;
13
- /** If true, natively configures target="_blank" and secure rel attributes */
14
- isExternal?: boolean;
15
- /** Disables the link securely (removes pointer events and sets aria-disabled) */
16
- disabled?: boolean;
17
- /** An optional icon element to display before the text */
18
- leftIcon?: ReactNode;
19
- /** An optional icon element to display after the text */
20
- rightIcon?: ReactNode;
21
- }
22
-
23
- declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
24
-
25
- export { Link, type LinkProps, type LinkSize, type LinkUnderline, type LinkVariant };
@@ -1,21 +0,0 @@
1
- type LoaderVariant = 'spinner' | 'dots' | 'pulse' | 'bar';
2
- type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
- type LoaderColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white' | 'current';
4
- interface LoaderProps {
5
- /** Visual style of the loader. Defaults to 'spinner'. */
6
- variant?: LoaderVariant;
7
- /** Size of the loader. Defaults to 'md'. */
8
- size?: LoaderSize;
9
- /** Color theme. Defaults to 'primary'. */
10
- color?: LoaderColor;
11
- /** Screen-reader label. Defaults to 'Loading…'. */
12
- label?: string;
13
- /** When true the loader is centred inside a full-page overlay. */
14
- fullscreen?: boolean;
15
- /** Additional class for the outermost element. */
16
- className?: string;
17
- }
18
-
19
- declare function Loader({ variant, size, color, label, fullscreen, className, }: LoaderProps): React.JSX.Element;
20
-
21
- export { Loader, type LoaderColor, type LoaderProps, type LoaderSize, type LoaderVariant };
@@ -1,21 +0,0 @@
1
- type LoaderVariant = 'spinner' | 'dots' | 'pulse' | 'bar';
2
- type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
- type LoaderColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white' | 'current';
4
- interface LoaderProps {
5
- /** Visual style of the loader. Defaults to 'spinner'. */
6
- variant?: LoaderVariant;
7
- /** Size of the loader. Defaults to 'md'. */
8
- size?: LoaderSize;
9
- /** Color theme. Defaults to 'primary'. */
10
- color?: LoaderColor;
11
- /** Screen-reader label. Defaults to 'Loading…'. */
12
- label?: string;
13
- /** When true the loader is centred inside a full-page overlay. */
14
- fullscreen?: boolean;
15
- /** Additional class for the outermost element. */
16
- className?: string;
17
- }
18
-
19
- declare function Loader({ variant, size, color, label, fullscreen, className, }: LoaderProps): React.JSX.Element;
20
-
21
- export { Loader, type LoaderColor, type LoaderProps, type LoaderSize, type LoaderVariant };