@particle-network/ui-react 0.4.0-beta.3 → 0.4.0-beta.31

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

@@ -40,7 +40,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -285,6 +285,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     list?: string | undefined;
     step?: string | number | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    label?: import("react").ReactNode;
     value?: string | (readonly string[] & string) | undefined;
     width?: string | number | undefined;
     height?: string | number | undefined;
@@ -292,52 +293,51 @@ 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;
-    labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top" | undefined;
-    label?: import("react").ReactNode;
-    disableAnimation?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"base" | "input" | "label" | "description" | "errorMessage" | "clearButton" | "mainWrapper" | "inputWrapper" | "innerWrapper" | "helperWrapper"> | undefined;
     isDisabled?: boolean | undefined;
-    pattern?: string | undefined;
-    as?: import("@heroui/system-rsc").As<any> | undefined;
+    isReadOnly?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    validationState?: import("@react-types/shared").ValidationState | undefined;
+    validationBehavior?: "aria" | "native" | undefined;
+    validate?: ((value: string) => import("@react-types/shared").ValidationError | true | null | undefined) | undefined;
+    description?: import("react").ReactNode;
+    errorMessage?: import("react").ReactNode | ((v: import("@react-types/shared").ValidationResult) => import("react").ReactNode);
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
+    placeholder?: string | undefined;
     excludeFromTabOrder?: boolean | undefined;
-    startContent?: import("react").ReactNode;
-    endContent?: import("react").ReactNode;
-    onClear?: (() => void) | undefined;
     autoComplete?: string | undefined;
-    alt?: string | undefined;
     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;
     checked?: boolean | undefined;
-    src?: string | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"label" | "inputWrapper" | "base" | "input" | "errorMessage" | "helperWrapper" | "description" | "innerWrapper" | "mainWrapper" | "clearButton"> | undefined;
-    isReadOnly?: boolean | undefined;
-    validationState?: import("@react-types/shared").ValidationState | undefined;
-    isInvalid?: boolean | undefined;
-    errorMessage?: import("react").ReactNode | ((v: import("@react-types/shared").ValidationResult) => import("react").ReactNode);
-    placeholder?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    isRequired?: boolean | undefined;
-    validationBehavior?: "aria" | "native" | undefined;
-    validate?: ((value: string) => import("@react-types/shared").ValidationError | true | null | undefined) | undefined;
-    description?: import("react").ReactNode;
-    isClearable?: boolean | undefined;
+    src?: string | undefined;
     baseRef?: import("react").Ref<HTMLDivElement> | undefined;
     wrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
     innerWrapperRef?: import("react").Ref<HTMLDivElement> | undefined;
+    startContent?: import("react").ReactNode;
+    endContent?: import("react").ReactNode;
+    onClear?: (() => void) | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
 }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
 export default ExtendedInput;

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

@@ -6,4 +6,4 @@ export type UXModalProps = Omit<ModalProps, 'closeButton'> & {
     tip?: React.ReactNode;
     titleAlign?: 'left' | 'center';
 };
-export declare const UXModal: React.ForwardRefExoticComponent<Omit<UXModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const UXModal: React.FC<UXModalProps>;

package/dist/components/UXModal/index.js

@@ -1,12 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import "react";
 import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@heroui/modal";
-import { Center, Circle, Flex, Text, UXButton } from "../index.js";
-import { CloseIcon } from "../../icons/index.js";
-const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
+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";
+const UXModal = (props)=>{
     const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
     return /*#__PURE__*/ jsx(Modal, {
-        ref: ref,
         backdrop: backdrop,
         scrollBehavior: scrollBehavior,
         classNames: {
@@ -86,6 +87,6 @@ const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
             ]
         })
     });
