@bricks-toolkit/toolkit 0.1.19 → 0.1.21

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 (100) hide show
  1. package/dist/chunk-4PRNRENN.mjs +104 -0
  2. package/dist/chunk-62JXQJBD.cjs +533 -0
  3. package/dist/chunk-6LBTRQZD.mjs +806 -0
  4. package/dist/chunk-J53N2LAE.cjs +115 -0
  5. package/dist/chunk-M6XPQ5BE.cjs +808 -0
  6. package/dist/chunk-UPSMZISM.mjs +567 -0
  7. package/dist/chunk-YV3WWKQY.cjs +569 -0
  8. package/dist/chunk-Z5FRCULF.mjs +531 -0
  9. package/dist/date-picker/index.cjs +3 -2
  10. package/dist/date-picker/index.mjs +2 -1
  11. package/dist/date-time-picker/index.cjs +12 -0
  12. package/dist/date-time-picker/index.mjs +3 -0
  13. package/dist/index.cjs +27 -21
  14. package/dist/index.mjs +7 -5
  15. package/dist/time-picker/index.cjs +2 -2
  16. package/dist/time-picker/index.mjs +1 -1
  17. package/package.json +11 -1
  18. package/dist/Button.types-BsQYqZml.d.ts +0 -27
  19. package/dist/Button.types-D-srlWFf.d.mts +0 -27
  20. package/dist/TextInput.types-DRI8HQza.d.mts +0 -32
  21. package/dist/TextInput.types-DRI8HQza.d.ts +0 -32
  22. package/dist/Tooltip.types-PbUasE3C.d.mts +0 -36
  23. package/dist/Tooltip.types-PbUasE3C.d.ts +0 -36
  24. package/dist/avatar/index.d.mts +0 -29
  25. package/dist/avatar/index.d.ts +0 -29
  26. package/dist/badge/index.d.mts +0 -57
  27. package/dist/badge/index.d.ts +0 -57
  28. package/dist/breadcrumbs/index.d.mts +0 -32
  29. package/dist/breadcrumbs/index.d.ts +0 -32
  30. package/dist/button/index.d.mts +0 -8
  31. package/dist/button/index.d.ts +0 -8
  32. package/dist/card/index.d.mts +0 -42
  33. package/dist/card/index.d.ts +0 -42
  34. package/dist/checkbox/index.d.mts +0 -36
  35. package/dist/checkbox/index.d.ts +0 -36
  36. package/dist/chunk-7WNJ7L4Z.mjs +0 -335
  37. package/dist/chunk-DHC5LI2P.cjs +0 -338
  38. package/dist/chunk-VKQDW7C2.mjs +0 -336
  39. package/dist/chunk-W2ZAPLQH.cjs +0 -337
  40. package/dist/combo-box/index.d.mts +0 -62
  41. package/dist/combo-box/index.d.ts +0 -62
  42. package/dist/date-picker/index.d.mts +0 -32
  43. package/dist/date-picker/index.d.ts +0 -32
  44. package/dist/dialog/index.d.mts +0 -61
  45. package/dist/dialog/index.d.ts +0 -61
  46. package/dist/dropdown-menu/index.d.mts +0 -34
  47. package/dist/dropdown-menu/index.d.ts +0 -34
  48. package/dist/email/index.d.mts +0 -38
  49. package/dist/email/index.d.ts +0 -38
  50. package/dist/file-upload/index.d.mts +0 -27
  51. package/dist/file-upload/index.d.ts +0 -27
  52. package/dist/header/index.d.mts +0 -28
  53. package/dist/header/index.d.ts +0 -28
  54. package/dist/icon-button/index.d.mts +0 -16
  55. package/dist/icon-button/index.d.ts +0 -16
  56. package/dist/image/index.d.mts +0 -48
  57. package/dist/image/index.d.ts +0 -48
  58. package/dist/index.d.mts +0 -141
  59. package/dist/index.d.ts +0 -141
  60. package/dist/link/index.d.mts +0 -25
  61. package/dist/link/index.d.ts +0 -25
  62. package/dist/loader/index.d.mts +0 -21
  63. package/dist/loader/index.d.ts +0 -21
  64. package/dist/modal/index.d.mts +0 -116
  65. package/dist/modal/index.d.ts +0 -116
  66. package/dist/multi-select/index.d.mts +0 -59
  67. package/dist/multi-select/index.d.ts +0 -59
  68. package/dist/otp-input/index.d.mts +0 -57
  69. package/dist/otp-input/index.d.ts +0 -57
  70. package/dist/password-input/index.d.mts +0 -32
  71. package/dist/password-input/index.d.ts +0 -32
  72. package/dist/phone/index.d.mts +0 -41
  73. package/dist/phone/index.d.ts +0 -41
  74. package/dist/radio-button/index.d.mts +0 -56
  75. package/dist/radio-button/index.d.ts +0 -56
  76. package/dist/search-input/index.d.mts +0 -22
  77. package/dist/search-input/index.d.ts +0 -22
  78. package/dist/select/index.d.mts +0 -36
  79. package/dist/select/index.d.ts +0 -36
  80. package/dist/sidebar/index.d.mts +0 -96
  81. package/dist/sidebar/index.d.ts +0 -96
  82. package/dist/skeleton/index.d.mts +0 -76
  83. package/dist/skeleton/index.d.ts +0 -76
  84. package/dist/styles.d.mts +0 -2
  85. package/dist/styles.d.ts +0 -2
  86. package/dist/table/index.d.mts +0 -92
  87. package/dist/table/index.d.ts +0 -92
  88. package/dist/tabs/index.d.mts +0 -26
  89. package/dist/tabs/index.d.ts +0 -26
  90. package/dist/text-input/index.d.mts +0 -7
  91. package/dist/text-input/index.d.ts +0 -7
  92. package/dist/theme-provider/index.d.mts +0 -122
  93. package/dist/theme-provider/index.d.ts +0 -122
  94. package/dist/theme.css +0 -62
  95. package/dist/time-picker/index.d.mts +0 -32
  96. package/dist/time-picker/index.d.ts +0 -32
  97. package/dist/toaster/index.d.mts +0 -28
  98. package/dist/toaster/index.d.ts +0 -28
  99. package/dist/tooltip/index.d.mts +0 -7
  100. package/dist/tooltip/index.d.ts +0 -7
