@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/infinitescroll/index.js

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

package/dist/esm/infinitescroll/infinitescroll.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {
+    dataLength: number;
+    hasMore: boolean;
+    onLoadMore: (signal: AbortSignal) => Promise<void>;
+    target?: () => HTMLElement | null;
+    threshold?: number;
+    loader?: ReactNode;
+    endMessage?: ReactNode;
+    onError?: (error: unknown) => void;
+}
+export declare function InfiniteScroll({ dataLength, hasMore, onLoadMore, target, threshold, loader, endMessage, onError, className, children, ...props }: InfiniteScrollProps): import("react").JSX.Element;
+//# sourceMappingURL=infinitescroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"infinitescroll.d.ts","sourceRoot":"","sources":["../../../src/infinitescroll/infinitescroll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKzF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AACD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,UAAU,EACV,MAAM,EACN,SAAe,EACf,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAuHrB"}

package/dist/esm/infinitescroll/infinitescroll.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { Loading } from "../loading/index.js";
+import { classes } from "../shared/classes.js";
+import { useText } from "../shared/use-text.js";
+function InfiniteScroll({ dataLength, hasMore, onLoadMore, target, threshold = 200, loader, endMessage, onError, className, children, ...props }) {
+    const t = useText();
+    const sentinel = useRef(null);
+    const controller = useRef(null);
+    const mounted = useRef(false);
+    const manualLoad = useRef(()=>{});
+    const [manual, setManual] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(false);
+    const [retry, setRetry] = useState(0);
+    const requested = useRef(void 0);
+    const latest = useRef({
+        onLoadMore,
+        onError
+    });
+    latest.current = {
+        onLoadMore,
+        onError
+    };
+    useEffect(()=>{
+        mounted.current = true;
+        setLoading(false);
+        setManual("u" < typeof IntersectionObserver);
+        return ()=>{
+            mounted.current = false;
+            controller.current?.abort();
+            controller.current = null;
+            requested.current = void 0;
+        };
+    }, []);
+    useEffect(()=>{
+        if (!hasMore && controller.current) {
+            controller.current.abort();
+            controller.current = null;
+            setLoading(false);
+        }
+    }, [
+        hasMore
+    ]);
+    useEffect(()=>{
+        if (!hasMore || error || loading) return;
+        const element = sentinel.current;
+        if (!element) return;
+        let alive = true;
+        let root = target?.() ?? null;
+        if (!root) {
+            let parent = element.parentElement;
+            while(parent){
+                if (/(auto|scroll)/.test(getComputedStyle(parent).overflowY)) {
+                    root = parent;
+                    break;
+                }
+                parent = parent.parentElement;
+            }
+        }
+        const load = ()=>{
+            const key = `${dataLength}:${retry}`;
+            if (!alive || controller.current || requested.current === key) return;
+            requested.current = key;
+            const request = new AbortController();
+            controller.current = request;
+            setLoading(true);
+            Promise.resolve().then(()=>{
+                if (!request.signal.aborted) return latest.current.onLoadMore(request.signal);
+            }).catch((reason)=>{
+                if (mounted.current && !request.signal.aborted) {
+                    setError(true);
+                    latest.current.onError?.(reason);
+                }
+            }).finally(()=>{
+                if (controller.current === request) controller.current = null;
+                if (mounted.current && !request.signal.aborted) setLoading(false);
+            });
+        };
+        manualLoad.current = load;
+        const observer = "u" < typeof IntersectionObserver ? null : new IntersectionObserver((entries)=>{
+            if (entries.some((entry)=>entry.isIntersecting)) load();
+        }, {
+            root,
+            rootMargin: `${Math.max(0, threshold)}px`
+        });
+        observer?.observe(element);
+        return ()=>{
+            alive = false;
+            observer?.disconnect();
+        };
+    }, [
+        dataLength,
+        hasMore,
+        error,
+        retry,
+        target,
+        threshold,
+        loading
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        className: classes('leaf-infinite-scroll', className),
+        "aria-busy": loading,
+        children: [
+            children,
+            /*#__PURE__*/ jsx("div", {
+                ref: sentinel,
+                className: "leaf-infinite-scroll__sentinel"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-infinite-scroll__status",
+                "aria-live": "polite",
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "leaf-infinite-scroll__feedback",
+                    children: error ? /*#__PURE__*/ jsx(Button, {
+                        variant: "ghost",
+                        onClick: ()=>{
+                            setError(false);
+                            setRetry((value)=>value + 1);
+                        },
+                        children: t('加载失败，重试', 'Loading failed. Retry')
+                    }) : loading ? loader ?? /*#__PURE__*/ jsx(Loading, {
+                        size: "sm",
+                        tip: t('加载中', 'Loading')
+                    }) : hasMore ? manual ? /*#__PURE__*/ jsx(Button, {
+                        variant: "ghost",
+                        onClick: ()=>manualLoad.current(),
+                        children: t('加载更多', 'Load more')
+                    }) : null : endMessage ?? t('已加载全部内容', 'All items loaded')
+                }, error ? 'error' : loading ? 'loading' : hasMore ? manual ? 'manual' : 'idle' : 'end')
+            })
+        ]
+    });
+}
+export { InfiniteScroll };
+
+//# sourceMappingURL=infinitescroll.js.map

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