-});
+};
 UXModal.displayName = 'UX.Modal';
 export { UXModal };

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;
@@ -18,7 +18,7 @@ const UXSelect = /*#__PURE__*/ forwardRef((props, ref)=>{
                 selectorIcon
             ],
             trigger: [
-                'h-[30px] min-h-[30px] px-md bg-background-200',
+                'h-[30px] min-h-[30px] px-md bg-background-200 data-[hover=true]:bg-background-200 data-[hover=true]:opacity-hover',
                 trigger
             ],
             value: [
@@ -34,7 +34,7 @@ const UXSelect = /*#__PURE__*/ forwardRef((props, ref)=>{
                 list: 'gap-0 [&_[data-slot="heading"]]:text-small [&_[data-slot="heading"]]:font-medium'
             },
             itemClasses: {
-                base: '!outline-none min-h-8 px-md rounded-small text-foreground-300 !outline-none data-[hover=true]:bg-background-200 data-[selected=true]:text-foreground gap-1',
+                base: '!outline-none min-h-8 px-md rounded-small text-foreground-300 !outline-none data-[hover=true]:bg-background-200 data-[focus-visible=true]:bg-background-200 data-[focus-visible=true]:dark:bg-background-200 data-[hover=true]:text-default-foreground data-[selectable=true]:focus:!bg-background-200 data-[selectable=true]:focus:dark:!bg-background-200 gap-1',
                 title: 'text-tiny font-medium antialiased',
                 selectedIcon: '[&>svg>polyline]:stroke-[2.5]'
             }

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

@@ -42,7 +42,7 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -292,39 +292,39 @@ 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;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"base" | "label" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
     isDisabled?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    pattern?: string | undefined;
-    as?: import("@heroui/system-rsc").As<any> | undefined;
+    isReadOnly?: boolean | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
+    placeholder?: string | undefined;
     excludeFromTabOrder?: boolean | undefined;
-    startContent?: React.ReactNode;
-    endContent?: React.ReactNode;
     autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    alt?: string | undefined;
     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;
     checked?: boolean | undefined;
-    src?: string | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"label" | "base" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
-    isReadOnly?: boolean | undefined;
-    placeholder?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formEncType?: string | undefined;
+    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;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
     onValueChange?: ((isSelected: boolean) => void) | undefined;
+    isSelected?: boolean | undefined;
     defaultSelected?: boolean | undefined;
     thumbIcon?: React.ReactNode | ((props: import("@heroui/switch").SwitchThumbIconProps) => React.ReactNode);
 }, "ref"> & React.RefAttributes<React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -39,7 +39,7 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -289,39 +289,39 @@ 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;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"base" | "label" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
     isDisabled?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    pattern?: string | undefined;
-    as?: import("@heroui/system-rsc").As<any> | undefined;
+    isReadOnly?: boolean | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
+    placeholder?: string | undefined;
     excludeFromTabOrder?: boolean | undefined;
-    startContent?: import("react").ReactNode;
-    endContent?: import("react").ReactNode;
     autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-    alt?: string | undefined;
     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;
     checked?: boolean | undefined;
-    src?: string | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"label" | "base" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
-    isReadOnly?: boolean | undefined;
-    placeholder?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formEncType?: string | undefined;
+    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;
+    startContent?: import("react").ReactNode;
+    endContent?: import("react").ReactNode;
     onValueChange?: ((isSelected: boolean) => void) | undefined;
+    isSelected?: boolean | undefined;
     defaultSelected?: boolean | undefined;
     thumbIcon?: import("react").ReactNode | ((props: import("@heroui/switch").SwitchThumbIconProps) => import("react").ReactNode);
 }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;

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

@@ -43,7 +43,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -286,37 +286,37 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLTableElement> | undefined;
     align?: "start" | "end" | "center" | undefined;
     size?: "md" | "lg" | undefined;
+    summary?: string | undefined;
     width?: string | number | undefined;
     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;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    summary?: string | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
-    bgcolor?: string | undefined;
-    cellPadding?: string | number | undefined;
-    cellSpacing?: string | number | undefined;
-    frame?: boolean | undefined;
-    rules?: "none" | "all" | "rows" | "groups" | "columns" | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
-    topContent?: React.ReactNode;
-    bottomContent?: React.ReactNode;
+    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;
+    disabledKeys?: Iterable<import("@react-types/shared").Key> | undefined;
     scrollRef?: import("@react-types/shared").RefObject<HTMLElement | null> | undefined;
     isVirtualized?: boolean | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    topContent?: React.ReactNode;
+    bottomContent?: React.ReactNode;
+    keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
+    selectionBehavior?: "replace" | "toggle" | undefined;
+    shouldSelectOnPressUp?: boolean | undefined;
     escapeKeyBehavior?: "none" | "clearSelection" | undefined;
-    disabledKeys?: Iterable<import("@react-types/shared").Key> | undefined;
     selectionMode?: import("@react-types/shared").SelectionMode | undefined;
-    disallowEmptySelection?: boolean | undefined;
     selectedKeys?: "all" | Iterable<import("@react-types/shared").Key> | undefined;
     defaultSelectedKeys?: "all" | Iterable<import("@react-types/shared").Key> | undefined;
-    onSelectionChange?: ((keys: import("@react-types/shared").Selection) => void) | undefined;
-    baseRef?: import("@heroui/react-utils").ReactRef<HTMLElement | null> | undefined;
+    bgcolor?: string | undefined;
+    cellPadding?: string | number | undefined;
+    cellSpacing?: string | number | undefined;
+    frame?: boolean | undefined;
+    rules?: "none" | "all" | "rows" | "groups" | "columns" | undefined;
     isCompact?: boolean | undefined;
-    keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
-    selectionBehavior?: "replace" | "toggle" | undefined;
-    shouldSelectOnPressUp?: boolean | undefined;
     hideHeader?: boolean | undefined;
     isStriped?: boolean | undefined;
     isHeaderSticky?: boolean | undefined;

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

@@ -40,7 +40,7 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -283,37 +283,37 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<Omit<{
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLTableElement> | undefined;
     align?: "start" | "end" | "center" | undefined;
     size?: "md" | "lg" | undefined;
+    summary?: string | undefined;
     width?: string | number | undefined;
     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;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
-    summary?: string | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
-    bgcolor?: string | undefined;
-    cellPadding?: string | number | undefined;
-    cellSpacing?: string | number | undefined;
-    frame?: boolean | undefined;
-    rules?: "none" | "all" | "rows" | "groups" | "columns" | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"table" | "base" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr" | "wrapper" | "sortIcon" | "emptyWrapper" | "loadingWrapper"> | undefined;
-    topContent?: import("react").ReactNode;
-    bottomContent?: import("react").ReactNode;
+    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;
+    disabledKeys?: Iterable<import("@react-types/shared").Key> | undefined;
     scrollRef?: import("@react-types/shared").RefObject<HTMLElement | null> | undefined;
     isVirtualized?: boolean | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    topContent?: import("react").ReactNode;
+    bottomContent?: import("react").ReactNode;
+    keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
+    selectionBehavior?: "replace" | "toggle" | undefined;
+    shouldSelectOnPressUp?: boolean | undefined;
     escapeKeyBehavior?: "none" | "clearSelection" | undefined;
-    disabledKeys?: Iterable<import("@react-types/shared").Key> | undefined;
     selectionMode?: import("@react-types/shared").SelectionMode | undefined;
-    disallowEmptySelection?: boolean | undefined;
     selectedKeys?: "all" | Iterable<import("@react-types/shared").Key> | undefined;
     defaultSelectedKeys?: "all" | Iterable<import("@react-types/shared").Key> | undefined;
-    onSelectionChange?: ((keys: import("@react-types/shared").Selection) => void) | undefined;
-    baseRef?: import("@heroui/react-utils").ReactRef<HTMLElement | null> | undefined;
+    bgcolor?: string | undefined;
+    cellPadding?: string | number | undefined;
+    cellSpacing?: string | number | undefined;
+    frame?: boolean | undefined;
+    rules?: "none" | "all" | "rows" | "groups" | "columns" | undefined;
     isCompact?: boolean | undefined;
-    keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
-    selectionBehavior?: "replace" | "toggle" | undefined;
-    shouldSelectOnPressUp?: boolean | undefined;
     hideHeader?: boolean | undefined;
     isStriped?: boolean | undefined;
     isHeaderSticky?: boolean | undefined;

package/dist/components/UXTabs/tabs.classes.js

@@ -3,7 +3,7 @@ const tabsClasses = {
     variants: {
         variant: {
             solid: {
-                tabList: 'gap-0 bg-background-400',
+                tabList: 'gap-0 bg-background-200',
                 tab: 'py-0 !outline-none',
                 cursor: 'shadow-none inset-0',
                 tabContent: 'text-foreground-300 font-medium'
@@ -252,9 +252,9 @@ const tabsClasses = {
             color: 'default',
             class: {
                 cursor: [
-                    'bg-background-200'
+                    '!bg-tertiary'
                 ],
-                tabContent: 'group-data-[selected=true]:text-default-foreground'
+                tabContent: 'group-data-[selected=true]:text-tertiary-foreground'
             }
         },
         {
@@ -264,9 +264,9 @@ const tabsClasses = {
             color: 'default',
             class: {
                 cursor: [
-                    'bg-foreground-100'
+                    '!bg-tertiary'
                 ],
-                tabContent: 'group-data-[selected=true]:text-default-foreground'
+                tabContent: 'group-data-[selected=true]:text-tertiary-foreground'
             }
         },
         {
@@ -276,9 +276,9 @@ const tabsClasses = {
             color: 'default',
             class: {
                 cursor: [
-                    'bg-background-300'
+                    '!bg-tertiary'
                 ],
-                tabContent: 'group-data-[selected=true]:text-default-foreground'
+                tabContent: 'group-data-[selected=true]:text-tertiary-foreground'
             }
         },
         {

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

@@ -1,4 +1,3 @@
-export * from './theme-data';
 export * from './theme-switch';
 export * from './use-color-scheme';
 export * from './use-theme';

package/dist/components/UXThemeSwitch/index.js

@@ -1,4 +1,3 @@
-export * from "./theme-data.js";
 export * from "./theme-switch.js";
 export * from "./use-color-scheme.js";
 export * from "./use-theme.js";

package/dist/components/UXThemeSwitch/theme-item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ThemeItemType } from './theme-data';
+import type { ThemeItemType } from '@particle-network/ui-shared';
 export interface ThemeItemProps extends ThemeItemType {
     isSelected: boolean;
     onClick: () => void;

package/dist/components/UXThemeSwitch/theme-item.js

@@ -7,17 +7,15 @@ import { Text } from "../typography/Text.js";
 const ThemeItem = ({ id, zhName, enName, isSelected, onClick })=>{
     const lang = useLang();
     return /*#__PURE__*/ jsxs(VStack, {
-        center: true,
         gap: 2,
-        className: cn('cursor-pointer hover:scale-105 transition-all duration-300', id),
+        items: "center",
+        className: cn('cursor-pointer', id),
         onClick: onClick,
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: cn('rounded-medium border-2', isSelected ? 'border-primary' : 'border-transparent'),
+                className: cn('rounded-medium border-2 hover:scale-105 transition-all duration-300', 'w-[100px] h-[59px] md:w-[120px] md:h-[71px]', isSelected ? 'border-primary' : 'border-transparent'),
                 children: /*#__PURE__*/ jsxs("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
-                    width: "180",
-                    height: "106.5",
                     viewBox: "0 0 120 71",
                     fill: "none",
                     children: [
@@ -138,6 +136,7 @@ const ThemeItem = ({ id, zhName, enName, isSelected, onClick })=>{
                 })
             }),
             /*#__PURE__*/ jsx(Text, {
+                align: "center",
                 children: 'zh' === lang ? zhName : enName
             })
         ]

package/dist/components/UXThemeSwitch/theme-switch.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { DrawerProps } from '@heroui/drawer';
-export type UXThemeSwitchDrawerProps = Omit<DrawerProps, 'children'>;
-export declare const UXThemeSwitchDrawer: React.FC<UXThemeSwitchDrawerProps>;
+import { type UXModalProps } from '../UXModal';
+export type UXThemeSwitchModalProps = Omit<UXModalProps, 'children'>;
+export declare const UXThemeSwitchModal: React.FC<UXThemeSwitchModalProps>;
 export interface UXThemeSwitchProps {
     children?: (onOpen: () => void) => React.ReactNode;
 }