@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/shared/time.js

@@ -0,0 +1,32 @@
+"use client";
+const padTime = (value)=>String(value).padStart(2, '0');
+function parseTime(value) {
+    const match = value?.trim().match(/^(?:(上午|下午)\s*)?(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM|上午|下午)?$/i);
+    if (!match) return null;
+    if (match[1] && match[5]) return null;
+    let hour = Number(match[2]);
+    const minute = Number(match[3]);
+    const second = Number(match[4] ?? 0);
+    const period = (match[1] ?? match[5])?.toUpperCase();
+    if (period) {
+        if (hour < 1 || hour > 12) return null;
+        hour = hour % 12 + ('PM' === period || '下午' === period ? 12 : 0);
+    }
+    return hour < 24 && minute < 60 && second < 60 ? {
+        hour,
+        minute,
+        second
+    } : null;
+}
+function timeString(parts, seconds = false) {
+    return `${padTime(parts.hour)}:${padTime(parts.minute)}${seconds ? `:${padTime(parts.second)}` : ''}`;
+}
+function displayTime(parts, seconds, use12Hours, period) {
+    return use12Hours ? `${timeString({
+        ...parts,
+        hour: parts.hour % 12 || 12
+    }, seconds)} ${period[parts.hour < 12 ? 0 : 1]}` : timeString(parts, seconds);
+}
+export { displayTime, padTime, parseTime, timeString };
+
+//# sourceMappingURL=time.js.map

package/dist/esm/shared/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/time.js","sources":["../../../src/shared/time.ts"],"sourcesContent":["export interface TimeParts {\n  hour: number;\n  minute: number;\n  second: number;\n}\nexport const padTime = (value: number) => String(value).padStart(2, '0');\nexport function parseTime(value: string | null | undefined): TimeParts | null {\n  const match = value\n    ?.trim()\n    .match(/^(?:(上午|下午)\\s*)?(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|上午|下午)?$/i);\n  if (!match) return null;\n  if (match[1] && match[5]) return null;\n  let hour = Number(match[2]);\n  const minute = Number(match[3]);\n  const second = Number(match[4] ?? 0);\n  const period = (match[1] ?? match[5])?.toUpperCase();\n  if (period) {\n    if (hour < 1 || hour > 12) return null;\n    hour = (hour % 12) + (period === 'PM' || period === '下午' ? 12 : 0);\n  }\n  return hour < 24 && minute < 60 && second < 60 ? { hour, minute, second } : null;\n}\nexport function timeString(parts: TimeParts, seconds = false) {\n  return `${padTime(parts.hour)}:${padTime(parts.minute)}${seconds ? `:${padTime(parts.second)}` : ''}`;\n}\nexport function displayTime(\n  parts: TimeParts,\n  seconds: boolean,\n  use12Hours: boolean,\n  period: readonly [string, string],\n) {\n  return use12Hours\n    ? `${timeString({ ...parts, hour: parts.hour % 12 || 12 }, seconds)} ${period[parts.hour < 12 ? 0 : 1]}`\n    : timeString(parts, seconds);\n}\n"],"names":["padTime","value","String","parseTime","match","hour","Number","minute","second","period","timeString","parts","seconds","displayTime","use12Hours"],"mappings":";AAKO,MAAMA,UAAU,CAACC,QAAkBC,OAAOD,OAAO,QAAQ,CAAC,GAAG;AAC7D,SAASE,UAAUF,KAAgC;IACxD,MAAMG,QAAQH,OACV,OACD,MAAM;IACT,IAAI,CAACG,OAAO,OAAO;IACnB,IAAIA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,EAAE,OAAO;IACjC,IAAIC,OAAOC,OAAOF,KAAK,CAAC,EAAE;IAC1B,MAAMG,SAASD,OAAOF,KAAK,CAAC,EAAE;IAC9B,MAAMI,SAASF,OAAOF,KAAK,CAAC,EAAE,IAAI;IAClC,MAAMK,SAAUL,CAAAA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAC,GAAI;IACvC,IAAIK,QAAQ;QACV,IAAIJ,OAAO,KAAKA,OAAO,IAAI,OAAO;QAClCA,OAAQA,OAAO,KAAOI,CAAAA,AAAW,SAAXA,UAAmBA,AAAW,SAAXA,SAAkB,KAAK;IAClE;IACA,OAAOJ,OAAO,MAAME,SAAS,MAAMC,SAAS,KAAK;QAAEH;QAAME;QAAQC;IAAO,IAAI;AAC9E;AACO,SAASE,WAAWC,KAAgB,EAAEC,UAAU,KAAK;IAC1D,OAAO,GAAGZ,QAAQW,MAAM,IAAI,EAAE,CAAC,EAAEX,QAAQW,MAAM,MAAM,IAAIC,UAAU,CAAC,CAAC,EAAEZ,QAAQW,MAAM,MAAM,GAAG,GAAG,IAAI;AACvG;AACO,SAASE,YACdF,KAAgB,EAChBC,OAAgB,EAChBE,UAAmB,EACnBL,MAAiC;IAEjC,OAAOK,aACH,GAAGJ,WAAW;QAAE,GAAGC,KAAK;QAAE,MAAMA,MAAM,IAAI,GAAG,MAAM;IAAG,GAAGC,SAAS,CAAC,EAAEH,MAAM,CAACE,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,EAAE,GACtGD,WAAWC,OAAOC;AACxB"}

package/dist/esm/shared/types.d.ts

@@ -0,0 +1,4 @@
+/** Shared single-line control sizes: 34px / 40px / 46px by default. */
+export type ControlSize = 'sm' | 'md' | 'lg';
+export type ControlStatus = 'error' | 'warning';
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/shared/types.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC"}

package/dist/esm/shared/types.js

@@ -0,0 +1 @@
+"use client";

package/dist/esm/shared/use-client.d.ts

@@ -0,0 +1,3 @@
+/** Gate browser-only lazy dependencies so SSR never evaluates their modules. */
+export declare function useClient(): boolean;
+//# sourceMappingURL=use-client.d.ts.map

package/dist/esm/shared/use-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-client.d.ts","sourceRoot":"","sources":["../../../src/shared/use-client.ts"],"names":[],"mappings":"AACA,gFAAgF;AAChF,wBAAgB,SAAS,YAIxB"}

package/dist/esm/shared/use-client.js

@@ -0,0 +1,10 @@
+"use client";
+import { useEffect, useState } from "react";
+function useClient() {
+    const [client, setClient] = useState(false);
+    useEffect(()=>setClient(true), []);
+    return client;
+}
+export { useClient };
+
+//# sourceMappingURL=use-client.js.map

package/dist/esm/shared/use-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-client.js","sources":["../../../src/shared/use-client.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n/** Gate browser-only lazy dependencies so SSR never evaluates their modules. */\nexport function useClient() {\n  const [client, setClient] = useState(false);\n  useEffect(() => setClient(true), []);\n  return client;\n}\n"],"names":["useClient","client","setClient","useState","useEffect"],"mappings":";;AAEO,SAASA;IACd,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrCC,UAAU,IAAMF,UAAU,OAAO,EAAE;IACnC,OAAOD;AACT"}

