@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/browser/modules/signaturepad/signaturepad.cjs

@@ -0,0 +1,301 @@
+"use client";
+"use strict";
+require('../../../styles/components/signaturepad.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    SignaturePad: ()=>signaturepad_SignaturePad
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../button/index.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const signaturepad_SignaturePad = /*#__PURE__*/ (0, external_react_namespaceObject.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 = (0, use_text_cjs_namespaceObject.useText)();
+    const canvas = (0, external_react_namespaceObject.useRef)(null);
+    const pad = (0, external_react_namespaceObject.useRef)(null);
+    const [ready, setReady] = (0, external_react_namespaceObject.useState)(false);
+    const [empty, setEmpty] = (0, external_react_namespaceObject.useState)(true);
+    const [drawing, setDrawing] = (0, external_react_namespaceObject.useState)(false);
+    const latest = (0, external_react_namespaceObject.useRef)({
+        value,
+        defaultValue,
+        onChange,
+        onError,
+        penColor,
+        backgroundColor,
+        minWidth,
+        maxWidth,
+        disabled
+    });
+    latest.current = {
+        value,
+        defaultValue,
+        onChange,
+        onError,
+        penColor,
+        backgroundColor,
+        minWidth,
+        maxWidth,
+        disabled
+    };
+    const snapshot = (0, external_react_namespaceObject.useRef)(value ?? defaultValue);
+    const publish = (0, external_react_namespaceObject.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());
+            }
+        });
+    }, []);
+    (0, external_react_namespaceObject.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
+    ]);
+    (0, external_react_namespaceObject.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
+    ]);
+    (0, external_react_namespaceObject.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();
+    };
+    (0, external_react_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-signature-pad', className),
+        style: style,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("canvas", {
+                        ref: canvas,
+                        "aria-label": props['aria-label'] ?? t('手写签名区域', 'Handwritten signature area'),
+                        role: "img"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-signature-pad__placeholder",
+                        "aria-hidden": !empty,
+                        children: t('在此签名', 'Sign here')
+                    })
+                ]
+            }),
+            controls && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-signature-pad__controls",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                        variant: "ghost",
+                        size: "sm",
+                        startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Undo2, {
+                            size: 15
+                        }),
+                        disabled: disabled || empty || !ready,
+                        onClick: undo,
+                        children: t('撤销', 'Undo')
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                        variant: "ghost",
+                        size: "sm",
+                        startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Eraser, {
+                            size: 15
+                        }),
+                        disabled: disabled || empty || !ready,
+                        onClick: clear,
+                        children: t('清空', 'Clear')
+                    })
+                ]
+            })
+        ]
+    });
+});
+exports.SignaturePad = __webpack_exports__.SignaturePad;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "SignaturePad"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=signaturepad.cjs.map

package/dist/cjs/browser/modules/signaturepad/signaturepad.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signaturepad/signaturepad.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/signaturepad/signaturepad.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;AC4CO,MAAMI,4BAAeC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAkD,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,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAMC,SAASC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAA0B;IACzC,MAAMC,MAAMD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAmB;IAC/B,MAAM,CAACE,OAAOC,SAAS,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACnC,MAAM,CAACC,OAAOC,SAAS,GAAGF,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACnC,MAAM,CAACG,SAASC,WAAW,GAAGJ,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACvC,MAAMK,SAAST,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO;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,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAmClB,SAASC;IAC7D,MAAM4B,UAAUC,AAAAA,IAAAA,+BAAAA,WAAAA,AAAAA,EAAY;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,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;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,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;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,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;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,IAAAA,+BAAAA,mBAAAA,AAAAA,EAAoB9C,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,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGhD,KAAK;QACT,WAAWsD,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,sBAAsBxD;QACzC,OAAOC;QACP,iBAAeH,WAAW,KAAK0B;;0BAE/B,sCAAC;gBACC,WAAU;gBACV,OAAO;oBAAE3B;oBAAQ,YAAYH;oBAAiB,OAAOD;gBAAS;gBAC9D,cAAYmB,SAASY;gBACrB,gBAAcV,WAAWU;;kCAEzB,qCAAC;wBACC,KAAKlB;wBACL,cAAYJ,KAAK,CAAC,aAAa,IAAIE,EAAE,UAAU;wBAC/C,MAAK;;kCAEP,qCAAC;wBAAK,WAAU;wBAAkC,eAAa,CAACQ;kCAC7DR,EAAE,QAAQ;;;;YAGdL,YACC,AADW,WAAZA,GACC,sCAAC;gBAAI,WAAU;;kCACb,qCAAC0D,0BAAAA,MAAMA,EAAAA;wBACL,SAAQ;wBACR,MAAK;wBACL,WAAW,AAAX,cAAW,qCAACC,sCAAAA,KAAKA,EAAAA;4BAAC,MAAM;;wBACxB,UAAU5D,YAAYc,SAAS,CAACH;wBAChC,SAASuC;kCAER5C,EAAE,MAAM;;kCAEX,qCAACqD,0BAAAA,MAAMA,EAAAA;wBACL,SAAQ;wBACR,MAAK;wBACL,WAAW,AAAX,cAAW,qCAACE,sCAAAA,MAAMA,EAAAA;4BAAC,MAAM;;wBACzB,UAAU7D,YAAYc,SAAS,CAACH;wBAChC,SAASsC;kCAER3C,EAAE,MAAM;;;;;;AAMrB"}

