@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/input/input.js

@@ -0,0 +1,116 @@
+"use client";
+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_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);
+    const mergedRef = useMergedRef(input, ref);
+    const [current, setCurrent] = useFieldValue(void 0 === value ? void 0 : String(value), String(defaultValue ?? ''), input, props.form);
+    const [internalVisible, setVisible] = useState(defaultVisible);
+    const visible = controlledVisible ?? internalVisible;
+    const password = 'password' === type;
+    const disabled = disabledProp || field?.disabled;
+    const status = statusProp ?? (field?.error ? 'error' : void 0);
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-input', `leaf-input--${size}`, password && 'leaf-input--password', className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            prefix && /*#__PURE__*/ jsx("span", {
+                className: "leaf-input__affix",
+                "aria-hidden": "true",
+                children: prefix
+            }),
+            /*#__PURE__*/ jsx("input", {
+                ...props,
+                type: password && visible ? 'text' : type,
+                id: props.id ?? field?.id,
+                required: props.required ?? field?.required,
+                value: current,
+                onChange: (event)=>{
+                    setCurrent(event.target.value);
+                    onChange?.(event);
+                },
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    field?.descriptionId
+                ].filter(Boolean).join(' ') || void 0,
+                ref: mergedRef,
+                disabled: disabled,
+                className: "leaf-input__native",
+                "aria-invalid": 'error' === status ? true : ariaInvalid,
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if ('Enter' === event.key && !event.nativeEvent.isComposing && !event.defaultPrevented) onPressEnter?.(event);
+                }
+            }),
+            allowClear && current && !disabled && !props.readOnly && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "leaf-input__clear",
+                "aria-label": messages.input.clear,
+                onMouseDown: (event)=>event.preventDefault(),
+                onClick: ()=>{
+                    const node = input.current;
+                    if (!node) return;
+                    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(node, '');
+                    node.dispatchEvent(new Event('input', {
+                        bubbles: true
+                    }));
+                    node.focus();
+                    onClear?.();
+                },
+                children: /*#__PURE__*/ jsx(X, {
+                    size: 14,
+                    "aria-hidden": "true"
+                })
+            }),
+            showCount && /*#__PURE__*/ jsx("span", {
+                className: "leaf-input__count",
+                children: 'function' == typeof showCount ? showCount(current, props.maxLength) : `${current.length}${void 0 === props.maxLength ? '' : ` / ${props.maxLength}`}`
+            }),
+            suffix && /*#__PURE__*/ jsx("span", {
+                className: "leaf-input__affix",
+                "aria-hidden": "true",
+                children: suffix
+            }),
+            password && visibilityToggle && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "leaf-input__visibility",
+                disabled: disabled,
+                "aria-label": visible ? messages.input.hidePassword : messages.input.showPassword,
+                "aria-pressed": visible,
+                onMouseDown: (event)=>event.preventDefault(),
+                onClick: ()=>{
+                    if (void 0 === controlledVisible) setVisible(!visible);
+                    onVisibleChange?.(!visible);
+                },
+                children: visibilityIcon ? visibilityIcon(visible) : visible ? /*#__PURE__*/ jsx(EyeOff, {
+                    size: 16,
+                    "aria-hidden": "true"
+                }) : /*#__PURE__*/ jsx(Eye, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+});
+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, input_InputControl as InputControl };
+
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +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 { 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/inputmask/index.d.ts

@@ -0,0 +1,3 @@
+export type { InputMaskProps } from './inputmask.js';
+export { InputMask } from './inputmask.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/inputmask/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inputmask/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/inputmask/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { InputMask } from "./inputmask.js";

package/dist/esm/inputmask/inputmask.d.ts

@@ -0,0 +1,13 @@
+import { type InputProps } from '../input/input.js';
+export interface InputMaskProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'type' | 'visibilityToggle' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'visibilityIcon'> {
+    mask: string;
+    definitions?: Record<string, RegExp>;
+    lazy?: boolean;
+    unmask?: boolean;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, formatted: string) => void;
+    onComplete?: (value: string) => void;
+}
+export declare const InputMask: import("react").ForwardRefExoticComponent<InputMaskProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=inputmask.d.ts.map

