dash-ui-kit 1.0.3 → 1.0.6

package/dist/react/components/accordion/index.d.ts

@@ -12,6 +12,12 @@ export interface AccordionProps {
     onOpenChange?: (open: boolean) => void;
     /** Additional CSS classes */
     className?: string;
+    /** Optional element to display on the right side of the trigger */
+    rightElement?: React.ReactNode;
+    /** Whether to show separator between title and content when open */
+    showSeparator?: boolean;
+    /** Whether to show border around the accordion */
+    border?: boolean;
 }
 /**
  * Accordion component based on Radix UI with smooth animations.

package/dist/react/components/badge/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface BadgeProps {
+    /**
+     * Content of the badge
+     */
+    children: React.ReactNode;
+    /**
+     * Visual style variant
+     */
+    variant?: 'default' | 'flat' | 'solid' | 'bordered';
+    /**
+     * Color theme
+     */
+    color?: 'blue' | 'white' | 'gray' | 'light-gray' | 'turquoise' | 'red' | 'orange';
+    /**
+     * Size of the badge
+     */
+    size?: 'xxs' | 'sm' | 'xl';
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+export declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/react/components/icons/index.d.ts

@@ -35,3 +35,10 @@ export declare const ChainSmallIcon: React.FC<IconProps>;
 export declare const SettingsIcon: React.FC<IconProps>;
 export declare const ShieldSmallIcon: React.FC<IconProps>;
 export declare const QuestionMessageIcon: React.FC<IconProps>;
+export declare const CheckmarkIcon: React.FC<IconProps>;
+export declare const FingerprintIcon: React.FC<IconProps>;
+export declare const FaceIcon: React.FC<IconProps>;
+export declare const SignIcon: React.FC<IconProps>;
+export declare const SignLockIcon: React.FC<IconProps>;
+export declare const LockIcon: React.FC<IconProps>;
+export declare const PendingIcon: React.FC<IconProps>;

package/dist/react/components/index.d.ts

@@ -1,4 +1,5 @@
 export { Accordion, type AccordionProps } from './accordion';
+export { Badge, type BadgeProps } from './badge';
 export { Button, type ButtonProps } from './button';
 export { Input, type InputProps } from './input';
 export { Textarea, type TextareaProps } from './textarea';
@@ -23,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
 export { Dialog, type DialogProps } from './dialog';
 export { Tabs, type TabsProps, type TabItem } from './tabs';
 export type { TimeDeltaFormat } from '../utils/datetime';
-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 } from './icons';
+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';

package/dist/react/components/input/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const input: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     variant?: "outlined" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/react/components/overlayMenu/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const overlayMenuTrigger: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    colorScheme?: "default" | "brand" | "gray" | "lightGray" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    colorScheme?: "default" | "gray" | "brand" | "lightGray" | "error" | "success" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     border?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     filled?: boolean | null | undefined;

package/dist/react/components/overlaySelect/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const overlaySelectTrigger: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    colorScheme?: "default" | "brand" | "gray" | "lightGray" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    colorScheme?: "default" | "gray" | "brand" | "lightGray" | "error" | "success" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     border?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     filled?: boolean | null | undefined;