@@ -0,0 +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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"}

package/dist/esm/input/group.d.ts

@@ -0,0 +1,13 @@
+import { type FieldsetHTMLAttributes, type ReactNode } from 'react';
+import { type InputProps } from './input.js';
+export interface InputSearchProps extends InputProps {
+    onSearch?: (value: string) => void;
+    loading?: boolean;
+    enterButton?: ReactNode;
+}
+export declare const InputSearch: import("react").ForwardRefExoticComponent<InputSearchProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface InputGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    compact?: boolean;
+}
+export declare function InputGroup({ compact, className, ...props }: InputGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=group.d.ts.map

package/dist/esm/input/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/input/group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,sBAAsB,EAAc,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAKxF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AACD,eAAO,MAAM,WAAW,+GAsDtB,CAAC;AACH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,wBAAgB,UAAU,CAAC,EAAE,OAAc,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAOlF"}

package/dist/esm/input/group.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+import { forwardRef, useRef } from "react";
+import { Button } from "../button/index.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) {
+    const t = useText();
+    const input = useRef(null);
+    const merged = useMergedRef(input, ref);
+    const [current, setCurrent] = useFieldValue(void 0 === value ? void 0 : String(value), String(defaultValue ?? ''), input, props.form);
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-input-search', className),
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(Input, {
+                ...props,
+                ref: merged,
+                value: current,
+                onChange: (event)=>{
+                    setCurrent(event.target.value);
+                    onChange?.(event);
+                },
+                onPressEnter: (event)=>{
+                    onPressEnter?.(event);
+                    if (!event.defaultPrevented && !loading) {
+                        event.preventDefault();
+                        onSearch?.(current);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                size: props.size,
+                loading: loading,
+                disabled: props.disabled,
+                startIcon: enterButton ? void 0 : /*#__PURE__*/ jsx(Search, {
+                    size: 16
+                }),
+                "aria-label": enterButton ? void 0 : t('搜索', 'Search'),
+                onClick: ()=>onSearch?.(current),
+                children: enterButton
+            })
+        ]
+    });
+});
+function InputGroup({ compact = true, className, ...props }) {
+    return /*#__PURE__*/ jsx("fieldset", {
+        ...props,
+        className: classes('leaf-input-group', compact && 'leaf-input-group--compact', className)
+    });
+}
+export { InputGroup, group_InputSearch as InputSearch };
+
+//# sourceMappingURL=group.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+export type { InputGroupProps, InputSearchProps } from './group.js';
+export { InputGroup, InputSearch } from './group.js';
+export * from './input.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/input/index.js

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

package/dist/esm/input/input.d.ts

@@ -0,0 +1,21 @@
+import { type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import type { ControlSize, ControlStatus } from '../shared/types.js';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    size?: ControlSize;
+    status?: ControlStatus;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    allowClear?: boolean;
+    onClear?: () => void;
+    showCount?: boolean | ((value: string, maxLength?: number) => ReactNode);
+    /** Show a visibility toggle when type is password. */
+    visibilityToggle?: boolean;
+    visible?: boolean;
+    defaultVisible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    visibilityIcon?: (visible: boolean) => ReactNode;
+    /** Called on Enter, excluding IME composition and prevented events. */
+    onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAChG,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,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;IACzE,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,uEAAuE;IACvE,YAAY,CAAC,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,KAAK,yGA6IhB,CAAC"}

package/dist/esm/input/input.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff, X } from "lucide-react";
+import { forwardRef, useRef, useState } from "react";
+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 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.clearInput,
+                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.hidePassword : messages.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"
+                })
+            })
+        ]
+    });
+});
+input_Input.displayName = 'Input';
+export { input_Input as Input };
+
+//# 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 { 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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"}

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/index.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":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,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,6GAgEpB,CAAC"}

package/dist/esm/inputmask/inputmask.js

@@ -0,0 +1,71 @@
+"use client";
+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 { 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 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(Input, {
+        ...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 { 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"}

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