package/dist/esm/inputmask/inputmask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputmask.d.ts","sourceRoot":"","sources":["../../../src/inputmask/inputmask.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACR,OAAO,GACP,cAAc,GACd,UAAU,GACV,MAAM,GACN,kBAAkB,GAClB,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,CACnB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AACD,eAAO,MAAM,SAAS,6GAiEpB,CAAC"}

package/dist/esm/inputmask/inputmask.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { useIMask } from "react-imask";
+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(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);
+    const [formatted, setFormatted] = useState(defaultValue);
+    const syncing = useRef(false);
+    const latest = useRef({
+        onChange,
+        onComplete
+    });
+    latest.current = {
+        onChange,
+        onComplete
+    };
+    const { maskRef } = useIMask({
+        mask,
+        definitions,
+        lazy
+    }, {
+        ref: native,
+        onAccept: (text, instance)=>{
+            setFormatted(text);
+            if (!syncing.current) {
+                const next = unmask ? instance.unmaskedValue : text;
+                setCurrent(next);
+                latest.current.onChange?.(next, text);
+            }
+        },
+        onComplete: (_text, instance)=>{
+            if (!syncing.current) latest.current.onComplete?.(unmask ? instance.unmaskedValue : instance.value);
+        }
+    });
+    useEffect(()=>{
+        const instance = maskRef.current;
+        if (!instance) return;
+        syncing.current = true;
+        if (unmask) instance.unmaskedValue = current;
+        else instance.value = current;
+        if (formatted !== instance.value) setFormatted(instance.value);
+        syncing.current = false;
+    }, [
+        current,
+        formatted,
+        unmask,
+        maskRef,
+        mask,
+        definitions,
+        lazy
+    ]);
+    return /*#__PURE__*/ jsx(InputControl, {
+        ...props,
+        className: classes('leaf-input-mask', className),
+        ref: merged,
+        value: formatted,
+        onChange: ()=>{},
+        onClear: ()=>{
+            if (maskRef.current) maskRef.current.value = '';
+            onClear?.();
+        }
+    });
+});
+export { inputmask_InputMask as InputMask };
+
+//# sourceMappingURL=inputmask.js.map

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