package/dist/index.mjs CHANGED
@@ -2,14 +2,16 @@ export { Modal, ModalBody, ModalCloseButton, ModalFooter, ModalHeader } from './
2
2
  export { SearchInput } from './chunk-VHVFRWF5.mjs';
3
3
  export { ThemeProvider, useTheme } from './chunk-Y3NTKFUE.mjs';
4
4
  import './chunk-SBNNV6FE.mjs';
5
+ export { Pagination, Table } from './chunk-7364SUK6.mjs';
5
6
  export { Tabs } from './chunk-G4HVY6FM.mjs';
6
7
  export { TextInput } from './chunk-CMER5LO3.mjs';
7
- export { TimePicker } from './chunk-VKQDW7C2.mjs';
8
+ export { TimePicker } from './chunk-Z5FRCULF.mjs';
8
9
  export { Toaster } from './chunk-YOTCXSXL.mjs';
9
10
  export { Sidebar } from './chunk-PJH2KEWK.mjs';
10
11
  export { Header } from './chunk-EL7COTGN.mjs';
11
- export { Image } from './chunk-JV6AWBN5.mjs';
12
12
  export { IconButton } from './chunk-BVBCAAES.mjs';
13
+ export { Image } from './chunk-JV6AWBN5.mjs';
14
+ export { Loader } from './chunk-4DR57X7U.mjs';
13
15
  export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } from './chunk-32SKYPQW.mjs';
14
16
  export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
15
17
  export { OtpInput } from './chunk-RYWDZHKG.mjs';
@@ -17,15 +19,15 @@ export { PasswordInput } from './chunk-446OJWC6.mjs';
17
19
  export { Phone } from './chunk-3YIGXRMU.mjs';
18
20
  export { RadioButton } from './chunk-DN2GFJF4.mjs';
19
21
  export { Select } from './chunk-TIVSMCXZ.mjs';
20
- export { Pagination, Table } from './chunk-7364SUK6.mjs';
21
22
  export { ComboBox } from './chunk-4DA7CRNV.mjs';
22
- export { DatePicker } from './chunk-7WNJ7L4Z.mjs';
23
+ export { DatePicker } from './chunk-UPSMZISM.mjs';
24
+ export { DateTimePicker } from './chunk-6LBTRQZD.mjs';
25
+ import './chunk-4PRNRENN.mjs';
23
26
  export { Dialog, DialogBody, DialogCloseButton, DialogFooter, DialogHeader } from './chunk-OQPCL5XX.mjs';
