@particle-network/ui-react 0.4.0-beta.12 → 0.4.0-beta.14

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/UXInput/index.d.ts

@@ -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

@@ -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/UXSwitch/index.d.ts

@@ -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

@@ -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

@@ -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;

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

@@ -288,32 +288,32 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<Omit<{
     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;
+    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/UXTooltip/tooltip.extend.d.ts

@@ -284,31 +284,31 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     radius?: "sm" | "md" | "lg" | "none" | "full" | undefined;
     offset?: number | undefined;
     key?: import("react").Key | null | undefined;
-    disableAnimation?: boolean | undefined;
+    classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
     isDisabled?: boolean | undefined;
-    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    disableAnimation?: boolean | undefined;
     as?: import("@heroui/system-rsc").As<any> | undefined;
+    onOpenChange?: ((isOpen: boolean) => void) | undefined;
+    shouldCloseOnBlur?: boolean | undefined;
     onClose?: ((() => void) & (() => void)) | undefined;
-    classNames?: import("@heroui/theme").SlotsToClasses<"content" | "base" | "arrow"> | undefined;
+    isOpen?: boolean | undefined;
     placement?: import("@heroui/aria-utils").OverlayPlacement | undefined;
-    motionProps?: Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> | undefined;
-    delay?: number | undefined;
+    containerPadding?: number | undefined;
+    crossOffset?: number | undefined;
+    shouldFlip?: boolean | undefined;
+    isKeyboardDismissDisabled?: boolean | undefined;
+    shouldCloseOnInteractOutside?: ((element: Element) => boolean) | undefined;
+    isDismissable?: boolean | undefined;
+    showArrow?: boolean | undefined;
+    updatePositionDeps?: any[] | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
     triggerScaleOnOpen?: boolean | undefined;
     isTriggerDisabled?: boolean | undefined;
-    closeDelay?: number | undefined;
-    trigger?: "focus" | undefined;
+    motionProps?: Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> | undefined;
     portalContainer?: Element | undefined;
-    updatePositionDeps?: any[] | undefined;
-    isOpen?: boolean | undefined;
-    isDismissable?: boolean | undefined;
-    shouldCloseOnBlur?: boolean | undefined;
-    isKeyboardDismissDisabled?: boolean | undefined;
-    shouldCloseOnInteractOutside?: ((element: Element) => boolean) | undefined;
     defaultOpen?: boolean | undefined;
-    onOpenChange?: ((isOpen: boolean) => void) | undefined;
-    showArrow?: boolean | undefined;
-    crossOffset?: number | undefined;
-    shouldFlip?: boolean | undefined;
-    containerPadding?: number | undefined;
+    trigger?: "focus" | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
 }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
 export default ExtendedTooltip;

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './layout';
 export * from './ProgressWrapper';
 export * from './typography/Text';
+export * from './UXAutocomplete';
 export * from './UXButton';
 export * from './UXCalendar';
 export * from './UXCheckbox';

package/dist/components/index.js

@@ -1,6 +1,7 @@
 export * from "./layout/index.js";
 export * from "./ProgressWrapper/index.js";
 export * from "./typography/Text.js";
+export * from "./UXAutocomplete/index.js";
 export * from "./UXButton/index.js";
 export * from "./UXCalendar/index.js";
 export * from "./UXCheckbox/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.0-beta.12",
+  "version": "0.4.0-beta.14",
   "type": "module",
   "exports": {
     ".": {
@@ -39,8 +39,8 @@
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
     "typescript": "^5.8.3",
-    "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -50,8 +50,8 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/ui-shared": "0.3.0-beta.1",
-    "@particle-network/icons": "0.4.0-beta.6"
+    "@particle-network/icons": "0.4.0-beta.7",
+    "@particle-network/ui-shared": "0.3.0-beta.2"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -103,9 +103,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#17171C',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#17171C',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#1F1F23',
@@ -178,9 +180,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#FFFFFF',
+              foreground: '#000000',
             },
             overlay: {
               DEFAULT: '#FFFFFF',
+              foreground: '#000000',
             },
             background: {
               200: '#F0F0F2',
@@ -253,9 +257,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#17171C',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#17171C',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#1F1F23',
@@ -328,9 +334,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#FFFFFF',
+              foreground: '#000000',
             },
             overlay: {
               DEFAULT: '#FFFFFF',
+              foreground: '#000000',
             },
             background: {
               200: '#F0F0F2',
@@ -403,9 +411,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#17171C',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#17171C',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#2A2A30',
@@ -478,9 +488,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#FFFFFF',
+              foreground: '#000000',
             },
             overlay: {
               DEFAULT: '#FFFFFF',
+              foreground: '#000000',
             },
             background: {
               200: '#E9E7EE',
@@ -553,9 +565,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#1A1B1F',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#1A1B1F',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#282A2E',
@@ -587,7 +601,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#757E80',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             success: {
               DEFAULT: '#86D99F',
@@ -628,9 +642,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#18181A',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#18181A',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#333542',
@@ -662,7 +678,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#777A8C',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             success: {
               DEFAULT: '#2FE3AC',
@@ -703,9 +719,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#1B2429',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#1B2429',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#273035',
@@ -778,9 +796,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#272735',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#272735',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#222222',
@@ -812,7 +832,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#757E80',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             success: {
               DEFAULT: '#2EC08B',
@@ -853,9 +873,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#202630',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#202630',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#29313D',
@@ -887,7 +909,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#707A8A',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             success: {
               DEFAULT: '#2EBD85',
@@ -928,9 +950,11 @@ module.exports = {
           colors: {
             content1: {
               DEFAULT: '#0D0D10',
+              foreground: '#FFFFFF',
             },
             overlay: {
               DEFAULT: '#0D0D10',
+              foreground: '#FFFFFF',
             },
             background: {
               200: '#1B1D22',
@@ -962,15 +986,15 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#686a6d',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             success: {
               DEFAULT: '#459C6E',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             danger: {
               DEFAULT: '#A13C45',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             warning: {
               DEFAULT: '#DCC161',
@@ -990,11 +1014,11 @@ module.exports = {
             },
             bullish: {
               DEFAULT: '#459C6E',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             bearish: {
               DEFAULT: '#A13C45',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
           },
         },