package/dist/esm/shared/use-controllable.d.ts

@@ -0,0 +1,3 @@
+/** Controlled values stay owned by callers; default values initialize local state once. */
+export declare function useControllable<T>(value: T | undefined, defaultValue: T, onChange?: (value: T) => void): readonly [T, (next: T) => void];
+//# sourceMappingURL=use-controllable.d.ts.map

package/dist/esm/shared/use-controllable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable.d.ts","sourceRoot":"","sources":["../../../src/shared/use-controllable.ts"],"names":[],"mappings":"AAEA,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,CAAC,EAC/B,KAAK,EAAE,CAAC,GAAG,SAAS,EACpB,YAAY,EAAE,CAAC,EACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,uBAIP,CAAC,WAKxB"}

package/dist/esm/shared/use-controllable.js

@@ -0,0 +1,17 @@
+"use client";
+import { useState } from "react";
+function useControllable(value, defaultValue, onChange) {
+    const [internal, setInternal] = useState(defaultValue);
+    const current = void 0 === value ? internal : value;
+    function update(next) {
+        if (void 0 === value) setInternal(next);
+        if (!Object.is(current, next)) onChange?.(next);
+    }
+    return [
+        current,
+        update
+    ];
+}
+export { useControllable };
+
+//# sourceMappingURL=use-controllable.js.map

package/dist/esm/shared/use-controllable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-controllable.js","sources":["../../../src/shared/use-controllable.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** Controlled values stay owned by callers; default values initialize local state once. */\nexport function useControllable<T>(\n  value: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n) {\n  const [internal, setInternal] = useState(defaultValue);\n  const current = value === undefined ? internal : value;\n  function update(next: T) {\n    if (value === undefined) setInternal(next);\n    if (!Object.is(current, next)) onChange?.(next);\n  }\n  return [current, update] as const;\n}\n"],"names":["useControllable","value","defaultValue","onChange","internal","setInternal","useState","current","undefined","update","next","Object"],"mappings":";;AAGO,SAASA,gBACdC,KAAoB,EACpBC,YAAe,EACfC,QAA6B;IAE7B,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASJ;IACzC,MAAMK,UAAUN,AAAUO,WAAVP,QAAsBG,WAAWH;IACjD,SAASQ,OAAOC,IAAO;QACrB,IAAIT,AAAUO,WAAVP,OAAqBI,YAAYK;QACrC,IAAI,CAACC,OAAO,EAAE,CAACJ,SAASG,OAAOP,WAAWO;IAC5C;IACA,OAAO;QAACH;QAASE;KAAO;AAC1B"}

package/dist/esm/shared/use-text.d.ts

@@ -0,0 +1,3 @@
+/** Small component-local labels follow the nearest language scope. */
+export declare function useText(): (zh: string, en: string) => string;
+//# sourceMappingURL=use-text.d.ts.map

package/dist/esm/shared/use-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-text.d.ts","sourceRoot":"","sources":["../../../src/shared/use-text.ts"],"names":[],"mappings":"AAGA,sEAAsE;AACtE,wBAAgB,OAAO,SAET,MAAM,MAAM,MAAM,YAG/B"}

package/dist/esm/shared/use-text.js

@@ -0,0 +1,10 @@
+"use client";
+import { useLeafConfig } from "../config-provider/context.js";
+import { traditionalTextMessages } from "../locales/zh-tw.js";
+function useText() {
+    const { locale, textMessages } = useLeafConfig();
+    return (zh, en)=>textMessages[en] ?? ('zh-TW' === locale ? traditionalTextMessages[en] ?? zh : locale.startsWith('zh') ? zh : en);
+}
+export { useText };
+
+//# sourceMappingURL=use-text.js.map

package/dist/esm/shared/use-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/use-text.js","sources":["../../../src/shared/use-text.ts"],"sourcesContent":["import { useLeafConfig } from '../config-provider/context';\nimport { traditionalTextMessages } from '../locales/zh-tw';\n\n/** Small component-local labels follow the nearest language scope. */\nexport function useText() {\n  const { locale, textMessages } = useLeafConfig();\n  return (zh: string, en: string) =>\n    textMessages[en] ??\n    (locale === 'zh-TW' ? (traditionalTextMessages[en] ?? zh) : locale.startsWith('zh') ? zh : en);\n}\n"],"names":["useText","locale","textMessages","useLeafConfig","zh","en","traditionalTextMessages"],"mappings":";;;AAIO,SAASA;IACd,MAAM,EAAEC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACjC,OAAO,CAACC,IAAYC,KAClBH,YAAY,CAACG,GAAG,IACfJ,CAAAA,AAAW,YAAXA,SAAsBK,uBAAuB,CAACD,GAAG,IAAID,KAAMH,OAAO,UAAU,CAAC,QAAQG,KAAKC,EAAC;AAChG"}

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

@@ -0,0 +1,3 @@
+export type { SignaturePadHandle, SignaturePadProps, SignaturePoint, SignatureStroke, } from './signaturepad.js';
+export { SignaturePad } from './signaturepad.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/signaturepad/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/signaturepad/index.js

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

package/dist/esm/signaturepad/signaturepad.d.ts

@@ -0,0 +1,38 @@
+import { type HTMLAttributes } from 'react';
+export interface SignaturePoint {
+    x: number;
+    y: number;
+    pressure: number;
+    time: number;
+}
+export interface SignatureStroke {
+    points: SignaturePoint[];
+    penColor: string;
+    minWidth: number;
+    maxWidth: number;
+    dotSize: number;
+    velocityFilterWeight: number;
+    compositeOperation: GlobalCompositeOperation;
+}
+export interface SignaturePadHandle {
+    clear: () => void;
+    undo: () => void;
+    isEmpty: () => boolean;
+    getData: () => SignatureStroke[];
+    export: (type?: 'image/png' | 'image/jpeg' | 'image/svg+xml') => Promise<Blob>;
+}
+export interface SignaturePadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onError' | 'defaultValue'> {
+    value?: readonly SignatureStroke[];
+    defaultValue?: readonly SignatureStroke[];
+    onChange?: (strokes: SignatureStroke[]) => void;
+    onError?: (error: Error) => void;
+    penColor?: string;
+    backgroundColor?: string;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    disabled?: boolean;
+    controls?: boolean;
+}
+export declare const SignaturePad: import("react").ForwardRefExoticComponent<SignaturePadProps & import("react").RefAttributes<SignaturePadHandle>>;
+//# sourceMappingURL=signaturepad.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"signaturepad.d.ts","sourceRoot":"","sources":["../../../src/signaturepad/signaturepad.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,wBAAwB,CAAC;CAC9C;AACD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,eAAe,EAAE,CAAC;IACjC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChF;AACD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;IACrF,KAAK,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,YAAY,kHAsPvB,CAAC"}

