@particle-network/ui-react 0.4.0-beta.9 → 0.4.1-beta.0

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: [

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/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;
 }