@yamada-ui/file-button 1.1.7-dev-20241006073250 → 1.1.7-dev-20241007025246

package/dist/{chunk-KVV7PASG.mjs → chunk-ZRUOMZJN.mjs}

@@ -122,8 +122,10 @@ var FileButton = forwardRef((props, ref) => {
     }) : children
   ] });
 });
+FileButton.displayName = "FileButton";
+FileButton.__ui__ = "FileButton";
 
 export {
   FileButton
 };
-//# sourceMappingURL=chunk-KVV7PASG.mjs.map
+//# sourceMappingURL=chunk-ZRUOMZJN.mjs.map

package/dist/{chunk-KVV7PASG.mjs.map → chunk-ZRUOMZJN.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/file-button.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { ColorModeToken, CSS, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent, ForwardedRef, ReactNode } from \"react\"\nimport { Button } from \"@yamada-ui/button\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport {\n  formControlProperties,\n  useFormControlProps,\n} from \"@yamada-ui/form-control\"\nimport {\n  assignRef,\n  cx,\n  handlerAll,\n  isFunction,\n  isNull,\n  mergeRefs,\n  pickObject,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useRef } from \"react\"\n\ninterface Props extends FormControlOptions {\n  onClick: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\ninterface FileButtonOptions {\n  children?: ((props: Props) => ReactNode) | ReactNode\n  /**\n   * The border color when the button is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: ForwardedRef<() => void>\n  /**\n   * Function to be called when a file change event occurs.\n   */\n  onChange?: (files: File[] | undefined) => void\n}\n\ninterface InputProps\n  extends Partial<Pick<HTMLInputElement, \"accept\" | \"multiple\">> {}\n\nexport interface FileButtonProps\n  extends Omit<ButtonProps, \"children\" | \"onChange\">,\n    ThemeProps<\"FileButton\">,\n    InputProps,\n    FileButtonOptions,\n    FormControlOptions {}\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see Docs https://yamada-ui.com/components/forms/file-button\n */\nexport const FileButton = forwardRef<FileButtonProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentStyle(\"FileButton\", props)\n  const computedProps = omitThemeProps(mergedProps)\n  let {\n    id,\n    as: As,\n    form,\n    name,\n    className,\n    accept,\n    children,\n    multiple,\n    resetRef,\n    onChange: onChangeProp,\n    onClick: onClickProp,\n    ...rest\n  } = useFormControlProps(computedProps)\n  const {\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    ...formControlProps\n  } = pickObject(rest, formControlProperties)\n  const {\n    disabled,\n    readOnly,\n    required,\n    \"aria-invalid\": isInvalid,\n  } = formControlProps\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const onClick = useCallback(() => {\n    if (disabled || readOnly) return\n\n    inputRef.current?.click()\n  }, [disabled, readOnly])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      onChangeProp?.(files)\n    },\n    [onChangeProp],\n  )\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n  }, [])\n\n  if (!isFunction(children)) {\n    const Component = As || Button\n\n    children = (\n      <Component\n        className={cx(\"ui-file-button\", className)}\n        __isProcessSkip={!As}\n        __styles={styles}\n        {...rest}\n        onClick={handlerAll(onClickProp, onClick)}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  assignRef(resetRef, onReset)\n\n  return (\n    <>\n      <ui.input\n        id={id}\n        ref={mergeRefs(inputRef, ref)}\n        form={form}\n        type=\"file\"\n        name={name}\n        style={{\n          border: \"0px\",\n          clip: \"rect(0px, 0px, 0px, 0px)\",\n          height: \"1px\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          width: \"1px\",\n        }}\n        accept={accept}\n        multiple={multiple}\n        tabIndex={-1}\n        aria-hidden\n        onChange={onChange}\n        {...formControlProps}\n      />\n\n      {isFunction(children)\n        ? children({\n            disabled,\n            isDisabled: disabled,\n            isInvalid,\n            isReadOnly: readOnly,\n            isRequired: required,\n            readOnly,\n            required,\n            onClick,\n          })\n        : children}\n    </>\n  )\n})\n"],"mappings":";;;AAIA,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,cAAc;AA+F9B,SAeF,UAfE,KAeF,YAfE;AAvDC,IAAM,aAAa,WAAqC,CAAC,OAAO,QAAQ;AAC7E,QAAM,CAAC,QAAQ,WAAW,IAAI,kBAAkB,cAAc,KAAK;AACnE,QAAM,gBAAgB,eAAe,WAAW;AAChD,MAAI;AAAA,IACF;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAG;AAAA,EACL,IAAI,oBAAoB,aAAa;AACrC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,GAAG;AAAA,EACL,IAAI,WAAW,MAAM,qBAAqB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AACJ,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,UAAU,YAAY,MAAM;AA9FpC;AA+FI,QAAI,YAAY,SAAU;AAE1B,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,WAAW;AAAA,IACf,CAAC,OAAsC;AACrC,YAAM,QAAQ,CAAC,OAAO,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC;AAEJ,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,WAAW,QAAQ,GAAG;AACzB,UAAM,YAAY,MAAM;AAExB,eACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,kBAAkB,SAAS;AAAA,QACzC,iBAAiB,CAAC;AAAA,QAClB,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,SAAS,WAAW,aAAa,OAAO;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,YAAU,UAAU,OAAO;AAE3B,SACE,iCACE;AAAA;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,KAAK,UAAU,UAAU,GAAG;AAAA,QAC5B;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,eAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,IAEC,WAAW,QAAQ,IAChB,SAAS;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD;AAAA,KACN;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../src/file-button.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { ColorModeToken, CSS, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent, ForwardedRef, ReactNode } from \"react\"\nimport { Button } from \"@yamada-ui/button\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport {\n  formControlProperties,\n  useFormControlProps,\n} from \"@yamada-ui/form-control\"\nimport {\n  assignRef,\n  cx,\n  handlerAll,\n  isFunction,\n  isNull,\n  mergeRefs,\n  pickObject,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useRef } from \"react\"\n\ninterface Props extends FormControlOptions {\n  onClick: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\ninterface FileButtonOptions {\n  children?: ((props: Props) => ReactNode) | ReactNode\n  /**\n   * The border color when the button is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: ForwardedRef<() => void>\n  /**\n   * Function to be called when a file change event occurs.\n   */\n  onChange?: (files: File[] | undefined) => void\n}\n\ninterface InputProps\n  extends Partial<Pick<HTMLInputElement, \"accept\" | \"multiple\">> {}\n\nexport interface FileButtonProps\n  extends Omit<ButtonProps, \"children\" | \"onChange\">,\n    ThemeProps<\"FileButton\">,\n    InputProps,\n    FileButtonOptions,\n    FormControlOptions {}\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see Docs https://yamada-ui.com/components/forms/file-button\n */\nexport const FileButton = forwardRef<FileButtonProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentStyle(\"FileButton\", props)\n  const computedProps = omitThemeProps(mergedProps)\n  let {\n    id,\n    as: As,\n    form,\n    name,\n    className,\n    accept,\n    children,\n    multiple,\n    resetRef,\n    onChange: onChangeProp,\n    onClick: onClickProp,\n    ...rest\n  } = useFormControlProps(computedProps)\n  const {\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    ...formControlProps\n  } = pickObject(rest, formControlProperties)\n  const {\n    disabled,\n    readOnly,\n    required,\n    \"aria-invalid\": isInvalid,\n  } = formControlProps\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const onClick = useCallback(() => {\n    if (disabled || readOnly) return\n\n    inputRef.current?.click()\n  }, [disabled, readOnly])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      onChangeProp?.(files)\n    },\n    [onChangeProp],\n  )\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n  }, [])\n\n  if (!isFunction(children)) {\n    const Component = As || Button\n\n    children = (\n      <Component\n        className={cx(\"ui-file-button\", className)}\n        __isProcessSkip={!As}\n        __styles={styles}\n        {...rest}\n        onClick={handlerAll(onClickProp, onClick)}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  assignRef(resetRef, onReset)\n\n  return (\n    <>\n      <ui.input\n        id={id}\n        ref={mergeRefs(inputRef, ref)}\n        form={form}\n        type=\"file\"\n        name={name}\n        style={{\n          border: \"0px\",\n          clip: \"rect(0px, 0px, 0px, 0px)\",\n          height: \"1px\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          width: \"1px\",\n        }}\n        accept={accept}\n        multiple={multiple}\n        tabIndex={-1}\n        aria-hidden\n        onChange={onChange}\n        {...formControlProps}\n      />\n\n      {isFunction(children)\n        ? children({\n            disabled,\n            isDisabled: disabled,\n            isInvalid,\n            isReadOnly: readOnly,\n            isRequired: required,\n            readOnly,\n            required,\n            onClick,\n          })\n        : children}\n    </>\n  )\n})\n\nFileButton.displayName = \"FileButton\"\nFileButton.__ui__ = \"FileButton\"\n"],"mappings":";;;AAIA,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,cAAc;AA+F9B,SAeF,UAfE,KAeF,YAfE;AAvDC,IAAM,aAAa,WAAqC,CAAC,OAAO,QAAQ;AAC7E,QAAM,CAAC,QAAQ,WAAW,IAAI,kBAAkB,cAAc,KAAK;AACnE,QAAM,gBAAgB,eAAe,WAAW;AAChD,MAAI;AAAA,IACF;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAG;AAAA,EACL,IAAI,oBAAoB,aAAa;AACrC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,GAAG;AAAA,EACL,IAAI,WAAW,MAAM,qBAAqB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AACJ,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,UAAU,YAAY,MAAM;AA9FpC;AA+FI,QAAI,YAAY,SAAU;AAE1B,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,WAAW;AAAA,IACf,CAAC,OAAsC;AACrC,YAAM,QAAQ,CAAC,OAAO,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC;AAEJ,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,WAAW,QAAQ,GAAG;AACzB,UAAM,YAAY,MAAM;AAExB,eACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,kBAAkB,SAAS;AAAA,QACzC,iBAAiB,CAAC;AAAA,QAClB,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,SAAS,WAAW,aAAa,OAAO;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,YAAU,UAAU,OAAO;AAE3B,SACE,iCACE;AAAA;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,KAAK,UAAU,UAAU,GAAG;AAAA,QAC5B;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,eAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,IAEC,WAAW,QAAQ,IAChB,SAAS;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD;AAAA,KACN;AAEJ,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}