@@ -0,0 +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 { 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/inputnumber/decimal.d.ts

@@ -0,0 +1,10 @@
+/** Exact decimal arithmetic for stringMode, without converting values to Number. */
+export declare function decimalParts(value: string | number): {
+    units: bigint;
+    scale: number;
+} | null;
+export declare function decimalString(units: bigint, scale: number, trim?: boolean): string;
+export declare function compareDecimal(left: string | number, right: string | number): -1 | 0 | 1;
+export declare function addDecimal(left: string | number, right: string | number, direction?: number): string;
+export declare function roundDecimal(value: string | number, precision?: number): string;
+//# sourceMappingURL=decimal.d.ts.map

package/dist/esm/inputnumber/decimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decimal.d.ts","sourceRoot":"","sources":["../../../src/inputnumber/decimal.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;;;SAclD;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,UAAO,UAMtE;AACD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,cAQ3E;AACD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,SAAS,SAAI,UAUtF;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,UAetE"}

package/dist/esm/inputnumber/decimal.js

@@ -0,0 +1,49 @@
+"use client";
+function decimalParts(value) {
+    const match = String(value).trim().match(/^([+-]?)(\d*)(?:\.(\d*))?(?:e([+-]?\d+))?$/i);
+    if (!match || !match[2] && !match[3]) return null;
+    const exponent = Number(match[4] ?? 0);
+    if (!Number.isInteger(exponent) || Math.abs(exponent) > 1000) return null;
+    let scale = (match[3]?.length ?? 0) - exponent;
+    let units = BigInt(`${'-' === match[1] ? '-' : ''}${match[2] || '0'}${match[3] ?? ''}`);
+    if (scale < 0) {
+        units *= 10n ** BigInt(-scale);
+        scale = 0;
+    }
+    return {
+        units,
+        scale
+    };
+}
+function decimalString(units, scale, trim = true) {
+    const negative = units < 0n;
+    const digits = (negative ? -units : units).toString().padStart(scale + 1, '0');
+    let value = scale ? `${digits.slice(0, -scale)}.${digits.slice(-scale)}` : digits;
+    if (trim && scale) value = value.replace(/0+$/, '').replace(/\.$/, '');
+    return `${negative && 0n !== units ? '-' : ''}${value}`;
+}
+function compareDecimal(left, right) {
+    const a = decimalParts(left), b = decimalParts(right);
+    if (!a || !b) return 0;
+    const scale = Math.max(a.scale, b.scale);
+    const result = a.units * 10n ** BigInt(scale - a.scale) - b.units * 10n ** BigInt(scale - b.scale);
+    return result < 0n ? -1 : result > 0n ? 1 : 0;
+}
+function addDecimal(left, right, direction = 1) {
+    const a = decimalParts(left), b = decimalParts(right);
+    if (!a || !b || !Number.isInteger(direction)) return '';
+    const scale = Math.max(a.scale, b.scale);
+    return decimalString(a.units * 10n ** BigInt(scale - a.scale) + BigInt(direction) * b.units * 10n ** BigInt(scale - b.scale), scale);
+}
+function roundDecimal(value, precision) {
+    const parsed = decimalParts(value);
+    if (!parsed) return '';
+    if (void 0 === precision) return decimalString(parsed.units, parsed.scale);
+    const scale = Number.isFinite(precision) ? Math.max(0, Math.min(100, Math.floor(precision))) : parsed.scale;
+    if (scale >= parsed.scale) return decimalString(parsed.units * 10n ** BigInt(scale - parsed.scale), scale, false);
+    const divisor = 10n ** BigInt(parsed.scale - scale);
+    return decimalString((parsed.units + (parsed.units < 0n ? -divisor / 2n : divisor / 2n)) / divisor, scale, false);
+}
+export { addDecimal, compareDecimal, decimalParts, decimalString, roundDecimal };
+
+//# sourceMappingURL=decimal.js.map

package/dist/esm/inputnumber/decimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputnumber/decimal.js","sources":["../../../src/inputnumber/decimal.ts"],"sourcesContent":["/** Exact decimal arithmetic for stringMode, without converting values to Number. */\nexport function decimalParts(value: string | number) {\n  const match = String(value)\n    .trim()\n    .match(/^([+-]?)(\\d*)(?:\\.(\\d*))?(?:e([+-]?\\d+))?$/i);\n  if (!match || (!match[2] && !match[3])) return null;\n  const exponent = Number(match[4] ?? 0);\n  if (!Number.isInteger(exponent) || Math.abs(exponent) > 1000) return null;\n  let scale = (match[3]?.length ?? 0) - exponent;\n  let units = BigInt(`${match[1] === '-' ? '-' : ''}${match[2] || '0'}${match[3] ?? ''}`);\n  if (scale < 0) {\n    units *= 10n ** BigInt(-scale);\n    scale = 0;\n  }\n  return { units, scale };\n}\nexport function decimalString(units: bigint, scale: number, trim = true) {\n  const negative = units < 0n;\n  const digits = (negative ? -units : units).toString().padStart(scale + 1, '0');\n  let value = scale ? `${digits.slice(0, -scale)}.${digits.slice(-scale)}` : digits;\n  if (trim && scale) value = value.replace(/0+$/, '').replace(/\\.$/, '');\n  return `${negative && units !== 0n ? '-' : ''}${value}`;\n}\nexport function compareDecimal(left: string | number, right: string | number) {\n  const a = decimalParts(left),\n    b = decimalParts(right);\n  if (!a || !b) return 0;\n  const scale = Math.max(a.scale, b.scale);\n  const result =\n    a.units * 10n ** BigInt(scale - a.scale) - b.units * 10n ** BigInt(scale - b.scale);\n  return result < 0n ? -1 : result > 0n ? 1 : 0;\n}\nexport function addDecimal(left: string | number, right: string | number, direction = 1) {\n  const a = decimalParts(left),\n    b = decimalParts(right);\n  if (!a || !b || !Number.isInteger(direction)) return '';\n  const scale = Math.max(a.scale, b.scale);\n  return decimalString(\n    a.units * 10n ** BigInt(scale - a.scale) +\n      BigInt(direction) * b.units * 10n ** BigInt(scale - b.scale),\n    scale,\n  );\n}\nexport function roundDecimal(value: string | number, precision?: number) {\n  const parsed = decimalParts(value);\n  if (!parsed) return '';\n  if (precision === undefined) return decimalString(parsed.units, parsed.scale);\n  const scale = Number.isFinite(precision)\n    ? Math.max(0, Math.min(100, Math.floor(precision)))\n    : parsed.scale;\n  if (scale >= parsed.scale)\n    return decimalString(parsed.units * 10n ** BigInt(scale - parsed.scale), scale, false);\n  const divisor = 10n ** BigInt(parsed.scale - scale);\n  return decimalString(\n    (parsed.units + (parsed.units < 0n ? -divisor / 2n : divisor / 2n)) / divisor,\n    scale,\n    false,\n  );\n}\n"],"names":["decimalParts","value","match","String","exponent","Number","Math","scale","units","BigInt","decimalString","trim","negative","digits","compareDecimal","left","right","a","b","result","addDecimal","direction","roundDecimal","precision","parsed","undefined","divisor"],"mappings":"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"}

package/dist/esm/inputnumber/index.d.ts

@@ -0,0 +1,4 @@
+export type { InputNumberProps, NumericInputNumberProps } from './inputnumber.js';
+export { InputNumber } from './inputnumber.js';
+export type { StringInputNumberProps } from './string.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/inputnumber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inputnumber/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC"}

package/dist/esm/inputnumber/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { InputNumber } from "./inputnumber.js";

package/dist/esm/inputnumber/inputnumber.d.ts

@@ -0,0 +1,30 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ControlSize, ControlStatus } from '../shared/types.js';
+import { type StringInputNumberProps } from './string.js';
+export interface NumericInputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'prefix' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    controls?: boolean;
+    keyboard?: boolean;
+    size?: ControlSize;
+    status?: ControlStatus;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    stringMode?: false;
+    formatter?: (value: number | string | null, info: {
+        userTyping: boolean;
+        input: string;
+    }) => string;
+    parser?: (text: string) => number | string;
+    grouping?: boolean;
+    locale?: string;
+}
+export type InputNumberProps = NumericInputNumberProps | StringInputNumberProps;
+export declare const InputNumberControl: import("react").ForwardRefExoticComponent<InputNumberProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputNumber: import("react").ForwardRefExoticComponent<InputNumberProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=inputnumber.d.ts.map

