musae 0.2.3 → 0.2.4

package/dist/components/notification/holder.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useState, useImperativeHandle } from 'react';
 import Portal from '../portal/portal.js';
 import { AnimatePresence } from 'framer-motion';
 import Notification from './notification.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useEvent } from '@aiszlab/relax';
 
 const styles = {

package/dist/components/notification/notification.js

@@ -1,4 +1,4 @@
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import React, { useEffect, createElement } from 'react';
 import { usePresence, useAnimate } from 'framer-motion';
 import { useTheme } from '../theme/hooks.js';

package/dist/components/pagination/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type PaginationItems } from "./types";
 /**
  * @author murukal
@@ -13,8 +12,8 @@ export declare const usePagiantion: ({ total, siblings, boundaries, ...props }:
     pageSize: number;
 }) => {
     paginationItems: PaginationItems;
-    add: (step?: number | undefined) => void;
-    subtract: (step?: number | undefined) => void;
+    add: (step?: number) => void;
+    subtract: (step?: number) => void;
     changePage: import("react").Dispatch<import("react").SetStateAction<number>>;
     page: number;
     hasPrev: boolean;

package/dist/components/picker/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ContextValue } from "./types";
 export declare const Context: import("react").Context<ContextValue>;

package/dist/components/picker/picker.js

@@ -4,7 +4,7 @@ import { useBoolean, chain, useFocus } from '@aiszlab/relax';
 import { useEvents } from './hooks.js';
 import { ComponentToken, PickerClassToken } from '../../utils/class-name.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import clsx from 'clsx';

package/dist/components/popover/popover.js

@@ -1,7 +1,7 @@
 import { useBoolean, toArray, useRefs, useEvent, useHover, chain, useFocus } from '@aiszlab/relax';
 import React, { useRef, useMemo, cloneElement } from 'react';
 import Popper from '../popper/popper.js';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { typography } from '../theme/theme.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, PopoverClassToken } from '../../utils/class-name.js';

package/dist/components/popper/dropdown.js

@@ -1,7 +1,7 @@
 import React, { useRef, useMemo, useEffect } from 'react';
 import { ComponentToken, PopperClassToken } from '../../utils/class-name.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import clsx from 'clsx';
 import { isFunction } from '@aiszlab/relax';
 import { autoUpdate, computePosition, flip, offset, arrow } from '@floating-ui/dom';

package/dist/components/popper/hooks.d.ts

@@ -7,7 +7,7 @@ export declare const useOffsets: ({ offset, arrowable }: {
     offset: PopperProps["offset"];
     arrowable: boolean;
 }) => {
-    mainAxis?: number | undefined;
-    crossAxis?: number | undefined;
-    alignmentAxis?: number | null | undefined;
+    mainAxis?: number;
+    crossAxis?: number;
+    alignmentAxis?: number | null;
 };

package/dist/components/progress/circular.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import { sizes } from '../theme/tokens.stylex.js';

package/dist/components/progress/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @description
  * count circle path

package/dist/components/progress/linear.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, ProgressClassToken } from '../../utils/class-name.js';
 import clsx from 'clsx';

package/dist/components/radio/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContextValue } from "./types";
 declare const Context: import("react").Context<ContextValue | null>;
 export default Context;

package/dist/components/radio/radio.js

@@ -3,7 +3,7 @@ import Context from './context.js';
 import { useControlledState } from '@aiszlab/relax';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, RadioClassToken } from '../../utils/class-name.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import { typography } from '../theme/theme.js';
@@ -104,15 +104,24 @@ const styles = {
       "--joftei": props.borderColor != null ? props.borderColor : "initial"
     }],
     disabled: props => [{
-      borderColor: "musae-eqt46j",
-      borderInlineColor: null,
-      borderInlineStartColor: null,
-      borderLeftColor: null,
-      borderInlineEndColor: null,
-      borderRightColor: null,
-      borderBlockColor: null,
-      borderTopColor: null,
-      borderBottomColor: null,
+      "::after_borderWidth": "musae-1jxe9zw",
+      "::after_borderInlineWidth": null,
+      "::after_borderInlineStartWidth": null,
+      "::after_borderLeftWidth": null,
+      "::after_borderInlineEndWidth": null,
+      "::after_borderRightWidth": null,
+      "::after_borderBlockWidth": null,
+      "::after_borderTopWidth": null,
+      "::after_borderBottomWidth": null,
+      "::after_borderColor": "musae-3yd8hb",
+      "::after_borderInlineColor": null,
+      "::after_borderInlineStartColor": null,
+      "::after_borderLeftColor": null,
+      "::after_borderInlineEndColor": null,
+      "::after_borderRightColor": null,
+      "::after_borderBlockColor": null,
+      "::after_borderTopColor": null,
+      "::after_borderBottomColor": null,
       "::before_content": "musae-1cpjm7i",
       "::before_position": "musae-1hmns74",
       "::before_visibility": "musae-11srvyv",
@@ -130,11 +139,11 @@ const styles = {
       "::before_borderBottomRightRadius": null,
       $$css: true
     }, {
-      "--borderColor": props.backgroundColor != null ? props.backgroundColor : "initial",
+      "--joftei": props.backgroundColor != null ? props.backgroundColor : "initial",
       "--1lrm08k": props.backgroundColor != null ? props.backgroundColor : "initial"
     }],
     unckecked: {
-      "::before": null,
+      "::before_display": "musae-15ozc13",
       $$css: true
     }
   },
@@ -197,7 +206,7 @@ const Radio = ({
     label: props(typography.body.medium, styles.label.default)
   };
   return React.createElement("label", {
-    className: clsx(styled.radio.className, classNames[RadioClassToken.Radio], props$1.className)
+    className: clsx(classNames[RadioClassToken.Radio], props$1.className, styled.radio.className)
   }, React.createElement("input", {
     type: "radio",
     "aria-checked": isChecked,

package/dist/components/rate/rate.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, RateClassToken } from '../../utils/class-name.js';
 import clsx from 'clsx';

package/dist/components/rate/star.js

@@ -1,6 +1,6 @@
 import React, { createElement } from 'react';
 import { useEvent, useHover } from '@aiszlab/relax';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import clsx from 'clsx';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, RateClassToken } from '../../utils/class-name.js';

package/dist/components/ripple/ripple.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 
 const styles = {
   ripple: {

package/dist/components/select/selector.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useRef, useContext, useImperativeHandle } from 'react';
 import Tag from '../tag/tag.js';
 import { styles as styles$1 } from '../input/input.js';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { Context } from '../picker/context.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';

package/dist/components/select/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Filter, ReadableOptions, ToMenuItem, Value, ValueOrValues } from "./types";
 import type { Option } from "../../types/option";
 import type { MenuItem } from "../menu";

package/dist/components/space/space.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useGutters } from '../../hooks/use-gutters.js';
 import clsx from 'clsx';
 

package/dist/components/steps/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ContextValue } from "./types";
 export declare const Context: import("react").Context<ContextValue>;

package/dist/components/steps/item.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, StepsClassToken } from '../../utils/class-name.js';
 import clsx from 'clsx';

package/dist/components/steps/steps.js

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import Item from './item.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, StepsClassToken } from '../../utils/class-name.js';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import clsx from 'clsx';
 import { Context } from './context.js';
 

package/dist/components/switch/switch.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { useControlledState } from '@aiszlab/relax';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import clsx from 'clsx';

package/dist/components/table/body.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTable } from './context.js';
 import { flexRender } from '@tanstack/react-table';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import clsx from 'clsx';
 import { typography } from '../theme/theme.js';
 import { useTheme } from '../theme/hooks.js';

package/dist/components/table/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContextValue } from "./types";
 declare const Context: import("react").Context<ContextValue<unknown>>;
 export default Context;

package/dist/components/table/header/cell.js

@@ -1,6 +1,6 @@
 import React, { useContext, useMemo } from 'react';
 import { toFunction, useEvent, isUndefined } from '@aiszlab/relax';
-import _stylex from '../../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../../theme/hooks.js';
 import { ColorToken } from '../../../utils/colors.js';
 import Context from '../context.js';

package/dist/components/table/header/header.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTable } from '../context.js';
 import { flexRender } from '@tanstack/react-table';
-import { props } from '../../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../../theme/hooks.js';
 import clsx from 'clsx';
 import { ColorToken } from '../../../utils/colors.js';

package/dist/components/tabs/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContextValue } from "./types";
 declare const Context: import("react").Context<ContextValue | null>;
 export default Context;

package/dist/components/tabs/item.js

@@ -14,7 +14,9 @@ const Item = ({ value, onClick, ...props }) => {
     const click = useCallback(() => {
         onClick(value);
     }, [onClick, value]);
-    return (React.createElement(Button, { variant: "text", color: isActive ? "primary" : "secondary", ref: setItem, onClick: click, className: classNames[TabsClassToken.Item], ripple: false }, props.label));
+    return (React.createElement(Button, { variant: "text", color: isActive ? "primary" : "secondary", ref: setItem, onClick: click, className: classNames[TabsClassToken.Item], ripple: false, style: {
+            borderRadius: "10% 10% 0 0",
+        } }, props.label));
 };
 
 export { Item as default };

package/dist/components/tabs/tabs.js

@@ -3,7 +3,7 @@ import { useControlledState, useMounted } from '@aiszlab/relax';
 import { useAnimate } from 'framer-motion';
 import Context from './context.js';
 import Item from './item.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import { useClassNames } from '../../hooks/use-class-names.js';

package/dist/components/tag/tag.js

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, TagClassToken } from '../../utils/class-name.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { typography } from '../theme/theme.js';
 import { ColorToken } from '../../utils/colors.js';

package/dist/components/theme/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Palette, ContextValue, Theme, Mode } from "./types";
 export declare const PALETTE: Readonly<Palette>;
 /**
@@ -28,6 +27,6 @@ export declare const useSwitchable: ({ theme }: {
     theme: Theme;
 }) => {
     mode: Mode;
-    toggle: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+    toggle: (event: import("react").MouseEvent) => void;
     colors: Record<import("../../utils/colors").ColorToken, string>;
 };

package/dist/components/time-picker/panel.js

@@ -4,7 +4,7 @@ import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, TimePickerClassToken } from '../../utils/class-name.js';
 import Button from '../button/button.js';
 import dayjs from 'dayjs';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';
 import clsx from 'clsx';

package/dist/components/time-picker/time-picker.js

@@ -5,7 +5,7 @@ import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, TimePickerClassToken } from '../../utils/class-name.js';
 import Panel from './panel.js';
 import { useValue } from './hooks.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { useEvent } from '@aiszlab/relax';
 import { styles } from '../input/input.js';
 

package/dist/components/timeline/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ContextValue } from "./types";
 export declare const Context: import("react").Context<ContextValue>;

package/dist/components/timeline/item.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import { Context } from './context.js';
 import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, TimelineClassToken } from '../../utils/class-name.js';

package/dist/components/tour/tour.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Portal from '../portal/portal.js';
 import Popper from '../popper/popper.js';
-import _stylex from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import Button from '../button/button.js';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';

package/dist/components/tree/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContextValue } from "./types";
 declare const Context: import("react").Context<ContextValue>;
 export default Context;

package/dist/components/tree/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TreeProps } from "./types";
 /**
  * @description

package/dist/components/tree/list.js

@@ -1,4 +1,4 @@
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import React, { useContext } from 'react';
 import Node from './node.js';
 import clsx from 'clsx';

package/dist/components/tree/node.js

@@ -3,7 +3,7 @@ import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, TreeClassToken } from '../../utils/class-name.js';
 import Context from './context.js';
 import { Checkbox } from '../checkbox/index.js';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import clsx from 'clsx';
 import { useTheme } from '../theme/hooks.js';
 import { ColorToken } from '../../utils/colors.js';

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

@@ -7,37 +7,39 @@ export type UploadProps = {
     /**
      * @description
      * on upload wrapper click handler
+     * @default void 0
      */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * @description
      * disabled
