@keeper-security/keeper-js-ui 0.2.0 → 0.3.0

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 (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.es.d.ts +117 -41
  3. package/dist/index.es.js +4904 -708
  4. package/dist/index.umd.js +76 -1
  5. package/dist/keeper-js-ui.css +1 -0
  6. package/package.json +51 -45
  7. package/dist/style.css +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.3.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.2.0...v0.3.0) (2024-12-19)
4
+
5
+
6
+ ### Features
7
+
8
+ * add Avatar component ([#41](https://github.com/Keeper-Security/keeper-js-ui/issues/41)) ([5724697](https://github.com/Keeper-Security/keeper-js-ui/commit/572469755c30b0a612364b76d604d96150e2b23e))
9
+ * add Dropdown menu ([#110](https://github.com/Keeper-Security/keeper-js-ui/issues/110)) ([7a2d391](https://github.com/Keeper-Security/keeper-js-ui/commit/7a2d3919a34337c7502a1a0e220ec9d1eb7aa6d3))
10
+ * add neutral variant for outline and text buttons ([#111](https://github.com/Keeper-Security/keeper-js-ui/issues/111)) ([c02223c](https://github.com/Keeper-Security/keeper-js-ui/commit/c02223ca2021ac304af6749e6190d739c4346ecf))
11
+ * add Switch component ([#9](https://github.com/Keeper-Security/keeper-js-ui/issues/9)) ([f444495](https://github.com/Keeper-Security/keeper-js-ui/commit/f444495495c74200cd62c4905624443d23ab9946)), closes [#83](https://github.com/Keeper-Security/keeper-js-ui/issues/83)
12
+ * **button:** add IconButton ([#121](https://github.com/Keeper-Security/keeper-js-ui/issues/121)) ([09425bf](https://github.com/Keeper-Security/keeper-js-ui/commit/09425bf075f3bf2eb428ccd78b909cc30e64842a))
13
+ * **button:** support for icon-only Button ([#112](https://github.com/Keeper-Security/keeper-js-ui/issues/112)) ([707c28c](https://github.com/Keeper-Security/keeper-js-ui/commit/707c28c7a2a3aea04c0d53b40090b958f7cff9f5))
14
+
3
15
  ## [0.2.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.1.2...v0.2.0) (2024-11-27)
4
16
 
5
17
 
package/dist/index.es.d.ts CHANGED
@@ -1,8 +1,26 @@
1
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
1
2
  import { ClassProp } from 'class-variance-authority/dist/types';
3
+ import { DirectionProvider } from '@radix-ui/react-direction';
4
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
5
+ import { JSX as JSX_2 } from 'react/jsx-runtime';
2
6
  import * as React_2 from 'react';
3
7
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
8
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
4
9
  import { VariantProps } from 'class-variance-authority';
5
10
 
11
+ export declare const Avatar: React_2.ForwardRefExoticComponent<AvatarProps & React_2.RefAttributes<HTMLSpanElement>>;
12
+
13
+ export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
14
+
15
+ export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;
16
+
17
+ declare interface AvatarProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
18
+ }
19
+
20
+ declare const avatarVariants: (props?: ({
21
+ size?: "sm" | "md" | "lg" | null | undefined;
22
+ } & ClassProp) | undefined) => string;
23
+
6
24
  export declare const Box: React_2.ForwardRefExoticComponent<BoxProps & React_2.RefAttributes<HTMLDivElement>>;
7
25
 
8
26
  declare interface BoxProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof boxVariants> {
@@ -11,38 +29,87 @@ declare interface BoxProps extends React_2.HTMLAttributes<HTMLDivElement>, Varia
11
29
  }
12
30
 
13
31
  declare const boxVariants: (props?: ({
14
- p?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
15
- pb?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
16
- pe?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
17
- ps?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
18
- pt?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
19
- px?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
20
- py?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
21
- m?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
22
- mb?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
23
- me?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
24
- ms?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
25
- mt?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
26
- mx?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
27
- my?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
32
+ p?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
33
+ pb?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
34
+ pe?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
35
+ ps?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
36
+ pt?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
37
+ px?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
38
+ py?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
39
+ m?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
40
+ mb?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
41
+ me?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
42
+ ms?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
43
+ mt?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
44
+ mx?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
45
+ my?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
28
46
  display?: "none" | "block" | "inline-block" | null | undefined;
29
47
  } & ClassProp) | undefined) => string;
30
48
 
31
- export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
49
+ export declare const Button: React_2.ForwardRefExoticComponent<(IconButtonProps | ButtonProps) & React_2.RefAttributes<HTMLButtonElement>>;
32
50
 
33
- declare interface ButtonProps extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
34
- asChild?: boolean;
51
+ declare interface ButtonBaseProps extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
52
+ iconOnly?: boolean;
35
53
  endContent?: React_2.ReactNode;
36
54
  startContent?: React_2.ReactNode;
55
+ asChild?: boolean;
56
+ }
57
+
58
+ declare interface ButtonProps extends ButtonBaseProps {
59
+ iconOnly?: false;
37
60
  }
38
61
 
39
62
  declare const buttonVariants: (props?: ({
40
- variant?: "solid" | "outline" | "plain" | "link" | null | undefined;
63
+ variant?: "link" | "solid" | "outline" | "plain" | null | undefined;
41
64
  color?: "neutral" | "primary" | "secondary" | null | undefined;
42
65
  fullWidth?: boolean | null | undefined;
43
- size?: "md" | "icon" | null | undefined;
66
+ avatar?: boolean | null | undefined;
67
+ iconOnly?: boolean | null | undefined;
68
+ radius?: "md" | "full" | null | undefined;
69
+ size?: "sm" | "md" | "lg" | null | undefined;
44
70
  } & ClassProp) | undefined) => string;
45
71
 
72
+ export { DirectionProvider }
73
+
74
+ export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
75
+
76
+ export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
77
+
78
+ export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
79
+
80
+ export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
81
+
82
+ export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
83
+ inset?: boolean;
84
+ } & React_2.RefAttributes<HTMLDivElement>>;
85
+
86
+ export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
87
+ inset?: boolean;
88
+ } & React_2.RefAttributes<HTMLDivElement>>;
89
+
90
+ export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
91
+
92
+ export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
93
+
94
+ export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
95
+
96
+ export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
97
+
98
+ export declare const DropdownMenuShortcut: {
99
+ ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
100
+ displayName: string;
101
+ };
102
+
103
+ export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
104
+
105
+ export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
106
+
107
+ export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
108
+ inset?: boolean;
109
+ } & React_2.RefAttributes<HTMLDivElement>>;
110
+
111
+ export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
112
+
46
113
  export declare const Flex: React_2.ForwardRefExoticComponent<FlexProps & React_2.RefAttributes<HTMLDivElement>>;
47
114
 
48
115
  declare interface FlexProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof flexVariants> {
@@ -52,33 +119,42 @@ declare interface FlexProps extends React_2.HTMLAttributes<HTMLDivElement>, Vari
52
119
  }
53
120
 
54
121
  declare const flexVariants: (props?: ({
55
- self?: "end" | "start" | "center" | "auto" | "baseline" | "stretch" | null | undefined;
122
+ self?: "end" | "start" | "center" | "auto" | "stretch" | "baseline" | null | undefined;
56
123
  shrink?: 0 | 1 | null | undefined;
57
- wrap?: "wrap" | "nowrap" | "reverse" | null | undefined;
58
- p?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
59
- pb?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
60
- pe?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
61
- ps?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
62
- pt?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
63
- px?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
64
- py?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
65
- m?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
66
- mb?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
67
- me?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
68
- ms?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
69
- mt?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
70
- mx?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
71
- my?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | "auto" | null | undefined;
124
+ wrap?: "wrap" | "reverse" | "nowrap" | null | undefined;
125
+ p?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
126
+ pb?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
127
+ pe?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
128
+ ps?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
129
+ pt?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
130
+ px?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
131
+ py?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
132
+ m?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
133
+ mb?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
134
+ me?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
135
+ ms?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
136
+ mt?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
137
+ mx?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
138
+ my?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
72
139
  grow?: 0 | 1 | null | undefined;
73
- justify?: "end" | "start" | "center" | "baseline" | "stretch" | "around" | "between" | "evenly" | "normal" | null | undefined;
74
- gap?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
75
- gapColumn?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
76
- gapRow?: 0 | "px" | 1 | 16 | 2 | 0.5 | 1.5 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
77
- align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
78
- direction?: "row" | "column-reverse" | "row-reverse" | "column" | null | undefined;
140
+ justify?: "end" | "start" | "center" | "stretch" | "baseline" | "normal" | "around" | "between" | "evenly" | null | undefined;
141
+ gap?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
142
+ gapColumn?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
143
+ gapRow?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
144
+ align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
145
+ direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
79
146
  display?: "flex" | "none" | "inline-flex" | null | undefined;
80
147
  } & ClassProp) | undefined) => string;
81
148
 
149
+ export declare const IconButton: React_2.ForwardRefExoticComponent<Omit<IconButtonProps, "fullWidth" | "iconOnly"> & React_2.RefAttributes<HTMLButtonElement>>;
150
+
151
+ declare interface IconButtonProps extends ButtonBaseProps {
152
+ iconOnly: true;
153
+ 'aria-label': string;
154
+ }
155
+
82
156
  export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
83
157
 
158
+ export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
159
+
84
160
  export { }