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

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

@@ -24,7 +24,7 @@ export interface ProgressWrapperProps extends React.HTMLAttributes<HTMLDivElemen
     /**
      * 进度条颜色
      */
-    color?: UXForegroundColor | 'transparent';
+    color?: UXForegroundColor | 'transparent' | `#${string}`;
     /**
      * 进度条 SVG 样式
      */

package/dist/components/ProgressWrapper/index.js

@@ -2,10 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from "react";
 import { cn } from "@heroui/theme";
-import { getHexColorFromCSSVariable, radiusMap } from "@particle-network/ui-shared";
+import { radiusMap } from "@particle-network/ui-shared";
 import { useSize } from "ahooks";
 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;
     const containerRef = useRef(null);
     const { width: childWidth, height: childHeight } = useSize(containerRef) ?? {
@@ -34,8 +36,21 @@ const ProgressWrapper = ({ className, value = 0, width, height, radius = 'sm', s
     const rectXY = strokeWidth / 2;
     const perimeter = 2 * (rectWidth + rectHeight);
     const strokeDashoffset = perimeter * (1 - clampedProgress / 100);
-    const colorValue = 'transparent' === color ? 'transparent' : getHexColorFromCSSVariable(color);
-    const trackColor = 'transparent' === color ? 'transparent' : `${colorValue}40`;
+    const colorValue = useMemo(()=>{
+        if ('transparent' === color) return 'transparent';
+        if (color.startsWith('#')) return color;
+        return uxColors[color];
+    }, [
+        color,
+        uxColors
+    ]);
+    const trackColor = useMemo(()=>{
+        if ('transparent' === color) return 'transparent';
+        return `${colorValue}40`;
+    }, [
+        color,
+        colorValue
+    ]);
     const radiusValue = 'number' == typeof radius ? radius : radiusMap[radius];
     const createPathData = (x, y, w, h, r)=>{
         if (0 === r) return `

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type AutocompleteProps } from '@heroui/autocomplete';
+export type UXAutocompleteProps = AutocompleteProps;
+export declare const UXAutocomplete: React.FC<UXAutocompleteProps>;
+export { AutocompleteItem as UXAutocompleteItem, AutocompleteSection as UXAutocompleteSection, } from '@heroui/autocomplete';

package/dist/components/UXAutocomplete/index.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Autocomplete, AutocompleteItem, AutocompleteSection } from "@heroui/autocomplete";
+import { ChevronDownIcon } from "../../icons/index.js";
+const UXAutocomplete = (props)=>{
+    const { fullWidth = false, 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',
+                base
+            ],
+            popoverContent: [
+                'ux-popover-content',
+                popoverContent
+            ],
+            selectorButton: [
+                'ux-selector-button w-[30px] h-[30px] min-w-[30px] min-h-[30px] rounded-small text-secondary',
+                selectorButton
+            ],
+            endContentWrapper: [
+                'ux-end-content-wrapper',
+                endContentWrapper
+            ],
+            clearButton: [
+                'ux-clear-button',
+                clearButton
+            ],
+            listboxWrapper: [
+                'ux-listbox-wrapper p-0',
+                listboxWrapper
+            ]
+        },
+        labelPlacement: labelPlacement,
+        selectorIcon: /*#__PURE__*/ jsx(ChevronDownIcon, {}),
+        inputProps: {
+            classNames: {
+                label: 'text-tiny text-foreground-300',
+                inputWrapper: 'text-tiny h-[30px] min-h-[30px] rounded-small px-2.5',
+                input: 'text-tiny !outline-none',
+                clearButton: 'text-large'
+            }
+        },
+        popoverProps: {
+            isOpen: true,
+            classNames: {
+                base: 'before:bg-content1 before:shadow-box',
+                content: 'bg-content1 text-foreground-300 shadow-box text-tiny antialiased p-0'
+            }
+        },
+        listboxProps: {
+            classNames: {
+                base: 'p-md',
+                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-[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]'
+            }
+        },
+        scrollShadowProps: {
+            isEnabled: false
+        },
+        radius: radius,
+        ...restProps
+    });
+};
+UXAutocomplete.displayName = 'UX.Autocomplete';
+export { UXAutocomplete, AutocompleteItem as UXAutocompleteItem, AutocompleteSection as UXAutocompleteSection };

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type DrawerProps } from '@heroui/drawer';
+export type UXDrawerProps = Omit<DrawerProps, 'closeButton'> & {
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    tip?: React.ReactNode;
+    titleAlign?: 'left' | 'center';
+};
+export declare const UXDrawer: React.FC<UXDrawerProps>;

package/dist/components/UXDrawer/index.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader } from "@heroui/drawer";
+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 UXDrawer = (props)=>{
+    const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
+    return /*#__PURE__*/ jsx(Drawer, {
+        backdrop: backdrop,
+        scrollBehavior: scrollBehavior,
+        classNames: {
+            wrapper: [
+                classNames?.wrapper
+            ],
+            base: [
+                'py-6 gap-5 shadow-box',
+                'max-md:rounded-none',
+                classNames?.base
+            ],
+            backdrop: [
+                'backdrop-blur-[1px] bg-black/50 dark:bg-black/70',
+                classNames?.backdrop
+            ],
+            header: [
+                'px-lg py-0 max-md:text-h3',
+                'md:px-6 md:text-h2',
+                'center' === titleAlign && 'justify-center',
+                classNames?.header
+            ],
+            body: [
+                'px-lg md:px-6 py-0 no-scrollbar',
+                classNames?.body
+            ],
+            footer: [
+                'gap-lg px-lg md:px-6 py-0 flex-col items-stretch',
+                classNames?.footer
+            ],
+            closeButton: [
+                'top-5 end-4 text-foreground',
+                classNames?.closeButton
+            ]
+        },
+        closeButton: /*#__PURE__*/ jsx(UXButton, {
+            isIconOnly: true,
+            variant: "light",
+            children: /*#__PURE__*/ jsx(CloseIcon, {
+                size: 24
+            })
+        }),
+        ...restProps,
+        children: /*#__PURE__*/ jsxs(DrawerContent, {
+            children: [
+                title ? /*#__PURE__*/ jsx(DrawerHeader, {
+                    className: "capitalize",
+                    children: title
+                }) : null,
+                /*#__PURE__*/ jsx(DrawerBody, {
+                    children: children
+                }),
+                footer ? /*#__PURE__*/ jsx(DrawerFooter, {
+                    children: footer
+                }) : null,
+                tip ? /*#__PURE__*/ jsx(DrawerFooter, {
+                    className: "-mt-md",
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        gap: 2,
+                        children: [
+                            /*#__PURE__*/ jsx(Center, {
+                                className: "h-4",
+                                children: /*#__PURE__*/ jsx(Circle, {
+                                    className: "bg-foreground-300 h-[5px] w-[5px]"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Text, {
+                                body2: true,
+                                color: "secondary",
+                                children: tip
+                            })
+                        ]
+                    })
+                }) : null
+            ]
+        })
+    });
+};
+UXDrawer.displayName = 'UX.Drawer';
+export { UXDrawer };

package/dist/components/UXDropdown/dropdown-item.js

@@ -177,7 +177,7 @@ const classes = {
             variant: 'flat',
             color: 'default',
             class: {
-                base: 'data-[hover=true]:bg-background-200 data-[hover=true]:text-default-foreground'
+                base: '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'
             }
         },
         {

package/dist/components/UXEmpty/index.js

@@ -1,17 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { forwardRef } from "@heroui/system";
+import { cn } from "@heroui/theme";
 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, ...restProps } = props;
+    const { text = i18n.table.emptyContent, iconProps, className, ...restProps } = props;
     return /*#__PURE__*/ jsxs(VStack, {
         ref: ref,
         center: true,
         gap: 1,
+        className: cn('w-full h-full', className),
         ...restProps,
         children: [
             /*#__PURE__*/ jsx(EmptyIcon, {

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

@@ -43,7 +43,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<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;
@@ -300,46 +300,46 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
     name?: string | undefined;
     type?: string | undefined;
     key?: React.Key | null | undefined;
-    labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top" | undefined;
-    label?: React.ReactNode;
-    disableAnimation?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"description" | "errorMessage" | "label" | "base" | "input" | "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?: React.ReactNode;
+    errorMessage?: React.ReactNode | ((v: import("@react-types/shared").ValidationResult) => 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;
+    label?: React.ReactNode;
     excludeFromTabOrder?: boolean | undefined;
-    startContent?: React.ReactNode;
-    endContent?: React.ReactNode;
-    onClear?: (() => void) | undefined;
     autoComplete?: string | undefined;
-    alt?: string | undefined;
     maxLength?: number | undefined;
     minLength?: number | undefined;
+    pattern?: string | undefined;
+    labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top" | undefined;
+    disableAnimation?: boolean | undefined;
+    as?: import("@heroui/system-rsc").As<any> | 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?: React.ReactNode | ((v: import("@react-types/shared").ValidationResult) => 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;
     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?: React.ReactNode;
-    isClearable?: boolean | undefined;
+    src?: string | undefined;
     baseRef?: React.Ref<HTMLDivElement> | undefined;
     wrapperRef?: React.Ref<HTMLDivElement> | undefined;
     innerWrapperRef?: React.Ref<HTMLDivElement> | undefined;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    onClear?: (() => void) | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
 }, "ref"> & React.RefAttributes<React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>, "ref"> & React.RefAttributes<HTMLInputElement>>;

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;
@@ -297,47 +297,47 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     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<"description" | "errorMessage" | "label" | "base" | "input" | "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;
+    label?: import("react").ReactNode;
     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;
+    labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top" | undefined;
+    disableAnimation?: boolean | undefined;
+    as?: import("@heroui/system-rsc").As<any> | 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;
     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.js

@@ -1,8 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "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";
+import { Center, Circle, Flex } from "../layout/index.js";
+import { Text } from "../typography/Text.js";
+import { UXButton } from "../UXButton/index.js";
 const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
     return /*#__PURE__*/ jsx(Modal, {

package/dist/components/UXSelect/index.js

@@ -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;
@@ -297,34 +297,34 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
     name?: string | undefined;
     type?: React.HTMLInputTypeAttribute | undefined;
     key?: React.Key | null | undefined;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"label" | "base" | "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;
+    disableAnimation?: boolean | undefined;
+    as?: import("@heroui/system-rsc").As<any> | 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;
     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;
@@ -294,34 +294,34 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
     name?: string | undefined;
     type?: import("react").HTMLInputTypeAttribute | undefined;
     key?: import("react").Key | null | undefined;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"label" | "base" | "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;
+    disableAnimation?: boolean | undefined;
+    as?: import("@heroui/system-rsc").As<any> | 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;
     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;
@@ -291,32 +291,32 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     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;
+    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;