-     *
      * @default false
      */
     disabled?: boolean;
     /**
      * @description
      * multiple
-     *
      * @default false
      */
     multiple?: boolean;
     /**
      * @description
      * children
+     * @default void 0
      */
     children?: ReactNode;
     /**
      * @description
      * uploader
+     * @default void 0
      */
-    uploader: (file: File) => Promise<string>;
+    uploader?: (file: File) => Promise<string>;
     /**
      * @description
      * error
+     * @default void 0
      */
-    onError?: (event: any) => void;
+    onError?: (error: unknown) => void;
 };
 /**
  * @description
@@ -54,7 +56,7 @@ export type UploadedsRef = {
  * @description
  * uploaded list props
  */
-export type UploadedsProps = Pick<UploadProps, "uploader">;
+export type UploadedsProps = Pick<UploadProps, "uploader" | "onError">;
 /**
  * @description
  * status

package/dist/components/upload/upload.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { UploadProps } from "./types";
-declare const Upload: ({ onClick: _onClick, disabled, multiple, children, uploader, onError }: UploadProps) => React.JSX.Element;
+declare const Upload: ({ onClick: _onClick, disabled, multiple, children: _children, uploader, onError }: UploadProps) => React.JSX.Element;
 export default Upload;

package/dist/components/upload/upload.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { useRef, useMemo, cloneElement } from 'react';
 import { useEvent } from '@aiszlab/relax';
 import { Keyboard } from '../../utils/keyboard.js';
 import Uploadeds from './uploadeds.js';
@@ -7,7 +7,7 @@ const Upload = ({
   onClick: _onClick,
   disabled,
   multiple,
-  children,
+  children: _children,
   uploader,
   onError
 }) => {
@@ -28,7 +28,7 @@ const Upload = ({
   });
   const onClick = useEvent(() => {
     inputRef.current?.click();
-    _onClick();
+    _onClick?.();
   });
   const onKeyDown = useEvent(e => {
     if (e.key !== Keyboard.Enter) return;
@@ -47,6 +47,12 @@ const Upload = ({
       className: "musae-1s85apg"
     }
   };
+  const children = useMemo(() => {
+    // @ts-ignore
+    return cloneElement(_children, {
+      disabled
+    });
+  }, [_children, disabled]);
   return React.createElement("div", null, React.createElement("div", {
     ...(!disabled && {
       onClick,
@@ -64,7 +70,8 @@ const Upload = ({
     onChange: onChange
   }), children), React.createElement(Uploadeds, {
     ref: uploadedsRef,
-    uploader: uploader
+    uploader: uploader,
+    onError: onError
   }));
 };
 var Upload$1 = Upload;

package/dist/components/upload/uploadeds.js

@@ -4,7 +4,8 @@ import Loading from '../icon/icons/mock/loading.js';
 import Clear from '../icon/icons/content/clear.js';
 
 const Uploadeds = forwardRef(({
-  uploader
+  uploader,
+  onError
 }, ref) => {
   const [items, setItems] = useState(new Map());
   const _counter = useRef(0);
@@ -22,17 +23,21 @@ const Uploadeds = forwardRef(({
   useImperativeHandle(ref, () => {
     return {
       add: async file => {
+        const hasUploader = !!uploader;
+        const status = hasUploader ? "loading" : "success";
         // push current file
         const id = _counter.current++;
         setItems(items => {
           return new Map(items).set(id, {
             file,
-            status: "loading"
+            status
           });
         });
         // call request by user provided
-        const url = await uploader(file).catch(() => {
+        if (!hasUploader) return;
+        const url = await uploader(file).catch(error => {
           loaded(id, "error");
+          onError?.(error);
           return null;
         });
         if (!url) return;

package/dist/components/waterfall/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @description
  * repaint child

package/dist/components/waterfall/sequential.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 
 const styles = {
   column: props => [{

package/dist/components/waterfall/waterfall.js

@@ -1,4 +1,4 @@
-import { props } from '../../node_modules/@stylexjs/stylex/lib/es/stylex.js';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.6.1/node_modules/@stylexjs/stylex/lib/es/stylex.js';
 import React from 'react';
 import { useRepaint } from './hooks.js';
 import clsx from 'clsx';