package/dist/react/components/select/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const selectTrigger: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     border?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/react/components/switch/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const switchContainer: (props?: ({
     theme?: "light" | "dark" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type SwitchVariants = VariantProps<typeof switchContainer>;

package/dist/react/components/text/index.d.ts

@@ -3,8 +3,8 @@ import { VariantProps } from 'class-variance-authority';
 declare const textStyles: (props?: ({
     reset?: boolean | null | undefined;
     theme?: "light" | "dark" | null | undefined;
-    color?: "default" | "red" | "blue" | "blue-dark" | null | undefined;
-    size?: "sm" | "md" | "xl" | "xs" | "lg" | null | undefined;
+    color?: "default" | "blue" | "red" | "blue-dark" | null | undefined;
+    size?: "sm" | "xl" | "md" | "xs" | "lg" | null | undefined;
     weight?: "bold" | "normal" | 500 | null | undefined;
     italic?: boolean | null | undefined;
     underline?: boolean | null | undefined;

package/dist/react/components/textarea/index.d.ts

@@ -4,7 +4,7 @@ declare const textareaContainer: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     hasValue?: boolean | null | undefined;
     colorScheme?: "default" | "brand" | "error" | "success" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     variant?: "outlined" | null | undefined;
     isValid?: boolean | "null" | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/react/components/valueCard/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const valueCard: (props?: ({
     theme?: "light" | "dark" | null | undefined;
     colorScheme?: "white" | "default" | "lightBlue" | "lightGray" | "green" | "transparent" | "yellow" | null | undefined;
-    size?: "sm" | "md" | "xl" | null | undefined;
+    size?: "sm" | "xl" | "md" | null | undefined;
     clickable?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     border?: boolean | null | undefined;

package/dist/react/index.cjs.js

@@ -1781,6 +1781,217 @@ const QuestionMessageIcon = ({
     fill: 'currentColor'
   })
 });
+const CheckmarkIcon = ({
+  color = '#1CC400',
+  size = 27,
+  className = '',
+  onClick
+}) => jsxRuntime.jsx("svg", {
+  width: size,
+  height: size * 21 / 27,
+  viewBox: '0 0 27 21',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: jsxRuntime.jsx("path", {
+    d: 'M25.235 0.341283C25.5909 -0.0640896 26.2219 -0.115686 26.6442 0.225963C27.0664 0.567654 27.1201 1.17343 26.7643 1.57886L10.0094 20.6667L0.253533 10.1585C-0.11396 9.76268 -0.0776687 9.15652 0.334587 8.8037C0.746855 8.45088 1.37822 8.48572 1.74572 8.88152L9.96642 17.7358L25.235 0.341283Z',
+    fill: 'currentColor'
+  })
+});
+const FingerprintIcon = ({
+  color = '#4C7EFF',
+  size = 16,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size * 18 / 16,
+  viewBox: '0 0 16 18',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_344_10)',
+    children: jsxRuntime.jsx("path", {
+      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',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_344_10',
+      children: jsxRuntime.jsx("rect", {
+        width: '15',
+        height: '17.0003',
+        fill: 'white',
+        transform: 'translate(0.5 0.5)'
+      })
+    })
+  })]
+});
+const FaceIcon = ({
+  color = '#4C7EFF',
+  size = 16,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size,
+  viewBox: '0 0 16 16',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_344_11)',
+    children: jsxRuntime.jsx("path", {
+      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',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_344_11',
+      children: jsxRuntime.jsx("rect", {
+        width: '15',
+        height: '15',
+        fill: 'white',
+        transform: 'translate(0.5 0.5)'
+      })
+    })
+  })]
+});
+const SignIcon = ({
+  color = '#4C7EFF',
+  size = 18,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size * 13 / 18,
+  viewBox: '0 0 18 13',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_404_64)',
+    children: jsxRuntime.jsx("path", {
+      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',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_404_64',
+      children: jsxRuntime.jsx("rect", {
+        width: '17',
+        height: '13.0002',
+        fill: 'white',
+        transform: 'translate(0.5 -0.000210285)'
+      })
+    })
+  })]
+});
+const SignLockIcon = ({
+  color = '#E93636',
+  size = 18,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size * 14 / 18,
+  viewBox: '0 0 18 14',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_404_76)',
+    children: jsxRuntime.jsx("path", {
+      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',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_404_76',
+      children: jsxRuntime.jsx("rect", {
+        width: '17.0005',
+        height: '13.0005',
+        fill: 'white',
+        transform: 'translate(0.499533 0.499527)'
+      })
+    })
+  })]
+});
+const LockIcon = ({
+  color = '#E93636',
+  size = 8,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size * 10 / 8,
+  viewBox: '0 0 8 10',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_404_71)',
+    children: jsxRuntime.jsx("path", {
+      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',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_404_71',
+      children: jsxRuntime.jsx("rect", {
+        width: '7',
+        height: '9',
+        fill: 'white',
+        transform: 'translate(0.5 0.5)'
+      })
+    })
+  })]
+});
+const PendingIcon = ({
+  color = '#F49A58',
+  size = 11,
+  className = '',
+  onClick
+}) => jsxRuntime.jsxs("svg", {
+  width: size,
+  height: size,
+  viewBox: '0 0 11 11',
+  fill: 'none',
+  xmlns: 'http://www.w3.org/2000/svg',
+  className: className,
+  onClick: onClick,
+  color: color,
+  children: [jsxRuntime.jsx("g", {
+    clipPath: 'url(#clip0_405_81)',
+    children: jsxRuntime.jsx("path", {
+      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',
+      fill: 'currentColor'
+    })
+  }), jsxRuntime.jsx("defs", {
+    children: jsxRuntime.jsx("clipPath", {
+      id: 'clip0_405_81',
+      children: jsxRuntime.jsx("rect", {
+        width: '10',
+        height: '10',
+        fill: 'white',
+        transform: 'translate(0.0710678 0.071064)'
+      })
+    })
+  })]
+});
 
 const accordionRootStyles = classVarianceAuthority.cva(`
     w-full
@@ -1789,12 +2000,17 @@ const accordionRootStyles = classVarianceAuthority.cva(`
   `, {
   variants: {
     theme: {
-      light: '  bg-dash-primary-dark-blue/[0.03]',
+      light: 'bg-dash-primary-dark-blue/[0.05]',
       dark: 'bg-gray-800/20'
+    },
+    border: {
+      true: 'ring-1 ring-dash-primary-dark-blue/10',
+      false: ''
     }
   },
   defaultVariants: {
-    theme: 'light'
+    theme: 'light',
+    border: false
   }
 });
 const accordionItemStyles = classVarianceAuthority.cva(`
@@ -1803,14 +2019,13 @@ const accordionItemStyles = classVarianceAuthority.cva(`
   `);
 const accordionTriggerStyles = classVarianceAuthority.cva(`
     w-full
-    px-8
-    py-6
+    p-[0.875rem]
     flex
     items-center
     justify-between
-    font-manrope
+    font-dash-main
     font-medium
-    text-1
+    text-[0.875rem]
     leading-[1.366]
     text-dash-primary-dark-blue
     bg-transparent
@@ -1839,10 +2054,27 @@ const accordionContentStyles = classVarianceAuthority.cva(`
   data-[state=closed]:h-0
 `);
 const accordionContentInnerStyles = classVarianceAuthority.cva(`
-  px-8
-  pb-6
+  p-[0.875rem]
   space-y-[0.625rem]
 `);
+const separatorStyles = classVarianceAuthority.cva(`
+  mx-[0.875rem]
+  h-px
+  bg-dash-primary-dark-blue/10
+  transition-opacity
+  duration-300
+  ease-in-out
+`, {
+  variants: {
+    theme: {
+      light: 'bg-dash-primary-dark-blue/10',
+      dark: 'bg-white/10'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
 const chevronStyles = classVarianceAuthority.cva(`
   w-4
   h-4
@@ -1862,14 +2094,18 @@ const Accordion = ({
   defaultOpen = false,
   open,
   onOpenChange,
-  className = ''
+  className = '',
+  rightElement,
+  showSeparator = false,
+  border = false
 }) => {
   const {
     theme
   } = useTheme();
   const isControlled = open !== undefined;
   const rootClasses = accordionRootStyles({
-    theme
+    theme,
+    border
   }) + (className ? ` ${className}` : '');
   return jsxRuntime.jsx(Root2$3, {
     type: 'single',
@@ -1884,17 +2120,26 @@ const Accordion = ({
     },
     children: jsxRuntime.jsxs(Item$2, {
       value: 'item-1',
-      className: `AccordionItem ${accordionItemStyles()}`,
+      className: `AccordionItem ${accordionItemStyles()} group`,
       children: [jsxRuntime.jsxs(Trigger2, {
         className: `${accordionTriggerStyles({
           theme
-        })} group`,
+        })}`,
         children: [jsxRuntime.jsx("div", {
           className: 'w-full text-left',
           children: title
-        }), jsxRuntime.jsx(ChevronIcon, {
-          className: chevronStyles()
+        }), jsxRuntime.jsxs("div", {
+          className: 'flex items-center gap-3',
+          children: [rightElement && jsxRuntime.jsx("div", {
+            children: rightElement
+          }), jsxRuntime.jsx(ChevronIcon, {
+            className: chevronStyles()
+          })]
         })]
+      }), showSeparator && jsxRuntime.jsx("div", {
+        className: `${separatorStyles({
+          theme
+        })} group-data-[state=closed]:opacity-0 group-data-[state=open]:opacity-100`
       }), jsxRuntime.jsx(Content2$1, {
         forceMount: true,
         className: accordionContentStyles(),
@@ -1907,6 +2152,75 @@ const Accordion = ({
   });
 };
 
+const Badge = ({
+  children,
+  variant = 'default',
+  color = 'blue',
+  size = 'sm',
+  className = ''
+}) => {
+  const baseClasses = 'inline-flex items-center justify-center rounded-full font-medium transition-colors';
+  // Size classes
+  const sizeClasses = {
+    xxs: 'px-1 py-1 text-xs gap-2',
+    sm: 'px-[35px] py-[10px] text-xs',
+    xl: 'px-[35px] py-[15px] text-lg'
+  };
+  // Color and variant combination classes
+  const getVariantClasses = () => {
+    const colorMap = {
+      blue: {
+        default: 'text-[#4C7EFF]',
+        flat: 'bg-[rgba(76,126,255,0.15)] text-[#4C7EFF]',
+        solid: 'bg-[#4C7EFF] text-white',
+        bordered: 'outline outline-1 outline-[#4C7EFF] text-[#4C7EFF]'
+      },
+      white: {
+        default: 'text-white',
+        flat: 'bg-[rgba(255,255,255,0.15)] text-white',
+        solid: 'bg-white text-[#0C1C33]',
+        bordered: 'outline outline-1 outline-white text-white'
+      },
+      gray: {
+        default: 'text-[#0C1C33]',
+        flat: 'bg-[rgba(12,28,51,0.15)] text-[#0C1C33]',
+        solid: 'bg-[#0C1C33] text-white',
+        bordered: 'outline outline-1 outline-[#0C1C33] text-[#0C1C33]'
+      },
+      'light-gray': {
+        default: 'text-[#6B7280]',
+        flat: 'bg-[rgba(107,114,128,0.15)] text-[#0C1C33]',
+        solid: 'bg-[#6B7280] text-white',
+        bordered: 'outline outline-1 outline-[#6B7280] text-[#6B7280]'
+      },
+      turquoise: {
+        default: 'text-[#60F6D2]',
+        flat: 'bg-[rgba(96,246,210,0.15)] text-[#60F6D2]',
+        solid: 'bg-[#60F6D2] text-[#0C1C33]',
+        bordered: 'outline outline-1 outline-[#60F6D2] text-[#60F6D2]'
+      },
+      red: {
+        default: 'text-[#CD2E00]',
+        flat: 'bg-[rgba(205,46,0,0.15)] text-[#CD2E00]',
+        solid: 'bg-[#CD2E00] text-white',
+        bordered: 'outline outline-1 outline-[#CD2E00] text-[#CD2E00]'
+      },
+      orange: {
+        default: 'text-[#F98F12]',
+        flat: 'bg-[rgba(249,143,18,0.15)] text-[#F98F12]',
+        solid: 'bg-[#F98F12] text-white',
+        bordered: 'outline outline-1 outline-[#F98F12] text-[#F98F12]'
+      }
+    };
+    return colorMap[color][variant];
+  };
+  const classes = [baseClasses, sizeClasses[size], getVariantClasses(), className].filter(Boolean).join(' ');
+  return jsxRuntime.jsx("span", {
+    className: classes,
+    children: children
+  });
+};
+
 const styles = classVarianceAuthority.cva(`
     dash-btn-base
     select-none
@@ -11119,6 +11433,7 @@ const Tabs = ({
 exports.Accordion = Accordion;
 exports.ArrowIcon = ArrowIcon;
 exports.Avatar = Avatar;
+exports.Badge = Badge;
 exports.BigNumber = BigNumber;
 exports.BroadcastedIcon = BroadcastedIcon;
 exports.BurgerMenuIcon = BurgerMenuIcon;
@@ -11126,6 +11441,7 @@ exports.Button = Button;
 exports.CalendarIcon = CalendarIcon;
 exports.ChainSmallIcon = ChainSmallIcon;
 exports.CheckIcon = CheckIcon;
+exports.CheckmarkIcon = CheckmarkIcon;
 exports.ChevronIcon = ChevronIcon;
 exports.CircleProcessIcon = CircleProcessIcon;
 exports.CopyButton = CopyButton;
@@ -11140,16 +11456,20 @@ exports.EditIcon = EditIcon;
 exports.ErrorIcon = ErrorIcon;
 exports.EyeClosedIcon = EyeClosedIcon;
 exports.EyeOpenIcon = EyeOpenIcon;
+exports.FaceIcon = FaceIcon;
 exports.FilterIcon = FilterIcon;
+exports.FingerprintIcon = FingerprintIcon;
 exports.Heading = Heading;
 exports.Identifier = Identifier;
 exports.Input = Input;
 exports.KebabMenuIcon = KebabMenuIcon;
 exports.KeyIcon = KeyIcon;
 exports.List = List$1;
+exports.LockIcon = LockIcon;
 exports.NotActive = NotActive;
 exports.OverlayMenu = OverlayMenu;
 exports.OverlaySelect = OverlaySelect;
+exports.PendingIcon = PendingIcon;
 exports.PlusIcon = PlusIcon;
 exports.PooledIcon = PooledIcon;
 exports.ProgressStepBar = ProgressStepBar;
@@ -11159,6 +11479,8 @@ exports.QueuedIcon = QueuedIcon;
 exports.Select = Select;
 exports.SettingsIcon = SettingsIcon;
 exports.ShieldSmallIcon = ShieldSmallIcon;
+exports.SignIcon = SignIcon;
+exports.SignLockIcon = SignLockIcon;
 exports.SmartphoneIcon = SmartphoneIcon;
 exports.SuccessIcon = SuccessIcon;
 exports.Switch = Switch;