24
27
  export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-2POU3NX4.mjs';
25
28
  export { Email } from './chunk-4QSDPHPI.mjs';
26
29
  export { FileUpload } from './chunk-KA35BV7V.mjs';
27
30
  export { Link } from './chunk-SHQ2MPBE.mjs';
28
- export { Loader } from './chunk-4DR57X7U.mjs';
29
31
  export { Avatar } from './chunk-B5MYGYJY.mjs';
30
32
  export { Badge } from './chunk-H77YWN3L.mjs';
31
33
  export { Breadcrumbs } from './chunk-DMLPA65B.mjs';
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var chunkDHC5LI2P_cjs = require('../chunk-DHC5LI2P.cjs');
3
+ var chunk62JXQJBD_cjs = require('../chunk-62JXQJBD.cjs');
4
4
  require('../chunk-L5VQZZVR.cjs');
5
5
 
6
6
 
7
7
 
8
8
  Object.defineProperty(exports, "TimePicker", {
9
9
  enumerable: true,
10
- get: function () { return chunkDHC5LI2P_cjs.TimePicker; }
10
+ get: function () { return chunk62JXQJBD_cjs.TimePicker; }
11
11
  });
@@ -1,2 +1,2 @@
1
- export { TimePicker } from '../chunk-VKQDW7C2.mjs';
1
+ export { TimePicker } from '../chunk-Z5FRCULF.mjs';
2
2
  import '../chunk-OCPFOFJ4.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bricks-toolkit/toolkit",
3
- "version": "0.1.19",
3
+ "version": "0.1.21",
4
4
  "description": "Micro-modularized, fully independent, type-safe UI component library",
5
5
  "license": "MIT",
6
6
  "author": "ITProfound",
@@ -115,6 +115,16 @@
115
115
  "default": "./dist/date-picker/index.cjs"
116
116
  }
117
117
  },