package/dist/file-button.js

@@ -129,6 +129,8 @@ var FileButton = (0, import_core.forwardRef)((props, ref) => {
     }) : children
   ] });
 });
+FileButton.displayName = "FileButton";
+FileButton.__ui__ = "FileButton";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FileButton

package/dist/file-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/file-button.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { ColorModeToken, CSS, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent, ForwardedRef, ReactNode } from \"react\"\nimport { Button } from \"@yamada-ui/button\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport {\n  formControlProperties,\n  useFormControlProps,\n} from \"@yamada-ui/form-control\"\nimport {\n  assignRef,\n  cx,\n  handlerAll,\n  isFunction,\n  isNull,\n  mergeRefs,\n  pickObject,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useRef } from \"react\"\n\ninterface Props extends FormControlOptions {\n  onClick: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\ninterface FileButtonOptions {\n  children?: ((props: Props) => ReactNode) | ReactNode\n  /**\n   * The border color when the button is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: ForwardedRef<() => void>\n  /**\n   * Function to be called when a file change event occurs.\n   */\n  onChange?: (files: File[] | undefined) => void\n}\n\ninterface InputProps\n  extends Partial<Pick<HTMLInputElement, \"accept\" | \"multiple\">> {}\n\nexport interface FileButtonProps\n  extends Omit<ButtonProps, \"children\" | \"onChange\">,\n    ThemeProps<\"FileButton\">,\n    InputProps,\n    FileButtonOptions,\n    FormControlOptions {}\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see Docs https://yamada-ui.com/components/forms/file-button\n */\nexport const FileButton = forwardRef<FileButtonProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentStyle(\"FileButton\", props)\n  const computedProps = omitThemeProps(mergedProps)\n  let {\n    id,\n    as: As,\n    form,\n    name,\n    className,\n    accept,\n    children,\n    multiple,\n    resetRef,\n    onChange: onChangeProp,\n    onClick: onClickProp,\n    ...rest\n  } = useFormControlProps(computedProps)\n  const {\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    ...formControlProps\n  } = pickObject(rest, formControlProperties)\n  const {\n    disabled,\n    readOnly,\n    required,\n    \"aria-invalid\": isInvalid,\n  } = formControlProps\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const onClick = useCallback(() => {\n    if (disabled || readOnly) return\n\n    inputRef.current?.click()\n  }, [disabled, readOnly])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      onChangeProp?.(files)\n    },\n    [onChangeProp],\n  )\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n  }, [])\n\n  if (!isFunction(children)) {\n    const Component = As || Button\n\n    children = (\n      <Component\n        className={cx(\"ui-file-button\", className)}\n        __isProcessSkip={!As}\n        __styles={styles}\n        {...rest}\n        onClick={handlerAll(onClickProp, onClick)}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  assignRef(resetRef, onReset)\n\n  return (\n    <>\n      <ui.input\n        id={id}\n        ref={mergeRefs(inputRef, ref)}\n        form={form}\n        type=\"file\"\n        name={name}\n        style={{\n          border: \"0px\",\n          clip: \"rect(0px, 0px, 0px, 0px)\",\n          height: \"1px\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          width: \"1px\",\n        }}\n        accept={accept}\n        multiple={multiple}\n        tabIndex={-1}\n        aria-hidden\n        onChange={onChange}\n        {...formControlProps}\n      />\n\n      {isFunction(children)\n        ? children({\n            disabled,\n            isDisabled: disabled,\n            isInvalid,\n            isReadOnly: readOnly,\n            isRequired: required,\n            readOnly,\n            required,\n            onClick,\n          })\n        : children}\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,oBAAuB;AACvB,kBAKO;AACP,0BAGO;AACP,mBAQO;AACP,mBAAoC;AA+F9B;AAvDC,IAAM,iBAAa,wBAAqC,CAAC,OAAO,QAAQ;AAC7E,QAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,cAAc,KAAK;AACnE,QAAM,oBAAgB,4BAAe,WAAW;AAChD,MAAI;AAAA,IACF;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yCAAoB,aAAa;AACrC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yBAAW,MAAM,yCAAqB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AACJ,QAAM,eAAW,qBAAyB,IAAI;AAE9C,QAAM,cAAU,0BAAY,MAAM;AA9FpC;AA+FI,QAAI,YAAY,SAAU;AAE1B,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,YAAM,QAAQ,KAAC,qBAAO,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC;AAEJ,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,cAAU,0BAAY,MAAM;AAChC,QAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,MAAI,KAAC,yBAAW,QAAQ,GAAG;AACzB,UAAM,YAAY,MAAM;AAExB,eACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,iBAAG,kBAAkB,SAAS;AAAA,QACzC,iBAAiB,CAAC;AAAA,QAClB,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,aAAS,yBAAW,aAAa,OAAO;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,8BAAU,UAAU,OAAO;AAE3B,SACE,4EACE;AAAA;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,SAAK,wBAAU,UAAU,GAAG;AAAA,QAC5B;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,eAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,QAEC,yBAAW,QAAQ,IAChB,SAAS;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD;AAAA,KACN;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../src/file-button.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { ColorModeToken, CSS, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent, ForwardedRef, ReactNode } from \"react\"\nimport { Button } from \"@yamada-ui/button\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport {\n  formControlProperties,\n  useFormControlProps,\n} from \"@yamada-ui/form-control\"\nimport {\n  assignRef,\n  cx,\n  handlerAll,\n  isFunction,\n  isNull,\n  mergeRefs,\n  pickObject,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useRef } from \"react\"\n\ninterface Props extends FormControlOptions {\n  onClick: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\ninterface FileButtonOptions {\n  children?: ((props: Props) => ReactNode) | ReactNode\n  /**\n   * The border color when the button is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: ForwardedRef<() => void>\n  /**\n   * Function to be called when a file change event occurs.\n   */\n  onChange?: (files: File[] | undefined) => void\n}\n\ninterface InputProps\n  extends Partial<Pick<HTMLInputElement, \"accept\" | \"multiple\">> {}\n\nexport interface FileButtonProps\n  extends Omit<ButtonProps, \"children\" | \"onChange\">,\n    ThemeProps<\"FileButton\">,\n    InputProps,\n    FileButtonOptions,\n    FormControlOptions {}\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see Docs https://yamada-ui.com/components/forms/file-button\n */\nexport const FileButton = forwardRef<FileButtonProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentStyle(\"FileButton\", props)\n  const computedProps = omitThemeProps(mergedProps)\n  let {\n    id,\n    as: As,\n    form,\n    name,\n    className,\n    accept,\n    children,\n    multiple,\n    resetRef,\n    onChange: onChangeProp,\n    onClick: onClickProp,\n    ...rest\n  } = useFormControlProps(computedProps)\n  const {\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    ...formControlProps\n  } = pickObject(rest, formControlProperties)\n  const {\n    disabled,\n    readOnly,\n    required,\n    \"aria-invalid\": isInvalid,\n  } = formControlProps\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const onClick = useCallback(() => {\n    if (disabled || readOnly) return\n\n    inputRef.current?.click()\n  }, [disabled, readOnly])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      onChangeProp?.(files)\n    },\n    [onChangeProp],\n  )\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n  }, [])\n\n  if (!isFunction(children)) {\n    const Component = As || Button\n\n    children = (\n      <Component\n        className={cx(\"ui-file-button\", className)}\n        __isProcessSkip={!As}\n        __styles={styles}\n        {...rest}\n        onClick={handlerAll(onClickProp, onClick)}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  assignRef(resetRef, onReset)\n\n  return (\n    <>\n      <ui.input\n        id={id}\n        ref={mergeRefs(inputRef, ref)}\n        form={form}\n        type=\"file\"\n        name={name}\n        style={{\n          border: \"0px\",\n          clip: \"rect(0px, 0px, 0px, 0px)\",\n          height: \"1px\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          width: \"1px\",\n        }}\n        accept={accept}\n        multiple={multiple}\n        tabIndex={-1}\n        aria-hidden\n        onChange={onChange}\n        {...formControlProps}\n      />\n\n      {isFunction(children)\n        ? children({\n            disabled,\n            isDisabled: disabled,\n            isInvalid,\n            isReadOnly: readOnly,\n            isRequired: required,\n            readOnly,\n            required,\n            onClick,\n          })\n        : children}\n    </>\n  )\n})\n\nFileButton.displayName = \"FileButton\"\nFileButton.__ui__ = \"FileButton\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,oBAAuB;AACvB,kBAKO;AACP,0BAGO;AACP,mBAQO;AACP,mBAAoC;AA+F9B;AAvDC,IAAM,iBAAa,wBAAqC,CAAC,OAAO,QAAQ;AAC7E,QAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,cAAc,KAAK;AACnE,QAAM,oBAAgB,4BAAe,WAAW;AAChD,MAAI;AAAA,IACF;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yCAAoB,aAAa;AACrC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yBAAW,MAAM,yCAAqB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AACJ,QAAM,eAAW,qBAAyB,IAAI;AAE9C,QAAM,cAAU,0BAAY,MAAM;AA9FpC;AA+FI,QAAI,YAAY,SAAU;AAE1B,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,YAAM,QAAQ,KAAC,qBAAO,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC;AAEJ,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,cAAU,0BAAY,MAAM;AAChC,QAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,MAAI,KAAC,yBAAW,QAAQ,GAAG;AACzB,UAAM,YAAY,MAAM;AAExB,eACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,iBAAG,kBAAkB,SAAS;AAAA,QACzC,iBAAiB,CAAC;AAAA,QAClB,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,aAAS,yBAAW,aAAa,OAAO;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,8BAAU,UAAU,OAAO;AAE3B,SACE,4EACE;AAAA;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,SAAK,wBAAU,UAAU,GAAG;AAAA,QAC5B;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,eAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,QAEC,yBAAW,QAAQ,IAChB,SAAS;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD;AAAA,KACN;AAEJ,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}