package/dist/esm/signaturepad/signaturepad.js

@@ -0,0 +1,262 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Eraser, Undo2 } from "lucide-react";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { classes } from "../shared/classes.js";
+import { useText } from "../shared/use-text.js";
+const signaturepad_SignaturePad = /*#__PURE__*/ forwardRef(function({ value, defaultValue = [], onChange, onError, penColor = '#203329', backgroundColor = '#ffffff', minWidth = 0.5, maxWidth = 2.5, height = 220, disabled = false, controls = true, className, style, ...props }, ref) {
+    const t = useText();
+    const canvas = useRef(null);
+    const pad = useRef(null);
+    const [ready, setReady] = useState(false);
+    const [empty, setEmpty] = useState(true);
+    const [drawing, setDrawing] = useState(false);
+    const latest = useRef({
+        value,
+        defaultValue,
+        onChange,
+        onError,
+        penColor,
+        backgroundColor,
+        minWidth,
+        maxWidth,
+        disabled
+    });
+    latest.current = {
+        value,
+        defaultValue,
+        onChange,
+        onError,
+        penColor,
+        backgroundColor,
+        minWidth,
+        maxWidth,
+        disabled
+    };
+    const snapshot = useRef(value ?? defaultValue);
+    const publish = useCallback(()=>{
+        const instance = pad.current;
+        if (!instance) return;
+        const data = instance.toData().map((stroke)=>({
+                ...stroke,
+                points: stroke.points.map((point)=>({
+                        ...point
+                    }))
+            }));
+        snapshot.current = data;
+        setEmpty(instance.isEmpty());
+        latest.current.onChange?.(data);
+        if (void 0 !== latest.current.value) queueMicrotask(()=>{
+            if (pad.current === instance) {
+                instance.fromData([
+                    ...latest.current.value ?? []
+                ]);
+                setEmpty(instance.isEmpty());
+            }
+        });
+    }, []);
+    useEffect(()=>{
+        let disposed = false;
+        let observer;
+        import("signature_pad").then(({ default: Signature })=>{
+            const node = canvas.current;
+            if (disposed || !node) return;
+            const config = latest.current;
+            const instance = new Signature(node, {
+                penColor: config.penColor,
+                backgroundColor: config.backgroundColor,
+                minWidth: config.minWidth,
+                maxWidth: config.maxWidth
+            });
+            pad.current = instance;
+            let oldRatio = 0;
+            let oldWidth = 0;
+            let oldHeight = 0;
+            const resize = ()=>{
+                const rect = node.getBoundingClientRect();
+                if (!rect.width || !rect.height) return;
+                const ratio = Math.max(1, window.devicePixelRatio || 1);
+                if (node.width === Math.round(rect.width * ratio) && node.height === Math.round(rect.height * ratio) && oldRatio === ratio) return;
+                const data = instance.toData().map((stroke)=>({
+                        ...stroke,
+                        points: stroke.points.map((point)=>({
+                                ...point,
+                                x: oldWidth ? point.x * rect.width / oldWidth : point.x,
+                                y: oldHeight ? point.y * rect.height / oldHeight : point.y
+                            }))
+                    }));
+                node.width = Math.round(rect.width * ratio);
+                node.height = Math.round(rect.height * ratio);
+                node.getContext('2d')?.scale(ratio, ratio);
+                oldRatio = ratio;
+                oldWidth = rect.width;
+                oldHeight = rect.height;
+                instance.clear();
+                instance.fromData(data.length ? data : [
+                    ...snapshot.current
+                ]);
+                snapshot.current = instance.toData();
+                setEmpty(instance.isEmpty());
+            };
+            instance.fromData([
+                ...snapshot.current
+            ]);
+            resize();
+            const started = ()=>setDrawing(true);
+            const ended = ()=>{
+                setDrawing(false);
+                publish();
+            };
+            instance.addEventListener('beginStroke', started);
+            instance.addEventListener('endStroke', ended);
+            if (config.disabled) instance.off();
+            observer = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(resize);
+            observer?.observe(node);
+            window.addEventListener('resize', resize);
+            setReady(true);
+            cleanup = ()=>{
+                instance.off();
+                instance.removeEventListener('beginStroke', started);
+                instance.removeEventListener('endStroke', ended);
+                window.removeEventListener('resize', resize);
+                observer?.disconnect();
+                if (pad.current === instance) pad.current = null;
+            };
+        }).catch((reason)=>{
+            if (!disposed) latest.current.onError?.(reason instanceof Error ? reason : new Error(String(reason)));
+        });
+        let cleanup = ()=>{};
+        return ()=>{
+            disposed = true;
+            cleanup();
+            observer?.disconnect();
+        };
+    }, [
+        publish
+    ]);
+    useEffect(()=>{
+        if (!ready) return;
+        const instance = pad.current;
+        if (!instance) return;
+        instance.penColor = penColor;
+        instance.backgroundColor = backgroundColor;
+        instance.minWidth = minWidth;
+        instance.maxWidth = maxWidth;
+        instance.redraw();
+        if (disabled) {
+            setDrawing(false);
+            instance.off();
+        } else instance.on();
+    }, [
+        penColor,
+        backgroundColor,
+        minWidth,
+        maxWidth,
+        disabled,
+        ready
+    ]);
+    useEffect(()=>{
+        if (!ready || void 0 === value || !pad.current) return;
+        snapshot.current = value;
+        pad.current.fromData([
+            ...value
+        ]);
+        setEmpty(pad.current.isEmpty());
+    }, [
+        value,
+        ready
+    ]);
+    const clear = ()=>{
+        if (disabled || !pad.current) return;
+        pad.current.clear();
+        publish();
+    };
+    const undo = ()=>{
+        if (disabled || !pad.current) return;
+        const data = pad.current.toData();
+        data.pop();
+        pad.current.fromData(data);
+        publish();
+    };
+    useImperativeHandle(ref, ()=>({
+            clear,
+            undo,
+            isEmpty: ()=>pad.current?.isEmpty() ?? true,
+            getData: ()=>pad.current?.toData().map((stroke)=>({
+                        ...stroke,
+                        points: stroke.points.map((point)=>({
+                                ...point
+                            }))
+                    })) ?? [],
+            export: async (type = 'image/png')=>{
+                if (!pad.current || !canvas.current) throw new Error('Signature pad is loading.');
+                if ('image/svg+xml' === type) return new Blob([
+                    pad.current.toSVG({
+                        includeBackgroundColor: true
+                    })
+                ], {
+                    type
+                });
+                return new Promise((resolve, reject)=>canvas.current?.toBlob((blob)=>blob ? resolve(blob) : reject(new Error('Signature export failed.')), type));
+            }
+        }));
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        className: classes('leaf-signature-pad', className),
+        style: style,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-signature-pad__surface",
+                style: {
+                    height,
+                    background: backgroundColor,
+                    color: penColor
+                },
+                "data-empty": empty || void 0,
+                "data-drawing": drawing || void 0,
+                children: [
+                    /*#__PURE__*/ jsx("canvas", {
+                        ref: canvas,
+                        "aria-label": props['aria-label'] ?? t('手写签名区域', 'Handwritten signature area'),
+                        role: "img"
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-signature-pad__placeholder",
+                        "aria-hidden": !empty,
+                        children: t('在此签名', 'Sign here')
+                    })
+                ]
+            }),
+            controls && /*#__PURE__*/ jsxs("div", {
+                className: "leaf-signature-pad__controls",
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "ghost",
+                        size: "sm",
+                        startIcon: /*#__PURE__*/ jsx(Undo2, {
+                            size: 15
+                        }),
+                        disabled: disabled || empty || !ready,
+                        onClick: undo,
+                        children: t('撤销', 'Undo')
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "ghost",
+                        size: "sm",
+                        startIcon: /*#__PURE__*/ jsx(Eraser, {
+                            size: 15
+                        }),
+                        disabled: disabled || empty || !ready,
+                        onClick: clear,
+                        children: t('清空', 'Clear')
+                    })
+                ]
+            })
+        ]
+    });
+});
+export { signaturepad_SignaturePad as SignaturePad };
+
+//# sourceMappingURL=signaturepad.js.map

