@keeper-security/keeper-js-ui 0.10.1 → 0.12.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 +35 -0
  2. package/README.md +53 -0
  3. package/dist/index.es.d.ts +287 -37
  4. package/dist/index.es.js +5672 -3876
  5. package/dist/index.umd.js +12 -62
  6. package/dist/style.css +1 -1
  7. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,40 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.12.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.11.0...v0.12.0) (2025-06-03)
4
+
5
+
6
+ ### Features
7
+
8
+ * **Button:** add loading state ([#252](https://github.com/Keeper-Security/keeper-js-ui/issues/252)) ([29e72c3](https://github.com/Keeper-Security/keeper-js-ui/commit/29e72c36dc68520c0f204a2ac2beab5487d877ab))
9
+ * **Color:** add success state (Button, Icon) ([#255](https://github.com/Keeper-Security/keeper-js-ui/issues/255)) ([63ccb28](https://github.com/Keeper-Security/keeper-js-ui/commit/63ccb2870aff4a7c5b10728f33b987cacdc35e35))
10
+ * **Icons:** add more icons and adjust some others ([#250](https://github.com/Keeper-Security/keeper-js-ui/issues/250)) ([28474f5](https://github.com/Keeper-Security/keeper-js-ui/commit/28474f58c92f832b9050179bffa36a5e9e9b0883))
11
+ * **Icons:** export icons and create Storybook icon gallery ([c656c37](https://github.com/Keeper-Security/keeper-js-ui/commit/c656c378b75463b1324083a0dcb08eeb67fff04d))
12
+ * **Popover:** add Popover component to library ([#253](https://github.com/Keeper-Security/keeper-js-ui/issues/253)) ([bc830a6](https://github.com/Keeper-Security/keeper-js-ui/commit/bc830a6b54b2fef03d0f414e3c2e378457a51a8c))
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * **DropdownMenu:** make Firefox hover, focus consistent ([#238](https://github.com/Keeper-Security/keeper-js-ui/issues/238)) ([d38c079](https://github.com/Keeper-Security/keeper-js-ui/commit/d38c079375e9bb7feaad6c339134b7ef02784b1a))
18
+ * **DropdownMenuSubTrigger:** use HighlightText for Chevrons ([#244](https://github.com/Keeper-Security/keeper-js-ui/issues/244)) ([67ceb7e](https://github.com/Keeper-Security/keeper-js-ui/commit/67ceb7e37665821a9d707e329ade5d0bd7efb28c))
19
+ * **SelectItem:** use HighlightText for Check ([#242](https://github.com/Keeper-Security/keeper-js-ui/issues/242)) ([437c3c7](https://github.com/Keeper-Security/keeper-js-ui/commit/437c3c7eb277e00aa0ccddbfed224da4eb7292b5)), closes [#241](https://github.com/Keeper-Security/keeper-js-ui/issues/241)
20
+ * **Select:** make Firefox and Safari focus, hover, and tabIndex consistent ([#236](https://github.com/Keeper-Security/keeper-js-ui/issues/236)) ([0945939](https://github.com/Keeper-Security/keeper-js-ui/commit/09459397fa0bf9d02c29f1ca71e47cc2ed962d70))
21
+ * **TooltipArrow:** prevent external CSS overrides and update styles ([#259](https://github.com/Keeper-Security/keeper-js-ui/issues/259)) ([5e57439](https://github.com/Keeper-Security/keeper-js-ui/commit/5e5743924ea27d090a4161e55d6f2dd8cdb43288))
22
+
23
+ ## [0.11.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.10.1...v0.11.0) (2025-04-29)
24
+
25
+
26
+ ### Features
27
+
28
+ * **Icons:** transition icons from lucide-react to internal ([#225](https://github.com/Keeper-Security/keeper-js-ui/issues/225)) ([a55c54f](https://github.com/Keeper-Security/keeper-js-ui/commit/a55c54fa6b28874d351da9735855089e46bdf04c))
29
+
30
+
31
+ ### Bug Fixes
32
+
33
+ * **Icon:** add missing keys for children ([#230](https://github.com/Keeper-Security/keeper-js-ui/issues/230)) ([8bba5fe](https://github.com/Keeper-Security/keeper-js-ui/commit/8bba5fee1328e6d30d4b466a2568abf02837c51f))
34
+ * **List:** update to use IconProps and remove ref errors ([#229](https://github.com/Keeper-Security/keeper-js-ui/issues/229)) ([0d855e0](https://github.com/Keeper-Security/keeper-js-ui/commit/0d855e08c067992b7f791a79cbe69e527d39e519))
35
+ * **Toast:** polish Toast integration and CSS overrides ([#231](https://github.com/Keeper-Security/keeper-js-ui/issues/231)) ([4a9cbef](https://github.com/Keeper-Security/keeper-js-ui/commit/4a9cbef09be8470962863bc82c85c6b947df895b))
36
+ * **Toast:** restore ToastClose size and remove ToastTitle ([#226](https://github.com/Keeper-Security/keeper-js-ui/issues/226)) ([fff7adb](https://github.com/Keeper-Security/keeper-js-ui/commit/fff7adbc740fe13e7109c9ffc22ccd1ad24935b3))
37
+
3
38
  ## [0.10.1](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.10.0...v0.10.1) (2025-04-24)
4
39
 
5
40
 
package/README.md CHANGED
@@ -190,6 +190,59 @@ This will allow you to use any standard Tailwind CSS classes within the `classNa
190
190
  4. Select `Emulate CSS forced-colors: active`.
191
191
  5. To deactivate, repeat the `Run` command but select `Do not emulate CSS forced-colors`.
192
192
 
193
+ ## Adding Icons
194
+
195
+ 1. Create a `.tsx` file in `src/icons`.
196
+ - Use kebab case for file names.
197
+ 2. Define the `children` of the `svg` content.
198
+
199
+ ```jsx
200
+ // src/icons/my-new-example.tsx
201
+
202
+ const children = <path d="..." />
203
+ ```
204
+
205
+ 3. Call the `createIcon()` function with a name and `children` arguments.
206
+
207
+ ```jsx
208
+ // src/icons/my-new-example.tsx
209
+
210
+ const MyNewExampleIcon = createIcon('MyNewExampleIcon', children)
211
+ ```
212
+
213
+ 4. Export the new icon.
214
+
215
+ ```jsx
216
+ // src/icons/my-new-example.tsx
217
+
218
+ export const MyNewExampleIcon = createIcon('MyNewExampleIcon', children)
219
+ ```
220
+
221
+ 5. Export relevant aliases.
222
+
223
+ ```jsx
224
+ // src/icons/my-new-example.tsx
225
+
226
+ export const MyNewExampleIcon = createIcon('MyNewExampleIcon', children)
227
+ export const aliases = ['docs', 'examples']
228
+ ```
229
+
230
+ - Icon alias inspiration:
231
+ - Lucide
232
+ - [Interactive](https://lucide.dev/icons/)
233
+ - [source (\*.json files)](https://github.com/lucide-icons/lucide/tree/main/icons)
234
+ - MUI
235
+ - [Interactive](https://mui.com/material-ui/material-icons/#search-material-icons)
236
+ - [source](https://github.com/mui/material-ui/blob/master/docs/data/material/components/material-icons/synonyms.js)
237
+
238
+ 6. Export the new icon from `src/icons/index.tsx
239
+
240
+ ```jsx
241
+ // src/icons/index.tsx
242
+
243
+ export { MyNewExampleIcon } from '@/icons/my-new-example'
244
+ ```
245
+
193
246
  ## Testing
194
247
 
195
248
  The [Storybook test runner](https://storybook.js.org/docs/writing-tests/test-runner) will run smoke tests and unit tests with the command: `npm test`.
package/dist/index.es.d.ts CHANGED
@@ -3,8 +3,11 @@ import { ClassProp } from 'class-variance-authority/dist/types';
3
3
  import * as DialogPrimitive from '@radix-ui/react-dialog';
4
4
  import { DirectionProvider } from '@radix-ui/react-direction';
5
5
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
6
+ import { ForwardRefExoticComponent } from 'react';
6
7
  import { JSX as JSX_2 } from 'react/jsx-runtime';
8
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
7
9
  import * as React_2 from 'react';
10
+ import { RefAttributes } from 'react';
8
11
  import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
9
12
  import * as SelectPrimitive from '@radix-ui/react-select';
10
13
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -13,6 +16,8 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
13
16
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
14
17
  import { VariantProps } from 'class-variance-authority';
15
18
 
19
+ export declare const AccessibilityIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
20
+
16
21
  /**
17
22
  * Ensures interactive elements, such as buttons and inputs, have associated descriptive text for a11y concerns.
18
23
  */
@@ -22,6 +27,16 @@ declare type AccessibleInteractiveElementHelper = AtLeastOneRequired<{
22
27
  'aria-label': string;
23
28
  }>;
24
29
 
30
+ export declare const AppWindowGlobeIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
31
+
32
+ export declare const AppWindowPromptTopRightIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
33
+
34
+ export declare const AppWindowTerminalIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
35
+
36
+ export declare const ArrowDownIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
37
+
38
+ export declare const ArrowLeftIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
39
+
25
40
  /**
26
41
  * Utility type that ensures at least one of the props is present.
27
42
  *
@@ -57,6 +72,10 @@ declare const avatarVariants: (props?: ({
57
72
  size?: "sm" | "md" | "lg" | null | undefined;
58
73
  } & ClassProp) | undefined) => string;
59
74
 
75
+ export declare const BadgeUserIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
76
+
77
+ export declare const BirthCertificateIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
78
+
60
79
  export declare const Box: React_2.ForwardRefExoticComponent<BoxProps & React_2.RefAttributes<HTMLDivElement>>;
61
80
 
62
81
  declare interface BoxProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof boxVariants> {
@@ -65,20 +84,20 @@ declare interface BoxProps extends React_2.HTMLAttributes<HTMLDivElement>, Varia
65
84
  }
66
85
 
67
86
  declare const boxVariants: (props?: ({
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;
87
+ p?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
88
+ pb?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
89
+ pe?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
90
+ ps?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
91
+ pt?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
92
+ px?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
93
+ py?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
94
+ m?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
95
+ mb?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
96
+ me?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
97
+ ms?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
98
+ mt?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
99
+ mx?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
100
+ my?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
82
101
  display?: "none" | "block" | "inline-block" | null | undefined;
83
102
  } & ClassProp) | undefined) => string;
84
103
 
@@ -89,6 +108,7 @@ declare interface ButtonBaseProps extends Omit<React_2.ButtonHTMLAttributes<HTML
89
108
  endContent?: React_2.ReactNode;
90
109
  startContent?: React_2.ReactNode;
91
110
  asChild?: boolean;
111
+ loading?: boolean;
92
112
  }
93
113
 
94
114
  declare interface ButtonProps extends ButtonBaseProps {
@@ -97,13 +117,52 @@ declare interface ButtonProps extends ButtonBaseProps {
97
117
 
98
118
  declare const buttonVariants: (props?: ({
99
119
  variant?: "link" | "solid" | "outline" | "plain" | "avatar" | null | undefined;
100
- color?: "neutral" | "primary" | "secondary" | "destructive" | null | undefined;
120
+ color?: "neutral" | "primary" | "secondary" | "success" | "destructive" | null | undefined;
101
121
  fullWidth?: boolean | null | undefined;
102
122
  iconOnly?: boolean | null | undefined;
123
+ loading?: boolean | null | undefined;
103
124
  radius?: "full" | null | undefined;
104
125
  size?: "sm" | "md" | "lg" | null | undefined;
105
126
  } & ClassProp) | undefined) => string;
106
127
 
128
+ export declare const CheckIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
129
+
130
+ export declare const ChevronDownIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
131
+
132
+ export declare const ChevronLeftIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
133
+
134
+ export declare const ChevronRightIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
135
+
136
+ export declare const ChevronUpIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
137
+
138
+ export declare const CircleAlertIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
139
+
140
+ export declare const CircleAlertOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
141
+
142
+ export declare const CircleCheckIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
143
+
144
+ export declare const CircleHelpIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
145
+
146
+ export declare const CircleHelpOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
147
+
148
+ export declare const CircleInfoOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
149
+
150
+ export declare const CircleLockIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
151
+
152
+ export declare const CirclePlusIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
153
+
154
+ export declare const CircleSegmentTopRightIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
155
+
156
+ export declare const CircleUserIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
157
+
158
+ export declare const CircleUserOffIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
159
+
160
+ export declare const CircleXIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
161
+
162
+ export declare const ClipboardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
163
+
164
+ export declare const ClipboardXIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
165
+
107
166
  /**
108
167
  * Sets internal component labels with the User's language preference.
109
168
  *
@@ -113,6 +172,14 @@ declare const buttonVariants: (props?: ({
113
172
  */
114
173
  export declare function configureStrings(keeperJsUiStrings: Strings): void;
115
174
 
175
+ export declare const CopyIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
176
+
177
+ export declare const CreditCardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
178
+
179
+ export declare const DatabaseIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
180
+
181
+ export declare const DatabaseMapPinIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
182
+
116
183
  export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
117
184
 
118
185
  export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -139,8 +206,20 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
139
206
 
140
207
  export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
141
208
 
209
+ export declare const DiceIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
210
+
211
+ export declare const DiceOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
212
+
213
+ export declare const DiceWhiteIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
214
+
142
215
  export { DirectionProvider }
143
216
 
217
+ export declare const DotIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
218
+
219
+ export declare const DotOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
220
+
221
+ export declare const DownloadIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
222
+
144
223
  export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
145
224
 
146
225
  export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -180,6 +259,22 @@ export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<O
180
259
 
181
260
  export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
182
261
 
262
+ export declare const EarthIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
263
+
264
+ export declare const EllipsisHorizontalIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
265
+
266
+ export declare const EllipsisVerticalIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
267
+
268
+ export declare const EyeIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
269
+
270
+ export declare const EyeOffIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
271
+
272
+ export declare const FileCogIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
273
+
274
+ export declare const FileLockIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
275
+
276
+ export declare const FingerprintIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
277
+
183
278
  export declare const Flex: React_2.ForwardRefExoticComponent<FlexProps & React_2.RefAttributes<HTMLDivElement>>;
184
279
 
185
280
  declare interface FlexProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof flexVariants> {
@@ -189,33 +284,41 @@ declare interface FlexProps extends React_2.HTMLAttributes<HTMLDivElement>, Vari
189
284
  }
190
285
 
191
286
  declare const flexVariants: (props?: ({
192
- self?: "end" | "start" | "center" | "auto" | "stretch" | "baseline" | null | undefined;
287
+ self?: "center" | "end" | "start" | "auto" | "baseline" | "stretch" | null | undefined;
193
288
  shrink?: 0 | 1 | null | undefined;
194
289
  wrap?: "wrap" | "reverse" | "nowrap" | 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;
290
+ p?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
291
+ pb?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
292
+ pe?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
293
+ ps?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
294
+ pt?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
295
+ px?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
296
+ py?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
297
+ m?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
298
+ mb?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
299
+ me?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
300
+ ms?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
301
+ mt?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
302
+ mx?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
303
+ my?: 0 | 1 | "px" | "auto" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
209
304
  grow?: 0 | 1 | null | undefined;
210
- justify?: "end" | "start" | "center" | "stretch" | "baseline" | "normal" | "around" | "between" | "evenly" | 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;
214
- align?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
305
+ justify?: "center" | "end" | "start" | "baseline" | "stretch" | "normal" | "around" | "between" | "evenly" | null | undefined;
306
+ gap?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
307
+ gapColumn?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
308
+ gapRow?: 0 | 1 | "px" | 16 | 2 | 3 | 4 | 10 | 12 | 0.5 | 1.5 | 2.5 | 3.5 | 5 | 6 | 7 | 8 | 9 | 11 | 14 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | null | undefined;
309
+ align?: "center" | "end" | "start" | "baseline" | "stretch" | null | undefined;
215
310
  direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
216
- display?: "flex" | "none" | "inline-flex" | null | undefined;
311
+ display?: "none" | "flex" | "inline-flex" | null | undefined;
217
312
  } & ClassProp) | undefined) => string;
218
313
 
314
+ export declare const FolderIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
315
+
316
+ export declare const FolderShareIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
317
+
318
+ export declare const GlobeIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
319
+
320
+ export declare const HospitalIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
321
+
219
322
  export declare const IconButton: React_2.ForwardRefExoticComponent<Omit<IconButtonProps, "fullWidth" | "iconOnly"> & React_2.RefAttributes<HTMLButtonElement>>;
220
323
 
221
324
  declare interface IconButtonProps extends ButtonBaseProps {
@@ -223,19 +326,48 @@ declare interface IconButtonProps extends ButtonBaseProps {
223
326
  'aria-label': string;
224
327
  }
225
328
 
329
+ declare interface IconProps extends Omit<React_2.ComponentPropsWithoutRef<'svg'>, 'color'>, VariantProps<typeof iconVariants> {
330
+ }
331
+
332
+ declare const iconVariants: (props?: ({
333
+ color?: "current" | "neutral" | "primary" | "secondary" | "success" | "destructive" | null | undefined;
334
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
335
+ } & ClassProp) | undefined) => string;
336
+
337
+ export declare const IdCardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
338
+
226
339
  declare let initialStrings: {
227
340
  toast: {
228
341
  dismissButtonLabel: string;
229
342
  };
230
343
  };
231
344
 
345
+ export declare const KeeperCoinIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
346
+
347
+ export declare const KeeperIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
348
+
349
+ export declare const KeeperOffIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
350
+
351
+ export declare const KeeperSquareInputIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
352
+
353
+ export declare const KeyboardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
354
+
355
+ export declare const KeyUserIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
356
+
357
+ export declare const LandmarkIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
358
+
359
+ export declare const LightbulbIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
360
+
232
361
  export declare const List: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
233
362
 
234
363
  export declare const ListItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
235
364
  inset?: boolean;
236
365
  } & React_2.RefAttributes<HTMLLIElement>>;
237
366
 
238
- export declare const ListItemArrow: React_2.FC<React_2.ComponentPropsWithoutRef<'svg'>>;
367
+ export declare const ListItemArrow: {
368
+ ({ className, ...props }: IconProps): JSX_2.Element;
369
+ displayName: string;
370
+ };
239
371
 
240
372
  export declare const ListItemButton: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color"> & VariantProps<(props?: ({
241
373
  color?: "secondary" | "destructive" | null | undefined;
@@ -252,12 +384,82 @@ export declare const ListLabel: React_2.ForwardRefExoticComponent<Omit<React_2.D
252
384
 
253
385
  export declare const ListSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
254
386
 
387
+ export declare const Loader: React_2.ForwardRefExoticComponent<Omit<LoaderProps, "ref"> & React_2.RefAttributes<SVGSVGElement>>;
388
+
389
+ declare interface LoaderProps extends Omit<React_2.ComponentProps<'svg'>, 'color'>, VariantProps<typeof loaderVariants> {
390
+ }
391
+
392
+ declare const loaderVariants: (props?: ({
393
+ color?: "current" | "neutral" | "primary" | "secondary" | "destructive" | null | undefined;
394
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | null | undefined;
395
+ } & ClassProp) | undefined) => string;
396
+
397
+ export declare const LockIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
398
+
399
+ export declare const LockOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
400
+
401
+ export declare const LogInIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
402
+
403
+ export declare const LogOutIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
404
+
405
+ export declare const MapPinIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
406
+
407
+ export declare const MembershipCardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
408
+
409
+ export declare const MessageSquareInfoIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
410
+
411
+ export declare const MessageSquareMoreIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
412
+
413
+ export declare const MessageSquarePenLineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
414
+
415
+ export declare const MonitorLayoutGridIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
416
+
417
+ export declare const NetworkIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
418
+
419
+ export declare const PaletteIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
420
+
421
+ export declare const PanelLandscapeIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
422
+
423
+ export declare const PanelPortraitIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
424
+
425
+ export declare const PanelsTopLeftIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
426
+
427
+ export declare const PaperclipIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
428
+
429
+ export declare const PcCaseIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
430
+
431
+ export declare const PencilIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
432
+
433
+ export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
434
+
435
+ export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
436
+
437
+ export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
438
+
439
+ export declare const PowerIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
440
+
441
+ export declare const RadioIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
442
+
443
+ export declare const RadioSelectedIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
444
+
445
+ export declare const RefreshCcwIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
446
+
447
+ export declare const ReplyIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
448
+
449
+ export declare const RotateCwIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
450
+
451
+ export declare const SaveIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
452
+
453
+ export declare const ScanCameraIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
454
+
255
455
  export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
256
456
 
257
457
  export declare const ScrollAreaViewport: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
258
458
 
259
459
  export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
260
460
 
461
+ export declare const SearchIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
462
+
261
463
  export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
262
464
 
263
465
  export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -270,6 +472,42 @@ export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimit
270
472
 
271
473
  export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
272
474
 
475
+ export declare const ServerIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
476
+
477
+ export declare const SettingsIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
478
+
479
+ export declare const ShapesIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
480
+
481
+ export declare const ShieldQuestionIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
482
+
483
+ export declare const ShieldSecurityIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
484
+
485
+ export declare const SkipForwardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
486
+
487
+ export declare const SlidersHorizontalIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
488
+
489
+ export declare const SocialSecurityCardIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
490
+
491
+ export declare const SquareArrowOutUpRightIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
492
+
493
+ export declare const SquareCheckIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
494
+
495
+ export declare const SquareGlobeLineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
496
+
497
+ export declare const SquareIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
498
+
499
+ export declare const SquareImageIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
500
+
501
+ export declare const SquareInputIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
502
+
503
+ export declare const SquareKeyUserIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
504
+
505
+ export declare const SquareUserIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
506
+
507
+ export declare const StarIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
508
+
509
+ export declare const StarOutlineIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
510
+
273
511
  declare type Strings = typeof initialStrings;
274
512
 
275
513
  export declare function StringsProvider({ children }: {
@@ -286,6 +524,8 @@ declare type SwitchPropsA11y = {
286
524
  'aria-label': string;
287
525
  };
288
526
 
527
+ export declare const TimerIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
528
+
289
529
  export declare const Toast: () => JSX_2.Element;
290
530
 
291
531
  declare function toast({ ...props }: ToasterProps): {
@@ -321,10 +561,20 @@ export declare const TooltipProvider: ({ disableHoverableContent, ...props }: Re
321
561
 
322
562
  export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
323
563
 
564
+ export declare const TrashIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
565
+
566
+ export declare const TriangleAlertIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
567
+
568
+ export declare const UsersIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
569
+
324
570
  export declare function useToast(): {
325
571
  toast: typeof toast;
326
572
  dismiss: (toastId?: string) => void;
327
573
  toasts: ToasterToast[];
328
574
  };
329
575
 
576
+ export declare const VaultIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
577
+
578
+ export declare const XIcon: ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
579
+
330
580
  export { }