package/dist/esm/inputnumber/inputnumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputnumber.d.ts","sourceRoot":"","sources":["../../../src/inputnumber/inputnumber.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAC5F;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAC7B,IAAI,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KACzC,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqPD,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAChF,eAAO,MAAM,kBAAkB,+GAQ9B,CAAC;AAEF,eAAO,MAAM,WAAW,+GAMtB,CAAC"}

package/dist/esm/inputnumber/inputnumber.js

@@ -0,0 +1,244 @@
+"use client";
+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";
+import { FormValue, useFieldValue, useMergedRef } from "../shared/field.js";
+import { ExactInputNumber } from "./string.js";
+const parse = (text)=>{
+    if (!text.trim() || !/^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i.test(text.trim())) return null;
+    const value = Number(text);
+    return Number.isFinite(value) ? value : null;
+};
+const decimals = (value)=>{
+    const [base = '', exponent = '0'] = String(value).toLowerCase().split('e');
+    return Math.max(0, (base.split('.')[1]?.length ?? 0) - Number(exponent));
+};
+const inputnumber_NumericInputNumber = /*#__PURE__*/ forwardRef(function({ value, defaultValue = null, onChange, min = -1 / 0, max = 1 / 0, step = 1, precision, controls = true, keyboard = true, size = 'md', status: statusProp, prefix, suffix, stringMode: _stringMode, formatter, parser, grouping, locale: numberLocale, className, style, disabled: disabledProp, readOnly, onBlur, onKeyDown, onFocus, ...props }, forwardedRef) {
+    const field = useFormField();
+    const { messages, locale } = useLeafConfig();
+    const symbols = new Intl.NumberFormat(numberLocale ?? locale).formatToParts(10000.1);
+    const group = symbols.find((part)=>'group' === part.type)?.value ?? ',';
+    const decimal = symbols.find((part)=>'decimal' === part.type)?.value ?? '.';
+    const parseInput = useCallback((text)=>parse(parser ? String(parser(text)) : grouping ? text.split(group).join('').replace(decimal, '.') : text), [
+        parser,
+        grouping,
+        group,
+        decimal
+    ]);
+    const input = useRef(null);
+    const ref = useMergedRef(input, forwardedRef);
+    const disabled = disabledProp || field?.disabled;
+    const status = statusProp ?? (field?.error ? 'error' : void 0);
+    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);
+    const digits = void 0 === precision ? void 0 : Math.max(0, Math.min(15, Math.trunc(precision)));
+    const format = useCallback((number)=>formatter ? formatter(number, {
+            userTyping: false,
+            input: ''
+        }) : grouping && null !== number ? new Intl.NumberFormat(numberLocale ?? locale, {
+            minimumFractionDigits: digits,
+            maximumFractionDigits: digits ?? 15
+        }).format(number) : null != number && Number.isFinite(number) ? void 0 === digits ? String(number) : number.toFixed(digits) : '', [
+        formatter,
+        grouping,
+        numberLocale,
+        locale,
+        digits
+    ]);
+    const [draft, setDraft] = useState(()=>format(current));
+    const editing = useRef(false);
+    const inputChanged = useRef(false);
+    useEffect(()=>{
+        if (inputChanged.current && input.current?.value === draft) {
+            inputChanged.current = false;
+            input.current?.dispatchEvent(new Event('input', {
+                bubbles: true
+            }));
+        }
+    }, [
+        draft
+    ]);
+    useEffect(()=>{
+        setDraft((text)=>editing.current && parseInput(text) === current ? text : null != current && Number.isFinite(current) ? format(current) : '');
+    }, [
+        current,
+        format,
+        parseInput
+    ]);
+    useEffect(()=>{
+        const form = input.current?.form;
+        if (!form) return;
+        const reset = (event)=>queueMicrotask(()=>{
+                if (!event.defaultPrevented && void 0 === value) {
+                    editing.current = false;
+                    setDraft(format(defaultValue));
+                }
+            });
+        form.addEventListener('reset', reset);
+        return ()=>form.removeEventListener('reset', reset);
+    }, [
+        value,
+        defaultValue,
+        format
+    ]);
+    useEffect(()=>{
+        const number = parseInput(draft);
+        input.current?.setCustomValidity(draft.trim() && (null === number || number < min || number > max) ? messages.inputNumber.invalid : '');
+    }, [
+        draft,
+        min,
+        max,
+        messages.inputNumber.invalid,
+        parseInput
+    ]);
+    const emit = (next)=>{
+        setCurrent(next);
+        if (next !== current) onChange?.(next);
+    };
+    const normalize = (number)=>Math.min(max, Math.max(min, void 0 === digits ? number : Number(number.toFixed(digits))));
+    const commit = ()=>{
+        if (readOnly || disabled) return;
+        const number = parseInput(draft);
+        const next = draft.trim() ? null === number ? current : normalize(number) : null;
+        inputChanged.current = format(next) !== draft;
+        setDraft(format(next));
+        emit(next);
+    };
+    const changeBy = (direction)=>{
+        if (disabled || readOnly) return;
+        const amount = Number.isFinite(step) && step > 0 ? step : 1;
+        const base = parseInput(draft) ?? current ?? 0;
+        const places = digits ?? Math.min(15, Math.max(decimals(base), decimals(amount)));
+        const next = normalize(Number((base + direction * amount).toFixed(places)));
+        inputChanged.current = format(next) !== draft;
+        setDraft(format(next));
+        emit(next);
+        input.current?.focus();
+    };
+    const number = parseInput(draft);
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-input-number', `leaf-input-number--${size}`, className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            prefix && /*#__PURE__*/ jsx("span", {
+                className: "leaf-input__affix",
+                "aria-hidden": "true",
+                children: prefix
+            }),
+            /*#__PURE__*/ jsx("input", {
+                ...props,
+                ref: ref,
+                type: "text",
+                inputMode: props.inputMode ?? 'decimal',
+                role: "spinbutton",
+                className: "leaf-input-number__input",
+                id: props.id ?? field?.id,
+                name: void 0,
+                value: draft,
+                required: props.required ?? field?.required,
+                disabled: disabled,
+                readOnly: readOnly,
+                "aria-valuemin": Number.isFinite(min) ? min : void 0,
+                "aria-valuemax": Number.isFinite(max) ? max : void 0,
+                "aria-valuenow": number ?? void 0,
+                "aria-invalid": 'error' === status ? true : props['aria-invalid'],
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    field?.descriptionId
+                ].filter(Boolean).join(' ') || void 0,
+                onChange: (event)=>{
+                    const text = event.target.value;
+                    setDraft(text);
+                    const next = parseInput(text);
+                    if (text.trim()) {
+                        if (null !== next && next >= min && next <= max) emit(next);
+                    } else emit(null);
+                },
+                onFocus: (event)=>{
+                    editing.current = true;
+                    onFocus?.(event);
+                },
+                onBlur: (event)=>{
+                    editing.current = false;
+                    commit();
+                    onBlur?.(event);
+                },
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if (event.defaultPrevented || event.nativeEvent.isComposing) return;
+                    if ('Enter' === event.key) commit();
+                    if (keyboard && ('ArrowUp' === event.key || 'ArrowDown' === event.key)) {
+                        event.preventDefault();
+                        changeBy('ArrowUp' === event.key ? 1 : -1);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx(FormValue, {
+                name: props.name,
+                form: props.form,
+                value: null === current ? '' : String(current),
+                disabled: disabled,
+                triggerRef: input
+            }),
+            suffix && /*#__PURE__*/ jsx("span", {
+                className: "leaf-input__affix",
+                "aria-hidden": "true",
+                children: suffix
+            }),
+            controls && /*#__PURE__*/ jsxs("span", {
+                className: "leaf-input-number__controls",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        tabIndex: -1,
+                        "aria-label": messages.inputNumber.increase,
+                        disabled: disabled || readOnly || null !== number && number >= max,
+                        onMouseDown: (event)=>event.preventDefault(),
+                        onClick: ()=>changeBy(1),
+                        children: /*#__PURE__*/ jsx(ChevronUp, {
+                            size: 12,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        tabIndex: -1,
+                        "aria-label": messages.inputNumber.decrease,
+                        disabled: disabled || readOnly || null !== number && number <= min,
+                        onMouseDown: (event)=>event.preventDefault(),
+                        onClick: ()=>changeBy(-1),
+                        children: /*#__PURE__*/ jsx(ChevronDown, {
+                            size: 12,
+                            "aria-hidden": "true"
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+});
+const inputnumber_InputNumberControl = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return props.stringMode ? /*#__PURE__*/ jsx(ExactInputNumber, {
+        ...props,
+        ref: ref
+    }) : /*#__PURE__*/ jsx(inputnumber_NumericInputNumber, {
+        ...props,
+        ref: ref
+    });
+});
+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