package/dist/file-button.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   FileButton
-} from "./chunk-KVV7PASG.mjs";
+} from "./chunk-ZRUOMZJN.mjs";
 export {
   FileButton
 };

package/dist/index.js

@@ -131,6 +131,8 @@ var FileButton = (0, import_core.forwardRef)((props, ref) => {
     }) : children
   ] });
 });
+FileButton.displayName = "FileButton";
+FileButton.__ui__ = "FileButton";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FileButton

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/file-button.tsx"],"sourcesContent":["export { FileButton } from \"./file-button\"\nexport type { FileButtonProps } from \"./file-button\"\n","import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { ColorModeToken, CSS, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent, ForwardedRef, ReactNode } from \"react\"\nimport { Button } from \"@yamada-ui/button\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport {\n  formControlProperties,\n  useFormControlProps,\n} from \"@yamada-ui/form-control\"\nimport {\n  assignRef,\n  cx,\n  handlerAll,\n  isFunction,\n  isNull,\n  mergeRefs,\n  pickObject,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useRef } from \"react\"\n\ninterface Props extends FormControlOptions {\n  onClick: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\ninterface FileButtonOptions {\n  children?: ((props: Props) => ReactNode) | ReactNode\n  /**\n   * The border color when the button is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: ForwardedRef<() => void>\n  /**\n   * Function to be called when a file change event occurs.\n   */\n  onChange?: (files: File[] | undefined) => void\n}\n\ninterface InputProps\n  extends Partial<Pick<HTMLInputElement, \"accept\" | \"multiple\">> {}\n\nexport interface FileButtonProps\n  extends Omit<ButtonProps, \"children\" | \"onChange\">,\n    ThemeProps<\"FileButton\">,\n    InputProps,\n    FileButtonOptions,\n    FormControlOptions {}\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see Docs https://yamada-ui.com/components/forms/file-button\n */\nexport const FileButton = forwardRef<FileButtonProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentStyle(\"FileButton\", props)\n  const computedProps = omitThemeProps(mergedProps)\n  let {\n    id,\n    as: As,\n    form,\n    name,\n    className,\n    accept,\n    children,\n    multiple,\n    resetRef,\n    onChange: onChangeProp,\n    onClick: onClickProp,\n    ...rest\n  } = useFormControlProps(computedProps)\n  const {\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    ...formControlProps\n  } = pickObject(rest, formControlProperties)\n  const {\n    disabled,\n    readOnly,\n    required,\n    \"aria-invalid\": isInvalid,\n  } = formControlProps\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const onClick = useCallback(() => {\n    if (disabled || readOnly) return\n\n    inputRef.current?.click()\n  }, [disabled, readOnly])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      onChangeProp?.(files)\n    },\n    [onChangeProp],\n  )\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n  }, [])\n\n  if (!isFunction(children)) {\n    const Component = As || Button\n\n    children = (\n      <Component\n        className={cx(\"ui-file-button\", className)}\n        __isProcessSkip={!As}\n        __styles={styles}\n        {...rest}\n        onClick={handlerAll(onClickProp, onClick)}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  assignRef(resetRef, onReset)\n\n  return (\n    <>\n      <ui.input\n        id={id}\n        ref={mergeRefs(inputRef, ref)}\n        form={form}\n        type=\"file\"\n        name={name}\n        style={{\n          border: \"0px\",\n          clip: \"rect(0px, 0px, 0px, 0px)\",\n          height: \"1px\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          width: \"1px\",\n        }}\n        accept={accept}\n        multiple={multiple}\n        tabIndex={-1}\n        aria-hidden\n        onChange={onChange}\n        {...formControlProps}\n      />\n\n      {isFunction(children)\n        ? children({\n            disabled,\n            isDisabled: disabled,\n            isInvalid,\n            isReadOnly: readOnly,\n            isRequired: required,\n            readOnly,\n            required,\n            onClick,\n          })\n        : children}\n    </>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACIA,oBAAuB;AACvB,kBAKO;AACP,0BAGO;AACP,mBAQO;AACP,mBAAoC;AA+F9B;AAvDC,IAAM,iBAAa,wBAAqC,CAAC,OAAO,QAAQ;AAC7E,QAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,cAAc,KAAK;AACnE,QAAM,oBAAgB,4BAAe,WAAW;AAChD,MAAI;AAAA,IACF;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yCAAoB,aAAa;AACrC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yBAAW,MAAM,yCAAqB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AACJ,QAAM,eAAW,qBAAyB,IAAI;AAE9C,QAAM,cAAU,0BAAY,MAAM;AA9FpC;AA+FI,QAAI,YAAY,SAAU;AAE1B,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,YAAM,QAAQ,KAAC,qBAAO,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC;AAEJ,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,cAAU,0BAAY,MAAM;AAChC,QAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,MAAI,KAAC,yBAAW,QAAQ,GAAG;AACzB,UAAM,YAAY,MAAM;AAExB,eACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,iBAAG,kBAAkB,SAAS;AAAA,QACzC,iBAAiB,CAAC;AAAA,QAClB,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,aAAS,yBAAW,aAAa,OAAO;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,8BAAU,UAAU,OAAO;AAE3B,SACE,4EACE;AAAA;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,SAAK,wBAAU,UAAU,GAAG;AAAA,QAC5B;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,eAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,QAEC,yBAAW,QAAQ,IAChB,SAAS;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD;AAAA,KACN;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/file-button.tsx"],"sourcesContent":["export { FileButton } from \"./file-button\"\nexport type { FileButtonProps } from \"./file-button\"\n","import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { ColorModeToken, CSS, ThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport type { ChangeEvent, ForwardedRef, ReactNode } from \"react\"\nimport { Button } from \"@yamada-ui/button\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport {\n  formControlProperties,\n  useFormControlProps,\n} from \"@yamada-ui/form-control\"\nimport {\n  assignRef,\n  cx,\n  handlerAll,\n  isFunction,\n  isNull,\n  mergeRefs,\n  pickObject,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useRef } from \"react\"\n\ninterface Props extends FormControlOptions {\n  onClick: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\ninterface FileButtonOptions {\n  children?: ((props: Props) => ReactNode) | ReactNode\n  /**\n   * The border color when the button is invalid.\n   */\n  errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, \"colors\">\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: ForwardedRef<() => void>\n  /**\n   * Function to be called when a file change event occurs.\n   */\n  onChange?: (files: File[] | undefined) => void\n}\n\ninterface InputProps\n  extends Partial<Pick<HTMLInputElement, \"accept\" | \"multiple\">> {}\n\nexport interface FileButtonProps\n  extends Omit<ButtonProps, \"children\" | \"onChange\">,\n    ThemeProps<\"FileButton\">,\n    InputProps,\n    FileButtonOptions,\n    FormControlOptions {}\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see Docs https://yamada-ui.com/components/forms/file-button\n */\nexport const FileButton = forwardRef<FileButtonProps, \"input\">((props, ref) => {\n  const [styles, mergedProps] = useComponentStyle(\"FileButton\", props)\n  const computedProps = omitThemeProps(mergedProps)\n  let {\n    id,\n    as: As,\n    form,\n    name,\n    className,\n    accept,\n    children,\n    multiple,\n    resetRef,\n    onChange: onChangeProp,\n    onClick: onClickProp,\n    ...rest\n  } = useFormControlProps(computedProps)\n  const {\n    onBlur: _onBlur,\n    onFocus: _onFocus,\n    ...formControlProps\n  } = pickObject(rest, formControlProperties)\n  const {\n    disabled,\n    readOnly,\n    required,\n    \"aria-invalid\": isInvalid,\n  } = formControlProps\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const onClick = useCallback(() => {\n    if (disabled || readOnly) return\n\n    inputRef.current?.click()\n  }, [disabled, readOnly])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      onChangeProp?.(files)\n    },\n    [onChangeProp],\n  )\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n  }, [])\n\n  if (!isFunction(children)) {\n    const Component = As || Button\n\n    children = (\n      <Component\n        className={cx(\"ui-file-button\", className)}\n        __isProcessSkip={!As}\n        __styles={styles}\n        {...rest}\n        onClick={handlerAll(onClickProp, onClick)}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  assignRef(resetRef, onReset)\n\n  return (\n    <>\n      <ui.input\n        id={id}\n        ref={mergeRefs(inputRef, ref)}\n        form={form}\n        type=\"file\"\n        name={name}\n        style={{\n          border: \"0px\",\n          clip: \"rect(0px, 0px, 0px, 0px)\",\n          height: \"1px\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n          position: \"absolute\",\n          whiteSpace: \"nowrap\",\n          width: \"1px\",\n        }}\n        accept={accept}\n        multiple={multiple}\n        tabIndex={-1}\n        aria-hidden\n        onChange={onChange}\n        {...formControlProps}\n      />\n\n      {isFunction(children)\n        ? children({\n            disabled,\n            isDisabled: disabled,\n            isInvalid,\n            isReadOnly: readOnly,\n            isRequired: required,\n            readOnly,\n            required,\n            onClick,\n          })\n        : children}\n    </>\n  )\n})\n\nFileButton.displayName = \"FileButton\"\nFileButton.__ui__ = \"FileButton\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACIA,oBAAuB;AACvB,kBAKO;AACP,0BAGO;AACP,mBAQO;AACP,mBAAoC;AA+F9B;AAvDC,IAAM,iBAAa,wBAAqC,CAAC,OAAO,QAAQ;AAC7E,QAAM,CAAC,QAAQ,WAAW,QAAI,+BAAkB,cAAc,KAAK;AACnE,QAAM,oBAAgB,4BAAe,WAAW;AAChD,MAAI;AAAA,IACF;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yCAAoB,aAAa;AACrC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,GAAG;AAAA,EACL,QAAI,yBAAW,MAAM,yCAAqB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AACJ,QAAM,eAAW,qBAAyB,IAAI;AAE9C,QAAM,cAAU,0BAAY,MAAM;AA9FpC;AA+FI,QAAI,YAAY,SAAU;AAE1B,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,YAAM,QAAQ,KAAC,qBAAO,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC;AAEJ,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,cAAU,0BAAY,MAAM;AAChC,QAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,MAAI,KAAC,yBAAW,QAAQ,GAAG;AACzB,UAAM,YAAY,MAAM;AAExB,eACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,iBAAG,kBAAkB,SAAS;AAAA,QACzC,iBAAiB,CAAC;AAAA,QAClB,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,aAAS,yBAAW,aAAa,OAAO;AAAA,QAEvC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,8BAAU,UAAU,OAAO;AAE3B,SACE,4EACE;AAAA;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,SAAK,wBAAU,UAAU,GAAG;AAAA,QAC5B;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,eAAW;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,QAEC,yBAAW,QAAQ,IAChB,SAAS;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,IACD;AAAA,KACN;AAEJ,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   FileButton
-} from "./chunk-KVV7PASG.mjs";
+} from "./chunk-ZRUOMZJN.mjs";
 export {
   FileButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/file-button",
-  "version": "1.1.7-dev-20241006073250",
+  "version": "1.1.7-dev-20241007025246",
   "description": "Yamada UI file button component",
   "keywords": [
     "yamada",
@@ -36,10 +36,10 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/button": "1.0.44-dev-20241006073250",
-    "@yamada-ui/core": "1.15.2-dev-20241006073250",
-    "@yamada-ui/form-control": "2.1.4-dev-20241006073250",
-    "@yamada-ui/utils": "1.5.3-dev-20241006073250"
+    "@yamada-ui/button": "1.0.44-dev-20241007025246",
+    "@yamada-ui/core": "1.15.2-dev-20241007025246",
+    "@yamada-ui/form-control": "2.1.4-dev-20241007025246",
+    "@yamada-ui/utils": "1.5.3-dev-20241007025246"
   },
   "devDependencies": {
     "clean-package": "2.2.0",