package/dist/cjs/browser/modules/skeleton/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Skeleton: ()=>external_skeleton_cjs_namespaceObject.Skeleton
+});
+const external_skeleton_cjs_namespaceObject = require("./skeleton.cjs");
+exports.Skeleton = __webpack_exports__.Skeleton;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Skeleton"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/skeleton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/skeleton/skeleton.cjs

@@ -0,0 +1,133 @@
+"use client";
+"use strict";
+require('../../../styles/components/skeleton.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Skeleton: ()=>Skeleton
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+function Skeleton({ loading = true, active = true, avatar = false, title = true, titleWidth = '38%', rows = 3, rowWidths, round = false, children, className, ...props }) {
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const enabled = (0, motion_cjs_namespaceObject.useMotionEnabled)();
+    const location = (0, external_react_namespaceObject.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 = (0, motion_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
+        children: children
+    });
+    const count = Math.max(0, Math.min(20, Number.isFinite(rows) ? Math.floor(rows) : 3));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        ref: root,
+        role: "status",
+        "aria-label": props['aria-label'] ?? messages.loading,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-skeleton', active && 'leaf-skeleton--active', round && 'leaf-skeleton--round', className),
+        children: [
+            avatar && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-skeleton__avatar",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-skeleton__content",
+                "aria-hidden": "true",
+                children: [
+                    title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-skeleton__title",
+                        style: {
+                            width: titleWidth
+                        }
+                    }),
+                    Array.from({
+                        length: count
+                    }, (_, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "leaf-skeleton__row",
+                            style: {
+                                width: rowWidths?.[index] ?? (index === count - 1 ? '65%' : '100%')
+                            }
+                        }, `row-${index}`))
+                ]
+            })
+        ]
+    });
+}
+exports.Skeleton = __webpack_exports__.Skeleton;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Skeleton"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=skeleton.cjs.map

package/dist/cjs/browser/modules/skeleton/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton/skeleton.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/skeleton/skeleton.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","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":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","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":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACDA,MAAMI,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,+BAAAA,SAASA,GAAGC,+BAAAA,eAAeA;AAYnF,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,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAMC,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpC,MAAMC,UAAUC,AAAAA,IAAAA,2BAAAA,gBAAAA,AAAAA;IAChB,MAAMC,WAAWH,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAOfI;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,AAAAA,IAAAA,2BAAAA,aAAAA,AAAAA,EAAcH,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,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGK,KAAK;QACT,KAAKG;QACL,MAAK;QACL,cAAYH,KAAK,CAAC,aAAa,IAAIC,SAAS,OAAO;QACnD,WAAWsB,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,iBACAhC,UAAU,yBACVM,SAAS,wBACTE;;YAGDP,UAAU,WAAVA,GAAU,qCAAC;gBAAI,WAAU;gBAAwB,eAAY;;0BAC9D,sCAAC;gBAAI,WAAU;gBAAyB,eAAY;;oBACjDC,SAAS,WAATA,GAAS,qCAAC;wBAAI,WAAU;wBAAuB,OAAO;4BAAE,OAAOC;wBAAW;;oBAC1E8B,MAAM,IAAI,CAAC;wBAAE,QAAQJ;oBAAM,GAAG,CAACK,GAAGC,QACjC,AADiCA,WAAAA,GACjC,qCAAC;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/cjs/browser/modules/slider/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Slider: ()=>external_slider_cjs_namespaceObject.Slider
+});
+const external_slider_cjs_namespaceObject = require("./slider.cjs");
+exports.Slider = __webpack_exports__.Slider;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Slider"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/slider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}