@keeper-security/keeper-js-ui 0.7.0 → 0.9.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 +28 -0
  2. package/README.md +0 -10
  3. package/dist/index.es.d.ts +105 -33
  4. package/dist/index.es.js +6227 -3833
  5. package/dist/index.umd.js +42 -32
  6. package/dist/style.css +1 -1
  7. package/package.json +35 -32
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.9.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.8.0...v0.9.0) (2025-04-22)
4
+
5
+
6
+ ### Features
7
+
8
+ * add List component ([#212](https://github.com/Keeper-Security/keeper-js-ui/issues/212)) ([485374e](https://github.com/Keeper-Security/keeper-js-ui/commit/485374e6143d2a4a980ce1bd1829af4bca6ba26a))
9
+ * provide context for internal component labels ([#214](https://github.com/Keeper-Security/keeper-js-ui/issues/214)) ([e2a42c8](https://github.com/Keeper-Security/keeper-js-ui/commit/e2a42c8c21e185250777aebf6359f8f7bcb0d6b3)), closes [#209](https://github.com/Keeper-Security/keeper-js-ui/issues/209)
10
+ * **Tooltip:** set defaults to avoid persistent content ([#192](https://github.com/Keeper-Security/keeper-js-ui/issues/192)) ([55355af](https://github.com/Keeper-Security/keeper-js-ui/commit/55355afcfb279246400e34883810df3689181b9a))
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * update Toast styles to match Web Vault ([#208](https://github.com/Keeper-Security/keeper-js-ui/issues/208)) ([afe47d1](https://github.com/Keeper-Security/keeper-js-ui/commit/afe47d1466dd3cdb77e0278ed8d89e768df589ef))
16
+
17
+ ## [0.8.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.7.0...v0.8.0) (2025-03-14)
18
+
19
+
20
+ ### Features
21
+
22
+ * add ScrollArea component ([#187](https://github.com/Keeper-Security/keeper-js-ui/issues/187)) ([7359594](https://github.com/Keeper-Security/keeper-js-ui/commit/73595945489361d0353c98309548d70651f6ab20)), closes [#186](https://github.com/Keeper-Security/keeper-js-ui/issues/186)
23
+ * add Select component ([#71](https://github.com/Keeper-Security/keeper-js-ui/issues/71)) ([fb58584](https://github.com/Keeper-Security/keeper-js-ui/commit/fb58584da9df0959d47e7e7cba8df2aaae024ef0)), closes [#183](https://github.com/Keeper-Security/keeper-js-ui/issues/183)
24
+ * **Tooltip:** set position default to bottom, room permitting ([#191](https://github.com/Keeper-Security/keeper-js-ui/issues/191)) ([9b70ebb](https://github.com/Keeper-Security/keeper-js-ui/commit/9b70ebb6c5f91ad30544e2ee6a9bdf798402b9de))
25
+
26
+
27
+ ### Bug Fixes
28
+
29
+ * **Tooltip:** set max-width so content wraps ([#189](https://github.com/Keeper-Security/keeper-js-ui/issues/189)) ([6ffa233](https://github.com/Keeper-Security/keeper-js-ui/commit/6ffa23393b14d1d1ba21bc63edff2be6986c634c))
30
+
3
31
  ## [0.7.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.6.0...v0.7.0) (2025-03-07)
4
32
 
5
33
 
package/README.md CHANGED
@@ -174,16 +174,6 @@ This will allow you to use any standard Tailwind CSS classes within the `classNa
174
174
  > [!NOTE]
175
175
  > Some pages, such as `Docs`, will always render the `light` theme regardless of the selected theme. The component itself will render in the correct theme but the surrounding UI will not. Switch to an actual story to see the full page rendered as the chosen theme.
176
176
 
177
- There are four themes to choose from:
178
-
179
- - light
180
- - dark
181
- - high contrast light
182
- - high contrast dark
183
-
184
- > [!NOTE]
185
- > The `high contrast *` themes will make best efforts to render components using an example of simplified [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color). This is to be used only as a quick reference, not as a source of truth. For accurate representations of component rendering in these modes, refer to [triggering forced-colors/high contrast modes](#triggering-forced-colorshigh-contrast-modes).
186
-
187
177
  #### Triggering Forced-Colors/High Contrast Modes
188
178
 
189
179
  - Safari and Firefox do not have this feature in their dev tools, but they will respect system-wide settings.
package/dist/index.es.d.ts CHANGED
@@ -5,12 +5,23 @@ import { DirectionProvider } from '@radix-ui/react-direction';
5
5
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
6
6
  import { JSX as JSX_2 } from 'react/jsx-runtime';
7
7
  import * as React_2 from 'react';
8
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
9
+ import * as SelectPrimitive from '@radix-ui/react-select';
8
10
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
9
11
  import * as SwitchPrimitives from '@radix-ui/react-switch';
10
12
  import * as ToastPrimitives from '@radix-ui/react-toast';
11
13
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
12
14
  import { VariantProps } from 'class-variance-authority';
13
15
 
16
+ /**
17
+ * Ensures interactive elements, such as buttons and inputs, have associated descriptive text for a11y concerns.
18
+ */
19
+ declare type AccessibleInteractiveElementHelper = AtLeastOneRequired<{
20
+ id: string;
21
+ 'aria-labelledby': string;
22
+ 'aria-label': string;
23
+ }>;
24
+
14
25
  /**
15
26
  * Utility type that ensures at least one of the props is present.
16
27
  *
@@ -54,20 +65,20 @@ declare interface BoxProps extends React_2.HTMLAttributes<HTMLDivElement>, Varia
54
65
  }
55
66
 
56
67
  declare const boxVariants: (props?: ({
57
- 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;
58
- 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;
59
- 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;
60
- 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;
61
- 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;
62
- 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;
63
- 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;
64
- 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;
65
- 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;
66
- 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;
67
- 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;
68
- 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;
69
- 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;
70
- 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;
68
+ p?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
69
+ pb?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
70
+ pe?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
71
+ ps?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
72
+ pt?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
73
+ px?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
74
+ py?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
75
+ m?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
76
+ mb?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
77
+ me?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
78
+ ms?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
79
+ mt?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
80
+ mx?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
81
+ my?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
71
82
  display?: "none" | "block" | "inline-block" | null | undefined;
72
83
  } & ClassProp) | undefined) => string;
73
84
 
@@ -93,6 +104,15 @@ declare const buttonVariants: (props?: ({
93
104
  size?: "sm" | "md" | "lg" | null | undefined;
94
105
  } & ClassProp) | undefined) => string;
95
106
 
107
+ /**
108
+ * Sets internal component labels with the User's language preference.
109
+ *
110
+ * In most cases, this simply provides a generic fallback for component aria-*, such as the dismiss button on a Toast.
111
+ *
112
+ * @param keeperJsUiStrings - The object representing all of the keys that need to be defined.
113
+ */
114
+ export declare function configureStrings(keeperJsUiStrings: Strings): void;
115
+
96
116
  export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
97
117
 
98
118
  export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -127,7 +147,7 @@ export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent
127
147
 
128
148
  export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
129
149
 
130
- export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
150
+ export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
131
151
 
132
152
  export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
133
153
  inset?: boolean;
@@ -172,25 +192,25 @@ declare const flexVariants: (props?: ({
172
192
  self?: "end" | "start" | "center" | "auto" | "stretch" | "baseline" | null | undefined;
173
193
  shrink?: 0 | 1 | null | undefined;
174
194
  wrap?: "wrap" | "reverse" | "nowrap" | null | undefined;
175
- 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;
176
- 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;
177
- 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;
178
- 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;
179
- 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;
180
- 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;
181
- 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;
182
- 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;
183
- 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;
184
- 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;
185
- 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;
186
- 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;
187
- 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;
188
- 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;
195
+ p?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
196
+ pb?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
197
+ pe?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
198
+ ps?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
199
+ pt?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
200
+ px?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
201
+ py?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
202
+ m?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
203
+ mb?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
204
+ me?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
205
+ ms?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
206
+ mt?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
207
+ mx?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
208
+ my?: 0 | "px" | 16 | 1 | 2 | "auto" | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
189
209
  grow?: 0 | 1 | null | undefined;
190
210
  justify?: "end" | "start" | "center" | "stretch" | "baseline" | "normal" | "around" | "between" | "evenly" | null | undefined;
191
- 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;
192
- 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;
193
- 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;
211
+ gap?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
212
+ gapColumn?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
213
+ gapRow?: 0 | "px" | 16 | 1 | 2 | 3 | 4 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
194
214
  align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
195
215
  direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
196
216
  display?: "flex" | "none" | "inline-flex" | null | undefined;
@@ -203,8 +223,59 @@ declare interface IconButtonProps extends ButtonBaseProps {
203
223
  'aria-label': string;
204
224
  }
205
225
 
226
+ declare let initialStrings: {
227
+ toast: {
228
+ dismissButtonLabel: string;
229
+ };
230
+ };
231
+
232
+ export declare const List: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
233
+
234
+ export declare const ListItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
235
+ inset?: boolean;
236
+ } & React_2.RefAttributes<HTMLLIElement>>;
237
+
238
+ export declare const ListItemArrow: React_2.FC<React_2.ComponentPropsWithoutRef<'svg'>>;
239
+
240
+ export declare const ListItemButton: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color"> & VariantProps<(props?: ({
241
+ color?: "secondary" | "destructive" | null | undefined;
242
+ } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
243
+
244
+ export declare const ListItemText: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
245
+ primary: React_2.ReactNode;
246
+ secondary?: React_2.ReactNode;
247
+ } & React_2.RefAttributes<HTMLSpanElement>>;
248
+
249
+ export declare const ListLabel: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
250
+ inset?: boolean;
251
+ } & React_2.RefAttributes<HTMLLIElement>>;
252
+
253
+ export declare const ListSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
254
+
255
+ export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
256
+
257
+ export declare const ScrollAreaViewport: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
258
+
259
+ export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
260
+
261
+ export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
262
+
263
+ export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
264
+
265
+ export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
266
+
267
+ export declare const SelectTrigger: React_2.ForwardRefExoticComponent<(AccessibleInteractiveElementHelper & Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref">) & React_2.RefAttributes<HTMLButtonElement>>;
268
+
269
+ export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
270
+
206
271
  export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
207
272
 
273
+ declare type Strings = typeof initialStrings;
274
+
275
+ export declare function StringsProvider({ children }: {
276
+ children: React_2.ReactNode;
277
+ }): JSX_2.Element;
278
+
208
279
  export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
209
280
 
210
281
  declare type SwitchProps = AtLeastOneRequired<SwitchPropsA11y> & React_2.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
@@ -235,6 +306,7 @@ declare type ToasterToast = ToastProps & {
235
306
  description?: React_2.ReactNode;
236
307
  action?: ToastActionElement;
237
308
  icon?: React_2.ReactNode;
309
+ dismissButtonLabel?: string;
238
310
  };
239
311
 
240
312
  declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof ToastRoot>;
@@ -245,7 +317,7 @@ export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
245
317
 
246
318
  export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
247
319
 
248
- export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;
320
+ export declare const TooltipProvider: ({ disableHoverableContent, ...props }: React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>) => JSX_2.Element;
249
321
 
250
322
  export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
251
323