package/dist/esm/signaturepad/signaturepad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signaturepad/signaturepad.js","sources":["../../../src/signaturepad/signaturepad.tsx"],"sourcesContent":["import { Eraser, Undo2 } from 'lucide-react';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport type Pad from 'signature_pad';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface SignaturePoint {\n  x: number;\n  y: number;\n  pressure: number;\n  time: number;\n}\nexport interface SignatureStroke {\n  points: SignaturePoint[];\n  penColor: string;\n  minWidth: number;\n  maxWidth: number;\n  dotSize: number;\n  velocityFilterWeight: number;\n  compositeOperation: GlobalCompositeOperation;\n}\nexport interface SignaturePadHandle {\n  clear: () => void;\n  undo: () => void;\n  isEmpty: () => boolean;\n  getData: () => SignatureStroke[];\n  export: (type?: 'image/png' | 'image/jpeg' | 'image/svg+xml') => Promise<Blob>;\n}\nexport interface SignaturePadProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onError' | 'defaultValue'> {\n  value?: readonly SignatureStroke[];\n  defaultValue?: readonly SignatureStroke[];\n  onChange?: (strokes: SignatureStroke[]) => void;\n  onError?: (error: Error) => void;\n  penColor?: string;\n  backgroundColor?: string;\n  minWidth?: number;\n  maxWidth?: number;\n  height?: number;\n  disabled?: boolean;\n  controls?: boolean;\n}\nexport const SignaturePad = forwardRef<SignaturePadHandle, SignaturePadProps>(function SignaturePad(\n  {\n    value,\n    defaultValue = [],\n    onChange,\n    onError,\n    penColor = '#203329',\n    backgroundColor = '#ffffff',\n    minWidth = 0.5,\n    maxWidth = 2.5,\n    height = 220,\n    disabled = false,\n    controls = true,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const canvas = useRef<HTMLCanvasElement>(null);\n  const pad = useRef<Pad | null>(null);\n  const [ready, setReady] = useState(false);\n  const [empty, setEmpty] = useState(true);\n  const [drawing, setDrawing] = useState(false);\n  const latest = useRef({\n    value,\n    defaultValue,\n    onChange,\n    onError,\n    penColor,\n    backgroundColor,\n    minWidth,\n    maxWidth,\n    disabled,\n  });\n  latest.current = {\n    value,\n    defaultValue,\n    onChange,\n    onError,\n    penColor,\n    backgroundColor,\n    minWidth,\n    maxWidth,\n    disabled,\n  };\n  const snapshot = useRef<readonly SignatureStroke[]>(value ?? defaultValue);\n  const publish = useCallback(() => {\n    const instance = pad.current;\n    if (!instance) return;\n    const data = instance\n      .toData()\n      .map((stroke) => ({ ...stroke, points: stroke.points.map((point) => ({ ...point })) }));\n    snapshot.current = data;\n    setEmpty(instance.isEmpty());\n    latest.current.onChange?.(data);\n    if (latest.current.value !== undefined) {\n      queueMicrotask(() => {\n        if (pad.current === instance) {\n          instance.fromData([...(latest.current.value ?? [])]);\n          setEmpty(instance.isEmpty());\n        }\n      });\n    }\n  }, []);\n  useEffect(() => {\n    let disposed = false;\n    let observer: ResizeObserver | undefined;\n    import('signature_pad')\n      .then(({ default: Signature }) => {\n        const node = canvas.current;\n        if (disposed || !node) return;\n        const config = latest.current;\n        const instance = new Signature(node, {\n          penColor: config.penColor,\n          backgroundColor: config.backgroundColor,\n          minWidth: config.minWidth,\n          maxWidth: config.maxWidth,\n        });\n        pad.current = instance;\n        let oldRatio = 0;\n        let oldWidth = 0;\n        let oldHeight = 0;\n        const resize = () => {\n          const rect = node.getBoundingClientRect();\n          if (!rect.width || !rect.height) return;\n          const ratio = Math.max(1, window.devicePixelRatio || 1);\n          if (\n            node.width === Math.round(rect.width * ratio) &&\n            node.height === Math.round(rect.height * ratio) &&\n            oldRatio === ratio\n          )\n            return;\n          const data = instance.toData().map((stroke) => ({\n            ...stroke,\n            points: stroke.points.map((point) => ({\n              ...point,\n              x: oldWidth ? (point.x * rect.width) / oldWidth : point.x,\n              y: oldHeight ? (point.y * rect.height) / oldHeight : point.y,\n            })),\n          }));\n          node.width = Math.round(rect.width * ratio);\n          node.height = Math.round(rect.height * ratio);\n          node.getContext('2d')?.scale(ratio, ratio);\n          oldRatio = ratio;\n          oldWidth = rect.width;\n          oldHeight = rect.height;\n          instance.clear();\n          instance.fromData(data.length ? data : [...snapshot.current]);\n          snapshot.current = instance.toData();\n          setEmpty(instance.isEmpty());\n        };\n        instance.fromData([...snapshot.current]);\n        resize();\n        const started = () => setDrawing(true);\n        const ended = () => {\n          setDrawing(false);\n          publish();\n        };\n        instance.addEventListener('beginStroke', started);\n        instance.addEventListener('endStroke', ended);\n        if (config.disabled) instance.off();\n        observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(resize);\n        observer?.observe(node);\n        window.addEventListener('resize', resize);\n        setReady(true);\n        cleanup = () => {\n          instance.off();\n          instance.removeEventListener('beginStroke', started);\n          instance.removeEventListener('endStroke', ended);\n          window.removeEventListener('resize', resize);\n          observer?.disconnect();\n          if (pad.current === instance) pad.current = null;\n        };\n      })\n      .catch((reason) => {\n        if (!disposed)\n          latest.current.onError?.(reason instanceof Error ? reason : new Error(String(reason)));\n      });\n    let cleanup = () => {};\n    return () => {\n      disposed = true;\n      cleanup();\n      observer?.disconnect();\n    };\n  }, [publish]);\n  useEffect(() => {\n    if (!ready) return;\n    const instance = pad.current;\n    if (!instance) return;\n    instance.penColor = penColor;\n    instance.backgroundColor = backgroundColor;\n    instance.minWidth = minWidth;\n    instance.maxWidth = maxWidth;\n    instance.redraw();\n    if (disabled) {\n      setDrawing(false);\n      instance.off();\n    } else instance.on();\n  }, [penColor, backgroundColor, minWidth, maxWidth, disabled, ready]);\n  useEffect(() => {\n    if (!ready || value === undefined || !pad.current) return;\n    snapshot.current = value;\n    pad.current.fromData([...value]);\n    setEmpty(pad.current.isEmpty());\n  }, [value, ready]);\n  const clear = () => {\n    if (disabled || !pad.current) return;\n    pad.current.clear();\n    publish();\n  };\n  const undo = () => {\n    if (disabled || !pad.current) return;\n    const data = pad.current.toData();\n    data.pop();\n    pad.current.fromData(data);\n    publish();\n  };\n  useImperativeHandle(ref, () => ({\n    clear,\n    undo,\n    isEmpty: () => pad.current?.isEmpty() ?? true,\n    getData: () =>\n      pad.current\n        ?.toData()\n        .map((stroke) => ({ ...stroke, points: stroke.points.map((point) => ({ ...point })) })) ??\n      [],\n    export: async (type = 'image/png') => {\n      if (!pad.current || !canvas.current) throw new Error('Signature pad is loading.');\n      if (type === 'image/svg+xml')\n        return new Blob([pad.current.toSVG({ includeBackgroundColor: true })], { type });\n      return new Promise<Blob>((resolve, reject) =>\n        canvas.current?.toBlob(\n          (blob) => (blob ? resolve(blob) : reject(new Error('Signature export failed.'))),\n          type,\n        ),\n      );\n    },\n  }));\n  return (\n    <div\n      {...props}\n      className={classes('leaf-signature-pad', className)}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <div\n        className=\"leaf-signature-pad__surface\"\n        style={{ height, background: backgroundColor, color: penColor }}\n        data-empty={empty || undefined}\n        data-drawing={drawing || undefined}\n      >\n        <canvas\n          ref={canvas}\n          aria-label={props['aria-label'] ?? t('手写签名区域', 'Handwritten signature area')}\n          role=\"img\"\n        />\n        <span className=\"leaf-signature-pad__placeholder\" aria-hidden={!empty}>\n          {t('在此签名', 'Sign here')}\n        </span>\n      </div>\n      {controls && (\n        <div className=\"leaf-signature-pad__controls\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            startIcon={<Undo2 size={15} />}\n            disabled={disabled || empty || !ready}\n            onClick={undo}\n          >\n            {t('撤销', 'Undo')}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            startIcon={<Eraser size={15} />}\n            disabled={disabled || empty || !ready}\n            onClick={clear}\n          >\n            {t('清空', 'Clear')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["SignaturePad","forwardRef","value","defaultValue","onChange","onError","penColor","backgroundColor","minWidth","maxWidth","height","disabled","controls","className","style","props","ref","t","useText","canvas","useRef","pad","ready","setReady","useState","empty","setEmpty","drawing","setDrawing","latest","snapshot","publish","useCallback","instance","data","stroke","point","undefined","queueMicrotask","useEffect","disposed","observer","Signature","node","config","oldRatio","oldWidth","oldHeight","resize","rect","ratio","Math","window","started","ended","ResizeObserver","cleanup","reason","Error","String","clear","undo","useImperativeHandle","type","Blob","Promise","resolve","reject","blob","classes","Button","Undo2","Eraser"],"mappings":";;;;;;;AAkDO,MAAMA,4BAAe,WAAHA,GAAGC,WAAkD,SAC5E,EACEC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,OAAO,EACPC,WAAW,SAAS,EACpBC,kBAAkB,SAAS,EAC3BC,WAAW,GAAG,EACdC,WAAW,GAAG,EACdC,SAAS,GAAG,EACZC,WAAW,KAAK,EAChBC,WAAW,IAAI,EACfC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,IAAIC;IACV,MAAMC,SAASC,OAA0B;IACzC,MAAMC,MAAMD,OAAmB;IAC/B,MAAM,CAACE,OAAOC,SAAS,GAAGC,SAAS;IACnC,MAAM,CAACC,OAAOC,SAAS,GAAGF,SAAS;IACnC,MAAM,CAACG,SAASC,WAAW,GAAGJ,SAAS;IACvC,MAAMK,SAAST,OAAO;QACpBlB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;IACF;IACAkB,OAAO,OAAO,GAAG;QACf3B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;IACF;IACA,MAAMmB,WAAWV,OAAmClB,SAASC;IAC7D,MAAM4B,UAAUC,YAAY;QAC1B,MAAMC,WAAWZ,IAAI,OAAO;QAC5B,IAAI,CAACY,UAAU;QACf,MAAMC,OAAOD,SACV,MAAM,GACN,GAAG,CAAC,CAACE,SAAY;gBAAE,GAAGA,MAAM;gBAAE,QAAQA,OAAO,MAAM,CAAC,GAAG,CAAC,CAACC,QAAW;wBAAE,GAAGA,KAAK;oBAAC;YAAI;QACtFN,SAAS,OAAO,GAAGI;QACnBR,SAASO,SAAS,OAAO;QACzBJ,OAAO,OAAO,CAAC,QAAQ,GAAGK;QAC1B,IAAIL,AAAyBQ,WAAzBR,OAAO,OAAO,CAAC,KAAK,EACtBS,eAAe;YACb,IAAIjB,IAAI,OAAO,KAAKY,UAAU;gBAC5BA,SAAS,QAAQ,CAAC;uBAAKJ,OAAO,OAAO,CAAC,KAAK,IAAI,EAAE;iBAAE;gBACnDH,SAASO,SAAS,OAAO;YAC3B;QACF;IAEJ,GAAG,EAAE;IACLM,UAAU;QACR,IAAIC,WAAW;QACf,IAAIC;QACJ,MAAM,CAAC,iBACJ,IAAI,CAAC,CAAC,EAAE,SAASC,SAAS,EAAE;YAC3B,MAAMC,OAAOxB,OAAO,OAAO;YAC3B,IAAIqB,YAAY,CAACG,MAAM;YACvB,MAAMC,SAASf,OAAO,OAAO;YAC7B,MAAMI,WAAW,IAAIS,UAAUC,MAAM;gBACnC,UAAUC,OAAO,QAAQ;gBACzB,iBAAiBA,OAAO,eAAe;gBACvC,UAAUA,OAAO,QAAQ;gBACzB,UAAUA,OAAO,QAAQ;YAC3B;YACAvB,IAAI,OAAO,GAAGY;YACd,IAAIY,WAAW;YACf,IAAIC,WAAW;YACf,IAAIC,YAAY;YAChB,MAAMC,SAAS;gBACb,MAAMC,OAAON,KAAK,qBAAqB;gBACvC,IAAI,CAACM,KAAK,KAAK,IAAI,CAACA,KAAK,MAAM,EAAE;gBACjC,MAAMC,QAAQC,KAAK,GAAG,CAAC,GAAGC,OAAO,gBAAgB,IAAI;gBACrD,IACET,KAAK,KAAK,KAAKQ,KAAK,KAAK,CAACF,KAAK,KAAK,GAAGC,UACvCP,KAAK,MAAM,KAAKQ,KAAK,KAAK,CAACF,KAAK,MAAM,GAAGC,UACzCL,aAAaK,OAEb;gBACF,MAAMhB,OAAOD,SAAS,MAAM,GAAG,GAAG,CAAC,CAACE,SAAY;wBAC9C,GAAGA,MAAM;wBACT,QAAQA,OAAO,MAAM,CAAC,GAAG,CAAC,CAACC,QAAW;gCACpC,GAAGA,KAAK;gCACR,GAAGU,WAAYV,MAAM,CAAC,GAAGa,KAAK,KAAK,GAAIH,WAAWV,MAAM,CAAC;gCACzD,GAAGW,YAAaX,MAAM,CAAC,GAAGa,KAAK,MAAM,GAAIF,YAAYX,MAAM,CAAC;4BAC9D;oBACF;gBACAO,KAAK,KAAK,GAAGQ,KAAK,KAAK,CAACF,KAAK,KAAK,GAAGC;gBACrCP,KAAK,MAAM,GAAGQ,KAAK,KAAK,CAACF,KAAK,MAAM,GAAGC;gBACvCP,KAAK,UAAU,CAAC,OAAO,MAAMO,OAAOA;gBACpCL,WAAWK;gBACXJ,WAAWG,KAAK,KAAK;gBACrBF,YAAYE,KAAK,MAAM;gBACvBhB,SAAS,KAAK;gBACdA,SAAS,QAAQ,CAACC,KAAK,MAAM,GAAGA,OAAO;uBAAIJ,SAAS,OAAO;iBAAC;gBAC5DA,SAAS,OAAO,GAAGG,SAAS,MAAM;gBAClCP,SAASO,SAAS,OAAO;YAC3B;YACAA,SAAS,QAAQ,CAAC;mBAAIH,SAAS,OAAO;aAAC;YACvCkB;YACA,MAAMK,UAAU,IAAMzB,WAAW;YACjC,MAAM0B,QAAQ;gBACZ1B,WAAW;gBACXG;YACF;YACAE,SAAS,gBAAgB,CAAC,eAAeoB;YACzCpB,SAAS,gBAAgB,CAAC,aAAaqB;YACvC,IAAIV,OAAO,QAAQ,EAAEX,SAAS,GAAG;YACjCQ,WAAW,AAA0B,MAA1B,OAAOc,iBAAiClB,SAAY,IAAIkB,eAAeP;YAClFP,UAAU,QAAQE;YAClBS,OAAO,gBAAgB,CAAC,UAAUJ;YAClCzB,SAAS;YACTiC,UAAU;gBACRvB,SAAS,GAAG;gBACZA,SAAS,mBAAmB,CAAC,eAAeoB;gBAC5CpB,SAAS,mBAAmB,CAAC,aAAaqB;gBAC1CF,OAAO,mBAAmB,CAAC,UAAUJ;gBACrCP,UAAU;gBACV,IAAIpB,IAAI,OAAO,KAAKY,UAAUZ,IAAI,OAAO,GAAG;YAC9C;QACF,GACC,KAAK,CAAC,CAACoC;YACN,IAAI,CAACjB,UACHX,OAAO,OAAO,CAAC,OAAO,GAAG4B,kBAAkBC,QAAQD,SAAS,IAAIC,MAAMC,OAAOF;QACjF;QACF,IAAID,UAAU,KAAO;QACrB,OAAO;YACLhB,WAAW;YACXgB;YACAf,UAAU;QACZ;IACF,GAAG;QAACV;KAAQ;IACZQ,UAAU;QACR,IAAI,CAACjB,OAAO;QACZ,MAAMW,WAAWZ,IAAI,OAAO;QAC5B,IAAI,CAACY,UAAU;QACfA,SAAS,QAAQ,GAAG3B;QACpB2B,SAAS,eAAe,GAAG1B;QAC3B0B,SAAS,QAAQ,GAAGzB;QACpByB,SAAS,QAAQ,GAAGxB;QACpBwB,SAAS,MAAM;QACf,IAAItB,UAAU;YACZiB,WAAW;YACXK,SAAS,GAAG;QACd,OAAOA,SAAS,EAAE;IACpB,GAAG;QAAC3B;QAAUC;QAAiBC;QAAUC;QAAUE;QAAUW;KAAM;IACnEiB,UAAU;QACR,IAAI,CAACjB,SAASpB,AAAUmC,WAAVnC,SAAuB,CAACmB,IAAI,OAAO,EAAE;QACnDS,SAAS,OAAO,GAAG5B;QACnBmB,IAAI,OAAO,CAAC,QAAQ,CAAC;eAAInB;SAAM;QAC/BwB,SAASL,IAAI,OAAO,CAAC,OAAO;IAC9B,GAAG;QAACnB;QAAOoB;KAAM;IACjB,MAAMsC,QAAQ;QACZ,IAAIjD,YAAY,CAACU,IAAI,OAAO,EAAE;QAC9BA,IAAI,OAAO,CAAC,KAAK;QACjBU;IACF;IACA,MAAM8B,OAAO;QACX,IAAIlD,YAAY,CAACU,IAAI,OAAO,EAAE;QAC9B,MAAMa,OAAOb,IAAI,OAAO,CAAC,MAAM;QAC/Ba,KAAK,GAAG;QACRb,IAAI,OAAO,CAAC,QAAQ,CAACa;QACrBH;IACF;IACA+B,oBAAoB9C,KAAK,IAAO;YAC9B4C;YACAC;YACA,SAAS,IAAMxC,IAAI,OAAO,EAAE,aAAa;YACzC,SAAS,IACPA,IAAI,OAAO,EACP,SACD,IAAI,CAACc,SAAY;wBAAE,GAAGA,MAAM;wBAAE,QAAQA,OAAO,MAAM,CAAC,GAAG,CAAC,CAACC,QAAW;gCAAE,GAAGA,KAAK;4BAAC;oBAAI,OACtF,EAAE;YACJ,QAAQ,OAAO2B,OAAO,WAAW;gBAC/B,IAAI,CAAC1C,IAAI,OAAO,IAAI,CAACF,OAAO,OAAO,EAAE,MAAM,IAAIuC,MAAM;gBACrD,IAAIK,AAAS,oBAATA,MACF,OAAO,IAAIC,KAAK;oBAAC3C,IAAI,OAAO,CAAC,KAAK,CAAC;wBAAE,wBAAwB;oBAAK;iBAAG,EAAE;oBAAE0C;gBAAK;gBAChF,OAAO,IAAIE,QAAc,CAACC,SAASC,SACjChD,OAAO,OAAO,EAAE,OACd,CAACiD,OAAUA,OAAOF,QAAQE,QAAQD,OAAO,IAAIT,MAAM,8BACnDK;YAGN;QACF;IACA,OAAO,WAAP,GACE,KAAC;QACE,GAAGhD,KAAK;QACT,WAAWsD,QAAQ,sBAAsBxD;QACzC,OAAOC;QACP,iBAAeH,WAAW,KAAK0B;;0BAE/B,KAAC;gBACC,WAAU;gBACV,OAAO;oBAAE3B;oBAAQ,YAAYH;oBAAiB,OAAOD;gBAAS;gBAC9D,cAAYmB,SAASY;gBACrB,gBAAcV,WAAWU;;kCAEzB,IAAC;wBACC,KAAKlB;wBACL,cAAYJ,KAAK,CAAC,aAAa,IAAIE,EAAE,UAAU;wBAC/C,MAAK;;kCAEP,IAAC;wBAAK,WAAU;wBAAkC,eAAa,CAACQ;kCAC7DR,EAAE,QAAQ;;;;YAGdL,YAAY,WAAZA,GACC,KAAC;gBAAI,WAAU;;kCACb,IAAC0D,QAAMA;wBACL,SAAQ;wBACR,MAAK;wBACL,yBAAW,IAACC,OAAKA;4BAAC,MAAM;;wBACxB,UAAU5D,YAAYc,SAAS,CAACH;wBAChC,SAASuC;kCAER5C,EAAE,MAAM;;kCAEX,IAACqD,QAAMA;wBACL,SAAQ;wBACR,MAAK;wBACL,yBAAW,IAACE,QAAMA;4BAAC,MAAM;;wBACzB,UAAU7D,YAAYc,SAAS,CAACH;wBAChC,SAASsC;kCAER3C,EAAE,MAAM;;;;;;AAMrB"}

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

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

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

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