118
+ "./date-time-picker": {
119
+ "import": {
120
+ "types": "./dist/date-time-picker/index.d.mts",
121
+ "default": "./dist/date-time-picker/index.mjs"
122
+ },
123
+ "require": {
124
+ "types": "./dist/date-time-picker/index.d.ts",
125
+ "default": "./dist/date-time-picker/index.cjs"
126
+ }
127
+ },
118
128
  "./dialog": {
119
129
  "import": {
120
130
  "types": "./dist/dialog/index.d.mts",
@@ -1,27 +0,0 @@
1
- import { ButtonHTMLAttributes, ReactNode } from 'react';
2
- import { T as TooltipPlacement } from './Tooltip.types-PbUasE3C.js';
3
-
4
- type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning' | 'info';
5
- type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
- interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
7
- /** The variant style of the button */
8
- variant?: ButtonVariant;
9
- /** The size of the button */
10
- size?: ButtonSize;
11
- /** Whether the button should take up the full width of its container */
12
- fullWidth?: boolean;
13
- /** Whether the button is currently in a loading state */
14
- isLoading?: boolean;
15
- /** Optional text to display alongside the spinner when loading */
16
- loadingText?: string;
17
- /** An icon element to display before the button content */
18
- leftIcon?: ReactNode;
19
- /** An icon element to display after the button content */
20
- rightIcon?: ReactNode;
21
- /** Optional tooltip text or element to display on hover */
22
- tooltip?: ReactNode;
23
- /** Preferred placement of the tooltip relative to the button */
24
- tooltipPlacement?: TooltipPlacement;
25
- }
26
-
27
- export type { ButtonProps as B, ButtonSize as a, ButtonVariant as b };
@@ -1,27 +0,0 @@
1
- import { ButtonHTMLAttributes, ReactNode } from 'react';
2
- import { T as TooltipPlacement } from './Tooltip.types-PbUasE3C.mjs';
3
-
4
- type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning' | 'info';
5
- type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
- interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'> {
7
- /** The variant style of the button */
8
- variant?: ButtonVariant;
9
- /** The size of the button */
10
- size?: ButtonSize;
11
- /** Whether the button should take up the full width of its container */
12
- fullWidth?: boolean;
13
- /** Whether the button is currently in a loading state */
14
- isLoading?: boolean;
15
- /** Optional text to display alongside the spinner when loading */
16
- loadingText?: string;
17
- /** An icon element to display before the button content */
18
- leftIcon?: ReactNode;
19
- /** An icon element to display after the button content */
20
- rightIcon?: ReactNode;
21
- /** Optional tooltip text or element to display on hover */
22
- tooltip?: ReactNode;
23
- /** Preferred placement of the tooltip relative to the button */
24
- tooltipPlacement?: TooltipPlacement;
25
- }
26
-
27
- export type { ButtonProps as B, ButtonSize as a, ButtonVariant as b };
@@ -1,32 +0,0 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
2
-
3
- type TextInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
- type TextInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type TextInputState = 'default' | 'error' | 'success' | 'warning';
6
- interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
7
- label?: string;
8
- required?: boolean;
9
- helperText?: string;
10
- errorMessage?: string;
11
- successMessage?: string;
12
- warningMessage?: string;
13
- variant?: TextInputVariant;
14
- size?: TextInputSize;
15
- state?: TextInputState;
16
- fullWidth?: boolean;
17
- leftElement?: ReactNode;
18
- rightElement?: ReactNode;
19
- prefix?: ReactNode;
20
- suffix?: ReactNode;
21
- wrapperClassName?: string;
22
- inputGroupClassName?: string;
23
- inputClassName?: string;
24
- labelClassName?: string;
25
- helperClassName?: string;
26
- clearable?: boolean;
27
- isLoading?: boolean;
28
- multiline?: boolean;
29
- rows?: number;
30
- }
31
-
32
- export type { TextInputProps as T, TextInputSize as a, TextInputState as b, TextInputVariant as c };
@@ -1,32 +0,0 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
2
-
3
- type TextInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
- type TextInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type TextInputState = 'default' | 'error' | 'success' | 'warning';
6
- interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
7
- label?: string;
8
- required?: boolean;
9
- helperText?: string;
10
- errorMessage?: string;
11
- successMessage?: string;
12
- warningMessage?: string;
13
- variant?: TextInputVariant;
14
- size?: TextInputSize;
15
- state?: TextInputState;
16
- fullWidth?: boolean;
17
- leftElement?: ReactNode;
18
- rightElement?: ReactNode;
19
- prefix?: ReactNode;
20
- suffix?: ReactNode;
21
- wrapperClassName?: string;
22
- inputGroupClassName?: string;
23
- inputClassName?: string;
24
- labelClassName?: string;
25
- helperClassName?: string;
26
- clearable?: boolean;
27
- isLoading?: boolean;
28
- multiline?: boolean;
29
- rows?: number;
30
- }
31
-
32
- export type { TextInputProps as T, TextInputSize as a, TextInputState as b, TextInputVariant as c };
@@ -1,36 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
4
- type TooltipTrigger = 'hover' | 'click' | 'focus';
5
- type TooltipSize = 'sm' | 'md' | 'lg';
6
- type TooltipVariant = 'dark' | 'primary' | 'light';
7
- interface TooltipProps {
8
- /** The content shown inside the tooltip bubble. */
9
- content: ReactNode;
10
- /** The element the tooltip is anchored to. */
11
- children?: ReactNode;
12
- /** Preferred placement relative to the trigger. Defaults to 'top'. */
13
- placement?: TooltipPlacement;
14
- /** What interaction opens the tooltip. Defaults to 'hover'. */
15
- trigger?: TooltipTrigger;
16
- /** Delay in ms before showing (hover only). Defaults to 0. */
17
- showDelay?: number;
18
- /** Delay in ms before hiding (hover only). Defaults to 100. */
19
- hideDelay?: number;
20
- /** Size / padding of the tooltip bubble. Defaults to 'md'. */
21
- size?: TooltipSize;
22
- /** Visual style of the tooltip bubble. Defaults to 'dark'. */
23
- variant?: TooltipVariant;
24
- /** When true the tooltip is always visible (controlled). */
25
- open?: boolean;
26
- /** When true the tooltip is disabled and will never show. */
27
- disabled?: boolean;
28
- /** Max width of the tooltip bubble in px. Defaults to 240. */
29
- maxWidth?: number;
30
- /** Additional class for the tooltip bubble. */
31
- className?: string;
32
- /** Additional class for the tooltip wrapper span. */
33
- wrapperClassName?: string;
34
- }
35
-
36
- export type { TooltipPlacement as T, TooltipProps as a, TooltipSize as b, TooltipTrigger as c, TooltipVariant as d };
@@ -1,36 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
4
- type TooltipTrigger = 'hover' | 'click' | 'focus';
5
- type TooltipSize = 'sm' | 'md' | 'lg';
6
- type TooltipVariant = 'dark' | 'primary' | 'light';
7
- interface TooltipProps {
8
- /** The content shown inside the tooltip bubble. */
9
- content: ReactNode;
10
- /** The element the tooltip is anchored to. */
11
- children?: ReactNode;
12
- /** Preferred placement relative to the trigger. Defaults to 'top'. */
13
- placement?: TooltipPlacement;
14
- /** What interaction opens the tooltip. Defaults to 'hover'. */
15
- trigger?: TooltipTrigger;
16
- /** Delay in ms before showing (hover only). Defaults to 0. */
17
- showDelay?: number;
18
- /** Delay in ms before hiding (hover only). Defaults to 100. */
19
- hideDelay?: number;
20
- /** Size / padding of the tooltip bubble. Defaults to 'md'. */
21
- size?: TooltipSize;
22
- /** Visual style of the tooltip bubble. Defaults to 'dark'. */
23
- variant?: TooltipVariant;
24
- /** When true the tooltip is always visible (controlled). */
25
- open?: boolean;
26
- /** When true the tooltip is disabled and will never show. */
27
- disabled?: boolean;
28
- /** Max width of the tooltip bubble in px. Defaults to 240. */
29
- maxWidth?: number;
30
- /** Additional class for the tooltip bubble. */
31
- className?: string;
32
- /** Additional class for the tooltip wrapper span. */
33
- wrapperClassName?: string;
34
- }
35
-
36
- export type { TooltipPlacement as T, TooltipProps as a, TooltipSize as b, TooltipTrigger as c, TooltipVariant as d };
@@ -1,29 +0,0 @@
1
- import { ImgHTMLAttributes, ReactNode } from 'react';
2
-
3
- type AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
4
- type AvatarVariant = 'circle' | 'square' | 'rounded';
5
- type AvatarState = 'default' | 'error' | 'success' | 'warning' | 'offline' | 'online' | 'busy' | 'away';
6
- interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
7
- /** Size of the avatar */
8
- size?: AvatarSize;
9
- /** Shape variant of the avatar */
10
- variant?: AvatarVariant;
11
- /** State indicator for the avatar (e.g. online status or validation) */
12
- state?: AvatarState;
13
- /** Determines if the state indicator should be a border or a dot (badge). Default is border. */
14
- stateType?: 'border' | 'badge';
15
- /** Fallback content when image is not provided or fails to load. Can be initials string or a ReactNode */
16
- fallback?: ReactNode;
17
- /** Alt text for the image, also used to generate initials if fallback string is not provided */
18
- alt?: string;
19
- /** Image source URL */
20
- src?: string;
21
- /** Class name applied to the outer container */
22
- containerClassName?: string;
23
- /** Class name applied to the fallback element */
24
- fallbackClassName?: string;
25
- }
26
-
27
- declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
28
-
29
- export { Avatar, type AvatarProps, type AvatarSize, type AvatarState, type AvatarVariant };
@@ -1,29 +0,0 @@
1
- import { ImgHTMLAttributes, ReactNode } from 'react';
2
-
3
- type AvatarSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
4
- type AvatarVariant = 'circle' | 'square' | 'rounded';
5
- type AvatarState = 'default' | 'error' | 'success' | 'warning' | 'offline' | 'online' | 'busy' | 'away';
6
- interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
7
- /** Size of the avatar */
8
- size?: AvatarSize;
9
- /** Shape variant of the avatar */
10
- variant?: AvatarVariant;
11
- /** State indicator for the avatar (e.g. online status or validation) */
12
- state?: AvatarState;
13
- /** Determines if the state indicator should be a border or a dot (badge). Default is border. */
14
- stateType?: 'border' | 'badge';
15
- /** Fallback content when image is not provided or fails to load. Can be initials string or a ReactNode */
16
- fallback?: ReactNode;
17
- /** Alt text for the image, also used to generate initials if fallback string is not provided */
18
- alt?: string;
19
- /** Image source URL */
20
- src?: string;
21
- /** Class name applied to the outer container */
22
- containerClassName?: string;
23
- /** Class name applied to the fallback element */
24
- fallbackClassName?: string;
25
- }
26
-
27
- declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
28
-
29
- export { Avatar, type AvatarProps, type AvatarSize, type AvatarState, type AvatarVariant };
@@ -1,57 +0,0 @@
1
- import { ReactNode, ElementType } from 'react';
2
-
3
- /** Visual style of the badge. */
4
- type BadgeVariant = 'solid' | 'soft' | 'outline' | 'dot' | 'gradient';
5
- /** Color palette for the badge. */
6
- type BadgeColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'accent' | 'gray' | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'orange' | 'cyan' | 'teal' | 'indigo';
7
- /** Size token for the badge. */
8
- type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
9
- /** Border-radius shape. */
10
- type BadgeShape = 'rounded' | 'pill' | 'square';
11
- interface BadgeProps {
12
- /** Text or content inside the badge. */
13
- children?: ReactNode;
14
- /** Visual style. Defaults to `'soft'`. */
15
- variant?: BadgeVariant;
16
- /** Color scheme. Defaults to `'blue'`. */
17
- color?: BadgeColor;
18
- /** Size. Defaults to `'md'`. */
19
- size?: BadgeSize;
20
- /** Border-radius shape. Defaults to `'pill'`. */
21
- shape?: BadgeShape;
22
- /** Optional icon rendered before the label. */
23
- icon?: ReactNode;
24
- /** Optional icon rendered after the label (before the remove button). */
25
- trailingIcon?: ReactNode;
26
- /** When provided, renders a remove (×) button and calls this on click. */
27
- onRemove?: () => void;
28
- /** Adds a pulsing animation to the dot indicator (only works with `variant="dot"`). */
29
- pulse?: boolean;
30
- /** Renders a numeric count instead of (or alongside) children. When > maxCount, shows `{maxCount}+`. */
31
- count?: number;
32
- /** Maximum count before the overflow label is shown. Defaults to 99. */
33
- maxCount?: number;
34
- /** Uppercases the badge text. */
35
- uppercase?: boolean;
36
- /** Adds a soft letter-spacing for label readability. */
37
- tracking?: boolean;
38
- /** Polymorphic element override (e.g. `'a'`, `'button'`, `'li'`). Defaults to `'span'`. */
39
- as?: ElementType;
40
- /** Additional class name. */
41
- className?: string;
42
- /** Any other HTML / element props (e.g. `href`, `onClick`, `aria-*`). */
43
- [key: string]: unknown;
44
- }
45
-
46
- /**
47
- * `Badge` — a highly composable inline label component.
48
- *
49
- * @example
50
- * <Badge color="green" variant="soft">Active</Badge>
51
- * <Badge color="red" variant="gradient" size="lg" shape="rounded">Critical</Badge>
52
- * <Badge color="blue" variant="dot" pulse>Live</Badge>
53
- * <Badge count={42} color="red" variant="solid" shape="pill" />
54
- */
55
- declare function Badge({ children, variant, color, size, shape, icon, trailingIcon, onRemove, pulse, count, maxCount, uppercase, tracking, as: Tag, className, ...rest }: BadgeProps): React.JSX.Element;
56
-
57
- export { Badge, type BadgeColor, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant };
@@ -1,57 +0,0 @@
1
- import { ReactNode, ElementType } from 'react';
2
-
3
- /** Visual style of the badge. */
4
- type BadgeVariant = 'solid' | 'soft' | 'outline' | 'dot' | 'gradient';
5
- /** Color palette for the badge. */
6
- type BadgeColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'accent' | 'gray' | 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'orange' | 'cyan' | 'teal' | 'indigo';
7
- /** Size token for the badge. */
8
- type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
9
- /** Border-radius shape. */
10
- type BadgeShape = 'rounded' | 'pill' | 'square';
11
- interface BadgeProps {
12
- /** Text or content inside the badge. */
13
- children?: ReactNode;
14
- /** Visual style. Defaults to `'soft'`. */
15
- variant?: BadgeVariant;
16
- /** Color scheme. Defaults to `'blue'`. */
17
- color?: BadgeColor;
18
- /** Size. Defaults to `'md'`. */
19
- size?: BadgeSize;
20
- /** Border-radius shape. Defaults to `'pill'`. */
21
- shape?: BadgeShape;
22
- /** Optional icon rendered before the label. */
23
- icon?: ReactNode;
24
- /** Optional icon rendered after the label (before the remove button). */
25
- trailingIcon?: ReactNode;
26
- /** When provided, renders a remove (×) button and calls this on click. */
27
- onRemove?: () => void;
28
- /** Adds a pulsing animation to the dot indicator (only works with `variant="dot"`). */
29
- pulse?: boolean;
30
- /** Renders a numeric count instead of (or alongside) children. When > maxCount, shows `{maxCount}+`. */
31
- count?: number;
32
- /** Maximum count before the overflow label is shown. Defaults to 99. */
33
- maxCount?: number;
34
- /** Uppercases the badge text. */
35
- uppercase?: boolean;
36
- /** Adds a soft letter-spacing for label readability. */
37
- tracking?: boolean;
38
- /** Polymorphic element override (e.g. `'a'`, `'button'`, `'li'`). Defaults to `'span'`. */
39
- as?: ElementType;
40
- /** Additional class name. */
41
- className?: string;
42
- /** Any other HTML / element props (e.g. `href`, `onClick`, `aria-*`). */
43
- [key: string]: unknown;
44
- }
45
-
46
- /**
47
- * `Badge` — a highly composable inline label component.
48
- *
49
- * @example
50
- * <Badge color="green" variant="soft">Active</Badge>
51
- * <Badge color="red" variant="gradient" size="lg" shape="rounded">Critical</Badge>
52
- * <Badge color="blue" variant="dot" pulse>Live</Badge>
53
- * <Badge count={42} color="red" variant="solid" shape="pill" />
54
- */
55
- declare function Badge({ children, variant, color, size, shape, icon, trailingIcon, onRemove, pulse, count, maxCount, uppercase, tracking, as: Tag, className, ...rest }: BadgeProps): React.JSX.Element;
56
-
57
- export { Badge, type BadgeColor, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant };
@@ -1,32 +0,0 @@
1
- import { ReactNode, ReactElement } from 'react';
2
-
3
- interface BreadcrumbItem {
4
- /** The label shown for this crumb. */
5
- label: ReactNode;
6
- /** When provided the crumb renders as a link. */
7
- href?: string;
8
- /** onClick handler (use instead of href for SPA navigation). */
9
- onClick?: () => void;
10
- /** When true the crumb is shown but not clickable. */
11
- disabled?: boolean;
12
- }
13
- type BreadcrumbSeparator = 'slash' | 'chevron' | 'dot' | ReactElement;
14
- type BreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg';
15
- interface BreadcrumbsProps {
16
- /** The list of crumb items. The last item is treated as the current page. */
17
- items: BreadcrumbItem[];
18
- /** Separator between crumbs. Defaults to 'chevron'. */
19
- separator?: BreadcrumbSeparator;
20
- /** Text size. Defaults to 'sm'. */
21
- size?: BreadcrumbSize;
22
- /** When true collapses middle items into an ellipsis button. Defaults to false. */
23
- collapsible?: boolean;
24
- /** Maximum number of items to show when collapsible=true. Defaults to 4. */
25
- maxItems?: number;
26
- /** Additional class for the <nav> wrapper. */
27
- className?: string;
28
- }
29
-
30
- declare function Breadcrumbs({ items, separator, size, collapsible, maxItems, className, }: BreadcrumbsProps): React.JSX.Element | null;
31
-
32
- export { type BreadcrumbItem, type BreadcrumbSeparator, type BreadcrumbSize, Breadcrumbs, type BreadcrumbsProps };
@@ -1,32 +0,0 @@
1
- import { ReactNode, ReactElement } from 'react';
2
-
3
- interface BreadcrumbItem {
4
- /** The label shown for this crumb. */
5
- label: ReactNode;
6
- /** When provided the crumb renders as a link. */
7
- href?: string;
8
- /** onClick handler (use instead of href for SPA navigation). */
9
- onClick?: () => void;
10
- /** When true the crumb is shown but not clickable. */
11
- disabled?: boolean;
12
- }
13
- type BreadcrumbSeparator = 'slash' | 'chevron' | 'dot' | ReactElement;
14
- type BreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg';
15
- interface BreadcrumbsProps {
16
- /** The list of crumb items. The last item is treated as the current page. */
17
- items: BreadcrumbItem[];
18
- /** Separator between crumbs. Defaults to 'chevron'. */
19
- separator?: BreadcrumbSeparator;
20
- /** Text size. Defaults to 'sm'. */
21
- size?: BreadcrumbSize;
22
- /** When true collapses middle items into an ellipsis button. Defaults to false. */
23
- collapsible?: boolean;
24
- /** Maximum number of items to show when collapsible=true. Defaults to 4. */
25
- maxItems?: number;
26
- /** Additional class for the <nav> wrapper. */
27
- className?: string;
28
- }
29
-
30
- declare function Breadcrumbs({ items, separator, size, collapsible, maxItems, className, }: BreadcrumbsProps): React.JSX.Element | null;
31
-
32
- export { type BreadcrumbItem, type BreadcrumbSeparator, type BreadcrumbSize, Breadcrumbs, type BreadcrumbsProps };
@@ -1,8 +0,0 @@
1
- import { B as ButtonProps } from '../Button.types-D-srlWFf.mjs';
2
- export { a as ButtonSize, b as ButtonVariant } from '../Button.types-D-srlWFf.mjs';
3
- import 'react';
4
- import '../Tooltip.types-PbUasE3C.mjs';
5
-
6
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
7
-
8
- export { Button, ButtonProps };
@@ -1,8 +0,0 @@
1
- import { B as ButtonProps } from '../Button.types-BsQYqZml.js';
2
- export { a as ButtonSize, b as ButtonVariant } from '../Button.types-BsQYqZml.js';
3
- import 'react';
4
- import '../Tooltip.types-PbUasE3C.js';
5
-
6
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
7
-
8
- export { Button, ButtonProps };
@@ -1,42 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
-
3
- type CardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
4
- type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
5
- interface CardProps extends HTMLAttributes<HTMLDivElement> {
6
- /** The overall visual style of the card */
7
- variant?: CardVariant;
8
- /** Internal padding scale to apply strictly to the overall wrapper */
9
- padding?: CardPadding;
10
- }
11
- type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
12
- type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
13
- type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
14
- type CardContentProps = HTMLAttributes<HTMLDivElement>;
15
- type CardFooterProps = HTMLAttributes<HTMLDivElement>;
16
-
17
- /**
18
- * Root Card wrapper containing styles, border radiuses, and shadow mappings.
19
- */
20
- declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
21
- /**
22
- * Card Header segment, ideal for stacking Titles, actions, and meta data.
23
- */
24
- declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
25
- /**
26
- * Semantically native Header 3 representation ensuring text harmony generically.
27
- */
28
- declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
29
- /**
30
- * Muted paragraph utility explicitly meant for text trailing a Title internally.
31
- */
32
- declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
33
- /**
34
- * Physical payload payload explicitly anchoring generic HTML spacing between a header and a footer correctly.
35
- */
36
- declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
37
- /**
38
- * Spaced flex container automatically injecting actions aligned horizontally below content natively.
39
- */
40
- declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
41
-
42
- export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, CardTitle, type CardTitleProps, type CardVariant };
@@ -1,42 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
-
3
- type CardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
4
- type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
5
- interface CardProps extends HTMLAttributes<HTMLDivElement> {
6
- /** The overall visual style of the card */
7
- variant?: CardVariant;
8
- /** Internal padding scale to apply strictly to the overall wrapper */
9
- padding?: CardPadding;
10
- }
11
- type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
12
- type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
13
- type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
14
- type CardContentProps = HTMLAttributes<HTMLDivElement>;
15
- type CardFooterProps = HTMLAttributes<HTMLDivElement>;
16
-
17
- /**
18
- * Root Card wrapper containing styles, border radiuses, and shadow mappings.
19
- */
20
- declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
21
- /**
22
- * Card Header segment, ideal for stacking Titles, actions, and meta data.
23
- */
24
- declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
25
- /**
26
- * Semantically native Header 3 representation ensuring text harmony generically.
27
- */
28
- declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
29
- /**
30
- * Muted paragraph utility explicitly meant for text trailing a Title internally.
31
- */
32
- declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
33
- /**
34
- * Physical payload payload explicitly anchoring generic HTML spacing between a header and a footer correctly.
35
- */
36
- declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
37
- /**
38
- * Spaced flex container automatically injecting actions aligned horizontally below content natively.
39
- */
40
- declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
41
-
42
- export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, CardTitle, type CardTitleProps, type CardVariant };