@yamada-ui/react 2.2.1-dev-20260428112552 → 2.2.1-dev-20260428134746

package/dist/cjs/components/number-input/use-number-counter.cjs

@@ -4,6 +4,8 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_dom = require('../../utils/dom.cjs');
 const require_ref = require('../../utils/ref.cjs');
 const require_utils_index = require('../../utils/index.cjs');
+const require_props = require('../../core/components/props.cjs');
+require('../../core/index.cjs');
 const require_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 require('../../providers/i18n-provider/index.cjs');
 const require_use_spinner = require('./use-spinner.cjs');
@@ -20,15 +22,14 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 	const { t } = require_i18n_provider.useI18n("numberInput");
 	require_dom.useAttributeObserver(incrementRef, ["disabled"], spinning, stop);
 	require_dom.useAttributeObserver(decrementRef, ["disabled"], spinning, stop);
-	const getButtonProps = (0, react.useCallback)((props = {}) => ({
+	const getButtonProps = (0, react.useCallback)((props = {}) => require_props.mergeProps({
 		type: "button",
 		disabled,
-		tabIndex: -1,
-		...rest,
-		...props,
-		onPointerLeave: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerLeave, stop),
-		onPointerUp: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerUp, stop)
-	}), [
+		tabIndex: -1
+	}, rest, props, {
+		onPointerLeave: stop,
+		onPointerUp: stop
+	})(), [
 		rest,
 		disabled,
 		stop

package/dist/cjs/components/number-input/use-number-counter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-number-counter.cjs","names":["useSpinner","useI18n","getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      disabled,\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      onPointerLeave: handlerAll(props.onPointerLeave, stop),\n      onPointerUp: handlerAll(props.onPointerUp, stop),\n    }),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,iCAAyC,KAAK;CACpD,MAAM,iCAAyC,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAOA,+BAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAMC,8BAAQ,cAAc;AAEpC,kCAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;AAChE,kCAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAMC,yCACH,QAAQ,EAAE,MAAM;EACf,MAAM;EACN;EACA,UAAU;EACV,GAAG;EACH,GAAG;EACH,kEAA2B,MAAM,gBAAgB,KAAK;EACtD,+DAAwB,MAAM,aAAa,KAAK;EACjD,GACD;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAMC,4CACH,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAKC,sBAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,iEAA0B,MAAM,gBAAgB,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;AAqBD,QAAO;EAAE,2CAlBN,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,UAAO;IACL,KAAKA,sBAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,iEAA0B,MAAM,gBAAgB,OAAO;AACrD,SAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,QAAG,gBAAgB;AACnB,WAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAC1D;EAE2B;EAAmB"}
+{"version":3,"file":"use-number-counter.cjs","names":["useSpinner","useI18n","getButtonProps: PropGetter<\"button\">","mergeProps","getIncrementProps: PropGetter<\"button\">","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          type: \"button\",\n          disabled,\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onPointerLeave: stop,\n          onPointerUp: stop,\n        },\n      )(),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,iCAAyC,KAAK;CACpD,MAAM,iCAAyC,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAOA,+BAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAMC,8BAAQ,cAAc;AAEpC,kCAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;AAChE,kCAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAMC,yCACH,QAAQ,EAAE,KACTC,yBACE;EACE,MAAM;EACN;EACA,UAAU;EACX,EACD,MACA,OACA;EACE,gBAAgB;EAChB,aAAa;EACd,CACF,EAAE,EACL;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAMC,4CACH,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAKC,sBAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,iEAA0B,MAAM,gBAAgB,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;AAqBD,QAAO;EAAE,2CAlBN,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,UAAO;IACL,KAAKA,sBAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,iEAA0B,MAAM,gBAAgB,OAAO;AACrD,SAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,QAAG,gBAAgB;AACnB,WAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAC1D;EAE2B;EAAmB"}

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

@@ -5,6 +5,8 @@ const require_dom = require('../../utils/dom.cjs');
 const require_effect = require('../../utils/effect.cjs');
 const require_ref = require('../../utils/ref.cjs');
 const require_utils_index = require('../../utils/index.cjs');
+const require_props = require('../../core/components/props.cjs');
+require('../../core/index.cjs');
 const require_hooks_use_event_listener_index = require('../../hooks/use-event-listener/index.cjs');
 const require_use_field_props = require('../field/use-field-props.cjs');
 require('../field/index.cjs');
@@ -160,34 +162,36 @@ const useNumberInput = (props = {}) => {
 	return {
 		getDecrementProps,
 		getIncrementProps,
-		getInputProps: (0, react.useCallback)(({ ref, ...props$1 } = {}) => ({
-			...ariaProps,
-			...dataProps,
-			type: "text",
-			"aria-invalid": (0, require_utils_index.utils_exports.ariaAttr)(ariaProps["aria-invalid"] ?? out),
-			"aria-valuemax": maxValue,
-			"aria-valuemin": minValue,
-			"aria-valuenow": Number.isNaN(valueAsNumber) ? void 0 : valueAsNumber,
-			"aria-valuetext": valueText,
-			autoComplete: "off",
-			autoCorrect: "off",
-			disabled,
-			inputMode: "decimal",
-			max: maxValue,
-			min: minValue,
-			pattern: "[0-9]*(.[0-9]+)?",
-			readOnly,
-			role: "spinbutton",
-			step,
-			value: format(value),
-			...rest,
-			...props$1,
-			ref: require_ref.mergeRefs(ref, rest.ref, inputRef),
-			onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur, onBlur),
-			onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange),
-			onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus, onFocus),
-			onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(rest.onKeyDown, props$1.onKeyDown, onKeyDown)
-		}), [
+		getInputProps: (0, react.useCallback)(({ ref, ...props$1 } = {}) => {
+			const { ref: restRef, ...restWithoutRef } = rest;
+			return require_props.mergeProps({
+				...ariaProps,
+				...dataProps,
+				type: "text",
+				"aria-invalid": (0, require_utils_index.utils_exports.ariaAttr)(ariaProps["aria-invalid"] ?? out),
+				"aria-valuemax": maxValue,
+				"aria-valuemin": minValue,
+				"aria-valuenow": Number.isNaN(valueAsNumber) ? void 0 : valueAsNumber,
+				"aria-valuetext": valueText,
+				autoComplete: "off",
+				autoCorrect: "off",
+				disabled,
+				inputMode: "decimal",
+				max: maxValue,
+				min: minValue,
+				pattern: "[0-9]*(.[0-9]+)?",
+				readOnly,
+				role: "spinbutton",
+				step,
+				value: format(value)
+			}, restWithoutRef, eventProps, props$1, {
+				ref: require_ref.mergeRefs(ref, restRef, inputRef),
+				onBlur,
+				onChange,
+				onFocus,
+				onKeyDown
+			})();
+		}, [
 			format,
 			out,
 			value,

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

@@ -1 +1 @@
-{"version":3,"file":"use-number-input.cjs","names":["useFieldProps","useCounter","value","isComposing","useNumberCounter","props","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  handlerAll,\n  isComposing,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends\n    Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...ariaProps,\n      ...dataProps,\n      type: \"text\",\n      \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n      \"aria-valuemax\": maxValue,\n      \"aria-valuemin\": minValue,\n      \"aria-valuenow\": Number.isNaN(valueAsNumber) ? undefined : valueAsNumber,\n      \"aria-valuetext\": valueText,\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      inputMode: \"decimal\",\n      max: maxValue,\n      min: minValue,\n      pattern: \"[0-9]*(.[0-9]+)?\",\n      readOnly,\n      role: \"spinbutton\",\n      step,\n      value: format(value),\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, inputRef),\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus),\n      onKeyDown: handlerAll(rest.onKeyDown, props.onKeyDown, onKeyDown),\n    }),\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,iBAAiB,UAA2B,MAAM,UAAU;AAElE,MAAM,gBAAgB,UAAkB;AAExC,MAAM,2BAA2B,SAAiB,gBAAgB,KAAK,KAAK;AAE5E,MAAM,+BACJ,EAAE,KAAK,QAAQ,SAAS,WACxB,YACG;CACH,MAAM,cAAc,WAAW,UAAU;AAGzC,KAAI,EAFuB,IAAI,WAAW,MAEf,YAAa,QAAO;AAE/C,QAAO,QAAQ,IAAI;;AAGrB,MAAM,gBAAsD,EAC1D,SACA,SACA,eACO;CACP,IAAI,QAAQ;AAEZ,KAAI,WAAW,QAAS,SAAQ;AAEhC,KAAI,SAAU,SAAQ;AAEtB,QAAO;;AAkDT,MAAa,kBAAkB,QAA6B,EAAE,KAAK;CACjE,MAAM,EACJ,OAAO,EACL,iBACA,mBAAmB,MACnB,cACA,UACA,qBAAqB,MACrB,SAAS,eACT,kBACA,mBAAmB,yBACnB,kBAAkB,MAClB,KAAK,WAAW,OAAO,kBACvB,KAAK,WAAW,OAAO,kBACvB,QAAQ,cACR,WACA,UACA,OAAO,GACP,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WACA,WACA,eACEA,sCAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,6BAAoC,KAAK;CAC/C,MAAM,EACJ,MACA,KACA,KACA,KACA,UACA,QACA,OACA,eACA,GAAG,YACDC,2CAAW;EACb;EACA;EACA,KAAK;EACL,KAAK;EACL;EACA;EACA,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,iCAGH,KAAK;CACR,MAAM,qCAA0B;EAC9B,IAAI,OAAO,mBAAmB,MAAM;AAEpC,MAAI,QAAQ,KAAM,QAAO;AAEzB,SAAO,MAAM,UAAU;AAEvB,SAAO,CAAC,OAAO,SAAY;IAC1B,CAAC,OAAO,iBAAiB,CAAC;CAE7B,MAAM,mCACH,YAAkBC,QAAM,MAAM,GAAG,CAAC,OAAO,iBAAiB,CAAC,KAAK,GAAG,EACpE,CAAC,iBAAiB,CACnB;CAED,MAAM,oCACH,UAAgB,SAAS;AACxB,MAAI,CAAC,YAAa;AAElB,UAAQ,UAAUA,QAAM;AAExB,MAAI,CAAC,mBAAoB;AAEzB,8BAA4B;AAC1B,YAAS,SAAS,OAAO;IACzB;IAEJ;EAAC;EAAa;EAAS;EAAM;EAAmB,CACjD;CAED,MAAM,oCACH,UAAgB,SAAS;AACxB,MAAI,CAAC,YAAa;AAElB,UAAQ,UAAUA,QAAM;AAExB,MAAI,CAAC,mBAAoB;AAEzB,8BAA4B;AAC1B,YAAS,SAAS,OAAO;IACzB;IAEJ;EAAC;EAAa;EAAS;EAAM;EAAmB,CACjD;CAED,MAAM,mCACH,OAAsC;AACrC,MAAIC,wBAAY,GAAG,CAAE;EAErB,MAAM,EAAE,cAAc,gBAAgB,mBAAU,GAAG;AAEnD,SAAO,SAAS,MAAMD,QAAM,CAAC,CAAC;AAE9B,eAAa,UAAU;GAAE,KAAK;GAAc,OAAO;GAAgB;IAErE;EAAC;EAAO;EAAU;EAAO,CAC1B;CAED,MAAM,kCAAuB,OAAqC;AAChE,MAAI,CAAC,aAAa,QAAS;EAE3B,MAAM,EAAE,KAAK,UAAU,aAAa;EACpC,MAAM,EAAE,gBAAgB,mBAAU,GAAG;AAErC,KAAG,cAAc,iBAAiB,SAASA,QAAM;AACjD,KAAG,cAAc,eAAe,OAAO;IACtC,EAAE,CAAC;CAEN,MAAM,sCAA2B;AAC/B,MAAI,CAAC,iBAAkB;EAEvB,IAAI,YAAY;AAEhB,MAAI,UAAU,GAAI;AAIlB,MAFyB,QAAQ,KAAK,MAAM,UAAU,CAAC,CAGrD,UAAS,GAAG;OACP;AACL,OAAI,gBAAgB,SAAU,aAAY;AAE1C,OAAI,gBAAgB,SAAU,aAAY;AAE1C,QAAK,UAAU;;IAEhB;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,oCACH,OAAwC;AACvC,MAAIC,wBAAY,GAAG,CAAE;AAErB,MAAI,CAAC,4BAA4B,IAAI,iBAAiB,CACpD,IAAG,gBAAgB;EAErB,MAAM,YAAY,aAAa,GAAG,GAAG;AAErC,2BAAa,IAAI;GACf,iBAAiB,UAAU,UAAU;GACrC,eAAe,UAAU,UAAU;GACnC,WAAW,OAAO,SAAS;GAC3B,YAAY,OAAO,SAAS;GAC7B,CAAC;IAEJ;EAAC;EAAW;EAAW;EAAkB;EAAU;EAAU;EAAM;EAAO,CAC3E;CAED,MAAM,EAAE,mBAAmB,sBAAsBC,4CAAiB;EAChE,iEAA0B,CAAC,YAAY;EACvC;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ,CAAC;AAEF,0CAA0B;AACxB,MAAI,CAAC,SAAS,QAAS;AAIvB,MAAI,EAFc,SAAS,QAAQ,SAAS,OAE5B;AAEhB,WAAS,SAAS,MAAM,SAAS,QAAQ,MAAM,CAAC,CAAC;IAChD,CAAC,OAAO,SAAS,CAAC;AAErB,yDACE,SAAS,SACT,UACC,OAAO;EAEN,MAAM,WADgB,SAAS,SAAS,iBAAiB,UAC3B,kBAAkB,SAAS;AAEzD,MAAI,CAAC,mBAAmB,CAAC,QAAS;AAElC,KAAG,gBAAgB;EAEnB,MAAM,YAAY,aAAa,GAAG,GAAG;EACrC,MAAM,YAAY,KAAK,KAAK,GAAG,OAAO;AAEtC,MAAI,cAAc,GAChB,WAAU,UAAU;WACX,cAAc,EACvB,WAAU,UAAU;IAGxB,EAAE,SAAS,OAAO,CACnB;AAqDD,QAAO;EAAE;EAAmB;EAAmB,uCAlD5C,EAAE,KAAK,GAAGC,YAAU,EAAE,MAAM;GAC3B,GAAG;GACH,GAAG;GACH,MAAM;GACN,gEAAyB,UAAU,mBAAmB,IAAI;GAC1D,iBAAiB;GACjB,iBAAiB;GACjB,iBAAiB,OAAO,MAAM,cAAc,GAAG,SAAY;GAC3D,kBAAkB;GAClB,cAAc;GACd,aAAa;GACb;GACA,WAAW;GACX,KAAK;GACL,KAAK;GACL,SAAS;GACT;GACA,MAAM;GACN;GACA,OAAO,OAAO,MAAM;GACpB,GAAG;GACH,GAAGA;GACH,KAAKC,sBAAU,KAAK,KAAK,KAAK,SAAS;GACvC,0DAAmB,WAAW,QAAQD,QAAM,QAAQ,OAAO;GAC3D,4DAAqBA,QAAM,UAAU,SAAS;GAC9C,2DAAoB,WAAW,SAASA,QAAM,SAAS,QAAQ;GAC/D,6DAAsB,KAAK,WAAWA,QAAM,WAAW,UAAU;GAClE,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE6D"}
+{"version":3,"file":"use-number-input.cjs","names":["useFieldProps","useCounter","value","isComposing","useNumberCounter","props","mergeProps","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  isComposing,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends\n    Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const { ref: restRef, ...restWithoutRef } = rest\n\n      return mergeProps(\n        {\n          ...ariaProps,\n          ...dataProps,\n          type: \"text\",\n          \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n          \"aria-valuemax\": maxValue,\n          \"aria-valuemin\": minValue,\n          \"aria-valuenow\": Number.isNaN(valueAsNumber)\n            ? undefined\n            : valueAsNumber,\n          \"aria-valuetext\": valueText,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          disabled,\n          inputMode: \"decimal\",\n          max: maxValue,\n          min: minValue,\n          pattern: \"[0-9]*(.[0-9]+)?\",\n          readOnly,\n          role: \"spinbutton\",\n          step,\n          value: format(value),\n        },\n        restWithoutRef,\n        eventProps,\n        props,\n        {\n          ref: mergeRefs(ref, restRef, inputRef),\n          onBlur,\n          onChange,\n          onFocus,\n          onKeyDown,\n        },\n      )()\n    },\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}

package/dist/cjs/components/textarea/use-textarea.cjs

@@ -2,7 +2,9 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+require('../../utils/index.cjs');
+const require_props = require('../../core/components/props.cjs');
+require('../../core/index.cjs');
 const require_use_autosize = require('./use-autosize.cjs');
 let react = require("react");
 
@@ -15,17 +17,15 @@ const useTextarea = ({ autosize, maxRows, minRows, resizeRef, ...rest } = {}) =>
 	});
 	require_ref.assignRef(resizeRef, onResizeTextarea);
 	return {
-		getTextareaProps: (0, react.useCallback)(({ style, ...props } = {}) => ({
-			...rest,
-			...props,
-			ref: require_ref.mergeRefs(props.ref, rest.ref, ref),
-			style: {
-				resize: autosize ? "none" : void 0,
-				...rest.style,
-				...style
-			},
-			onChange: (0, require_utils_index.utils_exports.handlerAll)(props.onChange, rest.onChange, autosize ? onResizeTextarea : require_utils_index.utils_exports.noop)
-		}), [
+		getTextareaProps: (0, react.useCallback)((props = {}) => {
+			return require_props.mergeProps(rest, props, {
+				ref: require_ref.mergeRefs(ref),
+				...autosize ? {
+					style: { resize: "none" },
+					onChange: onResizeTextarea
+				} : {}
+			})();
+		}, [
 			autosize,
 			onResizeTextarea,
 			rest,

package/dist/cjs/components/textarea/use-textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-textarea.cjs","names":["useAutosize","mergeRefs"],"sources":["../../../../src/components/textarea/use-textarea.ts"],"sourcesContent":["\"use client\"\n\nimport type { ForwardedRef } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseAutosizeProps } from \"./use-autosize\"\nimport { useCallback } from \"react\"\nimport { assignRef, handlerAll, mergeRefs, noop } from \"../../utils\"\nimport { useAutosize } from \"./use-autosize\"\n\nexport interface UseTextareaProps\n  extends HTMLProps<\"textarea\">, Omit<UseAutosizeProps, \"disabled\" | \"ref\"> {\n  /**\n   * If `true`, the Textarea height auto-adjusts to text height.\n   */\n  autosize?: boolean\n  /**\n   * Ref to a resize function.\n   */\n  resizeRef?: ForwardedRef<() => void>\n}\n\nexport const useTextarea = ({\n  autosize,\n  maxRows,\n  minRows,\n  resizeRef,\n  ...rest\n}: UseTextareaProps = {}) => {\n  const { ref, onResizeTextarea } = useAutosize({\n    disabled: !autosize,\n    maxRows,\n    minRows,\n  })\n\n  assignRef(resizeRef, onResizeTextarea)\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    ({ style, ...props } = {}) => ({\n      ...rest,\n      ...props,\n      ref: mergeRefs(props.ref, rest.ref, ref),\n      style: { resize: autosize ? \"none\" : undefined, ...rest.style, ...style },\n      onChange: handlerAll(\n        props.onChange,\n        rest.onChange,\n        autosize ? onResizeTextarea : noop,\n      ),\n    }),\n    [autosize, onResizeTextarea, rest, ref],\n  )\n\n  return {\n    getTextareaProps,\n    onResizeTextarea,\n  }\n}\n\nexport type UseTextareaReturn = ReturnType<typeof useTextarea>\n"],"mappings":";;;;;;;;;AAqBA,MAAa,eAAe,EAC1B,UACA,SACA,SACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,EAAE,KAAK,qBAAqBA,iCAAY;EAC5C,UAAU,CAAC;EACX;EACA;EACD,CAAC;AAEF,uBAAU,WAAW,iBAAiB;AAiBtC,QAAO;EACL,0CAfC,EAAE,OAAO,GAAG,UAAU,EAAE,MAAM;GAC7B,GAAG;GACH,GAAG;GACH,KAAKC,sBAAU,MAAM,KAAK,KAAK,KAAK,IAAI;GACxC,OAAO;IAAE,QAAQ,WAAW,SAAS;IAAW,GAAG,KAAK;IAAO,GAAG;IAAO;GACzE,4DACE,MAAM,UACN,KAAK,UACL,WAAW,qDAAmB,KAC/B;GACF,GACD;GAAC;GAAU;GAAkB;GAAM;GAAI,CACxC;EAIC;EACD"}
+{"version":3,"file":"use-textarea.cjs","names":["useAutosize","mergeProps","mergeRefs"],"sources":["../../../../src/components/textarea/use-textarea.ts"],"sourcesContent":["\"use client\"\n\nimport type { ForwardedRef } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseAutosizeProps } from \"./use-autosize\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { assignRef, mergeRefs } from \"../../utils\"\nimport { useAutosize } from \"./use-autosize\"\n\nexport interface UseTextareaProps\n  extends HTMLProps<\"textarea\">, Omit<UseAutosizeProps, \"disabled\" | \"ref\"> {\n  /**\n   * If `true`, the Textarea height auto-adjusts to text height.\n   */\n  autosize?: boolean\n  /**\n   * Ref to a resize function.\n   */\n  resizeRef?: ForwardedRef<() => void>\n}\n\nexport const useTextarea = ({\n  autosize,\n  maxRows,\n  minRows,\n  resizeRef,\n  ...rest\n}: UseTextareaProps = {}) => {\n  const { ref, onResizeTextarea } = useAutosize({\n    disabled: !autosize,\n    maxRows,\n    minRows,\n  })\n\n  assignRef(resizeRef, onResizeTextarea)\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    (props = {}) => {\n      const textareaProps = mergeProps(rest, props, {\n        ref: mergeRefs(ref),\n        ...(autosize\n          ? {\n              style: { resize: \"none\" as const },\n              onChange: onResizeTextarea,\n            }\n          : {}),\n      })()\n\n      return textareaProps\n    },\n    [autosize, onResizeTextarea, rest, ref],\n  )\n\n  return {\n    getTextareaProps,\n    onResizeTextarea,\n  }\n}\n\nexport type UseTextareaReturn = ReturnType<typeof useTextarea>\n"],"mappings":";;;;;;;;;;;AAsBA,MAAa,eAAe,EAC1B,UACA,SACA,SACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,EAAE,KAAK,qBAAqBA,iCAAY;EAC5C,UAAU,CAAC;EACX;EACA;EACD,CAAC;AAEF,uBAAU,WAAW,iBAAiB;AAmBtC,QAAO;EACL,0CAjBC,QAAQ,EAAE,KAAK;AAWd,UAVsBC,yBAAW,MAAM,OAAO;IAC5C,KAAKC,sBAAU,IAAI;IACnB,GAAI,WACA;KACE,OAAO,EAAE,QAAQ,QAAiB;KAClC,UAAU;KACX,GACD,EAAE;IACP,CAAC,EAAE;KAIN;GAAC;GAAU;GAAkB;GAAM;GAAI,CACxC;EAIC;EACD"}

package/dist/esm/components/number-input/use-number-counter.js

@@ -3,6 +3,8 @@
 import { useAttributeObserver } from "../../utils/dom.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
+import { mergeProps } from "../../core/components/props.js";
+import "../../core/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
 import "../../providers/i18n-provider/index.js";
 import { useSpinner } from "./use-spinner.js";
@@ -19,15 +21,14 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 	const { t } = useI18n("numberInput");
 	useAttributeObserver(incrementRef, ["disabled"], spinning, stop);
 	useAttributeObserver(decrementRef, ["disabled"], spinning, stop);
-	const getButtonProps = useCallback((props = {}) => ({
+	const getButtonProps = useCallback((props = {}) => mergeProps({
 		type: "button",
 		disabled,
-		tabIndex: -1,
-		...rest,
-		...props,
-		onPointerLeave: (0, utils_exports.handlerAll)(props.onPointerLeave, stop),
-		onPointerUp: (0, utils_exports.handlerAll)(props.onPointerUp, stop)
-	}), [
+		tabIndex: -1
+	}, rest, props, {
+		onPointerLeave: stop,
+		onPointerUp: stop
+	})(), [
 		rest,
 		disabled,
 		stop

package/dist/esm/components/number-input/use-number-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-number-counter.js","names":["getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      disabled,\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      onPointerLeave: handlerAll(props.onPointerLeave, stop),\n      onPointerUp: handlerAll(props.onPointerUp, stop),\n    }),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;AAiBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,WAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAM,QAAQ,cAAc;AAEpC,sBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;AAChE,sBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAMA,iBAAuC,aAC1C,QAAQ,EAAE,MAAM;EACf,MAAM;EACN;EACA,UAAU;EACV,GAAG;EACH,GAAG;EACH,8CAA2B,MAAM,gBAAgB,KAAK;EACtD,2CAAwB,MAAM,aAAa,KAAK;EACjD,GACD;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAMC,oBAA0C,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,UAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,6CAA0B,MAAM,gBAAgB,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;AAqBD,QAAO;EAAE,mBAnBuC,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,UAAO;IACL,KAAK,UAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,6CAA0B,MAAM,gBAAgB,OAAO;AACrD,SAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,QAAG,gBAAgB;AACnB,WAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAC1D;EAE2B;EAAmB"}
+{"version":3,"file":"use-number-counter.js","names":["getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          type: \"button\",\n          disabled,\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onPointerLeave: stop,\n          onPointerUp: stop,\n        },\n      )(),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,eAAe,OAA0B,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,WAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAM,QAAQ,cAAc;AAEpC,sBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;AAChE,sBAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAMA,iBAAuC,aAC1C,QAAQ,EAAE,KACT,WACE;EACE,MAAM;EACN;EACA,UAAU;EACX,EACD,MACA,OACA;EACE,gBAAgB;EAChB,aAAa;EACd,CACF,EAAE,EACL;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAMC,oBAA0C,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,UAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,6CAA0B,MAAM,gBAAgB,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;AAqBD,QAAO;EAAE,mBAnBuC,aAC7C,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,UAAO;IACL,KAAK,UAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,6CAA0B,MAAM,gBAAgB,OAAO;AACrD,SAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,QAAG,gBAAgB;AACnB,WAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAC1D;EAE2B;EAAmB"}

package/dist/esm/components/number-input/use-number-input.js

@@ -4,6 +4,8 @@ import { isComposing, runKeyAction } from "../../utils/dom.js";
 import { useSafeLayoutEffect } from "../../utils/effect.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
+import { mergeProps } from "../../core/components/props.js";
+import "../../core/index.js";
 import { useEventListener } from "../../hooks/use-event-listener/index.js";
 import { useFieldProps } from "../field/use-field-props.js";
 import "../field/index.js";
@@ -159,34 +161,36 @@ const useNumberInput = (props = {}) => {
 	return {
 		getDecrementProps,
 		getIncrementProps,
-		getInputProps: useCallback(({ ref, ...props$1 } = {}) => ({
-			...ariaProps,
-			...dataProps,
-			type: "text",
-			"aria-invalid": (0, utils_exports.ariaAttr)(ariaProps["aria-invalid"] ?? out),
-			"aria-valuemax": maxValue,
-			"aria-valuemin": minValue,
-			"aria-valuenow": Number.isNaN(valueAsNumber) ? void 0 : valueAsNumber,
-			"aria-valuetext": valueText,
-			autoComplete: "off",
-			autoCorrect: "off",
-			disabled,
-			inputMode: "decimal",
-			max: maxValue,
-			min: minValue,
-			pattern: "[0-9]*(.[0-9]+)?",
-			readOnly,
-			role: "spinbutton",
-			step,
-			value: format(value),
-			...rest,
-			...props$1,
-			ref: mergeRefs(ref, rest.ref, inputRef),
-			onBlur: (0, utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur, onBlur),
-			onChange: (0, utils_exports.handlerAll)(props$1.onChange, onChange),
-			onFocus: (0, utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus, onFocus),
-			onKeyDown: (0, utils_exports.handlerAll)(rest.onKeyDown, props$1.onKeyDown, onKeyDown)
-		}), [
+		getInputProps: useCallback(({ ref, ...props$1 } = {}) => {
+			const { ref: restRef, ...restWithoutRef } = rest;
+			return mergeProps({
+				...ariaProps,
+				...dataProps,
+				type: "text",
+				"aria-invalid": (0, utils_exports.ariaAttr)(ariaProps["aria-invalid"] ?? out),
+				"aria-valuemax": maxValue,
+				"aria-valuemin": minValue,
+				"aria-valuenow": Number.isNaN(valueAsNumber) ? void 0 : valueAsNumber,
+				"aria-valuetext": valueText,
+				autoComplete: "off",
+				autoCorrect: "off",
+				disabled,
+				inputMode: "decimal",
+				max: maxValue,
+				min: minValue,
+				pattern: "[0-9]*(.[0-9]+)?",
+				readOnly,
+				role: "spinbutton",
+				step,
+				value: format(value)
+			}, restWithoutRef, eventProps, props$1, {
+				ref: mergeRefs(ref, restRef, inputRef),
+				onBlur,
+				onChange,
+				onFocus,
+				onKeyDown
+			})();
+		}, [
 			format,
 			out,
 			value,

package/dist/esm/components/number-input/use-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-number-input.js","names":["value","props"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  handlerAll,\n  isComposing,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends\n    Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...ariaProps,\n      ...dataProps,\n      type: \"text\",\n      \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n      \"aria-valuemax\": maxValue,\n      \"aria-valuemin\": minValue,\n      \"aria-valuenow\": Number.isNaN(valueAsNumber) ? undefined : valueAsNumber,\n      \"aria-valuetext\": valueText,\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      inputMode: \"decimal\",\n      max: maxValue,\n      min: minValue,\n      pattern: \"[0-9]*(.[0-9]+)?\",\n      readOnly,\n      role: \"spinbutton\",\n      step,\n      value: format(value),\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, inputRef),\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus),\n      onKeyDown: handlerAll(rest.onKeyDown, props.onKeyDown, onKeyDown),\n    }),\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}
+{"version":3,"file":"use-number-input.js","names":["value","props"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  isComposing,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends\n    Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (isComposing(ev)) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const { ref: restRef, ...restWithoutRef } = rest\n\n      return mergeProps(\n        {\n          ...ariaProps,\n          ...dataProps,\n          type: \"text\",\n          \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n          \"aria-valuemax\": maxValue,\n          \"aria-valuemin\": minValue,\n          \"aria-valuenow\": Number.isNaN(valueAsNumber)\n            ? undefined\n            : valueAsNumber,\n          \"aria-valuetext\": valueText,\n          autoComplete: \"off\",\n          autoCorrect: \"off\",\n          disabled,\n          inputMode: \"decimal\",\n          max: maxValue,\n          min: minValue,\n          pattern: \"[0-9]*(.[0-9]+)?\",\n          readOnly,\n          role: \"spinbutton\",\n          step,\n          value: format(value),\n        },\n        restWithoutRef,\n        eventProps,\n        props,\n        {\n          ref: mergeRefs(ref, restRef, inputRef),\n          onBlur,\n          onChange,\n          onFocus,\n          onKeyDown,\n        },\n      )()\n    },\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}

package/dist/esm/components/textarea/use-textarea.js

@@ -1,7 +1,9 @@
 "use client";
 
 import { assignRef, mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import "../../utils/index.js";
+import { mergeProps } from "../../core/components/props.js";
+import "../../core/index.js";
 import { useAutosize } from "./use-autosize.js";
 import { useCallback } from "react";
 
@@ -14,17 +16,15 @@ const useTextarea = ({ autosize, maxRows, minRows, resizeRef, ...rest } = {}) =>
 	});
 	assignRef(resizeRef, onResizeTextarea);
 	return {
-		getTextareaProps: useCallback(({ style, ...props } = {}) => ({
-			...rest,
-			...props,
-			ref: mergeRefs(props.ref, rest.ref, ref),
-			style: {
-				resize: autosize ? "none" : void 0,
-				...rest.style,
-				...style
-			},
-			onChange: (0, utils_exports.handlerAll)(props.onChange, rest.onChange, autosize ? onResizeTextarea : utils_exports.noop)
-		}), [
+		getTextareaProps: useCallback((props = {}) => {
+			return mergeProps(rest, props, {
+				ref: mergeRefs(ref),
+				...autosize ? {
+					style: { resize: "none" },
+					onChange: onResizeTextarea
+				} : {}
+			})();
+		}, [
 			autosize,
 			onResizeTextarea,
 			rest,

package/dist/esm/components/textarea/use-textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-textarea.js","names":["noop"],"sources":["../../../../src/components/textarea/use-textarea.ts"],"sourcesContent":["\"use client\"\n\nimport type { ForwardedRef } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseAutosizeProps } from \"./use-autosize\"\nimport { useCallback } from \"react\"\nimport { assignRef, handlerAll, mergeRefs, noop } from \"../../utils\"\nimport { useAutosize } from \"./use-autosize\"\n\nexport interface UseTextareaProps\n  extends HTMLProps<\"textarea\">, Omit<UseAutosizeProps, \"disabled\" | \"ref\"> {\n  /**\n   * If `true`, the Textarea height auto-adjusts to text height.\n   */\n  autosize?: boolean\n  /**\n   * Ref to a resize function.\n   */\n  resizeRef?: ForwardedRef<() => void>\n}\n\nexport const useTextarea = ({\n  autosize,\n  maxRows,\n  minRows,\n  resizeRef,\n  ...rest\n}: UseTextareaProps = {}) => {\n  const { ref, onResizeTextarea } = useAutosize({\n    disabled: !autosize,\n    maxRows,\n    minRows,\n  })\n\n  assignRef(resizeRef, onResizeTextarea)\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    ({ style, ...props } = {}) => ({\n      ...rest,\n      ...props,\n      ref: mergeRefs(props.ref, rest.ref, ref),\n      style: { resize: autosize ? \"none\" : undefined, ...rest.style, ...style },\n      onChange: handlerAll(\n        props.onChange,\n        rest.onChange,\n        autosize ? onResizeTextarea : noop,\n      ),\n    }),\n    [autosize, onResizeTextarea, rest, ref],\n  )\n\n  return {\n    getTextareaProps,\n    onResizeTextarea,\n  }\n}\n\nexport type UseTextareaReturn = ReturnType<typeof useTextarea>\n"],"mappings":";;;;;;;;AAqBA,MAAa,eAAe,EAC1B,UACA,SACA,SACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,EAAE,KAAK,qBAAqB,YAAY;EAC5C,UAAU,CAAC;EACX;EACA;EACD,CAAC;AAEF,WAAU,WAAW,iBAAiB;AAiBtC,QAAO;EACL,kBAhB+C,aAC9C,EAAE,OAAO,GAAG,UAAU,EAAE,MAAM;GAC7B,GAAG;GACH,GAAG;GACH,KAAK,UAAU,MAAM,KAAK,KAAK,KAAK,IAAI;GACxC,OAAO;IAAE,QAAQ,WAAW,SAAS;IAAW,GAAG,KAAK;IAAO,GAAG;IAAO;GACzE,wCACE,MAAM,UACN,KAAK,UACL,WAAW,mBAAmBA,mBAC/B;GACF,GACD;GAAC;GAAU;GAAkB;GAAM;GAAI,CACxC;EAIC;EACD"}
+{"version":3,"file":"use-textarea.js","names":[],"sources":["../../../../src/components/textarea/use-textarea.ts"],"sourcesContent":["\"use client\"\n\nimport type { ForwardedRef } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseAutosizeProps } from \"./use-autosize\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { assignRef, mergeRefs } from \"../../utils\"\nimport { useAutosize } from \"./use-autosize\"\n\nexport interface UseTextareaProps\n  extends HTMLProps<\"textarea\">, Omit<UseAutosizeProps, \"disabled\" | \"ref\"> {\n  /**\n   * If `true`, the Textarea height auto-adjusts to text height.\n   */\n  autosize?: boolean\n  /**\n   * Ref to a resize function.\n   */\n  resizeRef?: ForwardedRef<() => void>\n}\n\nexport const useTextarea = ({\n  autosize,\n  maxRows,\n  minRows,\n  resizeRef,\n  ...rest\n}: UseTextareaProps = {}) => {\n  const { ref, onResizeTextarea } = useAutosize({\n    disabled: !autosize,\n    maxRows,\n    minRows,\n  })\n\n  assignRef(resizeRef, onResizeTextarea)\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    (props = {}) => {\n      const textareaProps = mergeProps(rest, props, {\n        ref: mergeRefs(ref),\n        ...(autosize\n          ? {\n              style: { resize: \"none\" as const },\n              onChange: onResizeTextarea,\n            }\n          : {}),\n      })()\n\n      return textareaProps\n    },\n    [autosize, onResizeTextarea, rest, ref],\n  )\n\n  return {\n    getTextareaProps,\n    onResizeTextarea,\n  }\n}\n\nexport type UseTextareaReturn = ReturnType<typeof useTextarea>\n"],"mappings":";;;;;;;;;;AAsBA,MAAa,eAAe,EAC1B,UACA,SACA,SACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,EAAE,KAAK,qBAAqB,YAAY;EAC5C,UAAU,CAAC;EACX;EACA;EACD,CAAC;AAEF,WAAU,WAAW,iBAAiB;AAmBtC,QAAO;EACL,kBAlB+C,aAC9C,QAAQ,EAAE,KAAK;AAWd,UAVsB,WAAW,MAAM,OAAO;IAC5C,KAAK,UAAU,IAAI;IACnB,GAAI,WACA;KACE,OAAO,EAAE,QAAQ,QAAiB;KAClC,UAAU;KACX,GACD,EAAE;IACP,CAAC,EAAE;KAIN;GAAC;GAAU;GAAkB;GAAM;GAAI,CACxC;EAIC;EACD"}

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

@@ -9,7 +9,7 @@ import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react41 from "react";
+import * as react462 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -33,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react41.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react462.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

package/dist/types/components/accordion/use-accordion.d.ts

@@ -2,10 +2,10 @@ import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react42 from "react";
+import * as react450 from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react42.Context<{
+declare const AccordionDescendantsContext: react450.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
     destroy: () => void;
@@ -24,7 +24,7 @@ declare const AccordionDescendantsContext: react42.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react42.RefCallback<HTMLButtonElement>;
+    } | undefined) => react450.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
@@ -50,12 +50,12 @@ declare const AccordionDescendantsContext: react42.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react42.RefCallback<HTMLButtonElement>;
+      } | undefined) => react450.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react42.RefCallback<HTMLButtonElement>;
+    register: react450.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
@@ -75,15 +75,15 @@ declare const AccordionDescendantsContext: react42.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react42.RefCallback<HTMLButtonElement>;
+    } | undefined) => react450.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react42.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react450.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react42.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react450.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
 interface UseAccordionProps extends Omit<HTMLProps, "onChange"> {
   /**
    * The initial index(es) of the accordion item to expand.
@@ -137,7 +137,7 @@ declare const useAccordion: ({
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react42.RefCallback<HTMLButtonElement>;
+    } | undefined) => react450.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
@@ -145,8 +145,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react42.Dispatch<react42.SetStateAction<number>>;
-  setIndex: react42.Dispatch<react42.SetStateAction<number | number[]>>;
+  setFocusedIndex: react450.Dispatch<react450.SetStateAction<number>>;
+  setIndex: react450.Dispatch<react450.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };