@yamada-ui/react 2.1.2-dev-20260304220720 → 2.1.2-dev-20260305142428

package/dist/cjs/components/file-input/use-file-input.cjs

@@ -12,7 +12,7 @@ let react = require("react");
 
 //#region src/components/file-input/use-file-input.ts
 const useFileInput = (props) => {
-	const { props: { id, ref, form, name, accept, defaultValue, disabled, multiple, readOnly, required, resetRef, value, onChange: onChangeProp, onClick: onClickProp, ...rest }, ariaProps, dataProps, eventProps } = require_use_field_props.useFieldProps({
+	const { context: { labelId } = {}, props: { id, ref, form, name, "aria-labelledby": ariaLabelledby, accept, defaultValue, disabled, multiple, readOnly, required, resetRef, value, onChange: onChangeProp, onClick: onClickProp, ...rest }, ariaProps, dataProps, eventProps } = require_use_field_props.useFieldProps({
 		...props,
 		notSupportReadOnly: true
 	});
@@ -41,6 +41,7 @@ const useFileInput = (props) => {
 		...dataProps,
 		...eventProps,
 		...rest,
+		"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby, labelId),
 		disabled: !interactive,
 		focusable: readOnly && !disabled,
 		focusOnClick: interactive,
@@ -84,9 +85,10 @@ const useFileInput = (props) => {
 		required,
 		values,
 		clickableProps,
-		getFieldProps: (0, react.useCallback)((props$1 = {}) => ({
+		getFieldProps: (0, react.useCallback)(({ "aria-labelledby": ariaLabelledby$1, ...props$1 } = {}) => ({
 			"data-placeholder": (0, require_utils_index.utils_exports.dataAttr)(!count),
 			...clickableProps,
+			"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby$1, clickableProps["aria-labelledby"]),
 			tabIndex: interactive ? 0 : clickableProps.tabIndex,
 			...props$1
 		}), [

package/dist/cjs/components/file-input/use-file-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-input.cjs","names":["useFieldProps","useControllableState","useClickable","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","props","mergeRefs"],"sources":["../../../../src/components/file-input/use-file-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  assignRef,\n  dataAttr,\n  handlerAll,\n  isNull,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport type UseFileInputProps<Y extends \"button\" | \"input\" = \"input\"> =\n  FieldProps &\n    Omit<HTMLProps<Y>, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\"> &\n    Pick<HTMLProps<\"input\">, \"accept\" | \"multiple\" | \"ref\"> & {\n      /**\n       * The initial value of the file input.\n       */\n      defaultValue?: File[]\n      /**\n       * Ref to a reset function.\n       */\n      resetRef?: RefObject<(() => void) | null>\n      /**\n       * The value of the file input.\n       */\n      value?: File[]\n      /**\n       * Function to be called when a file change event occurs.\n       */\n      onChange?: (files: File[] | undefined) => void\n    }\n\nexport const useFileInput = <Y extends \"button\" | \"input\" = \"input\">(\n  props: UseFileInputProps<Y>,\n) => {\n  const {\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      accept,\n      defaultValue,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      resetRef,\n      value,\n      onChange: onChangeProp,\n      onClick: onClickProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseFileInputProps<Y>>({\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [values, setValues] = useControllableState<File[] | undefined>({\n    defaultValue,\n    value,\n    onChange: onChangeProp,\n  })\n  const count = values?.length ?? 0\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    inputRef.current?.click()\n  }, [interactive])\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n\n    setValues(undefined)\n  }, [setValues])\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      setValues(files?.length ? files : undefined)\n    },\n    [setValues],\n  )\n\n  const clickableProps = useClickable<HTMLElement, Dict>({\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n    disabled: !interactive,\n    focusable: readOnly && !disabled,\n    focusOnClick: interactive,\n    onClick: handlerAll(onClickProp, onClick),\n  })\n\n  assignRef(resetRef, onReset)\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      id,\n      form,\n      type: \"file\",\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      ...props,\n      ref: mergeRefs(inputRef, props.ref, ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      required,\n      ariaProps,\n      dataProps,\n      id,\n      form,\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      ref,\n      onChange,\n    ],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-placeholder\": dataAttr(!count),\n      ...clickableProps,\n      tabIndex: interactive ? 0 : clickableProps.tabIndex,\n      ...props,\n    }),\n    [clickableProps, count, interactive],\n  )\n\n  return {\n    disabled,\n    interactive,\n    readOnly,\n    required,\n    values,\n    clickableProps,\n    getFieldProps,\n    getInputProps,\n  }\n}\n\nexport type UseFileInputReturn = ReturnType<typeof useFileInput>\n"],"mappings":";;;;;;;;;;;;;AAyCA,MAAa,gBACX,UACG;CACH,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,aACT,GAAG,QAEL,WACA,WACA,eACEA,sCAAiD;EACnD,GAAG;EACH,oBAAoB;EACrB,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,6BAAoC,KAAK;CAC/C,MAAM,CAAC,QAAQ,aAAaC,gEAAyC;EACnE;EACA;EACA,UAAU;EACX,CAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,uCAA4B;AAChC,MAAI,CAAC,YAAa;AAElB,WAAS,SAAS,OAAO;IACxB,CAAC,YAAY,CAAC;CAEjB,MAAM,uCAA4B;AAChC,MAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAE/C,YAAU,OAAU;IACnB,CAAC,UAAU,CAAC;CAEf,MAAM,mCACH,OAAsC;EACrC,MAAM,QAAQ,+CAAQ,GAAG,cAAc,MAAM,GACzC,MAAM,KAAK,GAAG,cAAc,MAAM,GAClC;AAEJ,YAAU,OAAO,SAAS,QAAQ,OAAU;IAE9C,CAAC,UAAU,CACZ;CAED,MAAM,iBAAiBC,+CAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,UAAU,CAAC;EACX,WAAW,YAAY,CAAC;EACxB,cAAc;EACd,2DAAoB,aAAa,QAAQ;EAC1C,CAAC;AAEF,uBAAU,UAAU,QAAQ;CAE5B,MAAMC,wCACH,UAAQ,EAAE,MAAM;EACf,GAAGC;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGC;EACH,KAAKC,sBAAU,UAAUD,QAAM,KAAK,IAAI;EACxC,4DAAqBA,QAAM,UAAU,SAAS;EAC/C,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAYD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,uCAhBC,UAAQ,EAAE,MAAM;GACf,oEAA6B,CAAC,MAAM;GACpC,GAAG;GACH,UAAU,cAAc,IAAI,eAAe;GAC3C,GAAGA;GACJ,GACD;GAAC;GAAgB;GAAO;GAAY,CACrC;EAUC;EACD"}
+{"version":3,"file":"use-file-input.cjs","names":["useFieldProps","useControllableState","useClickable","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","props","mergeRefs","ariaLabelledby"],"sources":["../../../../src/components/file-input/use-file-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNull,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport type UseFileInputProps<Y extends \"button\" | \"input\" = \"input\"> =\n  FieldProps &\n    Omit<HTMLProps<Y>, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\"> &\n    Pick<HTMLProps<\"input\">, \"accept\" | \"multiple\" | \"ref\"> & {\n      /**\n       * The initial value of the file input.\n       */\n      defaultValue?: File[]\n      /**\n       * Ref to a reset function.\n       */\n      resetRef?: RefObject<(() => void) | null>\n      /**\n       * The value of the file input.\n       */\n      value?: File[]\n      /**\n       * Function to be called when a file change event occurs.\n       */\n      onChange?: (files: File[] | undefined) => void\n    }\n\nexport const useFileInput = <Y extends \"button\" | \"input\" = \"input\">(\n  props: UseFileInputProps<Y>,\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      \"aria-labelledby\": ariaLabelledby,\n      accept,\n      defaultValue,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      resetRef,\n      value,\n      onChange: onChangeProp,\n      onClick: onClickProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseFileInputProps<Y>>({\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [values, setValues] = useControllableState<File[] | undefined>({\n    defaultValue,\n    value,\n    onChange: onChangeProp,\n  })\n  const count = values?.length ?? 0\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    inputRef.current?.click()\n  }, [interactive])\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n\n    setValues(undefined)\n  }, [setValues])\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      setValues(files?.length ? files : undefined)\n    },\n    [setValues],\n  )\n\n  const clickableProps = useClickable<HTMLElement, Dict>({\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n    \"aria-labelledby\": cx(ariaLabelledby, labelId),\n    disabled: !interactive,\n    focusable: readOnly && !disabled,\n    focusOnClick: interactive,\n    onClick: handlerAll(onClickProp, onClick),\n  })\n\n  assignRef(resetRef, onReset)\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      id,\n      form,\n      type: \"file\",\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      ...props,\n      ref: mergeRefs(inputRef, props.ref, ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      required,\n      ariaProps,\n      dataProps,\n      id,\n      form,\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      ref,\n      onChange,\n    ],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"data-placeholder\": dataAttr(!count),\n      ...clickableProps,\n      \"aria-labelledby\": cx(ariaLabelledby, clickableProps[\"aria-labelledby\"]),\n      tabIndex: interactive ? 0 : clickableProps.tabIndex,\n      ...props,\n    }),\n    [clickableProps, count, interactive],\n  )\n\n  return {\n    disabled,\n    interactive,\n    readOnly,\n    required,\n    values,\n    clickableProps,\n    getFieldProps,\n    getInputProps,\n  }\n}\n\nexport type UseFileInputReturn = ReturnType<typeof useFileInput>\n"],"mappings":";;;;;;;;;;;;;AA0CA,MAAa,gBACX,UACG;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,IACA,KACA,MACA,MACA,mBAAmB,gBACnB,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,aACT,GAAG,QAEL,WACA,WACA,eACEA,sCAAiD;EACnD,GAAG;EACH,oBAAoB;EACrB,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,6BAAoC,KAAK;CAC/C,MAAM,CAAC,QAAQ,aAAaC,gEAAyC;EACnE;EACA;EACA,UAAU;EACX,CAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,uCAA4B;AAChC,MAAI,CAAC,YAAa;AAElB,WAAS,SAAS,OAAO;IACxB,CAAC,YAAY,CAAC;CAEjB,MAAM,uCAA4B;AAChC,MAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAE/C,YAAU,OAAU;IACnB,CAAC,UAAU,CAAC;CAEf,MAAM,mCACH,OAAsC;EACrC,MAAM,QAAQ,+CAAQ,GAAG,cAAc,MAAM,GACzC,MAAM,KAAK,GAAG,cAAc,MAAM,GAClC;AAEJ,YAAU,OAAO,SAAS,QAAQ,OAAU;IAE9C,CAAC,UAAU,CACZ;CAED,MAAM,iBAAiBC,+CAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,6DAAsB,gBAAgB,QAAQ;EAC9C,UAAU,CAAC;EACX,WAAW,YAAY,CAAC;EACxB,cAAc;EACd,2DAAoB,aAAa,QAAQ;EAC1C,CAAC;AAEF,uBAAU,UAAU,QAAQ;CAE5B,MAAMC,wCACH,UAAQ,EAAE,MAAM;EACf,GAAGC;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGC;EACH,KAAKC,sBAAU,UAAUD,QAAM,KAAK,IAAI;EACxC,4DAAqBA,QAAM,UAAU,SAAS;EAC/C,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAaD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,uCAjBC,EAAE,mBAAmBE,kBAAgB,GAAGF,YAAU,EAAE,MAAM;GACzD,oEAA6B,CAAC,MAAM;GACpC,GAAG;GACH,6DAAsBE,kBAAgB,eAAe,mBAAmB;GACxE,UAAU,cAAc,IAAI,eAAe;GAC3C,GAAGF;GACJ,GACD;GAAC;GAAgB;GAAO;GAAY,CACrC;EAUC;EACD"}

package/dist/cjs/components/icon/icons/ellipse-icon.cjs

@@ -0,0 +1,17 @@
+"use client";
+
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_icon = require('../icon.cjs');
+let lucide_react = require("lucide-react");
+
+//#region src/components/icon/icons/ellipse-icon.tsx
+/**
+* `EllipseIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const EllipseIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.Ellipse });
+
+//#endregion
+exports.EllipseIcon = EllipseIcon;
+//# sourceMappingURL=ellipse-icon.cjs.map

package/dist/cjs/components/icon/icons/ellipse-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse-icon.cjs","names":["component","Icon","OriginalEllipseIcon"],"sources":["../../../../../src/components/icon/icons/ellipse-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { Ellipse as OriginalEllipseIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `EllipseIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const EllipseIcon = component(Icon)({\n  as: OriginalEllipseIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,cAAcA,uBAAUC,kBAAK,CAAC,EACzC,IAAIC,sBACL,CAAC"}

package/dist/cjs/components/icon/icons/index.cjs

@@ -561,6 +561,7 @@ const require_eclipse_icon = require('./eclipse-icon.cjs');
 const require_egg_fried_icon = require('./egg-fried-icon.cjs');
 const require_egg_icon = require('./egg-icon.cjs');
 const require_egg_off_icon = require('./egg-off-icon.cjs');
+const require_ellipse_icon = require('./ellipse-icon.cjs');
 const require_ellipsis_icon = require('./ellipsis-icon.cjs');
 const require_ellipsis_vertical_icon = require('./ellipsis-vertical-icon.cjs');
 const require_equal_approximately_icon = require('./equal-approximately-icon.cjs');
@@ -2266,6 +2267,7 @@ var icons_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	EggFriedIcon: () => require_egg_fried_icon.EggFriedIcon,
 	EggIcon: () => require_egg_icon.EggIcon,
 	EggOffIcon: () => require_egg_off_icon.EggOffIcon,
+	EllipseIcon: () => require_ellipse_icon.EllipseIcon,
 	EllipsisIcon: () => require_ellipsis_icon.EllipsisIcon,
 	EllipsisVerticalIcon: () => require_ellipsis_vertical_icon.EllipsisVerticalIcon,
 	EqualApproximatelyIcon: () => require_equal_approximately_icon.EqualApproximatelyIcon,
@@ -3971,6 +3973,7 @@ exports.EclipseIcon = require_eclipse_icon.EclipseIcon;
 exports.EggFriedIcon = require_egg_fried_icon.EggFriedIcon;
 exports.EggIcon = require_egg_icon.EggIcon;
 exports.EggOffIcon = require_egg_off_icon.EggOffIcon;
+exports.EllipseIcon = require_ellipse_icon.EllipseIcon;
 exports.EllipsisIcon = require_ellipsis_icon.EllipsisIcon;
 exports.EllipsisVerticalIcon = require_ellipsis_vertical_icon.EllipsisVerticalIcon;
 exports.EqualApproximatelyIcon = require_equal_approximately_icon.EqualApproximatelyIcon;