@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/infinitescroll/infinitescroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"infinitescroll/infinitescroll.js","sources":["../../../../../src/infinitescroll/infinitescroll.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { Loading } from '../loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {\n  dataLength: number;\n  hasMore: boolean;\n  onLoadMore: (signal: AbortSignal) => Promise<void>;\n  target?: () => HTMLElement | null;\n  threshold?: number;\n  loader?: ReactNode;\n  endMessage?: ReactNode;\n  onError?: (error: unknown) => void;\n}\nexport function InfiniteScroll({\n  dataLength,\n  hasMore,\n  onLoadMore,\n  target,\n  threshold = 200,\n  loader,\n  endMessage,\n  onError,\n  className,\n  children,\n  ...props\n}: InfiniteScrollProps) {\n  const t = useText();\n  const sentinel = useRef<HTMLDivElement>(null);\n  const controller = useRef<AbortController | null>(null);\n  const mounted = useRef(false);\n  const manualLoad = useRef<() => void>(() => {});\n  const [manual, setManual] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [retry, setRetry] = useState(0);\n  const requested = useRef<string | undefined>(undefined);\n  const latest = useRef({ onLoadMore, onError });\n  latest.current = { onLoadMore, onError };\n  useEffect(() => {\n    mounted.current = true;\n    setLoading(false);\n    setManual(typeof IntersectionObserver === 'undefined');\n    return () => {\n      mounted.current = false;\n      controller.current?.abort();\n      controller.current = null;\n      requested.current = undefined;\n    };\n  }, []);\n  useEffect(() => {\n    if (!hasMore && controller.current) {\n      controller.current.abort();\n      controller.current = null;\n      setLoading(false);\n    }\n  }, [hasMore]);\n  useEffect(() => {\n    if (!hasMore || error || loading) return;\n    const element = sentinel.current;\n    if (!element) return;\n    let alive = true;\n    let root = target?.() ?? null;\n    if (!root) {\n      let parent = element.parentElement;\n      while (parent) {\n        if (/(auto|scroll)/.test(getComputedStyle(parent).overflowY)) {\n          root = parent;\n          break;\n        }\n        parent = parent.parentElement;\n      }\n    }\n    const load = () => {\n      const key = `${dataLength}:${retry}`;\n      if (!alive || controller.current || requested.current === key) return;\n      requested.current = key;\n      const request = new AbortController();\n      controller.current = request;\n      setLoading(true);\n      Promise.resolve()\n        .then(() => {\n          if (!request.signal.aborted) return latest.current.onLoadMore(request.signal);\n        })\n        .catch((reason) => {\n          if (mounted.current && !request.signal.aborted) {\n            setError(true);\n            latest.current.onError?.(reason);\n          }\n        })\n        .finally(() => {\n          if (controller.current === request) controller.current = null;\n          if (mounted.current && !request.signal.aborted) setLoading(false);\n        });\n    };\n    manualLoad.current = load;\n    const observer =\n      typeof IntersectionObserver === 'undefined'\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) load();\n            },\n            { root, rootMargin: `${Math.max(0, threshold)}px` },\n          );\n    observer?.observe(element);\n    return () => {\n      alive = false;\n      observer?.disconnect();\n    };\n  }, [dataLength, hasMore, error, retry, target, threshold, loading]);\n  return (\n    <div {...props} className={classes('leaf-infinite-scroll', className)} aria-busy={loading}>\n      {children}\n      <div ref={sentinel} className=\"leaf-infinite-scroll__sentinel\" />\n      <div className=\"leaf-infinite-scroll__status\" aria-live=\"polite\">\n        <span\n          key={\n            error ? 'error' : loading ? 'loading' : !hasMore ? 'end' : manual ? 'manual' : 'idle'\n          }\n          className=\"leaf-infinite-scroll__feedback\"\n        >\n          {error ? (\n            <Button\n              variant=\"ghost\"\n              onClick={() => {\n                setError(false);\n                setRetry((value) => value + 1);\n              }}\n            >\n              {t('加载失败，重试', 'Loading failed. Retry')}\n            </Button>\n          ) : loading ? (\n            (loader ?? <Loading size=\"sm\" tip={t('加载中', 'Loading')} />)\n          ) : !hasMore ? (\n            (endMessage ?? t('已加载全部内容', 'All items loaded'))\n          ) : manual ? (\n            <Button variant=\"ghost\" onClick={() => manualLoad.current()}>\n              {t('加载更多', 'Load more')}\n            </Button>\n          ) : null}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":["InfiniteScroll","dataLength","hasMore","onLoadMore","target","threshold","loader","endMessage","onError","className","children","props","t","useText","sentinel","useRef","controller","mounted","manualLoad","manual","setManual","useState","loading","setLoading","error","setError","retry","setRetry","requested","undefined","latest","useEffect","IntersectionObserver","element","alive","root","parent","getComputedStyle","load","key","request","AbortController","Promise","reason","observer","entries","entry","Math","classes","Button","value","Loading"],"mappings":"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"}
+{"version":3,"file":"infinitescroll/infinitescroll.js","sources":["../../../../../src/infinitescroll/infinitescroll.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {\n  dataLength: number;\n  hasMore: boolean;\n  onLoadMore: (signal: AbortSignal) => Promise<void>;\n  target?: () => HTMLElement | null;\n  threshold?: number;\n  loader?: ReactNode;\n  endMessage?: ReactNode;\n  onError?: (error: unknown) => void;\n}\nexport function InfiniteScroll(rawProps: InfiniteScrollProps) {\n  const {\n    dataLength,\n    hasMore,\n    onLoadMore,\n    target,\n    threshold = 200,\n    loader,\n    endMessage,\n    onError,\n    className,\n    children,\n    ...props\n  } = useComponentProps('InfiniteScroll', rawProps);\n  const t = useText();\n  const sentinel = useRef<HTMLDivElement>(null);\n  const controller = useRef<AbortController | null>(null);\n  const mounted = useRef(false);\n  const manualLoad = useRef<() => void>(() => {});\n  const [manual, setManual] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(false);\n  const [retry, setRetry] = useState(0);\n  const requested = useRef<string | undefined>(undefined);\n  const latest = useRef({ onLoadMore, onError });\n  latest.current = { onLoadMore, onError };\n  useEffect(() => {\n    mounted.current = true;\n    setLoading(false);\n    setManual(typeof IntersectionObserver === 'undefined');\n    return () => {\n      mounted.current = false;\n      controller.current?.abort();\n      controller.current = null;\n      requested.current = undefined;\n    };\n  }, []);\n  useEffect(() => {\n    if (!hasMore && controller.current) {\n      controller.current.abort();\n      controller.current = null;\n      setLoading(false);\n    }\n  }, [hasMore]);\n  useEffect(() => {\n    if (!hasMore || error || loading) return;\n    const element = sentinel.current;\n    if (!element) return;\n    let alive = true;\n    let root = target?.() ?? null;\n    if (!root) {\n      let parent = element.parentElement;\n      while (parent) {\n        if (/(auto|scroll)/.test(getComputedStyle(parent).overflowY)) {\n          root = parent;\n          break;\n        }\n        parent = parent.parentElement;\n      }\n    }\n    const load = () => {\n      const key = `${dataLength}:${retry}`;\n      if (!alive || controller.current || requested.current === key) return;\n      requested.current = key;\n      const request = new AbortController();\n      controller.current = request;\n      setLoading(true);\n      Promise.resolve()\n        .then(() => {\n          if (!request.signal.aborted) return latest.current.onLoadMore(request.signal);\n        })\n        .catch((reason) => {\n          if (mounted.current && !request.signal.aborted) {\n            setError(true);\n            latest.current.onError?.(reason);\n          }\n        })\n        .finally(() => {\n          if (controller.current === request) controller.current = null;\n          if (mounted.current && !request.signal.aborted) setLoading(false);\n        });\n    };\n    manualLoad.current = load;\n    const observer =\n      typeof IntersectionObserver === 'undefined'\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) load();\n            },\n            { root, rootMargin: `${Math.max(0, threshold)}px` },\n          );\n    observer?.observe(element);\n    return () => {\n      alive = false;\n      observer?.disconnect();\n    };\n  }, [dataLength, hasMore, error, retry, target, threshold, loading]);\n  return (\n    <div {...props} className={classes('leaf-infinite-scroll', className)} aria-busy={loading}>\n      {children}\n      <div ref={sentinel} className=\"leaf-infinite-scroll__sentinel\" />\n      <div className=\"leaf-infinite-scroll__status\" aria-live=\"polite\">\n        <span\n          key={\n            error ? 'error' : loading ? 'loading' : !hasMore ? 'end' : manual ? 'manual' : 'idle'\n          }\n          className=\"leaf-infinite-scroll__feedback\"\n        >\n          {error ? (\n            <ButtonControl\n              variant=\"ghost\"\n              onClick={() => {\n                setError(false);\n                setRetry((value) => value + 1);\n              }}\n            >\n              {t('infiniteScroll.loadingFailedRetry')}\n            </ButtonControl>\n          ) : loading ? (\n            (loader ?? <Loading size=\"sm\" tip={t('common.loading')} />)\n          ) : !hasMore ? (\n            (endMessage ?? t('infiniteScroll.allItemsLoaded'))\n          ) : manual ? (\n            <ButtonControl variant=\"ghost\" onClick={() => manualLoad.current()}>\n              {t('infiniteScroll.loadMore')}\n            </ButtonControl>\n          ) : null}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":["InfiniteScroll","rawProps","dataLength","hasMore","onLoadMore","target","threshold","loader","endMessage","onError","className","children","props","useComponentProps","t","useText","sentinel","useRef","controller","mounted","manualLoad","manual","setManual","useState","loading","setLoading","error","setError","retry","setRetry","requested","undefined","latest","useEffect","IntersectionObserver","element","alive","root","parent","getComputedStyle","load","key","request","AbortController","Promise","reason","observer","entries","entry","Math","classes","ButtonControl","value","Loading"],"mappings":"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"}

package/dist/esm/browser/modules/input/group.js

@@ -1,14 +1,21 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/input.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
 import { forwardRef, useRef } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
 import { useText } from "../shared/use-text.js";
-import { Input } from "./input.js";
-const group_InputSearch = /*#__PURE__*/ forwardRef(function({ value, defaultValue, onChange, onSearch, onPressEnter, loading = false, enterButton, className, style, ...props }, ref) {
+import { InputControl } from "./input.js";
+const group_InputSearch = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { onSearch, loading = false, enterButton, ...searchProps } = useComponentProps('InputSearch', rawProps);
+    const { value, defaultValue, onChange, onPressEnter, className, style, size = 'md', disabled: disabledProp, ...props } = useComponentProps('Input', searchProps);
+    const field = useFormField();
+    const disabled = Boolean(disabledProp || field?.disabled);
     const t = useText();
     const input = useRef(null);
     const merged = useMergedRef(input, ref);
@@ -17,8 +24,10 @@ const group_InputSearch = /*#__PURE__*/ forwardRef(function({ value, defaultValu
         className: classes('leaf-input-search', className),
         style: style,
         children: [
-            /*#__PURE__*/ jsx(Input, {
+            /*#__PURE__*/ jsx(InputControl, {
                 ...props,
+                size: size,
+                disabled: disabled,
                 ref: merged,
                 value: current,
                 onChange: (event)=>{
@@ -33,21 +42,23 @@ const group_InputSearch = /*#__PURE__*/ forwardRef(function({ value, defaultValu
                     }
                 }
             }),
-            /*#__PURE__*/ jsx(Button, {
-                size: props.size,
+            /*#__PURE__*/ jsx(ButtonControl, {
+                type: "button",
+                size: size,
                 loading: loading,
-                disabled: props.disabled,
+                disabled: disabled,
                 startIcon: enterButton ? void 0 : /*#__PURE__*/ jsx(Search, {
                     size: 16
                 }),
-                "aria-label": enterButton ? void 0 : t('搜索', 'Search'),
+                "aria-label": enterButton ? void 0 : t('common.searchAction'),
                 onClick: ()=>onSearch?.(current),
                 children: enterButton
             })
         ]
     });
 });
-function InputGroup({ compact = true, className, ...props }) {
+function InputGroup(rawProps) {
+    const { compact = true, className, ...props } = useComponentProps('InputGroup', rawProps);
     return /*#__PURE__*/ jsx("fieldset", {
         ...props,
         className: classes('leaf-input-group', compact && 'leaf-input-group--compact', className)

package/dist/esm/browser/modules/input/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input/group.js","sources":["../../../../../src/input/group.tsx"],"sourcesContent":["import { Search } from 'lucide-react';\nimport { type FieldsetHTMLAttributes, forwardRef, type ReactNode, useRef } from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { useText } from '../shared/use-text';\nimport { Input, type InputProps } from './input';\nexport interface InputSearchProps extends InputProps {\n  onSearch?: (value: string) => void;\n  loading?: boolean;\n  enterButton?: ReactNode;\n}\nexport const InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(function InputSearch(\n  {\n    value,\n    defaultValue,\n    onChange,\n    onSearch,\n    onPressEnter,\n    loading = false,\n    enterButton,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const input = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(input, ref);\n  const [current, setCurrent] = useFieldValue(\n    value === undefined ? undefined : String(value),\n    String(defaultValue ?? ''),\n    input,\n    props.form,\n  );\n  return (\n    <div className={classes('leaf-input-search', className)} style={style}>\n      <Input\n        {...props}\n        ref={merged}\n        value={current}\n        onChange={(event) => {\n          setCurrent(event.target.value);\n          onChange?.(event);\n        }}\n        onPressEnter={(event) => {\n          onPressEnter?.(event);\n          if (!event.defaultPrevented && !loading) {\n            event.preventDefault();\n            onSearch?.(current);\n          }\n        }}\n      />\n      <Button\n        size={props.size}\n        loading={loading}\n        disabled={props.disabled}\n        startIcon={enterButton ? undefined : <Search size={16} />}\n        aria-label={enterButton ? undefined : t('搜索', 'Search')}\n        onClick={() => onSearch?.(current)}\n      >\n        {enterButton}\n      </Button>\n    </div>\n  );\n});\nexport interface InputGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  compact?: boolean;\n}\nexport function InputGroup({ compact = true, className, ...props }: InputGroupProps) {\n  return (\n    <fieldset\n      {...props}\n      className={classes('leaf-input-group', compact && 'leaf-input-group--compact', className)}\n    />\n  );\n}\n"],"names":["InputSearch","forwardRef","value","defaultValue","onChange","onSearch","onPressEnter","loading","enterButton","className","style","props","ref","t","useText","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","undefined","String","classes","Input","event","Button","Search","InputGroup","compact"],"mappings":";;;;;;;;;;AAYO,MAAMA,oBAAc,WAAHA,GAAGC,WAA+C,SACxE,EACEC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZC,UAAU,KAAK,EACfC,WAAW,EACXC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,IAAIC;IACV,MAAMC,QAAQC,OAAyB;IACvC,MAAMC,SAASC,aAAaH,OAAOH;IACnC,MAAM,CAACO,SAASC,WAAW,GAAGC,cAC5BnB,AAAUoB,WAAVpB,QAAsBoB,SAAYC,OAAOrB,QACzCqB,OAAOpB,gBAAgB,KACvBY,OACAJ,MAAM,IAAI;IAEZ,OAAO,WAAP,GACE,KAAC;QAAI,WAAWa,QAAQ,qBAAqBf;QAAY,OAAOC;;0BAC9D,IAACe,OAAKA;gBACH,GAAGd,KAAK;gBACT,KAAKM;gBACL,OAAOE;gBACP,UAAU,CAACO;oBACTN,WAAWM,MAAM,MAAM,CAAC,KAAK;oBAC7BtB,WAAWsB;gBACb;gBACA,cAAc,CAACA;oBACbpB,eAAeoB;oBACf,IAAI,CAACA,MAAM,gBAAgB,IAAI,CAACnB,SAAS;wBACvCmB,MAAM,cAAc;wBACpBrB,WAAWc;oBACb;gBACF;;0BAEF,IAACQ,QAAMA;gBACL,MAAMhB,MAAM,IAAI;gBAChB,SAASJ;gBACT,UAAUI,MAAM,QAAQ;gBACxB,WAAWH,cAAcc,SAAY,WAAZA,GAAY,IAACM,QAAMA;oBAAC,MAAM;;gBACnD,cAAYpB,cAAcc,SAAYT,EAAE,MAAM;gBAC9C,SAAS,IAAMR,WAAWc;0BAEzBX;;;;AAIT;AAIO,SAASqB,WAAW,EAAEC,UAAU,IAAI,EAAErB,SAAS,EAAE,GAAGE,OAAwB;IACjF,OAAO,WAAP,GACE,IAAC;QACE,GAAGA,KAAK;QACT,WAAWa,QAAQ,oBAAoBM,WAAW,6BAA6BrB;;AAGrF"}
+{"version":3,"file":"input/group.js","sources":["../../../../../src/input/group.tsx"],"sourcesContent":["import { Search } from 'lucide-react';\nimport { type FieldsetHTMLAttributes, forwardRef, type ReactNode, useRef } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { useText } from '../shared/use-text';\nimport { InputControl, type InputProps } from './input';\nexport interface InputSearchProps extends InputProps {\n  onSearch?: (value: string) => void;\n  loading?: boolean;\n  enterButton?: ReactNode;\n}\nexport const InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(\n  function InputSearch(rawProps, ref) {\n    const {\n      onSearch,\n      loading = false,\n      enterButton,\n      ...searchProps\n    } = useComponentProps('InputSearch', rawProps);\n    const {\n      value,\n      defaultValue,\n      onChange,\n      onPressEnter,\n      className,\n      style,\n      size = 'md',\n      disabled: disabledProp,\n      ...props\n    } = useComponentProps('Input', searchProps);\n    const field = useFormField();\n    const disabled = Boolean(disabledProp || field?.disabled);\n    const t = useText();\n    const input = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(input, ref);\n    const [current, setCurrent] = useFieldValue(\n      value === undefined ? undefined : String(value),\n      String(defaultValue ?? ''),\n      input,\n      props.form,\n    );\n    return (\n      <div className={classes('leaf-input-search', className)} style={style}>\n        <InputControl\n          {...props}\n          size={size}\n          disabled={disabled}\n          ref={merged}\n          value={current}\n          onChange={(event) => {\n            setCurrent(event.target.value);\n            onChange?.(event);\n          }}\n          onPressEnter={(event) => {\n            onPressEnter?.(event);\n            if (!event.defaultPrevented && !loading) {\n              event.preventDefault();\n              onSearch?.(current);\n            }\n          }}\n        />\n        <ButtonControl\n          type=\"button\"\n          size={size}\n          loading={loading}\n          disabled={disabled}\n          startIcon={enterButton ? undefined : <Search size={16} />}\n          aria-label={enterButton ? undefined : t('common.searchAction')}\n          onClick={() => onSearch?.(current)}\n        >\n          {enterButton}\n        </ButtonControl>\n      </div>\n    );\n  },\n);\nexport interface InputGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  compact?: boolean;\n}\nexport function InputGroup(rawProps: InputGroupProps) {\n  const { compact = true, className, ...props } = useComponentProps('InputGroup', rawProps);\n  return (\n    <fieldset\n      {...props}\n      className={classes('leaf-input-group', compact && 'leaf-input-group--compact', className)}\n    />\n  );\n}\n"],"names":["InputSearch","forwardRef","rawProps","ref","onSearch","loading","enterButton","searchProps","useComponentProps","value","defaultValue","onChange","onPressEnter","className","style","size","disabledProp","props","field","useFormField","disabled","Boolean","t","useText","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","undefined","String","classes","InputControl","event","ButtonControl","Search","InputGroup","compact"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,oBAAc,WAAHA,GAAGC,WACzB,SAAqBC,QAAQ,EAAEC,GAAG;IAChC,MAAM,EACJC,QAAQ,EACRC,UAAU,KAAK,EACfC,WAAW,EACX,GAAGC,aACJ,GAAGC,kBAAkB,eAAeN;IACrC,MAAM,EACJO,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,KAAK,EACLC,OAAO,IAAI,EACX,UAAUC,YAAY,EACtB,GAAGC,OACJ,GAAGT,kBAAkB,SAASD;IAC/B,MAAMW,QAAQC;IACd,MAAMC,WAAWC,QAAQL,gBAAgBE,OAAO;IAChD,MAAMI,IAAIC;IACV,MAAMC,QAAQC,OAAyB;IACvC,MAAMC,SAASC,aAAaH,OAAOrB;IACnC,MAAM,CAACyB,SAASC,WAAW,GAAGC,cAC5BrB,AAAUsB,WAAVtB,QAAsBsB,SAAYC,OAAOvB,QACzCuB,OAAOtB,gBAAgB,KACvBc,OACAP,MAAM,IAAI;IAEZ,OAAO,WAAP,GACE,KAAC;QAAI,WAAWgB,QAAQ,qBAAqBpB;QAAY,OAAOC;;0BAC9D,IAACoB,cAAYA;gBACV,GAAGjB,KAAK;gBACT,MAAMF;gBACN,UAAUK;gBACV,KAAKM;gBACL,OAAOE;gBACP,UAAU,CAACO;oBACTN,WAAWM,MAAM,MAAM,CAAC,KAAK;oBAC7BxB,WAAWwB;gBACb;gBACA,cAAc,CAACA;oBACbvB,eAAeuB;oBACf,IAAI,CAACA,MAAM,gBAAgB,IAAI,CAAC9B,SAAS;wBACvC8B,MAAM,cAAc;wBACpB/B,WAAWwB;oBACb;gBACF;;0BAEF,IAACQ,eAAaA;gBACZ,MAAK;gBACL,MAAMrB;gBACN,SAASV;gBACT,UAAUe;gBACV,WAAWd,cAAcyB,SAAY,WAAZA,GAAY,IAACM,QAAMA;oBAAC,MAAM;;gBACnD,cAAY/B,cAAcyB,SAAYT,EAAE;gBACxC,SAAS,IAAMlB,WAAWwB;0BAEzBtB;;;;AAIT;AAKK,SAASgC,WAAWpC,QAAyB;IAClD,MAAM,EAAEqC,UAAU,IAAI,EAAE1B,SAAS,EAAE,GAAGI,OAAO,GAAGT,kBAAkB,cAAcN;IAChF,OAAO,WAAP,GACE,IAAC;QACE,GAAGe,KAAK;QACT,WAAWgB,QAAQ,oBAAoBM,WAAW,6BAA6B1B;;AAGrF"}

package/dist/esm/browser/modules/input/index.js

@@ -1,3 +1,3 @@
 "use client";
-export * from "./input.js";
 export { InputGroup, InputSearch } from "./group.js";
+export { Input } from "./input.js";

package/dist/esm/browser/modules/input/input.js

@@ -1,13 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/input.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Eye, EyeOff, X } from "lucide-react";
 import { forwardRef, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
-const input_Input = /*#__PURE__*/ forwardRef(function({ size = 'md', status: statusProp, prefix, suffix, allowClear = false, onClear, showCount = false, value, defaultValue, onChange, type = 'text', visibilityToggle = true, visible: controlledVisible, defaultVisible = false, onVisibleChange, visibilityIcon, className, style, disabled: disabledProp, onKeyDown, onPressEnter, 'aria-invalid': ariaInvalid, ...props }, ref) {
+const input_InputControl = /*#__PURE__*/ forwardRef(function({ size = 'md', status: statusProp, prefix, suffix, allowClear = false, onClear, showCount = false, value, defaultValue, onChange, type = 'text', visibilityToggle = true, visible: controlledVisible, defaultVisible = false, onVisibleChange, visibilityIcon, className, style, disabled: disabledProp, onKeyDown, onPressEnter, 'aria-invalid': ariaInvalid, ...props }, ref) {
     const field = useFormField();
     const { messages } = useLeafConfig();
     const input = useRef(null);
@@ -55,7 +57,7 @@ const input_Input = /*#__PURE__*/ forwardRef(function({ size = 'md', status: sta
             allowClear && current && !disabled && !props.readOnly && /*#__PURE__*/ jsx("button", {
                 type: "button",
                 className: "leaf-input__clear",
-                "aria-label": messages.clearInput,
+                "aria-label": messages.input.clear,
                 onMouseDown: (event)=>event.preventDefault(),
                 onClick: ()=>{
                     const node = input.current;
@@ -85,7 +87,7 @@ const input_Input = /*#__PURE__*/ forwardRef(function({ size = 'md', status: sta
                 type: "button",
                 className: "leaf-input__visibility",
                 disabled: disabled,
-                "aria-label": visible ? messages.hidePassword : messages.showPassword,
+                "aria-label": visible ? messages.input.hidePassword : messages.input.showPassword,
                 "aria-pressed": visible,
                 onMouseDown: (event)=>event.preventDefault(),
                 onClick: ()=>{
@@ -103,7 +105,14 @@ const input_Input = /*#__PURE__*/ forwardRef(function({ size = 'md', status: sta
         ]
     });
 });
+const input_Input = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('Input', rawProps);
+    return /*#__PURE__*/ jsx(input_InputControl, {
+        ...props,
+        ref: ref
+    });
+});
 input_Input.displayName = 'Input';
-export { input_Input as Input };
+export { input_Input as Input, input_InputControl as InputControl };
 
 //# sourceMappingURL=input.js.map

package/dist/esm/browser/modules/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input/input.js","sources":["../../../../../src/input/input.tsx"],"sourcesContent":["import { Eye, EyeOff, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type ReactNode,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  size?: ControlSize;\n  status?: ControlStatus;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  onClear?: () => void;\n  showCount?: boolean | ((value: string, maxLength?: number) => ReactNode);\n  /** Show a visibility toggle when type is password. */\n  visibilityToggle?: boolean;\n  visible?: boolean;\n  defaultVisible?: boolean;\n  onVisibleChange?: (visible: boolean) => void;\n  visibilityIcon?: (visible: boolean) => ReactNode;\n  /** Called on Enter, excluding IME composition and prevented events. */\n  onPressEnter?: KeyboardEventHandler<HTMLInputElement>;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    size = 'md',\n    status: statusProp,\n    prefix,\n    suffix,\n    allowClear = false,\n    onClear,\n    showCount = false,\n    value,\n    defaultValue,\n    onChange,\n    type = 'text',\n    visibilityToggle = true,\n    visible: controlledVisible,\n    defaultVisible = false,\n    onVisibleChange,\n    visibilityIcon,\n    className,\n    style,\n    disabled: disabledProp,\n    onKeyDown,\n    onPressEnter,\n    'aria-invalid': ariaInvalid,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const { messages } = useLeafConfig();\n  const input = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergedRef(input, ref);\n  const [current, setCurrent] = useFieldValue(\n    value === undefined ? undefined : String(value),\n    String(defaultValue ?? ''),\n    input,\n    props.form,\n  );\n  const [internalVisible, setVisible] = useState(defaultVisible);\n  const visible = controlledVisible ?? internalVisible;\n  const password = type === 'password';\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  return (\n    <div\n      className={classes(\n        'leaf-input',\n        `leaf-input--${size}`,\n        password && 'leaf-input--password',\n        className,\n      )}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n    >\n      {prefix && (\n        <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n          {prefix}\n        </span>\n      )}\n      <input\n        {...props}\n        type={password && visible ? 'text' : type}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        value={current}\n        onChange={(event) => {\n          setCurrent(event.target.value);\n          onChange?.(event);\n        }}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={mergedRef}\n        disabled={disabled}\n        className=\"leaf-input__native\"\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing && !event.defaultPrevented) {\n            onPressEnter?.(event);\n          }\n        }}\n      />\n      {allowClear && current && !disabled && !props.readOnly && (\n        <button\n          type=\"button\"\n          className=\"leaf-input__clear\"\n          aria-label={messages.clearInput}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            const node = input.current;\n            if (!node) return;\n            Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(\n              node,\n              '',\n            );\n            node.dispatchEvent(new Event('input', { bubbles: true }));\n            node.focus();\n            onClear?.();\n          }}\n        >\n          <X size={14} aria-hidden=\"true\" />\n        </button>\n      )}\n      {showCount && (\n        <span className=\"leaf-input__count\">\n          {typeof showCount === 'function'\n            ? showCount(current, props.maxLength)\n            : `${current.length}${props.maxLength === undefined ? '' : ` / ${props.maxLength}`}`}\n        </span>\n      )}\n      {suffix && (\n        <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n          {suffix}\n        </span>\n      )}\n      {password && visibilityToggle && (\n        <button\n          type=\"button\"\n          className=\"leaf-input__visibility\"\n          disabled={disabled}\n          aria-label={visible ? messages.hidePassword : messages.showPassword}\n          aria-pressed={visible}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            if (controlledVisible === undefined) setVisible(!visible);\n            onVisibleChange?.(!visible);\n          }}\n        >\n          {visibilityIcon ? (\n            visibilityIcon(visible)\n          ) : visible ? (\n            <EyeOff size={16} aria-hidden=\"true\" />\n          ) : (\n            <Eye size={16} aria-hidden=\"true\" />\n          )}\n        </button>\n      )}\n    </div>\n  );\n});\nInput.displayName = 'Input';\n"],"names":["Input","forwardRef","size","statusProp","prefix","suffix","allowClear","onClear","showCount","value","defaultValue","onChange","type","visibilityToggle","controlledVisible","defaultVisible","onVisibleChange","visibilityIcon","className","style","disabledProp","onKeyDown","onPressEnter","ariaInvalid","props","ref","field","useFormField","messages","useLeafConfig","input","useRef","mergedRef","useMergedRef","current","setCurrent","useFieldValue","undefined","String","internalVisible","setVisible","useState","visible","password","disabled","status","classes","event","Boolean","node","Object","HTMLInputElement","Event","X","EyeOff","Eye"],"mappings":"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"}
+{"version":3,"file":"input/input.js","sources":["../../../../../src/input/input.tsx"],"sourcesContent":["import { Eye, EyeOff, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type ReactNode,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  size?: ControlSize;\n  status?: ControlStatus;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  onClear?: () => void;\n  showCount?: boolean | ((value: string, maxLength?: number) => ReactNode);\n  /** Show a visibility toggle when type is password. */\n  visibilityToggle?: boolean;\n  visible?: boolean;\n  defaultVisible?: boolean;\n  onVisibleChange?: (visible: boolean) => void;\n  visibilityIcon?: (visible: boolean) => ReactNode;\n  /** Called on Enter, excluding IME composition and prevented events. */\n  onPressEnter?: KeyboardEventHandler<HTMLInputElement>;\n}\n\n// Composites resolve their defaults before owning value, reset and callbacks.\nexport const InputControl = forwardRef<HTMLInputElement, InputProps>(function InputControl(\n  {\n    size = 'md',\n    status: statusProp,\n    prefix,\n    suffix,\n    allowClear = false,\n    onClear,\n    showCount = false,\n    value,\n    defaultValue,\n    onChange,\n    type = 'text',\n    visibilityToggle = true,\n    visible: controlledVisible,\n    defaultVisible = false,\n    onVisibleChange,\n    visibilityIcon,\n    className,\n    style,\n    disabled: disabledProp,\n    onKeyDown,\n    onPressEnter,\n    'aria-invalid': ariaInvalid,\n    ...props\n  }: InputProps,\n  ref,\n) {\n  const field = useFormField();\n  const { messages } = useLeafConfig();\n  const input = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergedRef(input, ref);\n  const [current, setCurrent] = useFieldValue(\n    value === undefined ? undefined : String(value),\n    String(defaultValue ?? ''),\n    input,\n    props.form,\n  );\n  const [internalVisible, setVisible] = useState(defaultVisible);\n  const visible = controlledVisible ?? internalVisible;\n  const password = type === 'password';\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  return (\n    <div\n      className={classes(\n        'leaf-input',\n        `leaf-input--${size}`,\n        password && 'leaf-input--password',\n        className,\n      )}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n    >\n      {prefix && (\n        <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n          {prefix}\n        </span>\n      )}\n      <input\n        {...props}\n        type={password && visible ? 'text' : type}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        value={current}\n        onChange={(event) => {\n          setCurrent(event.target.value);\n          onChange?.(event);\n        }}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={mergedRef}\n        disabled={disabled}\n        className=\"leaf-input__native\"\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing && !event.defaultPrevented) {\n            onPressEnter?.(event);\n          }\n        }}\n      />\n      {allowClear && current && !disabled && !props.readOnly && (\n        <button\n          type=\"button\"\n          className=\"leaf-input__clear\"\n          aria-label={messages.input.clear}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            const node = input.current;\n            if (!node) return;\n            Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(\n              node,\n              '',\n            );\n            node.dispatchEvent(new Event('input', { bubbles: true }));\n            node.focus();\n            onClear?.();\n          }}\n        >\n          <X size={14} aria-hidden=\"true\" />\n        </button>\n      )}\n      {showCount && (\n        <span className=\"leaf-input__count\">\n          {typeof showCount === 'function'\n            ? showCount(current, props.maxLength)\n            : `${current.length}${props.maxLength === undefined ? '' : ` / ${props.maxLength}`}`}\n        </span>\n      )}\n      {suffix && (\n        <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n          {suffix}\n        </span>\n      )}\n      {password && visibilityToggle && (\n        <button\n          type=\"button\"\n          className=\"leaf-input__visibility\"\n          disabled={disabled}\n          aria-label={visible ? messages.input.hidePassword : messages.input.showPassword}\n          aria-pressed={visible}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            if (controlledVisible === undefined) setVisible(!visible);\n            onVisibleChange?.(!visible);\n          }}\n        >\n          {visibilityIcon ? (\n            visibilityIcon(visible)\n          ) : visible ? (\n            <EyeOff size={16} aria-hidden=\"true\" />\n          ) : (\n            <Eye size={16} aria-hidden=\"true\" />\n          )}\n        </button>\n      )}\n    </div>\n  );\n});\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(rawProps, ref) {\n  const props = useComponentProps('Input', rawProps);\n  return <InputControl {...props} ref={ref} />;\n});\nInput.displayName = 'Input';\n"],"names":["InputControl","forwardRef","size","statusProp","prefix","suffix","allowClear","onClear","showCount","value","defaultValue","onChange","type","visibilityToggle","controlledVisible","defaultVisible","onVisibleChange","visibilityIcon","className","style","disabledProp","onKeyDown","onPressEnter","ariaInvalid","props","ref","field","useFormField","messages","useLeafConfig","input","useRef","mergedRef","useMergedRef","current","setCurrent","useFieldValue","undefined","String","internalVisible","setVisible","useState","visible","password","disabled","status","classes","event","Boolean","node","Object","HTMLInputElement","Event","X","EyeOff","Eye","Input","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/inputmask/inputmask.js

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/inputmask.css';
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { useIMask } from "react-imask";
-import { Input } from "../input/index.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { InputControl } from "../input/input.js";
 import { classes } from "../shared/classes.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
-const inputmask_InputMask = /*#__PURE__*/ forwardRef(function({ mask, definitions, lazy = true, unmask = false, value, defaultValue = '', onChange, onComplete, onClear, className, ...props }, ref) {
+const inputmask_InputMask = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { mask, definitions, lazy = true, unmask = false, value, defaultValue = '', onChange, onComplete, onClear, className, ...props } = useComponentProps('InputMask', rawProps);
     const native = useRef(null);
     const merged = useMergedRef(native, ref);
     const [current, setCurrent] = useFieldValue(value, defaultValue, native, props.form);
@@ -55,7 +58,7 @@ const inputmask_InputMask = /*#__PURE__*/ forwardRef(function({ mask, definition
         definitions,
         lazy
     ]);
-    return /*#__PURE__*/ jsx(Input, {
+    return /*#__PURE__*/ jsx(InputControl, {
         ...props,
         className: classes('leaf-input-mask', className),
         ref: merged,

package/dist/esm/browser/modules/inputmask/inputmask.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputmask/inputmask.js","sources":["../../../../../src/inputmask/inputmask.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { useIMask } from 'react-imask';\nimport { Input, type InputProps } from '../input';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nexport interface InputMaskProps\n  extends Omit<\n    InputProps,\n    | 'value'\n    | 'defaultValue'\n    | 'onChange'\n    | 'type'\n    | 'visibilityToggle'\n    | 'visible'\n    | 'defaultVisible'\n    | 'onVisibleChange'\n    | 'visibilityIcon'\n  > {\n  mask: string;\n  definitions?: Record<string, RegExp>;\n  lazy?: boolean;\n  unmask?: boolean;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, formatted: string) => void;\n  onComplete?: (value: string) => void;\n}\nexport const InputMask = forwardRef<HTMLInputElement, InputMaskProps>(function InputMask(\n  {\n    mask,\n    definitions,\n    lazy = true,\n    unmask = false,\n    value,\n    defaultValue = '',\n    onChange,\n    onComplete,\n    onClear,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const native = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(native, ref);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, native, props.form);\n  const [formatted, setFormatted] = useState(defaultValue);\n  const syncing = useRef(false);\n  const latest = useRef({ onChange, onComplete });\n  latest.current = { onChange, onComplete };\n  const { maskRef } = useIMask(\n    { mask, definitions, lazy },\n    {\n      ref: native,\n      onAccept: (text, instance) => {\n        setFormatted(text);\n        if (!syncing.current) {\n          const next = unmask ? instance.unmaskedValue : text;\n          setCurrent(next);\n          latest.current.onChange?.(next, text);\n        }\n      },\n      onComplete: (_text, instance) => {\n        if (!syncing.current)\n          latest.current.onComplete?.(unmask ? instance.unmaskedValue : instance.value);\n      },\n    },\n  );\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Changing mask options requires reapplying the controlled value to the updated engine.\n  useEffect(() => {\n    const instance = maskRef.current;\n    if (!instance) return;\n    syncing.current = true;\n    if (unmask) instance.unmaskedValue = current;\n    else instance.value = current;\n    if (formatted !== instance.value) setFormatted(instance.value);\n    syncing.current = false;\n  }, [current, formatted, unmask, maskRef, mask, definitions, lazy]);\n  return (\n    <Input\n      {...props}\n      className={classes('leaf-input-mask', className)}\n      ref={merged}\n      value={formatted}\n      onChange={() => {}}\n      onClear={() => {\n        if (maskRef.current) maskRef.current.value = '';\n        onClear?.();\n      }}\n    />\n  );\n});\n"],"names":["InputMask","forwardRef","mask","definitions","lazy","unmask","value","defaultValue","onChange","onComplete","onClear","className","props","ref","native","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","formatted","setFormatted","useState","syncing","latest","maskRef","useIMask","text","instance","next","_text","useEffect","Input","classes"],"mappings":";;;;;;;;AA2BO,MAAMA,sBAAY,WAAHA,GAAGC,WAA6C,SACpE,EACEC,IAAI,EACJC,WAAW,EACXC,OAAO,IAAI,EACXC,SAAS,KAAK,EACdC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,SAAS,EACT,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,SAASC,OAAyB;IACxC,MAAMC,SAASC,aAAaH,QAAQD;IACpC,MAAM,CAACK,SAASC,WAAW,GAAGC,cAAcd,OAAOC,cAAcO,QAAQF,MAAM,IAAI;IACnF,MAAM,CAACS,WAAWC,aAAa,GAAGC,SAAShB;IAC3C,MAAMiB,UAAUT,OAAO;IACvB,MAAMU,SAASV,OAAO;QAAEP;QAAUC;IAAW;IAC7CgB,OAAO,OAAO,GAAG;QAAEjB;QAAUC;IAAW;IACxC,MAAM,EAAEiB,OAAO,EAAE,GAAGC,SAClB;QAAEzB;QAAMC;QAAaC;IAAK,GAC1B;QACE,KAAKU;QACL,UAAU,CAACc,MAAMC;YACfP,aAAaM;YACb,IAAI,CAACJ,QAAQ,OAAO,EAAE;gBACpB,MAAMM,OAAOzB,SAASwB,SAAS,aAAa,GAAGD;gBAC/CT,WAAWW;gBACXL,OAAO,OAAO,CAAC,QAAQ,GAAGK,MAAMF;YAClC;QACF;QACA,YAAY,CAACG,OAAOF;YAClB,IAAI,CAACL,QAAQ,OAAO,EAClBC,OAAO,OAAO,CAAC,UAAU,GAAGpB,SAASwB,SAAS,aAAa,GAAGA,SAAS,KAAK;QAChF;IACF;IAGFG,UAAU;QACR,MAAMH,WAAWH,QAAQ,OAAO;QAChC,IAAI,CAACG,UAAU;QACfL,QAAQ,OAAO,GAAG;QAClB,IAAInB,QAAQwB,SAAS,aAAa,GAAGX;aAChCW,SAAS,KAAK,GAAGX;QACtB,IAAIG,cAAcQ,SAAS,KAAK,EAAEP,aAAaO,SAAS,KAAK;QAC7DL,QAAQ,OAAO,GAAG;IACpB,GAAG;QAACN;QAASG;QAAWhB;QAAQqB;QAASxB;QAAMC;QAAaC;KAAK;IACjE,OAAO,WAAP,GACE,IAAC6B,OAAKA;QACH,GAAGrB,KAAK;QACT,WAAWsB,QAAQ,mBAAmBvB;QACtC,KAAKK;QACL,OAAOK;QACP,UAAU,KAAO;QACjB,SAAS;YACP,IAAIK,QAAQ,OAAO,EAAEA,QAAQ,OAAO,CAAC,KAAK,GAAG;YAC7ChB;QACF;;AAGN"}
+{"version":3,"file":"inputmask/inputmask.js","sources":["../../../../../src/inputmask/inputmask.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { useIMask } from 'react-imask';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { InputControl, type InputProps } from '../input/input';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nexport interface InputMaskProps\n  extends Omit<\n    InputProps,\n    | 'value'\n    | 'defaultValue'\n    | 'onChange'\n    | 'type'\n    | 'visibilityToggle'\n    | 'visible'\n    | 'defaultVisible'\n    | 'onVisibleChange'\n    | 'visibilityIcon'\n  > {\n  mask: string;\n  definitions?: Record<string, RegExp>;\n  lazy?: boolean;\n  unmask?: boolean;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, formatted: string) => void;\n  onComplete?: (value: string) => void;\n}\nexport const InputMask = forwardRef<HTMLInputElement, InputMaskProps>(function InputMask(\n  rawProps: InputMaskProps,\n  ref,\n) {\n  const {\n    mask,\n    definitions,\n    lazy = true,\n    unmask = false,\n    value,\n    defaultValue = '',\n    onChange,\n    onComplete,\n    onClear,\n    className,\n    ...props\n  } = useComponentProps('InputMask', rawProps);\n  const native = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(native, ref);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, native, props.form);\n  const [formatted, setFormatted] = useState(defaultValue);\n  const syncing = useRef(false);\n  const latest = useRef({ onChange, onComplete });\n  latest.current = { onChange, onComplete };\n  const { maskRef } = useIMask(\n    { mask, definitions, lazy },\n    {\n      ref: native,\n      onAccept: (text, instance) => {\n        setFormatted(text);\n        if (!syncing.current) {\n          const next = unmask ? instance.unmaskedValue : text;\n          setCurrent(next);\n          latest.current.onChange?.(next, text);\n        }\n      },\n      onComplete: (_text, instance) => {\n        if (!syncing.current)\n          latest.current.onComplete?.(unmask ? instance.unmaskedValue : instance.value);\n      },\n    },\n  );\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Changing mask options requires reapplying the controlled value to the updated engine.\n  useEffect(() => {\n    const instance = maskRef.current;\n    if (!instance) return;\n    syncing.current = true;\n    if (unmask) instance.unmaskedValue = current;\n    else instance.value = current;\n    if (formatted !== instance.value) setFormatted(instance.value);\n    syncing.current = false;\n  }, [current, formatted, unmask, maskRef, mask, definitions, lazy]);\n  return (\n    <InputControl\n      {...props}\n      className={classes('leaf-input-mask', className)}\n      ref={merged}\n      value={formatted}\n      onChange={() => {}}\n      onClear={() => {\n        if (maskRef.current) maskRef.current.value = '';\n        onClear?.();\n      }}\n    />\n  );\n});\n"],"names":["InputMask","forwardRef","rawProps","ref","mask","definitions","lazy","unmask","value","defaultValue","onChange","onComplete","onClear","className","props","useComponentProps","native","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","formatted","setFormatted","useState","syncing","latest","maskRef","useIMask","text","instance","next","_text","useEffect","InputControl","classes"],"mappings":";;;;;;;;;;AA4BO,MAAMA,sBAAY,WAAHA,GAAGC,WAA6C,SACpEC,QAAwB,EACxBC,GAAG;IAEH,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,OAAO,IAAI,EACXC,SAAS,KAAK,EACdC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,SAAS,EACT,GAAGC,OACJ,GAAGC,kBAAkB,aAAab;IACnC,MAAMc,SAASC,OAAyB;IACxC,MAAMC,SAASC,aAAaH,QAAQb;IACpC,MAAM,CAACiB,SAASC,WAAW,GAAGC,cAAcd,OAAOC,cAAcO,QAAQF,MAAM,IAAI;IACnF,MAAM,CAACS,WAAWC,aAAa,GAAGC,SAAShB;IAC3C,MAAMiB,UAAUT,OAAO;IACvB,MAAMU,SAASV,OAAO;QAAEP;QAAUC;IAAW;IAC7CgB,OAAO,OAAO,GAAG;QAAEjB;QAAUC;IAAW;IACxC,MAAM,EAAEiB,OAAO,EAAE,GAAGC,SAClB;QAAEzB;QAAMC;QAAaC;IAAK,GAC1B;QACE,KAAKU;QACL,UAAU,CAACc,MAAMC;YACfP,aAAaM;YACb,IAAI,CAACJ,QAAQ,OAAO,EAAE;gBACpB,MAAMM,OAAOzB,SAASwB,SAAS,aAAa,GAAGD;gBAC/CT,WAAWW;gBACXL,OAAO,OAAO,CAAC,QAAQ,GAAGK,MAAMF;YAClC;QACF;QACA,YAAY,CAACG,OAAOF;YAClB,IAAI,CAACL,QAAQ,OAAO,EAClBC,OAAO,OAAO,CAAC,UAAU,GAAGpB,SAASwB,SAAS,aAAa,GAAGA,SAAS,KAAK;QAChF;IACF;IAGFG,UAAU;QACR,MAAMH,WAAWH,QAAQ,OAAO;QAChC,IAAI,CAACG,UAAU;QACfL,QAAQ,OAAO,GAAG;QAClB,IAAInB,QAAQwB,SAAS,aAAa,GAAGX;aAChCW,SAAS,KAAK,GAAGX;QACtB,IAAIG,cAAcQ,SAAS,KAAK,EAAEP,aAAaO,SAAS,KAAK;QAC7DL,QAAQ,OAAO,GAAG;IACpB,GAAG;QAACN;QAASG;QAAWhB;QAAQqB;QAASxB;QAAMC;QAAaC;KAAK;IACjE,OAAO,WAAP,GACE,IAAC6B,cAAYA;QACV,GAAGrB,KAAK;QACT,WAAWsB,QAAQ,mBAAmBvB;QACtC,KAAKK;QACL,OAAOK;QACP,UAAU,KAAO;QACjB,SAAS;YACP,IAAIK,QAAQ,OAAO,EAAEA,QAAQ,OAAO,CAAC,KAAK,GAAG;YAC7ChB;QACF;;AAGN"}

package/dist/esm/browser/modules/inputnumber/inputnumber.js

@@ -1,8 +1,10 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/inputnumber.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
@@ -86,12 +88,12 @@ const inputnumber_NumericInputNumber = /*#__PURE__*/ forwardRef(function({ value
     ]);
     useEffect(()=>{
         const number = parseInput(draft);
-        input.current?.setCustomValidity(draft.trim() && (null === number || number < min || number > max) ? messages.invalidNumber : '');
+        input.current?.setCustomValidity(draft.trim() && (null === number || number < min || number > max) ? messages.inputNumber.invalid : '');
     }, [
         draft,
         min,
         max,
-        messages.invalidNumber,
+        messages.inputNumber.invalid,
         parseInput
     ]);
     const emit = (next)=>{
@@ -196,7 +198,7 @@ const inputnumber_NumericInputNumber = /*#__PURE__*/ forwardRef(function({ value
                     /*#__PURE__*/ jsx("button", {
                         type: "button",
                         tabIndex: -1,
-                        "aria-label": messages.increase,
+                        "aria-label": messages.inputNumber.increase,
                         disabled: disabled || readOnly || null !== number && number >= max,
                         onMouseDown: (event)=>event.preventDefault(),
                         onClick: ()=>changeBy(1),
@@ -208,7 +210,7 @@ const inputnumber_NumericInputNumber = /*#__PURE__*/ forwardRef(function({ value
                     /*#__PURE__*/ jsx("button", {
                         type: "button",
                         tabIndex: -1,
-                        "aria-label": messages.decrease,
+                        "aria-label": messages.inputNumber.decrease,
                         disabled: disabled || readOnly || null !== number && number <= min,
                         onMouseDown: (event)=>event.preventDefault(),
                         onClick: ()=>changeBy(-1),
@@ -222,7 +224,7 @@ const inputnumber_NumericInputNumber = /*#__PURE__*/ forwardRef(function({ value
         ]
     });
 });
-const inputnumber_InputNumber = /*#__PURE__*/ forwardRef(function(props, ref) {
+const inputnumber_InputNumberControl = /*#__PURE__*/ forwardRef(function(props, ref) {
     return props.stringMode ? /*#__PURE__*/ jsx(ExactInputNumber, {
         ...props,
         ref: ref
@@ -231,6 +233,14 @@ const inputnumber_InputNumber = /*#__PURE__*/ forwardRef(function(props, ref) {
         ref: ref
     });
 });
-export { inputnumber_InputNumber as InputNumber };
+const inputnumber_InputNumber = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('InputNumber', rawProps);
+    return /*#__PURE__*/ jsx(inputnumber_InputNumberControl, {
+        ...props,
+        ref: ref
+    });
+});
+inputnumber_InputNumber.displayName = 'InputNumber';
+export { inputnumber_InputNumber as InputNumber, inputnumber_InputNumberControl as InputNumberControl };
 
 //# sourceMappingURL=inputnumber.js.map

package/dist/esm/browser/modules/inputnumber/inputnumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputnumber/inputnumber.js","sources":["../../../../../src/inputnumber/inputnumber.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { ExactInputNumber, type StringInputNumberProps } from './string';\n\nexport interface NumericInputNumberProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'size' | 'prefix' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n  > {\n  value?: number | null;\n  defaultValue?: number | null;\n  onChange?: (value: number | null) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n  controls?: boolean;\n  keyboard?: boolean;\n  size?: ControlSize;\n  status?: ControlStatus;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  stringMode?: false;\n  formatter?: (\n    value: number | string | null,\n    info: { userTyping: boolean; input: string },\n  ) => string;\n  parser?: (text: string) => number | string;\n  grouping?: boolean;\n  locale?: string;\n}\nconst parse = (text: string): number | null => {\n  if (!text.trim() || !/^[+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?$/i.test(text.trim()))\n    return null;\n  const value = Number(text);\n  return Number.isFinite(value) ? value : null;\n};\nconst decimals = (value: number) => {\n  const [base = '', exponent = '0'] = String(value).toLowerCase().split('e');\n  return Math.max(0, (base.split('.')[1]?.length ?? 0) - Number(exponent));\n};\nconst NumericInputNumber = forwardRef<HTMLInputElement, NumericInputNumberProps>(\n  function NumericInputNumber(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      controls = true,\n      keyboard = true,\n      size = 'md',\n      status: statusProp,\n      prefix,\n      suffix,\n      stringMode: _stringMode,\n      formatter,\n      parser,\n      grouping,\n      locale: numberLocale,\n      className,\n      style,\n      disabled: disabledProp,\n      readOnly,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const field = useFormField();\n    const { messages, locale } = useLeafConfig();\n    const symbols = new Intl.NumberFormat(numberLocale ?? locale).formatToParts(10000.1);\n    const group = symbols.find((part) => part.type === 'group')?.value ?? ',';\n    const decimal = symbols.find((part) => part.type === 'decimal')?.value ?? '.';\n    const parseInput = useCallback(\n      (text: string) =>\n        parse(\n          parser\n            ? String(parser(text))\n            : grouping\n              ? text.split(group).join('').replace(decimal, '.')\n              : text,\n        ),\n      [parser, grouping, group, decimal],\n    );\n    const input = useRef<HTMLInputElement>(null);\n    const ref = useMergedRef(input, forwardedRef);\n    const disabled = disabledProp || field?.disabled;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);\n    const digits =\n      precision === undefined ? undefined : Math.max(0, Math.min(15, Math.trunc(precision)));\n    const format = useCallback(\n      (number: number | null) =>\n        formatter\n          ? formatter(number, { userTyping: false, input: '' })\n          : grouping && number !== null\n            ? new Intl.NumberFormat(numberLocale ?? locale, {\n                minimumFractionDigits: digits,\n                maximumFractionDigits: digits ?? 15,\n              }).format(number)\n            : number == null || !Number.isFinite(number)\n              ? ''\n              : digits === undefined\n                ? String(number)\n                : number.toFixed(digits),\n      [formatter, grouping, numberLocale, locale, digits],\n    );\n    const [draft, setDraft] = useState(() => format(current));\n    const editing = useRef(false);\n    const inputChanged = useRef(false);\n    useEffect(() => {\n      if (inputChanged.current && input.current?.value === draft) {\n        inputChanged.current = false;\n        input.current?.dispatchEvent(new Event('input', { bubbles: true }));\n      }\n    }, [draft]);\n    useEffect(() => {\n      setDraft((text) =>\n        editing.current && parseInput(text) === current\n          ? text\n          : current == null || !Number.isFinite(current)\n            ? ''\n            : format(current),\n      );\n    }, [current, format, parseInput]);\n    useEffect(() => {\n      const form = input.current?.form;\n      if (!form) return;\n      const reset = (event: Event) =>\n        queueMicrotask(() => {\n          if (!event.defaultPrevented && value === undefined) {\n            editing.current = false;\n            setDraft(format(defaultValue));\n          }\n        });\n      form.addEventListener('reset', reset);\n      return () => form.removeEventListener('reset', reset);\n    }, [value, defaultValue, format]);\n    useEffect(() => {\n      const number = parseInput(draft);\n      input.current?.setCustomValidity(\n        draft.trim() && (number === null || number < min || number > max)\n          ? messages.invalidNumber\n          : '',\n      );\n    }, [draft, min, max, messages.invalidNumber, parseInput]);\n    const emit = (next: number | null) => {\n      setCurrent(next);\n      if (next !== current) onChange?.(next);\n    };\n    const normalize = (number: number) =>\n      Math.min(max, Math.max(min, digits === undefined ? number : Number(number.toFixed(digits))));\n    const commit = () => {\n      if (readOnly || disabled) return;\n      const number = parseInput(draft);\n      const next = !draft.trim() ? null : number === null ? current : normalize(number);\n      inputChanged.current = format(next) !== draft;\n      setDraft(format(next));\n      emit(next);\n    };\n    const changeBy = (direction: number) => {\n      if (disabled || readOnly) return;\n      const amount = Number.isFinite(step) && step > 0 ? step : 1;\n      const base = parseInput(draft) ?? current ?? 0;\n      const places = digits ?? Math.min(15, Math.max(decimals(base), decimals(amount)));\n      const next = normalize(Number((base + direction * amount).toFixed(places)));\n      inputChanged.current = format(next) !== draft;\n      setDraft(format(next));\n      emit(next);\n      input.current?.focus();\n    };\n    const number = parseInput(draft);\n    return (\n      <div\n        className={classes('leaf-input-number', `leaf-input-number--${size}`, className)}\n        style={style}\n        data-status={status}\n        data-disabled={disabled ? '' : undefined}\n      >\n        {prefix && (\n          <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n            {prefix}\n          </span>\n        )}\n        <input\n          {...props}\n          ref={ref}\n          type=\"text\"\n          inputMode={props.inputMode ?? 'decimal'}\n          role=\"spinbutton\"\n          className=\"leaf-input-number__input\"\n          id={props.id ?? field?.id}\n          name={undefined}\n          value={draft}\n          required={props.required ?? field?.required}\n          disabled={disabled}\n          readOnly={readOnly}\n          aria-valuemin={Number.isFinite(min) ? min : undefined}\n          aria-valuemax={Number.isFinite(max) ? max : undefined}\n          aria-valuenow={number ?? undefined}\n          aria-invalid={status === 'error' ? true : props['aria-invalid']}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          onChange={(event) => {\n            const text = event.target.value;\n            setDraft(text);\n            const next = parseInput(text);\n            if (!text.trim()) emit(null);\n            else if (next !== null && next >= min && next <= max) emit(next);\n          }}\n          onFocus={(event) => {\n            editing.current = true;\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            editing.current = false;\n            commit();\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n            if (event.key === 'Enter') commit();\n            if (keyboard && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {\n              event.preventDefault();\n              changeBy(event.key === 'ArrowUp' ? 1 : -1);\n            }\n          }}\n        />\n        <FormValue\n          name={props.name}\n          form={props.form}\n          value={current === null ? '' : String(current)}\n          disabled={disabled}\n          triggerRef={input}\n        />\n        {suffix && (\n          <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n            {suffix}\n          </span>\n        )}\n        {controls && (\n          <span className=\"leaf-input-number__controls\">\n            <button\n              type=\"button\"\n              tabIndex={-1}\n              aria-label={messages.increase}\n              disabled={disabled || readOnly || (number !== null && number >= max)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => changeBy(1)}\n            >\n              <ChevronUp size={12} aria-hidden=\"true\" />\n            </button>\n            <button\n              type=\"button\"\n              tabIndex={-1}\n              aria-label={messages.decrease}\n              disabled={disabled || readOnly || (number !== null && number <= min)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => changeBy(-1)}\n            >\n              <ChevronDown size={12} aria-hidden=\"true\" />\n            </button>\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nexport type InputNumberProps = NumericInputNumberProps | StringInputNumberProps;\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  function InputNumber(props, ref) {\n    return props.stringMode ? (\n      <ExactInputNumber {...props} ref={ref} />\n    ) : (\n      <NumericInputNumber {...props} ref={ref} />\n    );\n  },\n);\n"],"names":["parse","text","value","Number","decimals","base","exponent","String","Math","NumericInputNumber","forwardRef","defaultValue","onChange","min","max","Infinity","step","precision","controls","keyboard","size","statusProp","prefix","suffix","_stringMode","formatter","parser","grouping","numberLocale","className","style","disabledProp","readOnly","onBlur","onKeyDown","onFocus","props","forwardedRef","field","useFormField","messages","locale","useLeafConfig","symbols","Intl","group","part","decimal","parseInput","useCallback","input","useRef","ref","useMergedRef","disabled","status","undefined","current","setCurrent","useFieldValue","digits","format","number","draft","setDraft","useState","editing","inputChanged","useEffect","Event","form","reset","event","queueMicrotask","emit","next","normalize","commit","changeBy","direction","amount","places","classes","Boolean","FormValue","ChevronUp","ChevronDown","InputNumber","ExactInputNumber"],"mappings":"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"}
+{"version":3,"file":"inputnumber/inputnumber.js","sources":["../../../../../src/inputnumber/inputnumber.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { ExactInputNumber, type StringInputNumberProps } from './string';\n\nexport interface NumericInputNumberProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'size' | 'prefix' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n  > {\n  value?: number | null;\n  defaultValue?: number | null;\n  onChange?: (value: number | null) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n  controls?: boolean;\n  keyboard?: boolean;\n  size?: ControlSize;\n  status?: ControlStatus;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  stringMode?: false;\n  formatter?: (\n    value: number | string | null,\n    info: { userTyping: boolean; input: string },\n  ) => string;\n  parser?: (text: string) => number | string;\n  grouping?: boolean;\n  locale?: string;\n}\nconst parse = (text: string): number | null => {\n  if (!text.trim() || !/^[+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?$/i.test(text.trim()))\n    return null;\n  const value = Number(text);\n  return Number.isFinite(value) ? value : null;\n};\nconst decimals = (value: number) => {\n  const [base = '', exponent = '0'] = String(value).toLowerCase().split('e');\n  return Math.max(0, (base.split('.')[1]?.length ?? 0) - Number(exponent));\n};\nconst NumericInputNumber = forwardRef<HTMLInputElement, NumericInputNumberProps>(\n  function NumericInputNumber(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      controls = true,\n      keyboard = true,\n      size = 'md',\n      status: statusProp,\n      prefix,\n      suffix,\n      stringMode: _stringMode,\n      formatter,\n      parser,\n      grouping,\n      locale: numberLocale,\n      className,\n      style,\n      disabled: disabledProp,\n      readOnly,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const field = useFormField();\n    const { messages, locale } = useLeafConfig();\n    const symbols = new Intl.NumberFormat(numberLocale ?? locale).formatToParts(10000.1);\n    const group = symbols.find((part) => part.type === 'group')?.value ?? ',';\n    const decimal = symbols.find((part) => part.type === 'decimal')?.value ?? '.';\n    const parseInput = useCallback(\n      (text: string) =>\n        parse(\n          parser\n            ? String(parser(text))\n            : grouping\n              ? text.split(group).join('').replace(decimal, '.')\n              : text,\n        ),\n      [parser, grouping, group, decimal],\n    );\n    const input = useRef<HTMLInputElement>(null);\n    const ref = useMergedRef(input, forwardedRef);\n    const disabled = disabledProp || field?.disabled;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);\n    const digits =\n      precision === undefined ? undefined : Math.max(0, Math.min(15, Math.trunc(precision)));\n    const format = useCallback(\n      (number: number | null) =>\n        formatter\n          ? formatter(number, { userTyping: false, input: '' })\n          : grouping && number !== null\n            ? new Intl.NumberFormat(numberLocale ?? locale, {\n                minimumFractionDigits: digits,\n                maximumFractionDigits: digits ?? 15,\n              }).format(number)\n            : number == null || !Number.isFinite(number)\n              ? ''\n              : digits === undefined\n                ? String(number)\n                : number.toFixed(digits),\n      [formatter, grouping, numberLocale, locale, digits],\n    );\n    const [draft, setDraft] = useState(() => format(current));\n    const editing = useRef(false);\n    const inputChanged = useRef(false);\n    useEffect(() => {\n      if (inputChanged.current && input.current?.value === draft) {\n        inputChanged.current = false;\n        input.current?.dispatchEvent(new Event('input', { bubbles: true }));\n      }\n    }, [draft]);\n    useEffect(() => {\n      setDraft((text) =>\n        editing.current && parseInput(text) === current\n          ? text\n          : current == null || !Number.isFinite(current)\n            ? ''\n            : format(current),\n      );\n    }, [current, format, parseInput]);\n    useEffect(() => {\n      const form = input.current?.form;\n      if (!form) return;\n      const reset = (event: Event) =>\n        queueMicrotask(() => {\n          if (!event.defaultPrevented && value === undefined) {\n            editing.current = false;\n            setDraft(format(defaultValue));\n          }\n        });\n      form.addEventListener('reset', reset);\n      return () => form.removeEventListener('reset', reset);\n    }, [value, defaultValue, format]);\n    useEffect(() => {\n      const number = parseInput(draft);\n      input.current?.setCustomValidity(\n        draft.trim() && (number === null || number < min || number > max)\n          ? messages.inputNumber.invalid\n          : '',\n      );\n    }, [draft, min, max, messages.inputNumber.invalid, parseInput]);\n    const emit = (next: number | null) => {\n      setCurrent(next);\n      if (next !== current) onChange?.(next);\n    };\n    const normalize = (number: number) =>\n      Math.min(max, Math.max(min, digits === undefined ? number : Number(number.toFixed(digits))));\n    const commit = () => {\n      if (readOnly || disabled) return;\n      const number = parseInput(draft);\n      const next = !draft.trim() ? null : number === null ? current : normalize(number);\n      inputChanged.current = format(next) !== draft;\n      setDraft(format(next));\n      emit(next);\n    };\n    const changeBy = (direction: number) => {\n      if (disabled || readOnly) return;\n      const amount = Number.isFinite(step) && step > 0 ? step : 1;\n      const base = parseInput(draft) ?? current ?? 0;\n      const places = digits ?? Math.min(15, Math.max(decimals(base), decimals(amount)));\n      const next = normalize(Number((base + direction * amount).toFixed(places)));\n      inputChanged.current = format(next) !== draft;\n      setDraft(format(next));\n      emit(next);\n      input.current?.focus();\n    };\n    const number = parseInput(draft);\n    return (\n      <div\n        className={classes('leaf-input-number', `leaf-input-number--${size}`, className)}\n        style={style}\n        data-status={status}\n        data-disabled={disabled ? '' : undefined}\n      >\n        {prefix && (\n          <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n            {prefix}\n          </span>\n        )}\n        <input\n          {...props}\n          ref={ref}\n          type=\"text\"\n          inputMode={props.inputMode ?? 'decimal'}\n          role=\"spinbutton\"\n          className=\"leaf-input-number__input\"\n          id={props.id ?? field?.id}\n          name={undefined}\n          value={draft}\n          required={props.required ?? field?.required}\n          disabled={disabled}\n          readOnly={readOnly}\n          aria-valuemin={Number.isFinite(min) ? min : undefined}\n          aria-valuemax={Number.isFinite(max) ? max : undefined}\n          aria-valuenow={number ?? undefined}\n          aria-invalid={status === 'error' ? true : props['aria-invalid']}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          onChange={(event) => {\n            const text = event.target.value;\n            setDraft(text);\n            const next = parseInput(text);\n            if (!text.trim()) emit(null);\n            else if (next !== null && next >= min && next <= max) emit(next);\n          }}\n          onFocus={(event) => {\n            editing.current = true;\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            editing.current = false;\n            commit();\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n            if (event.key === 'Enter') commit();\n            if (keyboard && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {\n              event.preventDefault();\n              changeBy(event.key === 'ArrowUp' ? 1 : -1);\n            }\n          }}\n        />\n        <FormValue\n          name={props.name}\n          form={props.form}\n          value={current === null ? '' : String(current)}\n          disabled={disabled}\n          triggerRef={input}\n        />\n        {suffix && (\n          <span className=\"leaf-input__affix\" aria-hidden=\"true\">\n            {suffix}\n          </span>\n        )}\n        {controls && (\n          <span className=\"leaf-input-number__controls\">\n            <button\n              type=\"button\"\n              tabIndex={-1}\n              aria-label={messages.inputNumber.increase}\n              disabled={disabled || readOnly || (number !== null && number >= max)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => changeBy(1)}\n            >\n              <ChevronUp size={12} aria-hidden=\"true\" />\n            </button>\n            <button\n              type=\"button\"\n              tabIndex={-1}\n              aria-label={messages.inputNumber.decrease}\n              disabled={disabled || readOnly || (number !== null && number <= min)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => changeBy(-1)}\n            >\n              <ChevronDown size={12} aria-hidden=\"true\" />\n            </button>\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nexport type InputNumberProps = NumericInputNumberProps | StringInputNumberProps;\nexport const InputNumberControl = forwardRef<HTMLInputElement, InputNumberProps>(\n  function InputNumberControl(props: InputNumberProps, ref) {\n    return props.stringMode ? (\n      <ExactInputNumber {...props} ref={ref} />\n    ) : (\n      <NumericInputNumber {...props} ref={ref} />\n    );\n  },\n);\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(function InputNumber(\n  rawProps: InputNumberProps,\n  ref,\n) {\n  const props = useComponentProps('InputNumber', rawProps);\n  return <InputNumberControl {...props} ref={ref} />;\n});\nInputNumber.displayName = 'InputNumber';\n"],"names":["parse","text","value","Number","decimals","base","exponent","String","Math","NumericInputNumber","forwardRef","defaultValue","onChange","min","max","Infinity","step","precision","controls","keyboard","size","statusProp","prefix","suffix","_stringMode","formatter","parser","grouping","numberLocale","className","style","disabledProp","readOnly","onBlur","onKeyDown","onFocus","props","forwardedRef","field","useFormField","messages","locale","useLeafConfig","symbols","Intl","group","part","decimal","parseInput","useCallback","input","useRef","ref","useMergedRef","disabled","status","undefined","current","setCurrent","useFieldValue","digits","format","number","draft","setDraft","useState","editing","inputChanged","useEffect","Event","form","reset","event","queueMicrotask","emit","next","normalize","commit","changeBy","direction","amount","places","classes","Boolean","FormValue","ChevronUp","ChevronDown","InputNumberControl","ExactInputNumber","InputNumber","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/inputnumber/string.js

@@ -1,4 +1,5 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/inputnumber.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronUp } from "lucide-react";
@@ -68,12 +69,12 @@ const string_ExactInputNumber = /*#__PURE__*/ forwardRef(function({ value, defau
         max
     ]);
     useEffect(()=>{
-        input.current?.setCustomValidity(draft.trim() && (null === parsed || !within(parsed)) ? config.messages.invalidNumber : '');
+        input.current?.setCustomValidity(draft.trim() && (null === parsed || !within(parsed)) ? config.messages.inputNumber.invalid : '');
     }, [
         draft,
         parsed,
         within,
-        config.messages.invalidNumber
+        config.messages.inputNumber.invalid
     ]);
     const emit = (next)=>{
         if (disabled || readOnly) return;
@@ -174,7 +175,7 @@ const string_ExactInputNumber = /*#__PURE__*/ forwardRef(function({ value, defau
                 ].map((direction)=>/*#__PURE__*/ jsx("button", {
                         type: "button",
                         tabIndex: -1,
-                        "aria-label": 1 === direction ? config.messages.increase : config.messages.decrease,
+                        "aria-label": 1 === direction ? config.messages.inputNumber.increase : config.messages.inputNumber.decrease,
                         disabled: disabled || readOnly || null !== parsed && (1 === direction ? void 0 !== max && compareDecimal(parsed, max) >= 0 : void 0 !== min && compareDecimal(parsed, min) <= 0),
                         onMouseDown: (event)=>event.preventDefault(),
                         onClick: ()=>increment(direction),

package/dist/esm/browser/modules/inputnumber/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputnumber/string.js","sources":["../../../../../src/inputnumber/string.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport { addDecimal, compareDecimal, decimalParts, roundDecimal } from './decimal';\nimport type { NumericInputNumberProps } from './inputnumber';\nexport interface StringInputNumberProps\n  extends Omit<\n    NumericInputNumberProps,\n    'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n  > {\n  stringMode: true;\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string | null) => void;\n  min?: string;\n  max?: string;\n  step?: string;\n}\nexport const ExactInputNumber = forwardRef<HTMLInputElement, StringInputNumberProps>(\n  function ExactInputNumber(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      min,\n      max,\n      step = '1',\n      precision,\n      formatter,\n      parser,\n      grouping,\n      locale: numberLocale,\n      controls = true,\n      keyboard = true,\n      size = 'md',\n      status,\n      prefix,\n      suffix,\n      disabled: disabledProp,\n      readOnly,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      className,\n      style,\n      stringMode: _stringMode,\n      name,\n      ...props\n    },\n    ref,\n  ) {\n    const field = useFormField();\n    const config = useLeafConfig();\n    const disabled = disabledProp || field?.disabled;\n    const input = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(input, ref);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);\n    const symbols = new Intl.NumberFormat(numberLocale ?? config.locale).formatToParts(10000.1);\n    const group = symbols.find((part) => part.type === 'group')?.value ?? ',';\n    const decimal = symbols.find((part) => part.type === 'decimal')?.value ?? '.';\n    const format = useCallback(\n      (raw: string | null) => {\n        if (formatter) return formatter(raw, { userTyping: false, input: '' });\n        if (raw === null) return '';\n        const text = roundDecimal(raw, precision);\n        if (!grouping) return text;\n        const [whole = '', fraction] = text.split('.');\n        return (\n          whole.replace(/\\B(?=(\\d{3})+(?!\\d))/g, group) +\n          (fraction === undefined ? '' : decimal + fraction)\n        );\n      },\n      [formatter, precision, grouping, group, decimal],\n    );\n    const parse = (text: string) => {\n      const raw = parser\n        ? String(parser(text))\n        : grouping\n          ? text.split(group).join('').replace(decimal, '.')\n          : text;\n      return decimalParts(raw) ? roundDecimal(raw) : null;\n    };\n    const [draft, setDraft] = useState(() => format(current));\n    const editing = useRef(false);\n    useEffect(() => {\n      if (!editing.current) setDraft(format(current));\n    }, [current, format]);\n    useEffect(() => {\n      const owner = input.current?.form;\n      const reset = (event: Event) =>\n        queueMicrotask(() => {\n          if (!event.defaultPrevented && value === undefined) {\n            editing.current = false;\n            setDraft(format(defaultValue));\n          }\n        });\n      owner?.addEventListener('reset', reset);\n      return () => owner?.removeEventListener('reset', reset);\n    }, [value, defaultValue, format]);\n    const parsed = parse(draft);\n    const within = useCallback(\n      (raw: string) =>\n        (min === undefined || compareDecimal(raw, min) >= 0) &&\n        (max === undefined || compareDecimal(raw, max) <= 0),\n      [min, max],\n    );\n    useEffect(() => {\n      input.current?.setCustomValidity(\n        draft.trim() && (parsed === null || !within(parsed)) ? config.messages.invalidNumber : '',\n      );\n    }, [draft, parsed, within, config.messages.invalidNumber]);\n    const emit = (next: string | null) => {\n      if (disabled || readOnly) return;\n      setCurrent(next);\n      if (next !== current) onChange?.(next);\n    };\n    const normalize = (raw: string) => {\n      let next = roundDecimal(raw, precision);\n      if (min !== undefined && compareDecimal(next, min) < 0) next = min;\n      if (max !== undefined && compareDecimal(next, max) > 0) next = max;\n      return next;\n    };\n    const commit = () => {\n      if (disabled || readOnly) return;\n      const next = !draft.trim() ? null : parsed === null ? current : normalize(parsed);\n      setDraft(format(next));\n      emit(next);\n    };\n    const increment = (direction: number) => {\n      if (disabled || readOnly) return;\n      const amount = decimalParts(step) && compareDecimal(step, 0) > 0 ? step : '1';\n      const next = normalize(addDecimal(parsed ?? current ?? '0', amount, direction));\n      setDraft(format(next));\n      emit(next);\n      input.current?.focus();\n    };\n    return (\n      <div\n        className={classes('leaf-input-number', `leaf-input-number--${size}`, className)}\n        style={style}\n        data-status={status ?? (field?.error ? 'error' : undefined)}\n        data-disabled={disabled || undefined}\n      >\n        {prefix && <span className=\"leaf-input__affix\">{prefix}</span>}\n        <input\n          {...props}\n          ref={merged}\n          id={props.id ?? field?.id}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode=\"decimal\"\n          className=\"leaf-input-number__input\"\n          value={draft}\n          readOnly={readOnly}\n          disabled={disabled}\n          required={props.required ?? field?.required}\n          aria-valuetext={draft}\n          aria-describedby={field?.descriptionId}\n          onChange={(event) => {\n            if (disabled || readOnly) return;\n            const text = event.target.value;\n            setDraft(text);\n            const raw = parse(text);\n            if (!text.trim()) emit(null);\n            else if (raw !== null && within(raw)) emit(raw);\n          }}\n          onFocus={(event) => {\n            editing.current = true;\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            editing.current = false;\n            commit();\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n            if (event.key === 'Enter') commit();\n            if (keyboard && ['ArrowUp', 'ArrowDown'].includes(event.key)) {\n              event.preventDefault();\n              increment(event.key === 'ArrowUp' ? 1 : -1);\n            }\n          }}\n        />\n        <FormValue\n          name={name}\n          form={props.form}\n          value={current ?? ''}\n          disabled={disabled}\n          triggerRef={input}\n        />\n        {suffix && <span className=\"leaf-input__affix\">{suffix}</span>}\n        {controls && (\n          <span className=\"leaf-input-number__controls\">\n            {[1, -1].map((direction) => (\n              <button\n                key={direction}\n                type=\"button\"\n                tabIndex={-1}\n                aria-label={direction === 1 ? config.messages.increase : config.messages.decrease}\n                disabled={\n                  disabled ||\n                  readOnly ||\n                  (parsed !== null &&\n                    (direction === 1\n                      ? max !== undefined && compareDecimal(parsed, max) >= 0\n                      : min !== undefined && compareDecimal(parsed, min) <= 0))\n                }\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => increment(direction)}\n              >\n                {direction === 1 ? <ChevronUp size={12} /> : <ChevronDown size={12} />}\n              </button>\n            ))}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ExactInputNumber","forwardRef","value","defaultValue","onChange","min","max","step","precision","formatter","parser","grouping","numberLocale","controls","keyboard","size","status","prefix","suffix","disabledProp","readOnly","onBlur","onKeyDown","onFocus","className","style","_stringMode","name","props","ref","field","useFormField","config","useLeafConfig","disabled","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","symbols","Intl","group","part","decimal","format","useCallback","raw","text","roundDecimal","whole","fraction","undefined","parse","String","decimalParts","draft","setDraft","useState","editing","useEffect","owner","reset","event","queueMicrotask","parsed","within","compareDecimal","emit","next","normalize","commit","increment","direction","amount","addDecimal","classes","FormValue","ChevronUp","ChevronDown"],"mappings":";;;;;;;;;;AAqBO,MAAMA,0BAAmB,WAAHA,GAAGC,WAC9B,SACE,EACEC,KAAK,EACLC,eAAe,IAAI,EACnBC,QAAQ,EACRC,GAAG,EACHC,GAAG,EACHC,OAAO,GAAG,EACVC,SAAS,EACTC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACR,QAAQC,YAAY,EACpBC,WAAW,IAAI,EACfC,WAAW,IAAI,EACfC,OAAO,IAAI,EACXC,MAAM,EACNC,MAAM,EACNC,MAAM,EACN,UAAUC,YAAY,EACtBC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,KAAK,EACL,YAAYC,WAAW,EACvBC,IAAI,EACJ,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQC;IACd,MAAMC,SAASC;IACf,MAAMC,WAAWf,gBAAgBW,OAAO;IACxC,MAAMK,QAAQC,OAAyB;IACvC,MAAMC,SAASC,aAAaH,OAAON;IACnC,MAAM,CAACU,SAASC,WAAW,GAAGC,cAAcvC,OAAOC,cAAcgC,OAAOP,MAAM,IAAI;IAClF,MAAMc,UAAU,IAAIC,KAAK,YAAY,CAAC/B,gBAAgBoB,OAAO,MAAM,EAAE,aAAa,CAAC;IACnF,MAAMY,QAAQF,QAAQ,IAAI,CAAC,CAACG,OAASA,AAAc,YAAdA,KAAK,IAAI,GAAe,SAAS;IACtE,MAAMC,UAAUJ,QAAQ,IAAI,CAAC,CAACG,OAASA,AAAc,cAAdA,KAAK,IAAI,GAAiB,SAAS;IAC1E,MAAME,SAASC,YACb,CAACC;QACC,IAAIxC,WAAW,OAAOA,UAAUwC,KAAK;YAAE,YAAY;YAAO,OAAO;QAAG;QACpE,IAAIA,AAAQ,SAARA,KAAc,OAAO;QACzB,MAAMC,OAAOC,aAAaF,KAAKzC;QAC/B,IAAI,CAACG,UAAU,OAAOuC;QACtB,MAAM,CAACE,QAAQ,EAAE,EAAEC,SAAS,GAAGH,KAAK,KAAK,CAAC;QAC1C,OACEE,MAAM,OAAO,CAAC,yBAAyBR,SACtCS,CAAAA,AAAaC,WAAbD,WAAyB,KAAKP,UAAUO,QAAO;IAEpD,GACA;QAAC5C;QAAWD;QAAWG;QAAUiC;QAAOE;KAAQ;IAElD,MAAMS,QAAQ,CAACL;QACb,MAAMD,MAAMvC,SACR8C,OAAO9C,OAAOwC,SACdvC,WACEuC,KAAK,KAAK,CAACN,OAAO,IAAI,CAAC,IAAI,OAAO,CAACE,SAAS,OAC5CI;QACN,OAAOO,aAAaR,OAAOE,aAAaF,OAAO;IACjD;IACA,MAAM,CAACS,OAAOC,SAAS,GAAGC,SAAS,IAAMb,OAAOR;IAChD,MAAMsB,UAAUzB,OAAO;IACvB0B,UAAU;QACR,IAAI,CAACD,QAAQ,OAAO,EAAEF,SAASZ,OAAOR;IACxC,GAAG;QAACA;QAASQ;KAAO;IACpBe,UAAU;QACR,MAAMC,QAAQ5B,MAAM,OAAO,EAAE;QAC7B,MAAM6B,QAAQ,CAACC,QACbC,eAAe;gBACb,IAAI,CAACD,MAAM,gBAAgB,IAAI/D,AAAUoD,WAAVpD,OAAqB;oBAClD2D,QAAQ,OAAO,GAAG;oBAClBF,SAASZ,OAAO5C;gBAClB;YACF;QACF4D,OAAO,iBAAiB,SAASC;QACjC,OAAO,IAAMD,OAAO,oBAAoB,SAASC;IACnD,GAAG;QAAC9D;QAAOC;QAAc4C;KAAO;IAChC,MAAMoB,SAASZ,MAAMG;IACrB,MAAMU,SAASpB,YACb,CAACC,MACE5C,AAAAA,CAAAA,AAAQiD,WAARjD,OAAqBgE,eAAepB,KAAK5C,QAAQ,MACjDC,CAAAA,AAAQgD,WAARhD,OAAqB+D,eAAepB,KAAK3C,QAAQ,IACpD;QAACD;QAAKC;KAAI;IAEZwD,UAAU;QACR3B,MAAM,OAAO,EAAE,kBACbuB,MAAM,IAAI,MAAOS,CAAAA,AAAW,SAAXA,UAAmB,CAACC,OAAOD,OAAM,IAAKnC,OAAO,QAAQ,CAAC,aAAa,GAAG;IAE3F,GAAG;QAAC0B;QAAOS;QAAQC;QAAQpC,OAAO,QAAQ,CAAC,aAAa;KAAC;IACzD,MAAMsC,OAAO,CAACC;QACZ,IAAIrC,YAAYd,UAAU;QAC1BoB,WAAW+B;QACX,IAAIA,SAAShC,SAASnC,WAAWmE;IACnC;IACA,MAAMC,YAAY,CAACvB;QACjB,IAAIsB,OAAOpB,aAAaF,KAAKzC;QAC7B,IAAIH,AAAQiD,WAARjD,OAAqBgE,eAAeE,MAAMlE,OAAO,GAAGkE,OAAOlE;QAC/D,IAAIC,AAAQgD,WAARhD,OAAqB+D,eAAeE,MAAMjE,OAAO,GAAGiE,OAAOjE;QAC/D,OAAOiE;IACT;IACA,MAAME,SAAS;QACb,IAAIvC,YAAYd,UAAU;QAC1B,MAAMmD,OAAO,AAACb,MAAM,IAAI,KAAYS,AAAW,SAAXA,SAAkB5B,UAAUiC,UAAUL,UAA7C;QAC7BR,SAASZ,OAAOwB;QAChBD,KAAKC;IACP;IACA,MAAMG,YAAY,CAACC;QACjB,IAAIzC,YAAYd,UAAU;QAC1B,MAAMwD,SAASnB,aAAalD,SAAS8D,eAAe9D,MAAM,KAAK,IAAIA,OAAO;QAC1E,MAAMgE,OAAOC,UAAUK,WAAWV,UAAU5B,WAAW,KAAKqC,QAAQD;QACpEhB,SAASZ,OAAOwB;QAChBD,KAAKC;QACLpC,MAAM,OAAO,EAAE;IACjB;IACA,OAAO,WAAP,GACE,KAAC;QACC,WAAW2C,QAAQ,qBAAqB,CAAC,mBAAmB,EAAE/D,MAAM,EAAES;QACtE,OAAOC;QACP,eAAaT,UAAWc,CAAAA,OAAO,QAAQ,UAAUwB,MAAQ;QACzD,iBAAepB,YAAYoB;;YAE1BrC,UAAU,WAAVA,GAAU,IAAC;gBAAK,WAAU;0BAAqBA;;0BAChD,IAAC;gBACE,GAAGW,KAAK;gBACT,KAAKS;gBACL,IAAIT,MAAM,EAAE,IAAIE,OAAO;gBACvB,MAAK;gBACL,MAAK;gBACL,WAAU;gBACV,WAAU;gBACV,OAAO4B;gBACP,UAAUtC;gBACV,UAAUc;gBACV,UAAUN,MAAM,QAAQ,IAAIE,OAAO;gBACnC,kBAAgB4B;gBAChB,oBAAkB5B,OAAO;gBACzB,UAAU,CAACmC;oBACT,IAAI/B,YAAYd,UAAU;oBAC1B,MAAM8B,OAAOe,MAAM,MAAM,CAAC,KAAK;oBAC/BN,SAAST;oBACT,MAAMD,MAAMM,MAAML;oBAClB,IAAKA,KAAK,IAAI,IACT;wBAAA,IAAID,AAAQ,SAARA,OAAgBmB,OAAOnB,MAAMqB,KAAKrB;oBAAI,OAD7BqB,KAAK;gBAEzB;gBACA,SAAS,CAACL;oBACRJ,QAAQ,OAAO,GAAG;oBAClBtC,UAAU0C;gBACZ;gBACA,QAAQ,CAACA;oBACPJ,QAAQ,OAAO,GAAG;oBAClBY;oBACApD,SAAS4C;gBACX;gBACA,WAAW,CAACA;oBACV3C,YAAY2C;oBACZ,IAAIA,MAAM,gBAAgB,IAAIA,MAAM,WAAW,CAAC,WAAW,EAAE;oBAC7D,IAAIA,AAAc,YAAdA,MAAM,GAAG,EAAcQ;oBAC3B,IAAI3D,YAAY;wBAAC;wBAAW;qBAAY,CAAC,QAAQ,CAACmD,MAAM,GAAG,GAAG;wBAC5DA,MAAM,cAAc;wBACpBS,UAAUT,AAAc,cAAdA,MAAM,GAAG,GAAiB,IAAI;oBAC1C;gBACF;;0BAEF,IAACc,WAASA;gBACR,MAAMpD;gBACN,MAAMC,MAAM,IAAI;gBAChB,OAAOW,WAAW;gBAClB,UAAUL;gBACV,YAAYC;;YAEbjB,UAAU,WAAVA,GAAU,IAAC;gBAAK,WAAU;0BAAqBA;;YAC/CL,YAAY,WAAZA,GACC,IAAC;gBAAK,WAAU;0BACb;oBAAC;oBAAG;iBAAG,CAAC,GAAG,CAAC,CAAC8D,YAAAA,WAAAA,GACZ,IAAC;wBAEC,MAAK;wBACL,UAAU;wBACV,cAAYA,AAAc,MAAdA,YAAkB3C,OAAO,QAAQ,CAAC,QAAQ,GAAGA,OAAO,QAAQ,CAAC,QAAQ;wBACjF,UACEE,YACAd,YACC+C,AAAW,SAAXA,UACEQ,CAAAA,AAAc,MAAdA,YACGrE,AAAQgD,WAARhD,OAAqB+D,eAAeF,QAAQ7D,QAAQ,IACpDD,AAAQiD,WAARjD,OAAqBgE,eAAeF,QAAQ9D,QAAQ;wBAE5D,aAAa,CAAC4D,QAAUA,MAAM,cAAc;wBAC5C,SAAS,IAAMS,UAAUC;kCAExBA,AAAc,MAAdA,YAAkB,WAAJ,GAAI,IAACK,WAASA;4BAAC,MAAM;2CAAS,IAACC,aAAWA;4BAAC,MAAM;;uBAf3DN;;;;AAsBnB"}
+{"version":3,"file":"inputnumber/string.js","sources":["../../../../../src/inputnumber/string.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport { addDecimal, compareDecimal, decimalParts, roundDecimal } from './decimal';\nimport type { NumericInputNumberProps } from './inputnumber';\nexport interface StringInputNumberProps\n  extends Omit<\n    NumericInputNumberProps,\n    'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n  > {\n  stringMode: true;\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string | null) => void;\n  min?: string;\n  max?: string;\n  step?: string;\n}\nexport const ExactInputNumber = forwardRef<HTMLInputElement, StringInputNumberProps>(\n  function ExactInputNumber(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      min,\n      max,\n      step = '1',\n      precision,\n      formatter,\n      parser,\n      grouping,\n      locale: numberLocale,\n      controls = true,\n      keyboard = true,\n      size = 'md',\n      status,\n      prefix,\n      suffix,\n      disabled: disabledProp,\n      readOnly,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      className,\n      style,\n      stringMode: _stringMode,\n      name,\n      ...props\n    },\n    ref,\n  ) {\n    const field = useFormField();\n    const config = useLeafConfig();\n    const disabled = disabledProp || field?.disabled;\n    const input = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(input, ref);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);\n    const symbols = new Intl.NumberFormat(numberLocale ?? config.locale).formatToParts(10000.1);\n    const group = symbols.find((part) => part.type === 'group')?.value ?? ',';\n    const decimal = symbols.find((part) => part.type === 'decimal')?.value ?? '.';\n    const format = useCallback(\n      (raw: string | null) => {\n        if (formatter) return formatter(raw, { userTyping: false, input: '' });\n        if (raw === null) return '';\n        const text = roundDecimal(raw, precision);\n        if (!grouping) return text;\n        const [whole = '', fraction] = text.split('.');\n        return (\n          whole.replace(/\\B(?=(\\d{3})+(?!\\d))/g, group) +\n          (fraction === undefined ? '' : decimal + fraction)\n        );\n      },\n      [formatter, precision, grouping, group, decimal],\n    );\n    const parse = (text: string) => {\n      const raw = parser\n        ? String(parser(text))\n        : grouping\n          ? text.split(group).join('').replace(decimal, '.')\n          : text;\n      return decimalParts(raw) ? roundDecimal(raw) : null;\n    };\n    const [draft, setDraft] = useState(() => format(current));\n    const editing = useRef(false);\n    useEffect(() => {\n      if (!editing.current) setDraft(format(current));\n    }, [current, format]);\n    useEffect(() => {\n      const owner = input.current?.form;\n      const reset = (event: Event) =>\n        queueMicrotask(() => {\n          if (!event.defaultPrevented && value === undefined) {\n            editing.current = false;\n            setDraft(format(defaultValue));\n          }\n        });\n      owner?.addEventListener('reset', reset);\n      return () => owner?.removeEventListener('reset', reset);\n    }, [value, defaultValue, format]);\n    const parsed = parse(draft);\n    const within = useCallback(\n      (raw: string) =>\n        (min === undefined || compareDecimal(raw, min) >= 0) &&\n        (max === undefined || compareDecimal(raw, max) <= 0),\n      [min, max],\n    );\n    useEffect(() => {\n      input.current?.setCustomValidity(\n        draft.trim() && (parsed === null || !within(parsed))\n          ? config.messages.inputNumber.invalid\n          : '',\n      );\n    }, [draft, parsed, within, config.messages.inputNumber.invalid]);\n    const emit = (next: string | null) => {\n      if (disabled || readOnly) return;\n      setCurrent(next);\n      if (next !== current) onChange?.(next);\n    };\n    const normalize = (raw: string) => {\n      let next = roundDecimal(raw, precision);\n      if (min !== undefined && compareDecimal(next, min) < 0) next = min;\n      if (max !== undefined && compareDecimal(next, max) > 0) next = max;\n      return next;\n    };\n    const commit = () => {\n      if (disabled || readOnly) return;\n      const next = !draft.trim() ? null : parsed === null ? current : normalize(parsed);\n      setDraft(format(next));\n      emit(next);\n    };\n    const increment = (direction: number) => {\n      if (disabled || readOnly) return;\n      const amount = decimalParts(step) && compareDecimal(step, 0) > 0 ? step : '1';\n      const next = normalize(addDecimal(parsed ?? current ?? '0', amount, direction));\n      setDraft(format(next));\n      emit(next);\n      input.current?.focus();\n    };\n    return (\n      <div\n        className={classes('leaf-input-number', `leaf-input-number--${size}`, className)}\n        style={style}\n        data-status={status ?? (field?.error ? 'error' : undefined)}\n        data-disabled={disabled || undefined}\n      >\n        {prefix && <span className=\"leaf-input__affix\">{prefix}</span>}\n        <input\n          {...props}\n          ref={merged}\n          id={props.id ?? field?.id}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode=\"decimal\"\n          className=\"leaf-input-number__input\"\n          value={draft}\n          readOnly={readOnly}\n          disabled={disabled}\n          required={props.required ?? field?.required}\n          aria-valuetext={draft}\n          aria-describedby={field?.descriptionId}\n          onChange={(event) => {\n            if (disabled || readOnly) return;\n            const text = event.target.value;\n            setDraft(text);\n            const raw = parse(text);\n            if (!text.trim()) emit(null);\n            else if (raw !== null && within(raw)) emit(raw);\n          }}\n          onFocus={(event) => {\n            editing.current = true;\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            editing.current = false;\n            commit();\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n            if (event.key === 'Enter') commit();\n            if (keyboard && ['ArrowUp', 'ArrowDown'].includes(event.key)) {\n              event.preventDefault();\n              increment(event.key === 'ArrowUp' ? 1 : -1);\n            }\n          }}\n        />\n        <FormValue\n          name={name}\n          form={props.form}\n          value={current ?? ''}\n          disabled={disabled}\n          triggerRef={input}\n        />\n        {suffix && <span className=\"leaf-input__affix\">{suffix}</span>}\n        {controls && (\n          <span className=\"leaf-input-number__controls\">\n            {[1, -1].map((direction) => (\n              <button\n                key={direction}\n                type=\"button\"\n                tabIndex={-1}\n                aria-label={\n                  direction === 1\n                    ? config.messages.inputNumber.increase\n                    : config.messages.inputNumber.decrease\n                }\n                disabled={\n                  disabled ||\n                  readOnly ||\n                  (parsed !== null &&\n                    (direction === 1\n                      ? max !== undefined && compareDecimal(parsed, max) >= 0\n                      : min !== undefined && compareDecimal(parsed, min) <= 0))\n                }\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => increment(direction)}\n              >\n                {direction === 1 ? <ChevronUp size={12} /> : <ChevronDown size={12} />}\n              </button>\n            ))}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ExactInputNumber","forwardRef","value","defaultValue","onChange","min","max","step","precision","formatter","parser","grouping","numberLocale","controls","keyboard","size","status","prefix","suffix","disabledProp","readOnly","onBlur","onKeyDown","onFocus","className","style","_stringMode","name","props","ref","field","useFormField","config","useLeafConfig","disabled","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","symbols","Intl","group","part","decimal","format","useCallback","raw","text","roundDecimal","whole","fraction","undefined","parse","String","decimalParts","draft","setDraft","useState","editing","useEffect","owner","reset","event","queueMicrotask","parsed","within","compareDecimal","emit","next","normalize","commit","increment","direction","amount","addDecimal","classes","FormValue","ChevronUp","ChevronDown"],"mappings":"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"}