dash-ui-kit 1.0.5 → 1.0.6

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.
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ export interface BadgeProps {
3
+ /**
4
+ * Content of the badge
5
+ */
6
+ children: React.ReactNode;
7
+ /**
8
+ * Visual style variant
9
+ */
10
+ variant?: 'default' | 'flat' | 'solid' | 'bordered';
11
+ /**
12
+ * Color theme
13
+ */
14
+ color?: 'blue' | 'white' | 'gray' | 'light-gray' | 'turquoise' | 'red' | 'orange';
15
+ /**
16
+ * Size of the badge
17
+ */
18
+ size?: 'xxs' | 'sm' | 'xl';
19
+ /**
20
+ * Additional CSS class name
21
+ */
22
+ className?: string;
23
+ }
24
+ export declare const Badge: React.FC<BadgeProps>;
25
+ export default Badge;
@@ -36,3 +36,9 @@ export declare const SettingsIcon: React.FC<IconProps>;
36
36
  export declare const ShieldSmallIcon: React.FC<IconProps>;
37
37
  export declare const QuestionMessageIcon: React.FC<IconProps>;
38
38
  export declare const CheckmarkIcon: React.FC<IconProps>;
39
+ export declare const FingerprintIcon: React.FC<IconProps>;
40
+ export declare const FaceIcon: React.FC<IconProps>;
41
+ export declare const SignIcon: React.FC<IconProps>;
42
+ export declare const SignLockIcon: React.FC<IconProps>;
43
+ export declare const LockIcon: React.FC<IconProps>;
44
+ export declare const PendingIcon: React.FC<IconProps>;
@@ -1,4 +1,5 @@
1
1
  export { Accordion, type AccordionProps } from './accordion';
2
+ export { Badge, type BadgeProps } from './badge';
2
3
  export { Button, type ButtonProps } from './button';
3
4
  export { Input, type InputProps } from './input';
4
5
  export { Textarea, type TextareaProps } from './textarea';
@@ -23,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
23
24
  export { Dialog, type DialogProps } from './dialog';
24
25
  export { Tabs, type TabsProps, type TabItem } from './tabs';
25
26
  export type { TimeDeltaFormat } from '../utils/datetime';
26
- export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon } from './icons';
27
+ export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon } from './icons';
@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
3
3
  declare const input: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
5
  colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
6
- size?: "sm" | "md" | "xl" | null | undefined;
6
+ size?: "sm" | "xl" | "md" | null | undefined;
7
7
  variant?: "outlined" | null | undefined;
8
8
  disabled?: boolean | null | undefined;
9
9
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -2,8 +2,8 @@ import React from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  declare const overlayMenuTrigger: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
- colorScheme?: "default" | "brand" | "gray" | "lightGray" | "error" | "success" | null | undefined;
6
- size?: "sm" | "md" | "xl" | null | undefined;
5
+ colorScheme?: "default" | "gray" | "brand" | "lightGray" | "error" | "success" | null | undefined;
6
+ size?: "sm" | "xl" | "md" | null | undefined;
7
7
  border?: boolean | null | undefined;
8
8
  disabled?: boolean | null | undefined;
9
9
  filled?: boolean | null | undefined;
@@ -2,8 +2,8 @@ import React from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  declare const overlaySelectTrigger: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
- colorScheme?: "default" | "brand" | "gray" | "lightGray" | "error" | "success" | null | undefined;
6
- size?: "sm" | "md" | "xl" | null | undefined;
5
+ colorScheme?: "default" | "gray" | "brand" | "lightGray" | "error" | "success" | null | undefined;
6
+ size?: "sm" | "xl" | "md" | null | undefined;
7
7
  border?: boolean | null | undefined;
8
8
  disabled?: boolean | null | undefined;
9
9
  filled?: boolean | null | undefined;
@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
3
3
  declare const selectTrigger: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
5
  colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
6
- size?: "sm" | "md" | "xl" | null | undefined;
6
+ size?: "sm" | "xl" | "md" | null | undefined;
7
7
  border?: boolean | null | undefined;
8
8
  disabled?: boolean | null | undefined;
9
9
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  declare const switchContainer: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
- size?: "sm" | "md" | "xl" | null | undefined;
5
+ size?: "sm" | "xl" | "md" | null | undefined;
6
6
  disabled?: boolean | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  type SwitchVariants = VariantProps<typeof switchContainer>;
@@ -3,8 +3,8 @@ import { VariantProps } from 'class-variance-authority';
3
3
  declare const textStyles: (props?: ({
4
4
  reset?: boolean | null | undefined;
5
5
  theme?: "light" | "dark" | null | undefined;
6
- color?: "default" | "red" | "blue" | "blue-dark" | null | undefined;
7
- size?: "sm" | "md" | "xl" | "xs" | "lg" | null | undefined;
6
+ color?: "default" | "blue" | "red" | "blue-dark" | null | undefined;
7
+ size?: "sm" | "xl" | "md" | "xs" | "lg" | null | undefined;
8
8
  weight?: "bold" | "normal" | 500 | null | undefined;
9
9
  italic?: boolean | null | undefined;
10
10
  underline?: boolean | null | undefined;
@@ -4,7 +4,7 @@ declare const textareaContainer: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
5
  hasValue?: boolean | null | undefined;
6
6
  colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
7
- size?: "sm" | "md" | "xl" | null | undefined;
7
+ size?: "sm" | "xl" | "md" | null | undefined;
8
8
  variant?: "outlined" | null | undefined;
9
9
  isValid?: boolean | "null" | null | undefined;
10
10
  disabled?: boolean | null | undefined;
@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
3
3
  declare const valueCard: (props?: ({
4
4
  theme?: "light" | "dark" | null | undefined;
5
5
  colorScheme?: "white" | "default" | "lightBlue" | "lightGray" | "green" | "transparent" | "yellow" | null | undefined;
6
- size?: "sm" | "md" | "xl" | null | undefined;
6
+ size?: "sm" | "xl" | "md" | null | undefined;
7
7
  clickable?: boolean | null | undefined;
8
8
  loading?: boolean | null | undefined;
9
9
  border?: boolean | null | undefined;
@@ -1800,6 +1800,198 @@ const CheckmarkIcon = ({
1800
1800
  fill: 'currentColor'
1801
1801
  })
1802
1802
  });
1803
+ const FingerprintIcon = ({
1804
+ color = '#4C7EFF',
1805
+ size = 16,
1806
+ className = '',
1807
+ onClick
1808
+ }) => jsxRuntime.jsxs("svg", {
1809
+ width: size,
1810
+ height: size * 18 / 16,
1811
+ viewBox: '0 0 16 18',
1812
+ fill: 'none',
1813
+ xmlns: 'http://www.w3.org/2000/svg',
1814
+ className: className,
1815
+ onClick: onClick,
1816
+ color: color,
1817
+ children: [jsxRuntime.jsx("g", {
1818
+ clipPath: 'url(#clip0_344_10)',
1819
+ children: jsxRuntime.jsx("path", {
1820
+ d: 'M7.49902 10.7754C7.49902 10.4994 7.72307 10.2756 7.99902 10.2754C8.27517 10.2754 8.49902 10.4992 8.49902 10.7754C8.49919 13.2206 10.3867 15.1621 12.666 15.1621C12.7316 15.1621 12.7771 15.1568 12.8877 15.1504C13.1632 15.1344 13.3998 15.3446 13.416 15.6201C13.432 15.8957 13.2219 16.1323 12.9463 16.1484C12.8892 16.1518 12.7698 16.1621 12.666 16.1621C9.7913 16.1621 7.49919 13.7288 7.49902 10.7754ZM9.83301 10.7754C9.83301 9.67981 8.99005 8.83105 7.99902 8.83105C7.00815 8.83115 6.16602 9.67988 6.16602 10.7754C6.16615 13.2329 7.40072 15.3789 9.24219 16.5811C9.47341 16.732 9.53863 17.0422 9.3877 17.2734C9.23675 17.5047 8.92654 17.5699 8.69531 17.4189C6.57168 16.0326 5.16615 13.5716 5.16602 10.7754C5.16602 9.17145 6.41301 7.83115 7.99902 7.83105C9.58521 7.83105 10.833 9.1714 10.833 10.7754C10.8332 11.8706 11.6753 12.7185 12.666 12.7188C13.6569 12.7188 14.4998 11.8708 14.5 10.7754C14.5 6.98027 11.5681 3.94339 8 3.94336C4.43197 3.94336 1.5 6.98025 1.5 10.7754C1.50003 11.642 1.59311 12.4863 1.76367 13.3008C1.82027 13.5711 1.64626 13.836 1.37598 13.8926C1.1058 13.949 0.840761 13.776 0.78418 13.5059C0.60006 12.6266 0.500029 11.7135 0.5 10.7754C0.5 6.47198 3.83668 2.94336 8 2.94336C12.1634 2.94339 15.5 6.47199 15.5 10.7754C15.4998 12.3792 14.252 13.7188 12.666 13.7188C11.0801 13.7185 9.83322 12.3791 9.83301 10.7754ZM12.1641 10.7754C12.1641 8.33008 10.2774 6.38782 7.99805 6.3877C5.71856 6.3877 3.83105 8.33001 3.83105 10.7754C3.83114 12.7587 4.42559 14.5927 5.43359 16.0986C5.5871 16.328 5.52599 16.6383 5.29688 16.792C5.06741 16.9456 4.75615 16.8847 4.60254 16.6553C3.48649 14.988 2.83114 12.9608 2.83105 10.7754C2.83105 7.82181 5.1232 5.3877 7.99805 5.3877C10.8728 5.38782 13.1641 7.82189 13.1641 10.7754C13.1638 11.0513 12.9401 11.2754 12.6641 11.2754C12.3881 11.2753 12.1643 11.0513 12.1641 10.7754ZM7.99902 0.5C10.7552 0.500054 13.2178 1.77254 14.8965 3.76855C15.0742 3.9799 15.0473 4.2959 14.8359 4.47363C14.6246 4.65118 14.3095 4.62331 14.1318 4.41211C12.6279 2.62378 10.4372 1.50005 7.99902 1.5C5.5607 1.5 3.37008 2.62381 1.86621 4.41211C1.6886 4.62332 1.37345 4.65099 1.16211 4.47363C0.950784 4.29592 0.922919 3.9799 1.10059 3.76855C2.77924 1.77236 5.24256 0.5 7.99902 0.5Z',
1821
+ fill: 'currentColor'
1822
+ })
1823
+ }), jsxRuntime.jsx("defs", {
1824
+ children: jsxRuntime.jsx("clipPath", {
1825
+ id: 'clip0_344_10',
1826
+ children: jsxRuntime.jsx("rect", {
1827
+ width: '15',
1828
+ height: '17.0003',
1829
+ fill: 'white',
1830
+ transform: 'translate(0.5 0.5)'
1831
+ })
1832
+ })
1833
+ })]
1834
+ });
1835
+ const FaceIcon = ({
1836
+ color = '#4C7EFF',
1837
+ size = 16,
1838
+ className = '',
1839
+ onClick
1840
+ }) => jsxRuntime.jsxs("svg", {
1841
+ width: size,
1842
+ height: size,
1843
+ viewBox: '0 0 16 16',
1844
+ fill: 'none',
1845
+ xmlns: 'http://www.w3.org/2000/svg',
1846
+ className: className,
1847
+ onClick: onClick,
1848
+ color: color,
1849
+ children: [jsxRuntime.jsx("g", {
1850
+ clipPath: 'url(#clip0_344_11)',
1851
+ children: jsxRuntime.jsx("path", {
1852
+ d: 'M0.5 13.4443V11.8887C0.500117 11.6126 0.72393 11.3887 1 11.3887C1.27607 11.3887 1.49988 11.6126 1.5 11.8887V13.4443C1.5 14.0273 1.97269 14.5 2.55566 14.5H4.11133C4.38737 14.5001 4.61133 14.7239 4.61133 15C4.61133 15.2761 4.38737 15.4999 4.11133 15.5H2.55566C1.42042 15.5 0.5 14.5796 0.5 13.4443ZM14.5 13.4443V11.8887C14.5001 11.6126 14.7239 11.3887 15 11.3887C15.2761 11.3887 15.4999 11.6126 15.5 11.8887V13.4443C15.5 14.5796 14.5796 15.5 13.4443 15.5H11.8887C11.6126 15.4999 11.3887 15.2761 11.3887 15C11.3887 14.7239 11.6126 14.5001 11.8887 14.5H13.4443C14.0273 14.5 14.5 14.0273 14.5 13.4443ZM12.167 8C12.167 5.69881 10.3012 3.83301 8 3.83301C5.69881 3.83301 3.83301 5.69881 3.83301 8C3.83301 10.3012 5.69881 12.167 8 12.167C10.3012 12.167 12.167 10.3012 12.167 8ZM9.53516 8.55859C9.70911 8.40443 9.97277 8.3884 10.166 8.5332C10.3869 8.69889 10.4323 9.01248 10.2666 9.2334L9.86621 8.93262C10.2294 9.205 10.2636 9.23094 10.2666 9.2334L10.2637 9.23633C10.2627 9.23759 10.262 9.23953 10.2607 9.24121C10.2581 9.24469 10.2541 9.24874 10.25 9.25391C10.2418 9.2643 10.2307 9.2784 10.2168 9.29492C10.189 9.32801 10.1497 9.37253 10.0996 9.4248C9.99965 9.52911 9.85378 9.66639 9.66504 9.80371C9.28904 10.0772 8.72095 10.3661 8 10.3662C7.2789 10.3662 6.71101 10.0772 6.33496 9.80371C6.14601 9.66628 5.99945 9.52919 5.89941 9.4248C5.8493 9.3725 5.80999 9.328 5.78223 9.29492C5.76831 9.27835 5.75726 9.26431 5.74902 9.25391C5.74508 9.24892 5.74189 9.24462 5.73926 9.24121C5.73791 9.23947 5.73634 9.23762 5.73535 9.23633L5.73438 9.23438L5.7334 9.2334C5.56773 9.01251 5.61215 8.6989 5.83301 8.5332C6.05389 8.36754 6.3675 8.41199 6.5332 8.63281C6.53579 8.63608 6.54133 8.64243 6.54883 8.65137C6.56387 8.66929 6.58845 8.69831 6.62207 8.7334C6.6897 8.80392 6.79138 8.89948 6.92285 8.99512C7.18846 9.18829 7.55443 9.36621 8 9.36621C8.44541 9.36613 8.81062 9.18823 9.07617 8.99512C9.20793 8.89929 9.31027 8.80399 9.37793 8.7334C9.41155 8.69831 9.43613 8.66929 9.45117 8.65137C9.45853 8.64259 9.46326 8.63604 9.46582 8.63281L9.4668 8.63184L9.53516 8.55859ZM6.6748 5.87012C7.04474 5.90742 7.33383 6.21987 7.33398 6.59961C7.33398 7.00454 7.00548 7.33286 6.60059 7.33301C6.22088 7.33301 5.90862 7.04465 5.87109 6.6748L5.86719 6.59961L5.87109 6.52539C5.90846 6.15538 6.22076 5.86621 6.60059 5.86621L6.6748 5.87012ZM9.47461 5.87012C9.84447 5.90747 10.1336 6.21994 10.1338 6.59961C10.1338 7.0045 9.80523 7.3328 9.40039 7.33301C9.02064 7.33301 8.70839 7.04466 8.6709 6.6748L8.66699 6.59961L8.6709 6.52539C8.7083 6.15544 9.02057 5.86621 9.40039 5.86621L9.47461 5.87012ZM0.5 4.11133V2.55566C0.5 1.42041 1.42041 0.5 2.55566 0.5H4.11133C4.38737 0.500117 4.61133 0.72393 4.61133 1C4.61133 1.27607 4.38737 1.49988 4.11133 1.5H2.55566C1.9727 1.5 1.5 1.9727 1.5 2.55566V4.11133C1.49988 4.38737 1.27607 4.61133 1 4.61133C0.72393 4.61133 0.500117 4.38737 0.5 4.11133ZM14.5 4.11133V2.55566C14.5 1.97269 14.0273 1.5 13.4443 1.5H11.8887C11.6126 1.49988 11.3887 1.27607 11.3887 1C11.3887 0.72393 11.6126 0.500117 11.8887 0.5H13.4443C14.5796 0.5 15.5 1.42042 15.5 2.55566V4.11133C15.4999 4.38737 15.2761 4.61133 15 4.61133C14.7239 4.61133 14.5001 4.38737 14.5 4.11133ZM13.167 8C13.167 10.8535 10.8535 13.167 8 13.167C5.14653 13.167 2.83301 10.8535 2.83301 8C2.83301 5.14653 5.14653 2.83301 8 2.83301C10.8535 2.83301 13.167 5.14653 13.167 8Z',
1853
+ fill: 'currentColor'
1854
+ })
1855
+ }), jsxRuntime.jsx("defs", {
1856
+ children: jsxRuntime.jsx("clipPath", {
1857
+ id: 'clip0_344_11',
1858
+ children: jsxRuntime.jsx("rect", {
1859
+ width: '15',
1860
+ height: '15',
1861
+ fill: 'white',
1862
+ transform: 'translate(0.5 0.5)'
1863
+ })
1864
+ })
1865
+ })]
1866
+ });
1867
+ const SignIcon = ({
1868
+ color = '#4C7EFF',
1869
+ size = 18,
1870
+ className = '',
1871
+ onClick
1872
+ }) => jsxRuntime.jsxs("svg", {
1873
+ width: size,
1874
+ height: size * 13 / 18,
1875
+ viewBox: '0 0 18 13',
1876
+ fill: 'none',
1877
+ xmlns: 'http://www.w3.org/2000/svg',
1878
+ className: className,
1879
+ onClick: onClick,
1880
+ color: color,
1881
+ children: [jsxRuntime.jsx("g", {
1882
+ clipPath: 'url(#clip0_404_64)',
1883
+ children: jsxRuntime.jsx("path", {
1884
+ d: 'M6.53027 0.0273435C7.08771 -0.064076 7.65575 0.0700326 8.16992 0.458984C8.67255 0.839261 9.10671 1.44872 9.46094 2.28906C9.70475 2.86745 9.86928 3.44788 9.96484 4.02344L12.3721 3.07227C12.5375 3.00706 12.7255 3.03455 12.8652 3.14453C13.005 3.25462 13.0755 3.43124 13.0508 3.60742L12.6865 6.20117H14.333C14.6092 6.20117 14.833 6.42503 14.833 6.70117C14.8328 6.97717 14.609 7.20117 14.333 7.20117H12.1113C11.9666 7.20117 11.8284 7.13851 11.7334 7.0293C11.6384 6.92006 11.5961 6.7742 11.6162 6.63086L11.9404 4.31836L10.0635 5.06055C10.1447 8.55694 7.72656 11.6369 4.75879 12.957C4.60413 13.0258 4.42514 13.0112 4.2832 12.9189C4.14133 12.8267 4.05566 12.6692 4.05566 12.5V8.7373C4.05566 8.04264 4.04844 7.56746 4.20117 7.14844C4.32988 6.79566 4.53978 6.47777 4.81445 6.22461C5.14264 5.92224 5.58129 5.75801 6.2041 5.51172L9.00977 4.40137C8.93516 3.83402 8.78323 3.25698 8.53906 2.67773C8.22671 1.93672 7.88311 1.49648 7.56641 1.25684C7.26128 1.02602 6.96815 0.96947 6.69238 1.01465C6.09985 1.11187 5.42697 1.72075 5.01465 2.68066C4.9056 2.93422 4.61204 3.05129 4.3584 2.94238C4.1048 2.83345 3.98699 2.53977 4.0957 2.28613C4.57227 1.17664 5.45614 0.203579 6.53027 0.0273435ZM1.88867 9.69238C2.16481 9.69238 2.38867 9.91624 2.38867 10.1924C2.38863 10.4685 2.16479 10.6924 1.88867 10.6924H1C0.723883 10.6924 0.500041 10.4685 0.5 10.1924C0.5 9.91624 0.723858 9.69238 1 9.69238H1.88867ZM17 9.69238C17.2761 9.69238 17.5 9.91624 17.5 10.1924C17.5 10.4685 17.2761 10.6924 17 10.6924H11.667C11.3909 10.6924 11.167 10.4685 11.167 10.1924C11.167 9.91624 11.3908 9.69238 11.667 9.69238H17ZM5.05566 11.6855C7.28061 10.4175 8.96508 8.05948 9.05957 5.45703L6.57129 6.44141C5.8732 6.71747 5.65071 6.81396 5.49219 6.95996C5.33693 7.10307 5.21561 7.28491 5.14062 7.49023C5.06293 7.70324 5.05566 7.96355 5.05566 8.7373V11.6855Z',
1885
+ fill: 'currentColor'
1886
+ })
1887
+ }), jsxRuntime.jsx("defs", {
1888
+ children: jsxRuntime.jsx("clipPath", {
1889
+ id: 'clip0_404_64',
1890
+ children: jsxRuntime.jsx("rect", {
1891
+ width: '17',
1892
+ height: '13.0002',
1893
+ fill: 'white',
1894
+ transform: 'translate(0.5 -0.000210285)'
1895
+ })
1896
+ })
1897
+ })]
1898
+ });
1899
+ const SignLockIcon = ({
1900
+ color = '#E93636',
1901
+ size = 18,
1902
+ className = '',
1903
+ onClick
1904
+ }) => jsxRuntime.jsxs("svg", {
1905
+ width: size,
1906
+ height: size * 14 / 18,
1907
+ viewBox: '0 0 18 14',
1908
+ fill: 'none',
1909
+ xmlns: 'http://www.w3.org/2000/svg',
1910
+ className: className,
1911
+ onClick: onClick,
1912
+ color: color,
1913
+ children: [jsxRuntime.jsx("g", {
1914
+ clipPath: 'url(#clip0_404_76)',
1915
+ children: jsxRuntime.jsx("path", {
1916
+ d: 'M16.4932 11.5049C16.4897 11.4621 16.4855 11.4414 16.4834 11.4336C16.4586 11.3831 16.3971 11.3181 16.2861 11.2793C16.2232 11.2574 16.1232 11.25 15.667 11.25H13C12.5431 11.25 12.4428 11.2573 12.3799 11.2793C12.2693 11.3181 12.2084 11.3832 12.1836 11.4336C12.1815 11.4413 12.1773 11.462 12.1738 11.5049C12.1674 11.5847 12.167 11.6922 12.167 11.875C12.167 12.0578 12.1674 12.1653 12.1738 12.2451C12.1773 12.288 12.1815 12.3087 12.1836 12.3164C12.2084 12.3668 12.2693 12.4319 12.3799 12.4707C12.4428 12.4927 12.5431 12.5 13 12.5H15.667C16.1232 12.5 16.2232 12.4926 16.2861 12.4707C16.3971 12.4319 16.4586 12.3669 16.4834 12.3164C16.4855 12.3086 16.4897 12.2879 16.4932 12.2451C16.4996 12.1653 16.5 12.0578 16.5 11.875C16.5 11.6922 16.4996 11.5847 16.4932 11.5049ZM2.98437 0.523437C4.10616 0.362393 5.1695 1.01348 5.89453 2.51855C6.1364 3.02066 6.30201 3.52585 6.40039 4.02832L8.83691 3.18555C9.00301 3.1282 9.18671 3.16239 9.32129 3.27539C9.45592 3.38847 9.52202 3.56371 9.49414 3.7373L9.1416 5.92578H10.7773C11.0535 5.92578 11.2773 6.14964 11.2773 6.42578C11.2773 6.7019 11.0535 6.92578 10.7773 6.92578H8.55566C8.40921 6.92578 8.2698 6.86147 8.1748 6.75C8.07994 6.63862 8.03841 6.49114 8.06152 6.34668L8.37305 4.40332L6.50781 5.04883C6.55819 8.15173 4.10509 10.8278 1.18164 11.9658C1.02786 12.0257 0.854016 12.0062 0.717773 11.9131C0.581503 11.8199 0.5 11.6651 0.5 11.5V8.03516C0.499995 7.49897 0.489733 7.08066 0.652343 6.70996C0.786092 6.40516 0.999951 6.1403 1.26758 5.93262C1.58317 5.68773 2.00072 5.55065 2.60156 5.34277L5.44434 4.3584C5.36773 3.89678 5.22244 3.42607 4.99414 2.95215C4.38598 1.68972 3.6718 1.43557 3.12695 1.51367C2.50982 1.60227 1.84792 2.14387 1.44922 2.95605C1.32748 3.20381 1.02712 3.30623 0.779297 3.18457C0.531506 3.06284 0.429116 2.76249 0.550781 2.51465C1.04096 1.51619 1.93493 0.67416 2.98437 0.523437ZM9.44434 8.75C9.72048 8.75 9.94434 8.97386 9.94434 9.25C9.94434 9.52614 9.72048 9.75 9.44434 9.75H7.66699C7.39085 9.75 7.16699 9.52614 7.16699 9.25C7.16699 8.97386 7.39085 8.75 7.66699 8.75H9.44434ZM15.6113 10C15.6113 9.52394 15.1217 9 14.333 9C13.5445 9.00014 13.0557 9.524 13.0557 10V10.25H15.6113V10ZM16.6113 10.333C16.613 10.3336 16.6146 10.3344 16.6162 10.335L16.7363 10.3828C17.0101 10.5066 17.2447 10.7151 17.3809 10.9922C17.4533 11.14 17.4793 11.289 17.4902 11.4248C17.5007 11.5541 17.5 11.7086 17.5 11.875C17.5 12.0414 17.5007 12.1959 17.4902 12.3252C17.4793 12.461 17.4533 12.609 17.3809 12.7568C17.2447 13.0339 17.0101 13.2434 16.7363 13.3672L16.6162 13.415C16.4183 13.4842 16.192 13.4977 15.9346 13.5H12.7324C12.475 13.4977 12.2487 13.4841 12.0508 13.415C11.7262 13.3016 11.4408 13.0747 11.2852 12.7578C11.2128 12.6101 11.1877 12.461 11.1768 12.3252C11.1663 12.1959 11.167 12.0414 11.167 11.875C11.167 11.7086 11.1663 11.5541 11.1768 11.4248C11.1877 11.289 11.2128 11.1409 11.2852 10.9932C11.4408 10.6763 11.7262 10.4484 12.0508 10.335C12.0524 10.3344 12.054 10.3336 12.0557 10.333V10C12.0557 8.81927 13.1581 8.00015 14.333 8C15.508 8 16.6113 8.81916 16.6113 10V10.333ZM1.5 10.7324C3.72796 9.63149 5.37826 7.6016 5.50098 5.39648L2.92871 6.28711C2.25442 6.5204 2.03397 6.60389 1.88086 6.72266C1.73431 6.83638 1.62998 6.97184 1.56836 7.1123C1.51002 7.24545 1.5 7.40909 1.5 8.03516V10.7324Z',
1917
+ fill: 'currentColor'
1918
+ })
1919
+ }), jsxRuntime.jsx("defs", {
1920
+ children: jsxRuntime.jsx("clipPath", {
1921
+ id: 'clip0_404_76',
1922
+ children: jsxRuntime.jsx("rect", {
1923
+ width: '17.0005',
1924
+ height: '13.0005',
1925
+ fill: 'white',
1926
+ transform: 'translate(0.499533 0.499527)'
1927
+ })
1928
+ })
1929
+ })]
1930
+ });
1931
+ const LockIcon = ({
1932
+ color = '#E93636',
1933
+ size = 8,
1934
+ className = '',
1935
+ onClick
1936
+ }) => jsxRuntime.jsxs("svg", {
1937
+ width: size,
1938
+ height: size * 10 / 8,
1939
+ viewBox: '0 0 8 10',
1940
+ fill: 'none',
1941
+ xmlns: 'http://www.w3.org/2000/svg',
1942
+ className: className,
1943
+ onClick: onClick,
1944
+ color: color,
1945
+ children: [jsxRuntime.jsx("g", {
1946
+ clipPath: 'url(#clip0_404_71)',
1947
+ children: jsxRuntime.jsx("path", {
1948
+ d: 'M6.5 6.24414C6.5 5.86411 6.50017 5.60437 6.48633 5.40332C6.47272 5.20598 6.44735 5.10448 6.41797 5.03613C6.34685 4.8709 6.23984 4.75273 6.12695 4.68457C6.09177 4.66338 6.02689 4.63665 5.83887 4.62305C5.68428 4.61185 5.48725 4.61133 5.2002 4.61133H2.7998C2.51275 4.61133 2.31573 4.61185 2.16113 4.62305C1.97305 4.63665 1.9082 4.66339 1.87305 4.68457C1.76015 4.75274 1.65315 4.87091 1.58203 5.03613C1.55265 5.10448 1.52728 5.20597 1.51367 5.40332C1.49983 5.60437 1.5 5.86412 1.5 6.24414V6.86621C1.5 7.24654 1.49981 7.50688 1.51367 7.70801C1.52726 7.90512 1.5527 8.00587 1.58203 8.07422C1.65315 8.23965 1.76006 8.35853 1.87305 8.42676C1.90443 8.44566 1.96075 8.46998 2.10938 8.48438C2.26726 8.49966 2.4752 8.5 2.7998 8.5H5.2002C5.52481 8.5 5.73274 8.49966 5.89062 8.48438C6.03919 8.46999 6.09553 8.44567 6.12695 8.42676C6.23993 8.35854 6.34685 8.23966 6.41797 8.07422C6.44731 8.00587 6.47274 7.90512 6.48633 7.70801C6.50019 7.50688 6.5 7.24654 6.5 6.86621V6.24414ZM3.5 7V6.11133C3.5 5.83519 3.72386 5.61133 4 5.61133C4.27614 5.61133 4.5 5.83519 4.5 6.11133V7C4.5 7.27614 4.27614 7.5 4 7.5C3.72386 7.5 3.5 7.27614 3.5 7ZM5.375 3.22266C5.375 2.18852 4.68314 1.5 4 1.5C3.31686 1.5 2.625 2.18852 2.625 3.22266V3.61133H5.375V3.22266ZM6.375 3.70996C6.46629 3.73936 6.5572 3.7754 6.64453 3.82812C6.95488 4.01555 7.19235 4.3053 7.33691 4.6416C7.4301 4.85839 7.46634 5.08681 7.4834 5.33398C7.50018 5.57745 7.5 5.87787 7.5 6.24414V6.86621C7.5 7.23241 7.50016 7.53291 7.4834 7.77637C7.46635 8.02369 7.43016 8.25283 7.33691 8.46973C7.19239 8.80584 6.95466 9.09482 6.64453 9.28223C6.43528 9.40858 6.21339 9.45758 5.9873 9.47949C5.77009 9.50053 5.50539 9.5 5.2002 9.5H2.7998C2.49462 9.5 2.22991 9.50053 2.0127 9.47949C1.78662 9.45758 1.56472 9.4086 1.35547 9.28223C1.04535 9.09483 0.807617 8.80585 0.663086 8.46973C0.569851 8.25283 0.533651 8.02369 0.516602 7.77637C0.499842 7.53291 0.5 7.23241 0.5 6.86621V6.24414C0.5 5.87787 0.499818 5.57745 0.516602 5.33398C0.533661 5.08681 0.569902 4.85839 0.663086 4.6416C0.807663 4.3053 1.04514 4.01555 1.35547 3.82812C1.4428 3.77539 1.53371 3.73936 1.625 3.70996V3.22266C1.625 1.8022 2.61208 0.5 4 0.5C5.38791 0.5 6.375 1.8022 6.375 3.22266V3.70996Z',
1949
+ fill: 'currentColor'
1950
+ })
1951
+ }), jsxRuntime.jsx("defs", {
1952
+ children: jsxRuntime.jsx("clipPath", {
1953
+ id: 'clip0_404_71',
1954
+ children: jsxRuntime.jsx("rect", {
1955
+ width: '7',
1956
+ height: '9',
1957
+ fill: 'white',
1958
+ transform: 'translate(0.5 0.5)'
1959
+ })
1960
+ })
1961
+ })]
1962
+ });
1963
+ const PendingIcon = ({
1964
+ color = '#F49A58',
1965
+ size = 11,
1966
+ className = '',
1967
+ onClick
1968
+ }) => jsxRuntime.jsxs("svg", {
1969
+ width: size,
1970
+ height: size,
1971
+ viewBox: '0 0 11 11',
1972
+ fill: 'none',
1973
+ xmlns: 'http://www.w3.org/2000/svg',
1974
+ className: className,
1975
+ onClick: onClick,
1976
+ color: color,
1977
+ children: [jsxRuntime.jsx("g", {
1978
+ clipPath: 'url(#clip0_405_81)',
1979
+ children: jsxRuntime.jsx("path", {
1980
+ d: 'M7.74672 8.71921C7.90214 8.93112 8.20171 8.97852 8.3979 8.80367C9.20215 8.08688 9.7568 7.12601 9.97194 6.06176C10.2186 4.84138 10.0011 3.57287 9.362 2.50438C8.72286 1.43588 7.70807 0.644286 6.51614 0.284445C5.32422 -0.0753959 4.04092 0.0224086 2.91729 0.558725C1.79366 1.09504 0.910553 2.03128 0.440724 3.18429C-0.0291052 4.33731 -0.051851 5.62413 0.376936 6.79302C0.805723 7.96192 1.65519 8.92878 2.75916 9.50447C3.72191 10.0065 4.81779 10.1796 5.88088 10.0051C6.1402 9.96249 6.29175 9.69977 6.22474 9.44566C6.15772 9.19155 5.89743 9.04286 5.63721 9.07962C4.80466 9.19721 3.9517 9.05305 3.1992 8.66064C2.30536 8.19452 1.61757 7.41168 1.2704 6.46527C0.923226 5.51886 0.941642 4.47697 1.32205 3.54342C1.70245 2.60986 2.41747 1.85182 3.32723 1.41759C4.23699 0.983351 5.27603 0.904162 6.24109 1.19551C7.20615 1.48686 8.02779 2.12779 8.54528 2.99291C9.06277 3.85803 9.23887 4.8851 9.03913 5.87319C8.87097 6.70504 8.44663 7.45887 7.83162 8.03221C7.63939 8.21141 7.59129 8.50729 7.74672 8.71921Z',
1981
+ fill: 'currentColor'
1982
+ })
1983
+ }), jsxRuntime.jsx("defs", {
1984
+ children: jsxRuntime.jsx("clipPath", {
1985
+ id: 'clip0_405_81',
1986
+ children: jsxRuntime.jsx("rect", {
1987
+ width: '10',
1988
+ height: '10',
1989
+ fill: 'white',
1990
+ transform: 'translate(0.0710678 0.071064)'
1991
+ })
1992
+ })
1993
+ })]
1994
+ });
1803
1995
 
1804
1996
  const accordionRootStyles = classVarianceAuthority.cva(`
1805
1997
  w-full
@@ -1960,6 +2152,75 @@ const Accordion = ({
1960
2152
  });
1961
2153
  };
1962
2154
 
2155
+ const Badge = ({
2156
+ children,
2157
+ variant = 'default',
2158
+ color = 'blue',
2159
+ size = 'sm',
2160
+ className = ''
2161
+ }) => {
2162
+ const baseClasses = 'inline-flex items-center justify-center rounded-full font-medium transition-colors';
2163
+ // Size classes
2164
+ const sizeClasses = {
2165
+ xxs: 'px-1 py-1 text-xs gap-2',
2166
+ sm: 'px-[35px] py-[10px] text-xs',
2167
+ xl: 'px-[35px] py-[15px] text-lg'
2168
+ };
2169
+ // Color and variant combination classes
2170
+ const getVariantClasses = () => {
2171
+ const colorMap = {
2172
+ blue: {
2173
+ default: 'text-[#4C7EFF]',
2174
+ flat: 'bg-[rgba(76,126,255,0.15)] text-[#4C7EFF]',
2175
+ solid: 'bg-[#4C7EFF] text-white',
2176
+ bordered: 'outline outline-1 outline-[#4C7EFF] text-[#4C7EFF]'
2177
+ },
2178
+ white: {
2179
+ default: 'text-white',
2180
+ flat: 'bg-[rgba(255,255,255,0.15)] text-white',
2181
+ solid: 'bg-white text-[#0C1C33]',
2182
+ bordered: 'outline outline-1 outline-white text-white'
2183
+ },
2184
+ gray: {
2185
+ default: 'text-[#0C1C33]',
2186
+ flat: 'bg-[rgba(12,28,51,0.15)] text-[#0C1C33]',
2187
+ solid: 'bg-[#0C1C33] text-white',
2188
+ bordered: 'outline outline-1 outline-[#0C1C33] text-[#0C1C33]'
2189
+ },
2190
+ 'light-gray': {
2191
+ default: 'text-[#6B7280]',
2192
+ flat: 'bg-[rgba(107,114,128,0.15)] text-[#0C1C33]',
2193
+ solid: 'bg-[#6B7280] text-white',
2194
+ bordered: 'outline outline-1 outline-[#6B7280] text-[#6B7280]'
2195
+ },
2196
+ turquoise: {
2197
+ default: 'text-[#60F6D2]',
2198
+ flat: 'bg-[rgba(96,246,210,0.15)] text-[#60F6D2]',
2199
+ solid: 'bg-[#60F6D2] text-[#0C1C33]',
2200
+ bordered: 'outline outline-1 outline-[#60F6D2] text-[#60F6D2]'
2201
+ },
2202
+ red: {
2203
+ default: 'text-[#CD2E00]',
2204
+ flat: 'bg-[rgba(205,46,0,0.15)] text-[#CD2E00]',
2205
+ solid: 'bg-[#CD2E00] text-white',
2206
+ bordered: 'outline outline-1 outline-[#CD2E00] text-[#CD2E00]'
2207
+ },
2208
+ orange: {
2209
+ default: 'text-[#F98F12]',
2210
+ flat: 'bg-[rgba(249,143,18,0.15)] text-[#F98F12]',
2211
+ solid: 'bg-[#F98F12] text-white',
2212
+ bordered: 'outline outline-1 outline-[#F98F12] text-[#F98F12]'
2213
+ }
2214
+ };
2215
+ return colorMap[color][variant];
2216
+ };
2217
+ const classes = [baseClasses, sizeClasses[size], getVariantClasses(), className].filter(Boolean).join(' ');
2218
+ return jsxRuntime.jsx("span", {
2219
+ className: classes,
2220
+ children: children
2221
+ });
2222
+ };
2223
+
1963
2224
  const styles = classVarianceAuthority.cva(`
1964
2225
  dash-btn-base
1965
2226
  select-none
@@ -11172,6 +11433,7 @@ const Tabs = ({
11172
11433
  exports.Accordion = Accordion;
11173
11434
  exports.ArrowIcon = ArrowIcon;
11174
11435
  exports.Avatar = Avatar;
11436
+ exports.Badge = Badge;
11175
11437
  exports.BigNumber = BigNumber;
11176
11438
  exports.BroadcastedIcon = BroadcastedIcon;
11177
11439
  exports.BurgerMenuIcon = BurgerMenuIcon;
@@ -11194,16 +11456,20 @@ exports.EditIcon = EditIcon;
11194
11456
  exports.ErrorIcon = ErrorIcon;
11195
11457
  exports.EyeClosedIcon = EyeClosedIcon;
11196
11458
  exports.EyeOpenIcon = EyeOpenIcon;
11459
+ exports.FaceIcon = FaceIcon;
11197
11460
  exports.FilterIcon = FilterIcon;
11461
+ exports.FingerprintIcon = FingerprintIcon;
11198
11462
  exports.Heading = Heading;
11199
11463
  exports.Identifier = Identifier;
11200
11464
  exports.Input = Input;
11201
11465
  exports.KebabMenuIcon = KebabMenuIcon;
11202
11466
  exports.KeyIcon = KeyIcon;
11203
11467
  exports.List = List$1;
11468
+ exports.LockIcon = LockIcon;
11204
11469
  exports.NotActive = NotActive;
11205
11470
  exports.OverlayMenu = OverlayMenu;
11206
11471
  exports.OverlaySelect = OverlaySelect;
11472
+ exports.PendingIcon = PendingIcon;
11207
11473
  exports.PlusIcon = PlusIcon;
11208
11474
  exports.PooledIcon = PooledIcon;
11209
11475
  exports.ProgressStepBar = ProgressStepBar;
@@ -11213,6 +11479,8 @@ exports.QueuedIcon = QueuedIcon;
11213
11479
  exports.Select = Select;
11214
11480
  exports.SettingsIcon = SettingsIcon;
11215
11481
  exports.ShieldSmallIcon = ShieldSmallIcon;
11482
+ exports.SignIcon = SignIcon;
11483
+ exports.SignLockIcon = SignLockIcon;
11216
11484
  exports.SmartphoneIcon = SmartphoneIcon;
11217
11485
  exports.SuccessIcon = SuccessIcon;
11218
11486
  exports.Switch = Switch;