@particle-network/ui-react 0.4.0-beta.22 → 0.4.0-beta.24

package/dist/components/UXAutocomplete/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { Autocomplete, AutocompleteItem, AutocompleteSection } from "@heroui/autocomplete";
-import { ChevronDownIcon } from "../../icons/index.js";
+import ChevronDownIcon from "@particle-network/icons/web/ChevronDownIcon";
 const UXAutocomplete = (props)=>{
     const { fullWidth = false, classNames = {}, radius = 'sm', labelPlacement = 'outside-top', ...restProps } = props;
     const { base, popoverContent, selectorButton, endContentWrapper, clearButton, listboxWrapper } = classNames;

package/dist/components/UXButton/button-theme.js

@@ -33,10 +33,10 @@ const button_theme_button = tv({
             text: 'bg-transparent min-w-0 w-auto h-auto px-0'
         },
         size: {
-            xs: 'gap-2 rounded-[6px] !text-body3 min-w-min font-medium [&_[aria-label="Loading"]>div]:size-3',
-            sm: 'gap-2 rounded-[6px] !text-body3 min-w-min font-medium [&_[aria-label="Loading"]>div]:size-3',
-            md: 'gap-2 rounded-[6px] text-tiny min-w-min font-medium [&_[aria-label="Loading"]>div]:size-4',
-            lg: 'gap-2 rounded-[10px] text-medium min-w-min font-medium [&_[aria-label="Loading"]>div]:size-6',
+            xs: 'gap-1 rounded-[4px] !text-caption1 min-w-min font-medium [&>svg]:size-3.5',
+            sm: 'gap-1 rounded-[6px] !text-body3 min-w-min font-medium [&>svg]:size-4',
+            md: 'gap-1 rounded-[6px] text-tiny min-w-min font-medium [&>svg]:size-4',
+            lg: 'gap-1 rounded-[10px] text-medium min-w-min font-medium [&>svg]:size-6',
             auto: 'min-w-min rounded-[10px]'
         },
         color: {
@@ -97,7 +97,7 @@ const button_theme_button = tv({
                 'light',
                 'bordered'
             ],
-            class: 'px-sm h-5'
+            class: 'px-md h-5'
         },
         {
             size: 'sm',
@@ -107,7 +107,7 @@ const button_theme_button = tv({
                 'light',
                 'bordered'
             ],
-            class: 'px-sm h-6'
+            class: 'px-lg h-6'
         },
         {
             size: 'md',
@@ -117,7 +117,7 @@ const button_theme_button = tv({
                 'light',
                 'bordered'
             ],
-            class: 'px-md h-[30px]'
+            class: 'px-lg h-[30px]'
         },
         {
             size: 'lg',
@@ -178,64 +178,56 @@ const button_theme_button = tv({
             variant: 'light',
             color: 'default',
             class: [
-                colorVariants.light["default"],
-                'data-[hover=true]:bg-default/40'
+                colorVariants.light["default"]
             ]
         },
         {
             variant: 'light',
             color: 'primary',
             class: [
-                colorVariants.light.primary,
-                'data-[hover=true]:bg-primary/20'
+                colorVariants.light.primary
             ]
         },
         {
             variant: 'light',
             color: 'secondary',
             class: [
-                colorVariants.light.secondary,
-                'data-[hover=true]:bg-default/40'
+                colorVariants.light.secondary
             ]
         },
         {
             variant: 'light',
             color: 'success',
             class: [
-                colorVariants.light.success,
-                'data-[hover=true]:bg-success/20'
+                colorVariants.light.success
             ]
         },
         {
             variant: 'light',
             color: 'warning',
             class: [
-                colorVariants.light.warning,
-                'data-[hover=true]:bg-warning/20'
+                colorVariants.light.warning
             ]
         },
         {
             variant: 'light',
             color: 'danger',
             class: [
-                colorVariants.light.danger,
-                'data-[hover=true]:bg-danger/20'
+                colorVariants.light.danger
             ]
         },
         {
             variant: 'light',
             color: 'bullish',
             class: [
-                colorVariants.light.bullish,
-                'data-[hover=true]:bg-bullish/20'
+                colorVariants.light.bullish
             ]
         },
         {
             variant: 'light',
             color: 'bearish',
             class: [
-                colorVariants.light.bearish,
-                'data-[hover=true]:bg-bearish/20'
+                colorVariants.light.bearish
             ]
         },
         {

package/dist/components/UXButton/use-button.js

@@ -101,8 +101,9 @@ function useButton(props) {
     const endContent = getIconClone(endContentProp);
     const spinnerSize = useMemo(()=>{
         const buttonSpinnerSizeMap = {
-            sm: 14,
-            md: 18,
+            xs: 14,
+            sm: 16,
+            md: 16,
             lg: 24
         };
         return buttonSpinnerSizeMap[size];

package/dist/components/UXCheckbox/checkbox.extend.js

@@ -30,7 +30,7 @@ const ExtendedCheckbox = extendVariants(Checkbox, {
                 wrapper: [
                     'w-3.5 h-3.5 me-0',
                     'rounded-[calc(theme(borderRadius.medium)*0.2)]',
-                    'before:rounded-[calc(theme(borderRadius.medium)*0.2)] before:border-secondary before:border-1.5',
+                    'before:rounded-[calc(theme(borderRadius.medium)*0.2)] before:border-secondary before:border-1',
                     'after:rounded-[calc(theme(borderRadius.medium)*0.2)]'
                 ],
                 label: '!text-body3 font-medium',
@@ -40,7 +40,7 @@ const ExtendedCheckbox = extendVariants(Checkbox, {
                 wrapper: [
                     'w-4 h-4 me-0',
                     'rounded-[calc(theme(borderRadius.medium)*0.2)]',
-                    'before:rounded-[calc(theme(borderRadius.medium)*0.2)] before:border-secondary before:border-2',
+                    'before:rounded-[calc(theme(borderRadius.medium)*0.2)] before:border-secondary before:border-1.5',
                     'after:rounded-[calc(theme(borderRadius.medium)*0.2)]'
                 ],
                 label: '!text-body2 font-medium',
@@ -50,7 +50,7 @@ const ExtendedCheckbox = extendVariants(Checkbox, {
                 wrapper: [
                     'w-[18px] h-[18px] me-0',
                     'rounded-[calc(theme(borderRadius.medium)*0.3)]',
-                    'before:rounded-[calc(theme(borderRadius.medium)*0.3)] before:border-secondary before:border-2',
+                    'before:rounded-[calc(theme(borderRadius.medium)*0.3)] before:border-secondary before:border-1.5',
                     'after:rounded-[calc(theme(borderRadius.medium)*0.3)]'
                 ],
                 label: '!text-body1 font-medium',

package/dist/components/UXDatePicker/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { DatePicker } from "@heroui/date-picker";
-import { CalendarIcon } from "../../icons/index.js";
+import CalendarIcon from "@particle-network/icons/web/CalendarIcon";
 import { calendarClassNames } from "../UXCalendar/index.js";
 const classes = {
     inputWrapper: 'bg-background-200 h-[30px] min-h-[30px] rounded-small',

package/dist/components/UXDateRangePicker/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { DateRangePicker } from "@heroui/date-picker";
-import { CalendarIcon } from "../../icons/index.js";
+import CalendarIcon from "@particle-network/icons/web/CalendarIcon";
 import { calendarClassNames } from "../UXCalendar/index.js";
 const classes = {
     inputWrapper: 'bg-background-200 h-[30px] min-h-[30px] rounded-small',

package/dist/components/UXDivider/divider.extend.d.ts

@@ -279,8 +279,8 @@ declare const ExtendedDivider: import("react").ForwardRefExoticComponent<Omit<{
     onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHRElement> | undefined;
     onTransitionStart?: import("react").TransitionEventHandler<HTMLHRElement> | undefined;
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHRElement> | undefined;
-    orientation?: "vertical" | "horizontal" | undefined;
-    key?: import("react").Key | null | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: import("react").Key | null | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
 }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
 export default ExtendedDivider;

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { type IconProps } from '../../icons';
+import type { IconProps } from '@particle-network/icons/web/types';
 import { type VStackProps } from '../layout';
 export interface UXEmptyProps extends VStackProps {
     iconProps?: IconProps;
     text?: React.ReactNode;
+    action?: React.ReactNode;
 }
 export declare const UXEmpty: import("@heroui/system-rsc").InternalForwardRefRenderFunction<"div", UXEmptyProps, never>;

package/dist/components/UXEmpty/index.js

@@ -2,13 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { forwardRef } from "@heroui/system";
 import { cn } from "@heroui/theme";
+import EmptyIcon from "@particle-network/icons/web/EmptyIcon";
 import { useI18n } from "../../hooks/useI18n.js";
-import { EmptyIcon } from "../../icons/index.js";
 import { VStack } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
 const UXEmpty = forwardRef((props, ref)=>{
     const i18n = useI18n();
-    const { text = i18n.table.emptyContent, iconProps, className, ...restProps } = props;
+    const { text = i18n.table.emptyContent, iconProps, className, action, ...restProps } = props;
     return /*#__PURE__*/ jsxs(VStack, {
         ref: ref,
         center: true,
@@ -26,6 +26,10 @@ const UXEmpty = forwardRef((props, ref)=>{
                 color: "secondary",
                 fontWeight: "normal",
                 children: text
+            }),
+            action && /*#__PURE__*/ jsx("div", {
+                className: "mt-lg",
+                children: action
             })
         ]
     });

package/dist/components/UXHint/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { cn } from "@heroui/theme";
+import CircleQuestionIcon from "@particle-network/icons/web/CircleQuestionIcon";
 import { Center, UXPopover, UXPopoverContent, UXPopoverTrigger, UXTooltip } from "../index.js";
-import { CircleQuestionIcon } from "../../icons/index.js";
 const UXHint = (props)=>{
     const { content, children, buttonClassName, iconClassName, triggerType = 'hover', ...restProps } = props;
     const renderTriggerContent = ()=>/*#__PURE__*/ jsx(Center, {

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

@@ -295,11 +295,6 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
     multiple?: boolean | undefined;
     disabled?: boolean | undefined;
     variant?: "flat" | "bordered" | "faded" | "underlined" | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    name?: string | undefined;
-    type?: string | undefined;
-    key?: React.Key | null | undefined;
     isClearable?: boolean | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"description" | "errorMessage" | "label" | "base" | "input" | "clearButton" | "mainWrapper" | "inputWrapper" | "innerWrapper" | "helperWrapper"> | undefined;
     isDisabled?: boolean | undefined;
@@ -319,9 +314,12 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     pattern?: string | undefined;
+    type?: string | undefined;
+    name?: string | undefined;
     labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top" | undefined;
     disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: React.Key | null | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -331,6 +329,8 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     src?: string | undefined;

package/dist/components/UXInput/input.extend.d.ts

@@ -292,11 +292,6 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     multiple?: boolean | undefined;
     disabled?: boolean | undefined;
     variant?: "flat" | "bordered" | "faded" | "underlined" | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    name?: string | undefined;
-    type?: string | undefined;
-    key?: import("react").Key | null | undefined;
     isClearable?: boolean | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"description" | "errorMessage" | "label" | "base" | "input" | "clearButton" | "mainWrapper" | "inputWrapper" | "innerWrapper" | "helperWrapper"> | undefined;
     isDisabled?: boolean | undefined;
@@ -316,9 +311,12 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     pattern?: string | undefined;
+    type?: string | undefined;
+    name?: string | undefined;
     labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top" | undefined;
     disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: import("react").Key | null | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -328,6 +326,8 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     src?: string | undefined;

package/dist/components/UXModal/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@heroui/modal";
-import { CloseIcon } from "../../icons/index.js";
+import CloseIcon from "@particle-network/icons/web/CloseIcon";
 import { Center, Circle, Flex } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
 import { UXButton } from "../UXButton/index.js";

package/dist/components/UXSelect/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Select, SelectItem, SelectSection } from "@heroui/select";
-import { ChevronDownIcon } from "../../icons/index.js";
+import ChevronDownIcon from "@particle-network/icons/web/ChevronDownIcon";
 const UXSelect = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { fullWidth = false, classNames = {}, radius = 'sm', ...restProps } = props;
     const { popoverContent, selectorIcon, trigger, value, ...restClassNames } = classNames;

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

@@ -292,11 +292,6 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
     height?: string | number | undefined;
     multiple?: boolean | undefined;
     disabled?: boolean | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    name?: string | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
-    key?: React.Key | null | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"label" | "base" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
     isDisabled?: boolean | undefined;
     isReadOnly?: boolean | undefined;
@@ -307,8 +302,11 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     pattern?: string | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
+    name?: string | undefined;
     disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: React.Key | null | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -318,6 +316,8 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     src?: string | undefined;

package/dist/components/UXSwitch/switch.extend.d.ts

@@ -289,11 +289,6 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
     height?: string | number | undefined;
     multiple?: boolean | undefined;
     disabled?: boolean | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    name?: string | undefined;
-    type?: import("react").HTMLInputTypeAttribute | undefined;
-    key?: import("react").Key | null | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"label" | "base" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
     isDisabled?: boolean | undefined;
     isReadOnly?: boolean | undefined;
@@ -304,8 +299,11 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     pattern?: string | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    name?: string | undefined;
     disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: import("react").Key | null | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -315,6 +313,8 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
     src?: string | undefined;

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

@@ -290,11 +290,11 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     radius?: "sm" | "md" | "lg" | "none" | undefined;
     layout?: "auto" | "fixed" | undefined;
     border?: number | undefined;
-    key?: React.Key | null | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
     disableAnimation?: boolean | undefined;
     summary?: string | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: React.Key | null | undefined;
     baseRef?: import("@heroui/react-utils").ReactRef<HTMLElement | null> | undefined;
     disallowEmptySelection?: boolean | undefined;
     onSelectionChange?: ((keys: import("@react-types/shared").Selection) => void) | undefined;

package/dist/components/UXTable/table.extend.d.ts

@@ -287,11 +287,11 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<Omit<{
     radius?: "sm" | "md" | "lg" | "none" | undefined;
     layout?: "auto" | "fixed" | undefined;
     border?: number | undefined;
-    key?: import("react").Key | null | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
     disableAnimation?: boolean | undefined;
     summary?: string | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: import("react").Key | null | undefined;
     baseRef?: import("@heroui/react-utils").ReactRef<HTMLElement | null> | undefined;
     disallowEmptySelection?: boolean | undefined;
     onSelectionChange?: ((keys: import("@react-types/shared").Selection) => void) | undefined;

package/dist/components/UXTooltip/tooltip.extend.d.ts

@@ -282,18 +282,18 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
-    offset?: number | undefined;
-    key?: import("react").Key | null | undefined;
     classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    key?: import("react").Key | null | undefined;
     onOpenChange?: ((isOpen: boolean) => void) | undefined;
     shouldCloseOnBlur?: boolean | undefined;
     onClose?: ((() => void) & (() => void)) | undefined;
     isOpen?: boolean | undefined;
     placement?: import("@heroui/aria-utils").OverlayPlacement | undefined;
     containerPadding?: number | undefined;
+    offset?: number | undefined;
     crossOffset?: number | undefined;
     shouldFlip?: boolean | undefined;
     isKeyboardDismissDisabled?: boolean | undefined;

package/dist/utils/variants.js

@@ -1,7 +1,7 @@
 const solid = {
     default: 'bg-background-200 text-foreground',
     primary: 'bg-primary text-primary-foreground',
-    secondary: 'bg-background-200 text-foreground-300',
+    secondary: 'bg-background-200 text-secondary',
     success: 'bg-success text-success-foreground',
     warning: 'bg-warning text-warning-foreground',
     danger: 'bg-danger text-danger-foreground',
@@ -22,9 +22,9 @@ const shadow = {
     bearish: 'shadow-lg shadow-bearish/40 bg-bearish text-foreground'
 };
 const bordered = {
-    default: 'bg-transparent border-foreground-100 text-foreground',
+    default: 'bg-transparent border-foreground text-foreground',
     primary: 'bg-transparent border-primary text-primary',
-    secondary: 'bg-transparent border-foreground-100 text-foreground-300',
+    secondary: 'bg-transparent border-secondary text-secondary',
     success: 'bg-transparent border-success text-success',
     warning: 'bg-transparent border-warning text-warning',
     danger: 'bg-transparent border-danger text-danger',
@@ -33,9 +33,9 @@ const bordered = {
     bearish: 'bg-transparent border-bearish text-bearish'
 };
 const flat = {
-    default: 'bg-background-300 text-default-foreground',
+    default: 'bg-background-300 text-foreground',
     primary: 'bg-primary/20 text-primary',
-    secondary: 'bg-background-300 text-foreground-300',
+    secondary: 'bg-background-300 text-secondary',
     success: 'bg-success/20 text-success',
     warning: 'bg-warning/20 text-warning',
     danger: 'bg-danger/20 text-danger',
@@ -55,15 +55,15 @@ const faded = {
     bearish: 'border-bearish bg-bearish text-foreground'
 };
 const light = {
-    default: 'bg-transparent text-default-foreground',
-    primary: 'bg-transparent text-primary',
-    secondary: 'bg-transparent text-foreground-300',
-    success: 'bg-transparent text-success',
-    warning: 'bg-transparent text-warning',
-    danger: 'bg-transparent text-danger',
-    foreground: 'bg-transparent text-foreground',
-    bullish: 'bg-transparent text-bullish',
-    bearish: 'bg-transparent text-bearish'
+    default: 'bg-transparent text-foreground data-[hover=true]:bg-background-200/50',
+    primary: 'bg-transparent text-primary data-[hover=true]:bg-primary/20',
+    secondary: 'bg-transparent text-secondary data-[hover=true]:bg-background-200/50',
+    success: 'bg-transparent text-success data-[hover=true]:bg-success/20',
+    warning: 'bg-transparent text-warning data-[hover=true]:bg-warning/20',
+    danger: 'bg-transparent text-danger data-[hover=true]:bg-danger/20',
+    foreground: 'bg-transparent text-foreground data-[hover=true]:bg-foreground/20',
+    bullish: 'bg-transparent text-bullish data-[hover=true]:bg-bullish/20',
+    bearish: 'bg-transparent text-bearish data-[hover=true]:bg-bearish/20'
 };
 const ghost = {
     default: 'border-default text-default-foreground',
@@ -77,9 +77,9 @@ const ghost = {
     bearish: 'border-bearish text-foreground hover:!bg-bearish'
 };
 const variants_text = {
-    default: 'bg-transparent text-default-foreground',
+    default: 'bg-transparent text-foreground',
     primary: 'bg-transparent text-primary',
-    secondary: 'bg-transparent text-foreground-300',
+    secondary: 'bg-transparent text-secondary',
     success: 'bg-transparent text-success',
     warning: 'bg-transparent text-warning',
     danger: 'bg-transparent text-danger',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.0-beta.22",
+  "version": "0.4.0-beta.24",
   "type": "module",
   "exports": {
     ".": {
@@ -49,8 +49,8 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.0-beta.14",
-    "@particle-network/ui-shared": "0.3.0-beta.6"
+    "@particle-network/ui-shared": "0.3.0-beta.6",
+    "@particle-network/icons": "0.4.0-beta.14"
   },
   "scripts": {
     "build": "rslib build",

package/dist/icons/index.d.ts

@@ -1,14 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-import type { UXForegroundColor } from '@particle-network/ui-shared';
-export type IconProps = SVGProps<SVGSVGElement> & {
-    size?: number;
-    color?: UXForegroundColor | 'currentColor';
-};
-export declare const CloseIcon: React.FC<IconProps>;
-export declare const ChevronDownIcon: React.FC<IconProps>;
-export declare const CircleQuestionIcon: React.FC<IconProps>;
-export declare const EmptyIcon: React.FC<IconProps>;
-export declare const ChevronRightIcon: React.FC<IconProps>;
-export declare const ChevronLeftIcon: React.FC<IconProps>;
-export declare const CalendarIcon: React.FC<IconProps>;

package/dist/icons/index.js

@@ -1,120 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const getColor = (color)=>{
-    if ('currentColor' === color) return 'currentColor';
-    return getHexColorFromCSSVariable(color);
-};
-const CloseIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M5.29102 5.29102C5.47727 5.105 5.72974 5.00052 5.99298 5.00052C6.25621 5.00052 6.50868 5.105 6.69494 5.29102L11.9993 10.5941L17.3051 5.29102C17.4733 5.1228 17.6962 5.02051 17.9335 5.00277C18.1707 4.98503 18.4064 5.053 18.5977 5.19434L18.709 5.29102C18.895 5.47727 18.9995 5.72974 18.9995 5.99298C18.9995 6.25621 18.895 6.50868 18.709 6.69494L13.4046 11.9993L18.709 17.3051C18.8772 17.4733 18.9795 17.6962 18.9972 17.9335C19.015 18.1707 18.947 18.4064 18.8057 18.5977L18.709 18.709C18.5227 18.895 18.2703 18.9995 18.007 18.9995C17.7438 18.9995 17.4913 18.895 17.3051 18.709L11.9993 13.4046L6.69494 18.709C6.52675 18.8772 6.30377 18.9795 6.06655 18.9972C5.82933 19.015 5.59362 18.947 5.40228 18.8057L5.29102 18.709C5.105 18.5227 5.00052 18.2703 5.00052 18.007C5.00052 17.7438 5.105 17.4913 5.29102 17.3051L10.5941 11.9993L5.29102 6.69494C5.1228 6.52675 5.02051 6.30377 5.00277 6.06655C4.98503 5.82933 5.053 5.59362 5.19434 5.40228L5.29102 5.29102Z",
-            fill: getColor(color)
-        })
-    });
-const ChevronDownIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12.9007 16.4336C12.6661 16.6681 12.3478 16.7999 12.016 16.7999C11.6842 16.7999 11.366 16.6681 11.1314 16.4336L4.05267 9.35487C3.93315 9.23944 3.83782 9.10137 3.77224 8.9487C3.70666 8.79604 3.67214 8.63184 3.6707 8.46569C3.66926 8.29954 3.70092 8.13477 3.76384 7.98099C3.82675 7.82721 3.91967 7.68749 4.03716 7.57001C4.15464 7.45252 4.29436 7.3596 4.44814 7.29668C4.60192 7.23377 4.76669 7.20211 4.93284 7.20355C5.09899 7.205 5.26319 7.23951 5.41585 7.30509C5.56852 7.37067 5.70659 7.466 5.82202 7.58551L12.016 13.7795L18.21 7.58551C18.446 7.35758 18.7621 7.23145 19.0902 7.2343C19.4183 7.23715 19.7321 7.36875 19.9642 7.60076C20.1962 7.83276 20.3278 8.14661 20.3306 8.4747C20.3335 8.80279 20.2073 9.11887 19.9794 9.35487L12.9007 16.4336Z",
-            fill: getColor(color)
-        })
-    });
-const CircleQuestionIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M12 1.90039C17.5781 1.90039 22.0996 6.42192 22.0996 12C22.0996 17.5781 17.5781 22.0996 12 22.0996C6.42192 22.0996 1.90039 17.5781 1.90039 12C1.90039 6.42192 6.42192 1.90039 12 1.90039ZM12 3.39551C7.24831 3.39551 3.39551 7.24831 3.39551 12C3.39551 16.7517 7.24831 20.6045 12 20.6045C16.7517 20.6045 20.6045 16.7517 20.6045 12C20.6045 7.24831 16.7517 3.39551 12 3.39551ZM11.5664 15.5703C11.8333 15.4158 12.1618 15.4158 12.4287 15.5703C12.5596 15.6462 12.6687 15.7559 12.7441 15.8867C12.8196 16.0177 12.8593 16.1669 12.8594 16.3184L12.8555 16.4062C12.8141 16.8119 12.4906 17.1347 12.085 17.1758L11.9971 17.1797C11.5216 17.1794 11.1359 16.7939 11.1357 16.3184C11.1357 16.0089 11.2997 15.7251 11.5664 15.5703ZM11.9893 6.82129C12.9078 6.81929 13.7973 7.18095 14.4258 7.81152C15.0097 8.3997 15.3109 9.15936 15.2676 9.94922C15.2451 10.3506 15.1678 10.7145 14.9336 11.1309C14.7012 11.544 14.317 12.0048 13.6875 12.6045C13.3697 12.9064 13.1143 13.1681 12.9346 13.4014C12.754 13.6358 12.6577 13.8315 12.6406 14.0029C12.6077 14.3258 12.3546 14.5717 12.0439 14.6279L11.9082 14.6396C11.8811 14.6396 11.8565 14.6376 11.8359 14.6357C11.4356 14.5993 11.1343 14.2558 11.1738 13.8633C11.2657 12.9821 11.9428 12.2786 12.6504 11.6045C13.218 11.0645 13.4993 10.7151 13.6416 10.4609C13.7801 10.2133 13.7892 10.0531 13.7988 9.87598C13.8208 9.48028 13.6678 9.09478 13.3613 8.79004L13.3604 8.78906C13.0109 8.4381 12.5131 8.23535 11.9971 8.23535H11.9932C11.0002 8.23755 10.1963 9.00926 10.1963 9.94531C10.1961 10.3405 9.86325 10.6493 9.45996 10.6494C9.05615 10.6494 8.72381 10.3381 8.72363 9.94336C8.72363 9.10996 9.06369 8.32601 9.67969 7.73633C10.296 7.14663 11.1173 6.82341 11.9893 6.82129Z",
-            fill: getColor(color)
-        })
-    });
-const EmptyIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsxs("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                opacity: "0.1",
-                d: "M1.93335 20.9998C1.93335 21.3535 3.05716 21.6926 5.05754 21.9426C7.05793 22.1927 9.77104 22.3332 12.6 22.3332C15.429 22.3332 18.1421 22.1927 20.1425 21.9426C22.1429 21.6926 23.2667 21.3535 23.2667 20.9998C23.2667 20.6462 22.1429 20.3071 20.1425 20.057C18.1421 19.807 15.429 19.6665 12.6 19.6665C9.77104 19.6665 7.05793 19.807 5.05754 20.057C3.05716 20.3071 1.93335 20.6462 1.93335 20.9998Z",
-                fill: getColor(color)
-            }),
-            /*#__PURE__*/ jsx("path", {
-                opacity: "0.5",
-                d: "M23.2663 18.5465C22.8663 18.6532 22.773 18.7332 22.6663 19.1465C22.5597 18.7465 22.4797 18.6532 22.0663 18.5465C22.4663 18.4398 22.5597 18.3465 22.6663 17.9465C22.773 18.3465 22.853 18.4398 23.2663 18.5465ZM20.4663 3.19984C19.4263 3.4665 19.213 3.69317 18.933 4.73317C18.6663 3.69317 18.4397 3.47984 17.3997 3.19984C18.4397 2.93317 18.653 2.7065 18.933 1.6665C19.1997 2.69317 19.4263 2.91984 20.4663 3.19984Z",
-                fill: getColor(color)
-            }),
-            /*#__PURE__*/ jsx("path", {
-                opacity: "0.2",
-                d: "M0.733398 4.02687V4.14687L1.70673 5.0802L5.50673 3.22687L2.08007 5.42687V6.50687L2.62673 5.97353V5.9602L2.64007 5.97353L3.18673 6.50687L6.1334 2.9202V2.78687L0.733398 4.02687Z",
-                fill: getColor(color)
-            }),
-            /*#__PURE__*/ jsx("path", {
-                opacity: "0.5",
-                d: "M22.8797 9.21319C22.573 8.06652 21.0663 7.38652 18.6397 7.29319C16.8663 4.86652 13.733 3.63985 10.653 4.46652C7.57299 5.29319 5.49299 7.93319 5.18632 10.9199C3.13299 12.2132 2.17299 13.5599 2.49299 14.7065C2.81299 15.9199 4.43965 16.5999 7.06632 16.6399C8.89299 18.6532 11.7463 19.6132 14.5463 18.8532C17.3463 18.0932 19.3463 15.8399 19.9063 13.1732C22.1463 11.8265 23.1997 10.4265 22.8797 9.21319ZM10.9063 5.37319C14.373 4.43985 17.9597 6.50652 18.9063 9.97319C19.1463 10.8532 19.1863 11.7465 19.0663 12.5999C17.533 13.4665 15.5463 14.2532 13.4663 14.8132C11.373 15.3732 9.26632 15.6932 7.50632 15.7199C6.97299 15.0399 6.55965 14.2532 6.31965 13.3732C5.35965 9.89319 7.42632 6.30652 10.9063 5.37319ZM3.38632 14.4665C3.22632 13.8532 3.89299 12.9599 5.15965 12.0532C5.18632 12.5599 5.26632 13.0799 5.39965 13.5999C5.59965 14.3599 5.91965 15.0532 6.31965 15.6799C4.65299 15.5599 3.55965 15.1199 3.38632 14.4665ZM14.293 17.9599C12.133 18.5465 9.93299 17.9599 8.35965 16.6132C10.013 16.5199 11.8263 16.2132 13.693 15.7065C15.5597 15.1999 17.2797 14.5599 18.7597 13.8132C18.0663 15.7732 16.453 17.3865 14.293 17.9599ZM20.053 11.9865C20.0797 11.2399 19.9997 10.4799 19.7997 9.73319C19.6663 9.21319 19.4663 8.73319 19.2397 8.27985C20.7863 8.42652 21.813 8.85319 21.9863 9.46652C22.1463 10.1065 21.4263 11.0399 20.053 11.9865Z",
-                fill: getColor(color)
-            }),
-            /*#__PURE__*/ jsx("path", {
-                opacity: "0.2",
-                d: "M11.1865 6.41338C8.29319 7.20005 6.57319 10.1867 7.35985 13.08C8.14652 15.9734 11.1332 17.6934 14.0265 16.9067C16.9199 16.12 18.6399 13.1334 17.8532 10.24C17.0665 7.34672 14.0799 5.64005 11.1865 6.41338ZM14.6932 8.78672C14.7599 9.04005 14.6132 9.29338 14.3599 9.36005C14.1065 9.42672 13.8532 9.28005 13.7865 9.02672C13.7199 8.77338 13.8665 8.52005 14.1199 8.45338C14.3732 8.40005 14.6265 8.54672 14.6932 8.78672Z",
-                fill: getColor(color)
-            })
-        ]
-    });
-const ChevronRightIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
-            d: "M16.4334 11.0992C16.668 11.3338 16.7998 11.652 16.7998 11.9838C16.7998 12.3157 16.668 12.6339 16.4334 12.8685L9.35475 19.9472C9.23932 20.0667 9.10125 20.1621 8.94858 20.2276C8.79592 20.2932 8.63172 20.3277 8.46557 20.3292C8.29942 20.3306 8.13465 20.299 7.98087 20.236C7.82708 20.1731 7.68737 20.0802 7.56988 19.9627C7.45239 19.8452 7.35948 19.7055 7.29656 19.5517C7.23365 19.398 7.20199 19.2332 7.20343 19.067C7.20487 18.9009 7.23939 18.7367 7.30497 18.584C7.37055 18.4314 7.46588 18.2933 7.58539 18.1779L13.7794 11.9838L7.58539 5.78984C7.35745 5.55384 7.23133 5.23776 7.23418 4.90967C7.23703 4.58158 7.36863 4.26773 7.60063 4.03573C7.83264 3.80372 8.14648 3.67212 8.47457 3.66927C8.80266 3.66642 9.11875 3.79255 9.35475 4.02048L16.4334 11.0992Z",
-            fill: getColor(color)
-        })
-    });
-const ChevronLeftIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: /*#__PURE__*/ jsx("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
-            d: "M7.56656 12.9008C7.33198 12.6662 7.2002 12.348 7.2002 12.0162C7.2002 11.6843 7.33198 11.3661 7.56656 11.1315L14.6452 4.05279C14.7607 3.93327 14.8988 3.83795 15.0514 3.77237C15.2041 3.70679 15.3683 3.67227 15.5344 3.67082C15.7006 3.66938 15.8654 3.70104 16.0191 3.76396C16.1729 3.82687 16.3126 3.91979 16.4301 4.03728C16.5476 4.15477 16.6405 4.29448 16.7034 4.44826C16.7664 4.60204 16.798 4.76682 16.7966 4.93296C16.7951 5.09911 16.7606 5.26331 16.695 5.41597C16.6294 5.56864 16.5341 5.70672 16.4146 5.82215L10.2206 12.0162L16.4146 18.2102C16.6425 18.4462 16.7687 18.7622 16.7658 19.0903C16.763 19.4184 16.6314 19.7323 16.3994 19.9643C16.1674 20.1963 15.8535 20.3279 15.5254 20.3307C15.1973 20.3336 14.8812 20.2075 14.6452 19.9795L7.56656 12.9008Z",
-            fill: getColor(color)
-        })
-    });
-const CalendarIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsxs("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "M16.5557 2C16.895 2 17.1698 2.28823 17.1699 2.64355V3.86914H19.0664C20.0829 3.86914 20.9099 4.73498 20.9102 5.7998V18.6689C20.9102 19.7338 20.0829 20.5996 19.0664 20.5996H4.93359C3.91709 20.5996 3.08984 19.7338 3.08984 18.6689V5.7998C3.08992 4.73498 3.91714 3.86914 4.93359 3.86914H6.83008V2.64355C6.83018 2.28823 7.10497 2 7.44434 2C7.78365 2.00007 8.05849 2.28828 8.05859 2.64355V3.86914H15.9414V2.64355C15.9415 2.28828 16.2164 2.00008 16.5557 2ZM4.31934 10.2148V18.6689C4.31944 19.0238 4.59468 19.3125 4.93359 19.3125H19.0664C19.4051 19.3125 19.6808 19.0238 19.6807 18.6689V10.2148H4.31934ZM15.0254 14.0654C15.3784 14.0655 15.6648 14.3652 15.665 14.7354C15.665 15.1056 15.3787 15.4061 15.0254 15.4062H8.97461C8.62121 15.4062 8.33496 15.1056 8.33496 14.7354C8.33516 14.3652 8.62133 14.0655 8.97461 14.0654H15.0254ZM4.93359 5.15625C4.59488 5.15625 4.31941 5.44468 4.31934 5.7998V8.92676H19.6807V5.7998C19.6806 5.44468 19.4053 5.15625 19.0664 5.15625H17.1699V6.2959C17.1699 6.65154 16.8951 6.94043 16.5557 6.94043C16.2163 6.94035 15.9414 6.65126 15.9414 6.2959V5.15625H8.05859V6.2959C8.05859 6.65149 7.78371 6.94036 7.44434 6.94043C7.1049 6.94043 6.83008 6.65131 6.83008 6.2959V5.15625H4.93359Z",
-                fill: getColor(color)
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M16.5557 2V1.9H16.5556L16.5557 2ZM17.1699 2.64355H17.2699V2.64353L17.1699 2.64355ZM17.1699 3.86914H17.0699V3.96914H17.1699V3.86914ZM20.9102 5.7998H21.0102V5.79978L20.9102 5.7998ZM3.08984 5.7998L2.98984 5.7998V5.7998H3.08984ZM6.83008 3.86914V3.96914H6.93008V3.86914H6.83008ZM6.83008 2.64355L6.73008 2.64353V2.64355H6.83008ZM7.44434 2L7.44436 1.9H7.44434V2ZM8.05859 2.64355H8.15859V2.64353L8.05859 2.64355ZM8.05859 3.86914H7.95859V3.96914H8.05859V3.86914ZM15.9414 3.86914V3.96914H16.0414V3.86914H15.9414ZM15.9414 2.64355L15.8414 2.64353V2.64355H15.9414ZM4.31934 10.2148V10.1148H4.21934V10.2148H4.31934ZM4.31934 18.6689H4.21934V18.669L4.31934 18.6689ZM19.6807 18.6689H19.5807V18.669L19.6807 18.6689ZM19.6807 10.2148H19.7807V10.1148H19.6807V10.2148ZM15.0254 14.0654L15.0254 13.9654H15.0254V14.0654ZM15.665 14.7354H15.765V14.7353L15.665 14.7354ZM15.0254 15.4062V15.5063H15.0254L15.0254 15.4062ZM8.97461 15.4062L8.9746 15.5063H8.97461V15.4062ZM8.33496 14.7354L8.23496 14.7353V14.7354H8.33496ZM8.97461 14.0654V13.9654H8.9746L8.97461 14.0654ZM4.31934 5.7998L4.21934 5.79978V5.7998H4.31934ZM4.31934 8.92676H4.21934V9.02676H4.31934V8.92676ZM19.6807 8.92676V9.02676H19.7807V8.92676H19.6807ZM19.6807 5.7998H19.7807V5.79978L19.6807 5.7998ZM17.1699 5.15625V5.05625H17.0699V5.15625H17.1699ZM16.5557 6.94043L16.5556 7.04043H16.5557V6.94043ZM15.9414 5.15625H16.0414V5.05625H15.9414V5.15625ZM8.05859 5.15625V5.05625H7.95859V5.15625H8.05859ZM7.44434 6.94043V7.04043H7.44436L7.44434 6.94043ZM6.83008 5.15625H6.93008V5.05625H6.83008V5.15625ZM16.5557 2V2.1C16.8354 2.1 17.0698 2.33897 17.0699 2.64358L17.1699 2.64355L17.2699 2.64353C17.2698 2.23749 16.9547 1.9 16.5557 1.9V2ZM17.1699 2.64355H17.0699V3.86914H17.1699H17.2699V2.64355H17.1699ZM17.1699 3.86914V3.96914H19.0664V3.86914V3.76914H17.1699V3.86914ZM19.0664 3.86914V3.96914C20.0233 3.96914 20.8099 4.78581 20.8102 5.79983L20.9102 5.7998L21.0102 5.79978C21.0098 4.68414 20.1424 3.76914 19.0664 3.76914V3.86914ZM20.9102 5.7998H20.8102V18.6689H20.9102H21.0102V5.7998H20.9102ZM20.9102 18.6689H20.8102C20.8102 19.683 20.0234 20.4996 19.0664 20.4996V20.5996V20.6996C20.1424 20.6996 21.0102 19.7847 21.0102 18.6689H20.9102ZM19.0664 20.5996V20.4996H4.93359V20.5996V20.6996H19.0664V20.5996ZM4.93359 20.5996V20.4996C3.9766 20.4996 3.18984 19.683 3.18984 18.6689H3.08984H2.98984C2.98984 19.7847 3.85759 20.6996 4.93359 20.6996V20.5996ZM3.08984 18.6689H3.18984V5.7998H3.08984H2.98984V18.6689H3.08984ZM3.08984 5.7998L3.18984 5.79981C3.18992 4.78582 3.97665 3.96914 4.93359 3.96914V3.86914V3.76914C3.85763 3.76914 2.98992 4.68413 2.98984 5.7998L3.08984 5.7998ZM4.93359 3.86914V3.96914H6.83008V3.86914V3.76914H4.93359V3.86914ZM6.83008 3.86914H6.93008V2.64355H6.83008H6.73008V3.86914H6.83008ZM6.83008 2.64355L6.93008 2.64358C6.93017 2.33897 7.16458 2.1 7.44434 2.1V2V1.9C7.04535 1.9 6.7302 2.23749 6.73008 2.64353L6.83008 2.64355ZM7.44434 2L7.44431 2.1C7.72405 2.10006 7.95851 2.33904 7.95859 2.64358L8.05859 2.64355L8.15859 2.64353C8.15848 2.23751 7.84325 1.90008 7.44436 1.9L7.44434 2ZM8.05859 2.64355H7.95859V3.86914H8.05859H8.15859V2.64355H8.05859ZM8.05859 3.86914V3.96914H15.9414V3.86914V3.76914H8.05859V3.86914ZM15.9414 3.86914H16.0414V2.64355H15.9414H15.8414V3.86914H15.9414ZM15.9414 2.64355L16.0414 2.64358C16.0415 2.33905 16.276 2.10007 16.5557 2.1L16.5557 2L16.5556 1.9C16.1568 1.9001 15.8415 2.23751 15.8414 2.64353L15.9414 2.64355ZM4.31934 10.2148H4.21934V18.6689H4.31934H4.41934V10.2148H4.31934ZM4.31934 18.6689L4.21934 18.669C4.21946 19.0746 4.53506 19.4125 4.93359 19.4125V19.3125V19.2125C4.65429 19.2125 4.41943 18.9731 4.41934 18.6689L4.31934 18.6689ZM4.93359 19.3125V19.4125H19.0664V19.3125V19.2125H4.93359V19.3125ZM19.0664 19.3125V19.4125C19.4646 19.4125 19.7808 19.0746 19.7807 18.6689L19.6807 18.6689L19.5807 18.669C19.5808 18.973 19.3456 19.2125 19.0664 19.2125V19.3125ZM19.6807 18.6689H19.7807V10.2148H19.6807H19.5807V18.6689H19.6807ZM19.6807 10.2148V10.1148H4.31934V10.2148V10.3148H19.6807V10.2148ZM15.0254 14.0654L15.0254 14.1654C15.3189 14.1655 15.5649 14.4161 15.565 14.7354L15.665 14.7354L15.765 14.7353C15.7648 14.3144 15.438 13.9655 15.0254 13.9654L15.0254 14.0654ZM15.665 14.7354H15.565C15.565 15.0549 15.319 15.3061 15.0253 15.3062L15.0254 15.4062L15.0254 15.5063C15.4384 15.506 15.765 15.1562 15.765 14.7354H15.665ZM15.0254 15.4062V15.3062H8.97461V15.4062V15.5063H15.0254V15.4062ZM8.97461 15.4062L8.97462 15.3062C8.6809 15.3062 8.43496 15.055 8.43496 14.7354H8.33496H8.23496C8.23496 15.1563 8.56151 15.5062 8.9746 15.5063L8.97461 15.4062ZM8.33496 14.7354L8.43496 14.7354C8.43513 14.416 8.6809 14.1655 8.97462 14.1654L8.97461 14.0654L8.9746 13.9654C8.56176 13.9655 8.23519 14.3144 8.23496 14.7353L8.33496 14.7354ZM8.97461 14.0654V14.1654H15.0254V14.0654V13.9654H8.97461V14.0654ZM4.93359 5.15625V5.05625C4.53532 5.05625 4.21942 5.39388 4.21934 5.79978L4.31934 5.7998L4.41934 5.79983C4.4194 5.49548 4.65444 5.25625 4.93359 5.25625V5.15625ZM4.31934 5.7998H4.21934V8.92676H4.31934H4.41934V5.7998H4.31934ZM4.31934 8.92676V9.02676H19.6807V8.92676V8.82676H4.31934V8.92676ZM19.6807 8.92676H19.7807V5.7998H19.6807H19.5807V8.92676H19.6807ZM19.6807 5.7998L19.7807 5.79978C19.7806 5.39391 19.4649 5.05625 19.0664 5.05625V5.15625V5.25625C19.3458 5.25625 19.5806 5.49546 19.5807 5.79983L19.6807 5.7998ZM19.0664 5.15625V5.05625H17.1699V5.15625V5.25625H19.0664V5.15625ZM17.1699 5.15625H17.0699V6.2959H17.1699H17.2699V5.15625H17.1699ZM17.1699 6.2959H17.0699C17.0699 6.60095 16.8353 6.84043 16.5557 6.84043V6.94043V7.04043C16.9549 7.04043 17.2699 6.70213 17.2699 6.2959H17.1699ZM16.5557 6.94043L16.5557 6.84043C16.2761 6.84036 16.0414 6.60068 16.0414 6.2959H15.9414H15.8414C15.8414 6.70185 16.1565 7.04033 16.5556 7.04043L16.5557 6.94043ZM15.9414 6.2959H16.0414V5.15625H15.9414H15.8414V6.2959H15.9414ZM15.9414 5.15625V5.05625H8.05859V5.15625V5.25625H15.9414V5.15625ZM8.05859 5.15625H7.95859V6.2959H8.05859H8.15859V5.15625H8.05859ZM8.05859 6.2959H7.95859C7.95859 6.60089 7.72397 6.84037 7.44431 6.84043L7.44434 6.94043L7.44436 7.04043C7.84345 7.04035 8.15859 6.7021 8.15859 6.2959H8.05859ZM7.44434 6.94043V6.84043C7.16468 6.84043 6.93008 6.60075 6.93008 6.2959H6.83008H6.73008C6.73008 6.70188 7.04512 7.04043 7.44434 7.04043V6.94043ZM6.83008 6.2959H6.93008V5.15625H6.83008H6.73008V6.2959H6.83008ZM6.83008 5.15625V5.05625H4.93359V5.15625V5.25625H6.83008V5.15625Z",
-                fill: getColor(color)
-            })
-        ]
-    });
-export { CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CircleQuestionIcon, CloseIcon, EmptyIcon };