@particle-network/ui-react 0.5.1-beta.2 → 0.5.1-beta.20

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type UXForegroundColor, type UXRadius } from '@particle-network/ui-shared';
+import { type HexColor, type UXComponentColor, type UXRadius } from '@particle-network/ui-shared';
 export interface ProgressWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * 进度 (%)
@@ -24,7 +24,7 @@ export interface ProgressWrapperProps extends React.HTMLAttributes<HTMLDivElemen
     /**
      * 进度条颜色
      */
-    color?: UXForegroundColor | 'transparent' | `#${string}`;
+    color?: UXComponentColor | 'transparent' | HexColor;
     /**
      * 进度条 SVG 样式
      */

package/dist/components/ProgressWrapper/index.js

@@ -1,11 +1,10 @@
 'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from "react";
-import { cn } from "@heroui/theme";
-import { radiusMap } from "@particle-network/ui-shared";
+import { radiusMap, useThemeColor } from "@particle-network/ui-shared";
 import { useSize } from "ahooks";
+import { cn } from "../../utils/index.js";
 import { Center } from "../layout/index.js";
-import { useThemeColor } from "../UXThemeSwitch/use-theme-color.js";
 const ProgressWrapper = ({ className, value = 0, width, height, radius = 'sm', strokeWidth = 1, color = 'primary', children, svgClassName, ...restProps })=>{
     const uxColors = useThemeColor();
     const autoLayout = !width && !height;

package/dist/components/UXAutocomplete/index.js

@@ -3,10 +3,9 @@ import "react";
 import { Autocomplete, AutocompleteItem, AutocompleteSection } from "@heroui/autocomplete";
 import ChevronDownIcon from "@particle-network/icons/web/ChevronDownIcon";
 const UXAutocomplete = (props)=>{
-    const { fullWidth = false, classNames = {}, radius = 'sm', labelPlacement = 'outside-top', ...restProps } = props;
+    const { classNames = {}, radius = 'sm', labelPlacement = 'outside-top', ...restProps } = props;
     const { base, popoverContent, selectorButton, endContentWrapper, clearButton, listboxWrapper } = classNames;
     return /*#__PURE__*/ jsx(Autocomplete, {
-        fullWidth: fullWidth,
         classNames: {
             base: [
                 'ux-base',

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

@@ -381,13 +381,13 @@ const button_theme_button = tv({
             isSelected: true,
             color: 'default',
             variant: 'solid',
-            class: 'bg-tertiary text-tertiary-foreground'
+            class: 'bg-cursor text-cursor-foreground'
         },
         {
             isSelected: true,
             color: 'secondary',
             variant: 'solid',
-            class: 'bg-tertiary text-tertiary-foreground'
+            class: 'bg-cursor text-cursor-foreground'
         },
         {
             isSelected: true,

package/dist/components/UXButton/button.js

@@ -5,7 +5,7 @@ import { UXSpinner } from "../UXSpinner/index.js";
 import { useButton } from "./use-button.js";
 const Button = forwardRef((props, ref)=>{
     const { Component, domRef, children, spinnerSize, spinner = /*#__PURE__*/ jsx(UXSpinner, {
-        color: "currentColor",
+        color: "current",
         size: spinnerSize
     }), spinnerPlacement, startContent, endContent, isLoading, disableRipple, getButtonProps, getRippleProps, isIconOnly } = useButton({
         ...props,

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

@@ -7,7 +7,7 @@ const ExtendedCheckbox = extendVariants(Checkbox, {
                 wrapper: 'after:bg-primary after:text-primary-foreground text-primary-foreground'
             },
             secondary: {
-                wrapper: 'after:bg-tertiary after:text-tertiary-foreground text-tertiary-foreground'
+                wrapper: 'after:bg-cursor after:text-cursor-foreground text-cursor-foreground'
             },
             success: {
                 wrapper: 'after:bg-success after:text-success-foreground text-success-foreground'
@@ -27,34 +27,37 @@ const ExtendedCheckbox = extendVariants(Checkbox, {
         },
         size: {
             sm: {
+                base: 'gap-1.5',
                 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',
                     'after:rounded-[calc(theme(borderRadius.medium)*0.2)]'
                 ],
-                label: '!text-body3 font-medium',
-                icon: 'h-2.5'
+                label: '!text-body2 font-medium',
+                icon: 'h-2'
             },
             md: {
+                base: 'gap-2',
                 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-1.5',
-                    'after:rounded-[calc(theme(borderRadius.medium)*0.2)]'
+                    'rounded-[calc(theme(borderRadius.medium)*0.3)]',
+                    '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-body2 font-medium',
-                icon: 'h-3'
+                icon: 'h-2.5'
             },
             lg: {
+                base: 'gap-2',
                 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-1.5',
-                    'after:rounded-[calc(theme(borderRadius.medium)*0.3)]'
+                    'rounded-[calc(theme(borderRadius.medium)*0.4)]',
+                    'before:rounded-[calc(theme(borderRadius.medium)*0.4)] before:border-secondary before:border-1.5',
+                    'after:rounded-[calc(theme(borderRadius.medium)*0.4)]'
                 ],
                 label: '!text-body1 font-medium',
-                icon: 'h-3.5'
+                icon: 'h-3'
             }
         },
         radius: {
@@ -144,10 +147,10 @@ const ExtendedCheckbox = extendVariants(Checkbox, {
         },
         labelPlacement: {
             left: {
-                base: 'flex-row-reverse gap-2'
+                base: 'flex-row-reverse'
             },
             right: {
-                base: 'flex-row gap-2'
+                base: 'flex-row'
             }
         }
     },

package/dist/components/UXChip/chip.extend.d.ts

@@ -1,7 +1,8 @@
 import type React from 'react';
 import { type ChipProps } from '@heroui/chip';
+import type { HexColor } from '@particle-network/ui-shared';
 type ExtendedChipProps = Omit<ChipProps, 'color'> & {
-    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'alert' | 'danger' | 'bullish' | 'bearish' | `#${string}`;
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'alert' | 'danger' | 'bullish' | 'bearish' | HexColor;
 };
 declare const ExtendedChip: React.ForwardRefExoticComponent<ExtendedChipProps>;
 export default ExtendedChip;

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

@@ -2,5 +2,5 @@ import React from 'react';
 import ExtendedChip from './chip.extend';
 export type UXChipProps = React.ComponentPropsWithRef<typeof ExtendedChip>;
 export declare const UXChip: import("@heroui/system-rsc").InternalForwardRefRenderFunction<"div", Omit<import("@heroui/chip").ChipProps, "color"> & {
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "alert" | "danger" | "bullish" | "bearish" | `#${string}`;
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "alert" | "danger" | "bullish" | "bearish" | import("@particle-network/ui-shared").HexColor;
 }, never>;

package/dist/components/UXColorPicker/color-input.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { ColorField, Input } from "react-aria-components";
-import { cn } from "@heroui/theme";
+import { cn } from "../../utils/index.js";
 const inputClassName = 'w-full h-[30px] rounded-small border-none bg-background-200 px-2.5 text-tiny text-foreground focus:outline-none focus:ring-1 focus:ring-foreground text-center';
 const ColorInput = (props)=>/*#__PURE__*/ jsx(ColorField, {
         ...props,

package/dist/components/UXColorPicker/color-picker.js

@@ -1,20 +1,23 @@
 'use client';
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { ColorArea, ColorPicker, ColorSlider, ColorSwatch, ColorThumb, SliderTrack, parseColor } from "react-aria-components";
-import { cn } from "@heroui/theme";
 import ColorPickerIcon from "@particle-network/icons/web/ColorPickerIcon";
 import RefreshCcwIcon from "@particle-network/icons/web/RefreshCcwIcon";
+import { cn } from "../../utils/index.js";
 import { HStack } from "../layout/index.js";
 import { UXButton } from "../UXButton/index.js";
 import { UXPopover, UXPopoverContent, UXPopoverTrigger } from "../UXPopover/index.js";
+import { useThemeColor } from "../UXThemeSwitch/index.js";
 import { ColorFields } from "./color-fields.js";
 import { ColorInput } from "./color-input.js";
 import { normalizeColor } from "./utils.js";
-const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd, onValueChange, onValueChangeEnd, isDisabled, placement = 'bottom-start' })=>{
+const UXColorPicker = ({ className, isDisabled, isIconOnly, placement = 'bottom-start', value, defaultValue, onChange, onChangeEnd, onValueChange, onValueChangeEnd, isChanged, onReset })=>{
+    const colors = useThemeColor();
     const isControlled = void 0 !== value;
     const [pickerKey, setPickerKey] = useState(0);
     const [isInputFocused, setIsInputFocused] = useState(false);
+    const [isInteracting, setIsInteracting] = useState(false);
     const getInitialColor = ()=>{
         if (isControlled && value) return normalizeColor(value);
         if (defaultValue) return normalizeColor(defaultValue);
@@ -29,12 +32,13 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
         return parseColor('#000000');
     });
     const currentColor = useMemo(()=>{
-        if (isControlled && value) return normalizeColor(value);
+        if (isControlled && value && !isInteracting) return normalizeColor(value);
         return internalColor;
     }, [
         value,
         internalColor,
-        isControlled
+        isControlled,
+        isInteracting
     ]);
     useEffect(()=>{
         const initialColor = getInitialColor();
@@ -60,7 +64,10 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
     ]);
     const handleChange = useCallback((color)=>{
         if (color) {
-            setInternalColor(color);
+            if (isControlled) {
+                setInternalColor(color);
+                setIsInteracting(true);
+            } else setInternalColor(color);
             onChange?.(color);
             onValueChange?.(color.toString('hex'));
         }
@@ -84,6 +91,7 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
     ]);
     const handleChangeEnd = useCallback((color)=>{
         if (color) {
+            setIsInteracting(false);
             onChangeEnd?.(color);
             onValueChangeEnd?.(color.toString('hex'));
         }
@@ -92,13 +100,16 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
         onValueChangeEnd
     ]);
     const hasChanged = useMemo(()=>{
+        if (void 0 !== isChanged) return isChanged;
         const initialHex = initialColorRef.current.toString('hex');
         const currentHex = currentColor.toString('hex');
         return initialHex !== currentHex;
     }, [
-        currentColor
+        currentColor,
+        isChanged
     ]);
     const handleReset = ()=>{
+        if (onReset) return void onReset();
         const resetColor = initialColorRef.current;
         if (!isControlled) {
             setInternalColor(resetColor);
@@ -118,22 +129,23 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
         handleChangeEnd
     ]);
     return /*#__PURE__*/ jsx(ColorPicker, {
-        value: value,
+        value: currentColor,
         defaultValue: !isControlled && pickerKey > 0 ? internalColor : defaultValue,
         onChange: handleChange,
         children: /*#__PURE__*/ jsxs(HStack, {
             gap: 2,
-            className: cn('rounded-small bg-background-200 px-md h-[30px] w-[8.5rem]', isDisabled && 'opacity-disabled', isInputFocused && 'ring-foreground ring-1', className),
+            className: cn(!isIconOnly && 'px-md rounded-small bg-background-200 h-[30px] w-[8.5rem]', isDisabled && 'opacity-disabled', isInputFocused && 'ring-foreground ring-1', className),
             children: [
                 /*#__PURE__*/ jsxs(UXPopover, {
                     placement: placement,
                     children: [
                         /*#__PURE__*/ jsx(UXPopoverTrigger, {
                             children: /*#__PURE__*/ jsx(UXButton, {
+                                radius: "none",
                                 size: "auto",
                                 isDisabled: isDisabled,
                                 children: /*#__PURE__*/ jsx(ColorSwatch, {
-                                    className: "h-4 w-4 rounded-sm border-none"
+                                    className: cn('h-4 w-4 rounded-[4px]', internalColor.toString('hex') === colors.bg200 && 'border-foreground/10 border')
                                 })
                             })
                         }),
@@ -147,9 +159,10 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
                                         xChannel: "saturation",
                                         yChannel: "brightness",
                                         className: "aspect-square w-full overflow-hidden rounded-lg",
+                                        onChange: handleChange,
                                         onChangeEnd: handleChangeEnd,
                                         children: /*#__PURE__*/ jsx(ColorThumb, {
-                                            className: "border-1 h-2 w-2 rounded-full border-white shadow-[0_0_0_0.5px_black,inset_0_0_0_0.5px_black]"
+                                            className: "h-4 w-4 rounded-full border-2 border-white shadow-[0_2px_4px_rgba(0,0,0,0.2)]"
                                         })
                                     }),
                                     /*#__PURE__*/ jsxs(HStack, {
@@ -173,11 +186,12 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
                                                 className: "min-w-0 flex-1",
                                                 colorSpace: "hsl",
                                                 orientation: "horizontal",
+                                                onChange: handleChange,
                                                 onChangeEnd: handleChangeEnd,
                                                 children: /*#__PURE__*/ jsx(SliderTrack, {
                                                     className: "h-3 rounded-full",
                                                     children: /*#__PURE__*/ jsx(ColorThumb, {
-                                                        className: "top-[50%] z-10 h-4 w-4 rounded-full border-2 border-white"
+                                                        className: "top-[50%] z-10 h-4 w-4 rounded-full border-2 border-white shadow-[0_2px_4px_rgba(0,0,0,0.2)]"
                                                     })
                                                 })
                                             })
@@ -185,7 +199,7 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
                                     }),
                                     /*#__PURE__*/ jsx(ColorFields, {
                                         defaultValue: !isControlled && pickerKey > 0 ? internalColor : defaultValue,
-                                        value: value,
+                                        value: currentColor,
                                         onChange: handleColorFieldsChange
                                     })
                                 ]
@@ -193,26 +207,30 @@ const UXColorPicker = ({ className, value, defaultValue, onChange, onChangeEnd,
                         })
                     ]
                 }),
-                /*#__PURE__*/ jsx(ColorInput, {
-                    isDisabled: isDisabled,
-                    inputClassName: "focus:ring-0 px-0 text-left flex-1",
-                    value: value,
-                    defaultValue: !isControlled && pickerKey > 0 ? internalColor : defaultValue,
-                    onChange: (color)=>handleChange(color),
-                    onFocus: ()=>setIsInputFocused(true),
-                    onBlur: ()=>setIsInputFocused(false)
-                }),
-                hasChanged ? /*#__PURE__*/ jsx(UXButton, {
-                    isIconOnly: true,
-                    "aria-label": "Reset color",
-                    isDisabled: isDisabled,
-                    size: "sm",
-                    variant: "light",
-                    color: "secondary",
-                    onPress: handleReset,
-                    children: /*#__PURE__*/ jsx(RefreshCcwIcon, {})
-                }) : /*#__PURE__*/ jsx("div", {
-                    className: "size-4 shrink-0"
+                !isIconOnly && /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(ColorInput, {
+                            isDisabled: isDisabled,
+                            inputClassName: "focus:ring-0 px-0 text-left flex-1 relative bg-transparent",
+                            value: currentColor,
+                            defaultValue: !isControlled && pickerKey > 0 ? internalColor : defaultValue,
+                            onChange: handleColorFieldsChange,
+                            onFocus: ()=>setIsInputFocused(true),
+                            onBlur: ()=>setIsInputFocused(false)
+                        }),
+                        hasChanged ? /*#__PURE__*/ jsx(UXButton, {
+                            isIconOnly: true,
+                            "aria-label": "Reset color",
+                            isDisabled: isDisabled,
+                            size: "sm",
+                            variant: "light",
+                            color: "secondary",
+                            onPress: handleReset,
+                            children: /*#__PURE__*/ jsx(RefreshCcwIcon, {})
+                        }) : /*#__PURE__*/ jsx("div", {
+                            className: "size-4 shrink-0"
+                        })
+                    ]
                 })
             ]
         })

package/dist/components/UXColorPicker/types.d.ts

@@ -26,11 +26,26 @@ export interface UXColorPickerProps {
      * HEX 格式颜色变化结束回调（释放时调用）
      */
     onValueChangeEnd?: (color: string) => void;
+    /**
+     * 是否已改变（展示 reset 按钮）
+     */
+    isChanged?: boolean;
+    /**
+     * 重置回调
+     */
+    onReset?: () => void;
     /**
      * 是否禁用
      */
     isDisabled?: boolean;
+    /**
+     * Popover 位置
+     */
     placement?: UXPopoverProps['placement'];
+    /**
+     * 是否只显示图标
+     */
+    isIconOnly?: boolean;
 }
 export interface ColorFieldsProps extends Pick<UXColorPickerProps, 'value' | 'defaultValue'> {
     /**

package/dist/components/UXCopy/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import react from "react";
-import { cn } from "@heroui/theme";
 import CopyIcon from "@particle-network/icons/web/CopyIcon";
 import copy_to_clipboard from "copy-to-clipboard";
 import { useI18n } from "../../hooks/useI18n.js";
+import { cn } from "../../utils/index.js";
 import { toast } from "../UXToast/index.js";
 import { UXTooltip } from "../UXTooltip/index.js";
 import { shortAddress } from "./utils.js";

package/dist/components/UXEmpty/index.js

@@ -1,9 +1,9 @@
 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 { cn } from "../../utils/index.js";
 import { VStack } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
 const UXEmpty = forwardRef((props, ref)=>{

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 { cn } from "../../utils/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

@@ -5,11 +5,11 @@ export declare const UXInput: React.ForwardRefExoticComponent<(Omit<Omit<import(
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
     variant?: "flat" | "bordered" | undefined;
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "right" | "left" | "center" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;
@@ -21,11 +21,11 @@ export declare const UXInput: React.ForwardRefExoticComponent<(Omit<Omit<import(
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
     variant?: "flat" | "bordered" | undefined;
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "right" | "left" | "center" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;

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

@@ -2,11 +2,11 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<(Omit<imp
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
     variant?: "flat" | "bordered" | undefined;
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "right" | "left" | "center" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;
@@ -18,11 +18,11 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<(Omit<imp
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
     variant?: "flat" | "bordered" | undefined;
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "right" | "left" | "center" | undefined;
     isColorText?: boolean | undefined;
-    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "secondary" | "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "default" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
+    radius?: "full" | "sm" | "md" | "lg" | "none" | undefined;
     labelPlacement?: "inside" | undefined;
     fullWidth?: boolean | undefined;
     isClearable?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type ModalProps } from '@heroui/modal';
-export type UXModalProps = Omit<ModalProps, 'closeButton'> & {
+export type UXModalProps = Omit<ModalProps, 'closeButton' | 'title'> & {
     title?: React.ReactNode;
     footer?: React.ReactNode;
     tip?: React.ReactNode;

package/dist/components/UXRadio/radio.extend.js

@@ -40,21 +40,21 @@ const ExtendedRadio = extendVariants(Radio, {
             sm: {
                 wrapper: 'w-2.5 h-2.5 border-small',
                 control: 'w-1.5 h-1.5',
-                labelWrapper: 'ml-sm',
+                labelWrapper: 'ms-1',
                 label: '!text-body3 font-medium',
                 description: 'text-tiny text-foreground-100'
             },
             md: {
                 wrapper: 'w-3 h-3 border-small',
                 control: 'w-1.5 h-1.5',
-                labelWrapper: 'ml-2',
+                labelWrapper: 'ms-1',
                 label: '!text-body2 font-medium',
                 description: 'text-tiny text-foreground-100'
             },
             lg: {
                 wrapper: 'w-[14px] h-[14px] border-small',
                 control: 'w-2 h-2',
-                labelWrapper: 'ml-2',
+                labelWrapper: 'ms-1',
                 label: '!text-body1 font-medium',
                 description: 'text-small text-foreground-100'
             }

package/dist/components/UXSlider/use-slider.js

@@ -2,11 +2,11 @@ import { useCallback, useMemo, useRef } from "react";
 import { filterDOMProps, useDOMRef } from "@heroui/react-utils";
 import { mergeProps, objectToDeps, warn } from "@heroui/shared-utils";
 import { mapPropsVariants, useProviderContext } from "@heroui/system";
-import { cn } from "@heroui/theme";
 import { useLocale, useNumberFormatter } from "@react-aria/i18n";
 import { useHover } from "@react-aria/interactions";
 import { useSlider } from "@react-aria/slider";
 import { useSliderState } from "@react-stately/slider";
+import { cn } from "../../utils/index.js";
 import { slider } from "./slider-theme.js";
 function use_slider_useSlider(originalProps) {
     const globalContext = useProviderContext();

package/dist/components/UXSpinner/spinner.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
-import { type UXForegroundColor } from '@particle-network/ui-shared';
 import { type SquareProps } from '../layout';
 export interface UXSpinnerProps extends SquareProps {
-    /**
-     * 颜色
-     */
-    color?: UXForegroundColor | 'currentColor';
     /**
      * 动画持续时间(毫秒)
      * @default 400
      */
     duration?: number;
+    iconClassName?: string;
 }
 export declare const UXSpinner: React.FC<UXSpinnerProps>;

package/dist/components/UXSpinner/spinner.js

@@ -1,13 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { cn } from "@heroui/theme";
-import { colorToClassName } from "@particle-network/ui-shared";
+import { cn } from "../../utils/index.js";
 import { Square } from "../layout/index.js";
 import { SpinnerIcon } from "./SpinnerIcon.js";
-const UXSpinner = ({ size = 18, color = 'primary', duration = 400, className, style, ...restProps })=>{
+const UXSpinner = ({ size = 18, duration = 400, className, iconClassName, style, ...restProps })=>{
     const [currentIndex, setCurrentIndex] = useState(0);
     const animationRef = useRef(null);
-    const iconClassName = 'currentColor' === color ? void 0 : colorToClassName[color];
     useEffect(()=>{
         const stepDuration = duration / 12;
         const animate = ()=>{
@@ -23,6 +21,7 @@ const UXSpinner = ({ size = 18, color = 'primary', duration = 400, className, st
     ]);
     return /*#__PURE__*/ jsx(Square, {
         size: size,
+        color: "primary",
         className: cn('inline-flex', className),
         style: style,
         ...restProps,

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

@@ -4,14 +4,14 @@ export type UXSwitchProps = React.ComponentPropsWithRef<typeof ExtendedSwitch>;
 export declare const UXSwitch: React.ForwardRefExoticComponent<(Omit<Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;
 }, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;

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

@@ -1,14 +1,14 @@
 declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<(Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;
 }, "ref"> | Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
     as?: import("@heroui/system-rsc").As<any> | undefined;
 } & {
-    color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "primary" | "success" | "warning" | "danger" | "bullish" | "bearish" | "contrast" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     isDisabled?: boolean | undefined;
     disableAnimation?: boolean | undefined;