package/dist/esm/skeleton/index.js

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

package/dist/esm/skeleton/skeleton.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes } from 'react';
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    loading?: boolean;
+    active?: boolean;
+    avatar?: boolean;
+    title?: boolean;
+    titleWidth?: number | string;
+    rows?: number;
+    rowWidths?: readonly (number | string)[];
+    round?: boolean;
+}
+export declare function Skeleton({ loading, active, avatar, title, titleWidth, rows, rowWidths, round, children, className, ...props }: SkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAsC,MAAM,OAAO,CAAC;AAOhF,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,wBAAgB,QAAQ,CAAC,EACvB,OAAc,EACd,MAAa,EACb,MAAc,EACd,KAAY,EACZ,UAAkB,EAClB,IAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAyEf"}

package/dist/esm/skeleton/skeleton.js

@@ -0,0 +1,94 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+import { animateMotion, useMotionEnabled } from "../shared/motion.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function Skeleton({ loading = true, active = true, avatar = false, title = true, titleWidth = '38%', rows = 3, rowWidths, round = false, children, className, ...props }) {
+    const { messages } = useLeafConfig();
+    const root = useRef(null);
+    const enabled = useMotionEnabled();
+    const location = useRef(void 0);
+    useBrowserLayoutEffect(()=>{
+        const node = root.current;
+        if (loading && node?.parentElement) {
+            location.current = {
+                parent: node.parentElement,
+                before: node.previousSibling,
+                after: node.nextSibling
+            };
+            return;
+        }
+        const position = location.current;
+        location.current = void 0;
+        if (loading || !enabled || !position?.parent.isConnected) return;
+        const { parent, before, after } = position;
+        if (before && before.parentNode !== parent || after && after.parentNode !== parent) return;
+        const animations = [];
+        let visited = 0;
+        let revealed = before ? before.nextSibling : parent.firstChild;
+        while(revealed && revealed !== after && visited++ < 200){
+            if (revealed instanceof HTMLElement) {
+                const animation = animateMotion(revealed, [
+                    {
+                        opacity: 0,
+                        translate: '0 4px'
+                    },
+                    {
+                        opacity: 1,
+                        translate: '0 0'
+                    }
+                ]);
+                if (animation) animations.push(animation);
+            }
+            revealed = revealed.nextSibling;
+        }
+        return ()=>{
+            for (const animation of animations)animation.cancel();
+        };
+    }, [
+        loading,
+        enabled
+    ]);
+    if (!loading) return /*#__PURE__*/ jsx(Fragment, {
+        children: children
+    });
+    const count = Math.max(0, Math.min(20, Number.isFinite(rows) ? Math.floor(rows) : 3));
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ref: root,
+        role: "status",
+        "aria-label": props['aria-label'] ?? messages.loading,
+        className: classes('leaf-skeleton', active && 'leaf-skeleton--active', round && 'leaf-skeleton--round', className),
+        children: [
+            avatar && /*#__PURE__*/ jsx("div", {
+                className: "leaf-skeleton__avatar",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-skeleton__content",
+                "aria-hidden": "true",
+                children: [
+                    title && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-skeleton__title",
+                        style: {
+                            width: titleWidth
+                        }
+                    }),
+                    Array.from({
+                        length: count
+                    }, (_, index)=>/*#__PURE__*/ jsx("div", {
+                            className: "leaf-skeleton__row",
+                            style: {
+                                width: rowWidths?.[index] ?? (index === count - 1 ? '65%' : '100%')
+                            }
+                        }, `row-${index}`))
+                ]
+            })
+        ]
+    });
+}
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/esm/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton/skeleton.js","sources":["../../../src/skeleton/skeleton.tsx"],"sourcesContent":["import { type HTMLAttributes, useEffect, useLayoutEffect, useRef } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  loading?: boolean;\n  active?: boolean;\n  avatar?: boolean;\n  title?: boolean;\n  titleWidth?: number | string;\n  rows?: number;\n  rowWidths?: readonly (number | string)[];\n  round?: boolean;\n}\nexport function Skeleton({\n  loading = true,\n  active = true,\n  avatar = false,\n  title = true,\n  titleWidth = '38%',\n  rows = 3,\n  rowWidths,\n  round = false,\n  children,\n  className,\n  ...props\n}: SkeletonProps) {\n  const { messages } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const enabled = useMotionEnabled();\n  const location = useRef<\n    | {\n        parent: HTMLElement;\n        before: ChildNode | null;\n        after: ChildNode | null;\n      }\n    | undefined\n  >(undefined);\n  useBrowserLayoutEffect(() => {\n    const node = root.current;\n    if (loading && node?.parentElement) {\n      location.current = {\n        parent: node.parentElement,\n        before: node.previousSibling,\n        after: node.nextSibling,\n      };\n      return;\n    }\n    const position = location.current;\n    location.current = undefined;\n    if (loading || !enabled || !position?.parent.isConnected) return;\n    const { parent, before, after } = position;\n    if ((before && before.parentNode !== parent) || (after && after.parentNode !== parent)) return;\n    const animations: Animation[] = [];\n    let visited = 0;\n    let revealed = before ? before.nextSibling : parent.firstChild;\n    while (revealed && revealed !== after && visited++ < 200) {\n      if (revealed instanceof HTMLElement) {\n        const animation = animateMotion(revealed, [\n          { opacity: 0, translate: '0 4px' },\n          { opacity: 1, translate: '0 0' },\n        ]);\n        if (animation) animations.push(animation);\n      }\n      revealed = revealed.nextSibling;\n    }\n    return () => {\n      for (const animation of animations) animation.cancel();\n    };\n  }, [loading, enabled]);\n  if (!loading) return <>{children}</>;\n  const count = Math.max(0, Math.min(20, Number.isFinite(rows) ? Math.floor(rows) : 3));\n  return (\n    <div\n      {...props}\n      ref={root}\n      role=\"status\"\n      aria-label={props['aria-label'] ?? messages.loading}\n      className={classes(\n        'leaf-skeleton',\n        active && 'leaf-skeleton--active',\n        round && 'leaf-skeleton--round',\n        className,\n      )}\n    >\n      {avatar && <div className=\"leaf-skeleton__avatar\" aria-hidden=\"true\" />}\n      <div className=\"leaf-skeleton__content\" aria-hidden=\"true\">\n        {title && <div className=\"leaf-skeleton__title\" style={{ width: titleWidth }} />}\n        {Array.from({ length: count }, (_, index) => (\n          <div\n            // biome-ignore lint/suspicious/noArrayIndexKey: Placeholder rows have fixed positional identity and no interactive state.\n            key={`row-${index}`}\n            className=\"leaf-skeleton__row\"\n            style={{ width: rowWidths?.[index] ?? (index === count - 1 ? '65%' : '100%') }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Skeleton","loading","active","avatar","title","titleWidth","rows","rowWidths","round","children","className","props","messages","useLeafConfig","root","useRef","enabled","useMotionEnabled","location","undefined","node","position","parent","before","after","animations","visited","revealed","HTMLElement","animation","animateMotion","count","Math","Number","classes","Array","_","index"],"mappings":";;;;;;AAKA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AAYpE,SAASC,SAAS,EACvBC,UAAU,IAAI,EACdC,SAAS,IAAI,EACbC,SAAS,KAAK,EACdC,QAAQ,IAAI,EACZC,aAAa,KAAK,EAClBC,OAAO,CAAC,EACRC,SAAS,EACTC,QAAQ,KAAK,EACbC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,UAAUC;IAChB,MAAMC,WAAWH,OAOfI;IACFvB,uBAAuB;QACrB,MAAMwB,OAAON,KAAK,OAAO;QACzB,IAAIb,WAAWmB,MAAM,eAAe;YAClCF,SAAS,OAAO,GAAG;gBACjB,QAAQE,KAAK,aAAa;gBAC1B,QAAQA,KAAK,eAAe;gBAC5B,OAAOA,KAAK,WAAW;YACzB;YACA;QACF;QACA,MAAMC,WAAWH,SAAS,OAAO;QACjCA,SAAS,OAAO,GAAGC;QACnB,IAAIlB,WAAW,CAACe,WAAW,CAACK,UAAU,OAAO,aAAa;QAC1D,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGH;QAClC,IAAKE,UAAUA,OAAO,UAAU,KAAKD,UAAYE,SAASA,MAAM,UAAU,KAAKF,QAAS;QACxF,MAAMG,aAA0B,EAAE;QAClC,IAAIC,UAAU;QACd,IAAIC,WAAWJ,SAASA,OAAO,WAAW,GAAGD,OAAO,UAAU;QAC9D,MAAOK,YAAYA,aAAaH,SAASE,YAAY,IAAK;YACxD,IAAIC,oBAAoBC,aAAa;gBACnC,MAAMC,YAAYC,cAAcH,UAAU;oBACxC;wBAAE,SAAS;wBAAG,WAAW;oBAAQ;oBACjC;wBAAE,SAAS;wBAAG,WAAW;oBAAM;iBAChC;gBACD,IAAIE,WAAWJ,WAAW,IAAI,CAACI;YACjC;YACAF,WAAWA,SAAS,WAAW;QACjC;QACA,OAAO;YACL,KAAK,MAAME,aAAaJ,WAAYI,UAAU,MAAM;QACtD;IACF,GAAG;QAAC5B;QAASe;KAAQ;IACrB,IAAI,CAACf,SAAS,OAAO,WAAP,GAAO;kBAAGQ;;IACxB,MAAMsB,QAAQC,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,IAAIC,OAAO,QAAQ,CAAC3B,QAAQ0B,KAAK,KAAK,CAAC1B,QAAQ;IAClF,OAAO,WAAP,GACE,KAAC;QACE,GAAGK,KAAK;QACT,KAAKG;QACL,MAAK;QACL,cAAYH,KAAK,CAAC,aAAa,IAAIC,SAAS,OAAO;QACnD,WAAWsB,QACT,iBACAhC,UAAU,yBACVM,SAAS,wBACTE;;YAGDP,UAAU,WAAVA,GAAU,IAAC;gBAAI,WAAU;gBAAwB,eAAY;;0BAC9D,KAAC;gBAAI,WAAU;gBAAyB,eAAY;;oBACjDC,SAAS,WAATA,GAAS,IAAC;wBAAI,WAAU;wBAAuB,OAAO;4BAAE,OAAOC;wBAAW;;oBAC1E8B,MAAM,IAAI,CAAC;wBAAE,QAAQJ;oBAAM,GAAG,CAACK,GAAGC,QAAAA,WAAAA,GACjC,IAAC;4BAGC,WAAU;4BACV,OAAO;gCAAE,OAAO9B,WAAW,CAAC8B,MAAM,IAAKA,CAAAA,UAAUN,QAAQ,IAAI,QAAQ,MAAK;4BAAG;2BAFxE,CAAC,IAAI,EAAEM,OAAO;;;;;AAQ/B"}

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

@@ -0,0 +1,3 @@
+export type { SliderMark, SliderProps } from './slider.js';
+export { Slider } from './slider.js';
+//# sourceMappingURL=index.d.ts.map