@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/splitter/splitter.cjs

@@ -0,0 +1,201 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/splitter.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__, {
+    ResizablePanels: ()=>ResizablePanels,
+    Splitter: ()=>Splitter
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+function Splitter(rawProps) {
+    const { panels, sizes, defaultSizes, onResize, onResizeEnd, direction = 'horizontal', className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Splitter', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const [current, setCurrent] = (0, use_controllable_cjs_namespaceObject.useControllable)(sizes, defaultSizes ?? panels.map(()=>100 / Math.max(1, panels.length)), (next)=>onResize?.([
+            ...next
+        ]));
+    const sum = current.reduce((total, value)=>total + (Number.isFinite(value) ? Math.max(0, value) : 0), 0);
+    const normalized = panels.length === current.length && sum > 0 ? current.map((value)=>100 * Math.max(0, value) / sum) : panels.map(()=>100 / Math.max(1, panels.length));
+    const latest = (0, external_react_namespaceObject.useRef)(normalized);
+    latest.current = normalized;
+    const stopDragging = (0, external_react_namespaceObject.useRef)(void 0);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>stopDragging.current?.(), []);
+    const collapsed = (0, external_react_namespaceObject.useRef)(new Map());
+    const horizontal = 'horizontal' === direction;
+    const pair = (index, amount, source = latest.current)=>{
+        const next = [
+            ...source
+        ];
+        const total = (source[index] ?? 0) + (source[index + 1] ?? 0);
+        const first = panels[index], second = panels[index + 1];
+        if (!first || !second) return;
+        const low = Math.max(first.min ?? 5, total - (second.max ?? 100));
+        const high = Math.min(first.max ?? 100, total - (second.min ?? 5));
+        if (low > high) return;
+        next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));
+        next[index + 1] = total - (next[index] ?? 0);
+        latest.current = next;
+        setCurrent(next);
+    };
+    const toggle = (index)=>{
+        const next = [
+            ...latest.current
+        ], size = next[index] ?? 0;
+        if (size) {
+            collapsed.current.set(index, size);
+            next[index + 1] = (next[index + 1] ?? 0) + size;
+            next[index] = 0;
+        } else {
+            const restore = Math.min(collapsed.current.get(index) ?? 25, Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)));
+            next[index] = restore;
+            next[index + 1] = (next[index + 1] ?? 0) - restore;
+        }
+        latest.current = next;
+        setCurrent(next);
+        onResizeEnd?.(next);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-splitter', `leaf-splitter--${direction}`, className),
+        style: style,
+        children: panels.map((panel, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-splitter__unit",
+                style: {
+                    display: 'contents'
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-splitter__panel",
+                        "data-collapsed": 0 === normalized[index] || void 0,
+                        ...(0, inert_cjs_namespaceObject.inertProps)(0 === normalized[index]),
+                        style: {
+                            flexBasis: `${normalized[index] ?? 0}%`,
+                            flexGrow: 0,
+                            flexShrink: 1
+                        },
+                        children: panel.children
+                    }),
+                    index < panels.length - 1 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        role: "separator",
+                        tabIndex: false === panel.resizable ? -1 : 0,
+                        "aria-label": format('splitter.resizePanel', {
+                            index: index + 1
+                        }),
+                        "aria-orientation": horizontal ? 'vertical' : 'horizontal',
+                        "aria-valuenow": Math.round(current[index] ?? 0),
+                        "aria-valuemin": panel.min ?? 0,
+                        "aria-valuemax": panel.max ?? 100,
+                        className: "leaf-splitter__handle",
+                        onPointerDown: (event)=>{
+                            if (false === panel.resizable || !root.current) return;
+                            stopDragging.current?.();
+                            event.preventDefault();
+                            event.currentTarget.setPointerCapture(event.pointerId);
+                            const start = horizontal ? event.clientX : event.clientY;
+                            const source = [
+                                ...latest.current
+                            ];
+                            const rect = root.current.getBoundingClientRect();
+                            const length = horizontal ? rect.width : rect.height;
+                            const move = (event)=>pair(index, ((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length) * 100 * (horizontal && 'rtl' === config.direction ? -1 : 1), source);
+                            const cleanup = ()=>{
+                                window.removeEventListener('pointermove', move);
+                                window.removeEventListener('pointerup', end);
+                                window.removeEventListener('pointercancel', end);
+                            };
+                            const end = ()=>{
+                                cleanup();
+                                onResizeEnd?.([
+                                    ...latest.current
+                                ]);
+                            };
+                            stopDragging.current = cleanup;
+                            window.addEventListener('pointermove', move);
+                            window.addEventListener('pointerup', end, {
+                                once: true
+                            });
+                            window.addEventListener('pointercancel', end, {
+                                once: true
+                            });
+                        },
+                        onDoubleClick: ()=>{
+                            if (panel.collapsible) toggle(index);
+                        },
+                        onKeyDown: (event)=>{
+                            const plus = horizontal ? 'rtl' === config.direction ? 'ArrowLeft' : 'ArrowRight' : 'ArrowDown';
+                            const minus = horizontal ? 'rtl' === config.direction ? 'ArrowRight' : 'ArrowLeft' : 'ArrowUp';
+                            if (event.key === plus || event.key === minus) {
+                                event.preventDefault();
+                                pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));
+                                onResizeEnd?.([
+                                    ...latest.current
+                                ]);
+                            }
+                            if ('Enter' === event.key && panel.collapsible) {
+                                event.preventDefault();
+                                toggle(index);
+                            }
+                        },
+                        children: panel.collapsible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            type: "button",
+                            "aria-label": t('splitter.togglePanel'),
+                            onPointerDown: (event)=>event.stopPropagation(),
+                            onClick: ()=>toggle(index),
+                            children: 0 === current[index] ? '+' : '−'
+                        })
+                    })
+                ]
+            }, panel.key))
+    });
+}
+const ResizablePanels = Splitter;
+exports.ResizablePanels = __webpack_exports__.ResizablePanels;
+exports.Splitter = __webpack_exports__.Splitter;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ResizablePanels",
+    "Splitter"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=splitter.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitter/splitter.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/splitter/splitter.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, type ReactNode, useEffect, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nexport interface SplitterPanel {\n  key: string;\n  children: ReactNode;\n  min?: number;\n  max?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n}\nexport interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onResize'> {\n  panels: readonly SplitterPanel[];\n  sizes?: readonly number[];\n  defaultSizes?: readonly number[];\n  onResize?: (sizes: number[]) => void;\n  onResizeEnd?: (sizes: number[]) => void;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function Splitter(rawProps: SplitterProps) {\n  const {\n    panels,\n    sizes,\n    defaultSizes,\n    onResize,\n    onResizeEnd,\n    direction = 'horizontal',\n    className,\n    style,\n    ...props\n  } = useComponentProps('Splitter', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const config = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useControllable<readonly number[]>(\n    sizes,\n    defaultSizes ?? panels.map(() => 100 / Math.max(1, panels.length)),\n    (next) => onResize?.([...next]),\n  );\n  const sum = current.reduce(\n    (total, value) => total + (Number.isFinite(value) ? Math.max(0, value) : 0),\n    0,\n  );\n  const normalized =\n    panels.length === current.length && sum > 0\n      ? current.map((value) => (Math.max(0, value) * 100) / sum)\n      : panels.map(() => 100 / Math.max(1, panels.length));\n  const latest = useRef<readonly number[]>(normalized);\n  latest.current = normalized;\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const collapsed = useRef(new Map<number, number>());\n  const horizontal = direction === 'horizontal';\n  const pair = (index: number, amount: number, source: readonly number[] = latest.current) => {\n    const next = [...source];\n    const total = (source[index] ?? 0) + (source[index + 1] ?? 0);\n    const first = panels[index],\n      second = panels[index + 1];\n    if (!first || !second) return;\n    const low = Math.max(first.min ?? 5, total - (second.max ?? 100));\n    const high = Math.min(first.max ?? 100, total - (second.min ?? 5));\n    if (low > high) return;\n    next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));\n    next[index + 1] = total - (next[index] ?? 0);\n    latest.current = next;\n    setCurrent(next);\n  };\n  const toggle = (index: number) => {\n    const next = [...latest.current],\n      size = next[index] ?? 0;\n    if (size) {\n      collapsed.current.set(index, size);\n      next[index + 1] = (next[index + 1] ?? 0) + size;\n      next[index] = 0;\n    } else {\n      const restore = Math.min(\n        collapsed.current.get(index) ?? 25,\n        Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)),\n      );\n      next[index] = restore;\n      next[index + 1] = (next[index + 1] ?? 0) - restore;\n    }\n    latest.current = next;\n    setCurrent(next);\n    onResizeEnd?.(next);\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-splitter', `leaf-splitter--${direction}`, className)}\n      style={style}\n    >\n      {panels.map((panel, index) => (\n        <div key={panel.key} className=\"leaf-splitter__unit\" style={{ display: 'contents' }}>\n          <div\n            className=\"leaf-splitter__panel\"\n            data-collapsed={normalized[index] === 0 || undefined}\n            {...inertProps(normalized[index] === 0)}\n            style={{ flexBasis: `${normalized[index] ?? 0}%`, flexGrow: 0, flexShrink: 1 }}\n          >\n            {panel.children}\n          </div>\n          {index < panels.length - 1 && (\n            // biome-ignore lint/a11y/useSemanticElements: An adjustable, focusable splitter follows the ARIA window-splitter pattern; a static hr cannot contain its collapse button.\n            <div\n              role=\"separator\"\n              tabIndex={panel.resizable === false ? -1 : 0}\n              aria-label={format('splitter.resizePanel', { index: index + 1 })}\n              aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n              aria-valuenow={Math.round(current[index] ?? 0)}\n              aria-valuemin={panel.min ?? 0}\n              aria-valuemax={panel.max ?? 100}\n              className=\"leaf-splitter__handle\"\n              onPointerDown={(event) => {\n                if (panel.resizable === false || !root.current) return;\n                stopDragging.current?.();\n                event.preventDefault();\n                event.currentTarget.setPointerCapture(event.pointerId);\n                const start = horizontal ? event.clientX : event.clientY;\n                const source = [...latest.current];\n                const rect = root.current.getBoundingClientRect();\n                const length = horizontal ? rect.width : rect.height;\n                const move = (event: PointerEvent) =>\n                  pair(\n                    index,\n                    (((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length)) *\n                      100 *\n                      (horizontal && config.direction === 'rtl' ? -1 : 1),\n                    source,\n                  );\n                const cleanup = () => {\n                  window.removeEventListener('pointermove', move);\n                  window.removeEventListener('pointerup', end);\n                  window.removeEventListener('pointercancel', end);\n                };\n                const end = () => {\n                  cleanup();\n                  onResizeEnd?.([...latest.current]);\n                };\n                stopDragging.current = cleanup;\n                window.addEventListener('pointermove', move);\n                window.addEventListener('pointerup', end, { once: true });\n                window.addEventListener('pointercancel', end, { once: true });\n              }}\n              onDoubleClick={() => {\n                if (panel.collapsible) toggle(index);\n              }}\n              onKeyDown={(event) => {\n                const plus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowLeft'\n                    : 'ArrowRight'\n                  : 'ArrowDown';\n                const minus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowRight'\n                    : 'ArrowLeft'\n                  : 'ArrowUp';\n                if (event.key === plus || event.key === minus) {\n                  event.preventDefault();\n                  pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));\n                  onResizeEnd?.([...latest.current]);\n                }\n                if (event.key === 'Enter' && panel.collapsible) {\n                  event.preventDefault();\n                  toggle(index);\n                }\n              }}\n            >\n              {panel.collapsible && (\n                <button\n                  type=\"button\"\n                  aria-label={t('splitter.togglePanel')}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  onClick={() => toggle(index)}\n                >\n                  {current[index] === 0 ? '+' : '−'}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\nexport const ResizablePanels = Splitter;\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Splitter","rawProps","panels","sizes","defaultSizes","onResize","onResizeEnd","direction","className","style","props","useComponentProps","t","useText","format","useFormattedText","config","useLeafConfig","root","useRef","current","setCurrent","useControllable","Math","next","sum","total","value","Number","normalized","latest","stopDragging","undefined","useEffect","collapsed","Map","horizontal","pair","index","amount","source","first","second","low","high","toggle","size","restore","classes","panel","inertProps","event","start","rect","length","move","cleanup","window","end","plus","minus","ResizablePanels"],"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;;;;;;;;;;;;;;;;;ACkBO,SAASI,SAASC,QAAuB;IAC9C,MAAM,EACJC,MAAM,EACNC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,WAAW,EACXC,YAAY,YAAY,EACxBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,YAAYV;IAClC,MAAMW,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAMC,SAASC,AAAAA,IAAAA,uCAAAA,gBAAAA,AAAAA;IACf,MAAMC,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpC,MAAM,CAACC,SAASC,WAAW,GAAGC,AAAAA,IAAAA,qCAAAA,eAAAA,AAAAA,EAC5BnB,OACAC,gBAAgBF,OAAO,GAAG,CAAC,IAAM,MAAMqB,KAAK,GAAG,CAAC,GAAGrB,OAAO,MAAM,IAChE,CAACsB,OAASnB,WAAW;eAAImB;SAAK;IAEhC,MAAMC,MAAML,QAAQ,MAAM,CACxB,CAACM,OAAOC,QAAUD,QAASE,CAAAA,OAAO,QAAQ,CAACD,SAASJ,KAAK,GAAG,CAAC,GAAGI,SAAS,IACzE;IAEF,MAAME,aACJ3B,OAAO,MAAM,KAAKkB,QAAQ,MAAM,IAAIK,MAAM,IACtCL,QAAQ,GAAG,CAAC,CAACO,QAAWJ,AAAqB,MAArBA,KAAK,GAAG,CAAC,GAAGI,SAAgBF,OACpDvB,OAAO,GAAG,CAAC,IAAM,MAAMqB,KAAK,GAAG,CAAC,GAAGrB,OAAO,MAAM;IACtD,MAAM4B,SAASX,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAA0BU;IACzCC,OAAO,OAAO,GAAGD;IACjB,MAAME,eAAeZ,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAiCa;IACtDC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU,IAAM,IAAMF,aAAa,OAAO,MAAM,EAAE;IAClD,MAAMG,YAAYf,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO,IAAIgB;IAC7B,MAAMC,aAAa7B,AAAc,iBAAdA;IACnB,MAAM8B,OAAO,CAACC,OAAeC,QAAgBC,SAA4BV,OAAO,OAAO;QACrF,MAAMN,OAAO;eAAIgB;SAAO;QACxB,MAAMd,QAASc,AAAAA,CAAAA,MAAM,CAACF,MAAM,IAAI,KAAME,CAAAA,MAAM,CAACF,QAAQ,EAAE,IAAI;QAC3D,MAAMG,QAAQvC,MAAM,CAACoC,MAAM,EACzBI,SAASxC,MAAM,CAACoC,QAAQ,EAAE;QAC5B,IAAI,CAACG,SAAS,CAACC,QAAQ;QACvB,MAAMC,MAAMpB,KAAK,GAAG,CAACkB,MAAM,GAAG,IAAI,GAAGf,QAASgB,CAAAA,OAAO,GAAG,IAAI,GAAE;QAC9D,MAAME,OAAOrB,KAAK,GAAG,CAACkB,MAAM,GAAG,IAAI,KAAKf,QAASgB,CAAAA,OAAO,GAAG,IAAI;QAC/D,IAAIC,MAAMC,MAAM;QAChBpB,IAAI,CAACc,MAAM,GAAGf,KAAK,GAAG,CAACqB,MAAMrB,KAAK,GAAG,CAACoB,KAAMH,AAAAA,CAAAA,MAAM,CAACF,MAAM,IAAI,KAAKC;QAClEf,IAAI,CAACc,QAAQ,EAAE,GAAGZ,QAASF,CAAAA,IAAI,CAACc,MAAM,IAAI;QAC1CR,OAAO,OAAO,GAAGN;QACjBH,WAAWG;IACb;IACA,MAAMqB,SAAS,CAACP;QACd,MAAMd,OAAO;eAAIM,OAAO,OAAO;SAAC,EAC9BgB,OAAOtB,IAAI,CAACc,MAAM,IAAI;QACxB,IAAIQ,MAAM;YACRZ,UAAU,OAAO,CAAC,GAAG,CAACI,OAAOQ;YAC7BtB,IAAI,CAACc,QAAQ,EAAE,GAAId,AAAAA,CAAAA,IAAI,CAACc,QAAQ,EAAE,IAAI,KAAKQ;YAC3CtB,IAAI,CAACc,MAAM,GAAG;QAChB,OAAO;YACL,MAAMS,UAAUxB,KAAK,GAAG,CACtBW,UAAU,OAAO,CAAC,GAAG,CAACI,UAAU,IAChCf,KAAK,GAAG,CAAC,GAAIC,AAAAA,CAAAA,IAAI,CAACc,QAAQ,EAAE,IAAI,KAAMpC,CAAAA,MAAM,CAACoC,QAAQ,EAAE,EAAE,OAAO;YAElEd,IAAI,CAACc,MAAM,GAAGS;YACdvB,IAAI,CAACc,QAAQ,EAAE,GAAId,AAAAA,CAAAA,IAAI,CAACc,QAAQ,EAAE,IAAI,KAAKS;QAC7C;QACAjB,OAAO,OAAO,GAAGN;QACjBH,WAAWG;QACXlB,cAAckB;IAChB;IACA,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGd,KAAK;QACT,KAAKQ;QACL,WAAW8B,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiB,CAAC,eAAe,EAAEzC,WAAW,EAAEC;QACnE,OAAOC;kBAENP,OAAO,GAAG,CAAC,CAAC+C,OAAOX,QAClB,AADkBA,WAAAA,GAClB,sCAAC;gBAAoB,WAAU;gBAAsB,OAAO;oBAAE,SAAS;gBAAW;;kCAChF,qCAAC;wBACC,WAAU;wBACV,kBAAgBT,AAAsB,MAAtBA,UAAU,CAACS,MAAM,IAAUN;wBAC1C,GAAGkB,AAAAA,IAAAA,0BAAAA,UAAAA,AAAAA,EAAWrB,AAAsB,MAAtBA,UAAU,CAACS,MAAM,CAAO;wBACvC,OAAO;4BAAE,WAAW,GAAGT,UAAU,CAACS,MAAM,IAAI,EAAE,CAAC,CAAC;4BAAE,UAAU;4BAAG,YAAY;wBAAE;kCAE5EW,MAAM,QAAQ;;oBAEhBX,QAAQpC,OAAO,MAAM,GAAG,KAEvB,mDAAC;wBACC,MAAK;wBACL,UAAU+C,AAAoB,UAApBA,MAAM,SAAS,GAAa,KAAK;wBAC3C,cAAYnC,OAAO,wBAAwB;4BAAE,OAAOwB,QAAQ;wBAAE;wBAC9D,oBAAkBF,aAAa,aAAa;wBAC5C,iBAAeb,KAAK,KAAK,CAACH,OAAO,CAACkB,MAAM,IAAI;wBAC5C,iBAAeW,MAAM,GAAG,IAAI;wBAC5B,iBAAeA,MAAM,GAAG,IAAI;wBAC5B,WAAU;wBACV,eAAe,CAACE;4BACd,IAAIF,AAAoB,UAApBA,MAAM,SAAS,IAAc,CAAC/B,KAAK,OAAO,EAAE;4BAChDa,aAAa,OAAO;4BACpBoB,MAAM,cAAc;4BACpBA,MAAM,aAAa,CAAC,iBAAiB,CAACA,MAAM,SAAS;4BACrD,MAAMC,QAAQhB,aAAae,MAAM,OAAO,GAAGA,MAAM,OAAO;4BACxD,MAAMX,SAAS;mCAAIV,OAAO,OAAO;6BAAC;4BAClC,MAAMuB,OAAOnC,KAAK,OAAO,CAAC,qBAAqB;4BAC/C,MAAMoC,SAASlB,aAAaiB,KAAK,KAAK,GAAGA,KAAK,MAAM;4BACpD,MAAME,OAAO,CAACJ,QACZd,KACEC,OACE,AAACF,CAAAA,CAAAA,aAAae,MAAM,OAAO,GAAGA,MAAM,OAAM,IAAKC,KAAI,IAAK7B,KAAK,GAAG,CAAC,GAAG+B,UACpE,MACClB,CAAAA,cAAcpB,AAAqB,UAArBA,OAAO,SAAS,GAAa,KAAK,IACnDwB;4BAEJ,MAAMgB,UAAU;gCACdC,OAAO,mBAAmB,CAAC,eAAeF;gCAC1CE,OAAO,mBAAmB,CAAC,aAAaC;gCACxCD,OAAO,mBAAmB,CAAC,iBAAiBC;4BAC9C;4BACA,MAAMA,MAAM;gCACVF;gCACAlD,cAAc;uCAAIwB,OAAO,OAAO;iCAAC;4BACnC;4BACAC,aAAa,OAAO,GAAGyB;4BACvBC,OAAO,gBAAgB,CAAC,eAAeF;4BACvCE,OAAO,gBAAgB,CAAC,aAAaC,KAAK;gCAAE,MAAM;4BAAK;4BACvDD,OAAO,gBAAgB,CAAC,iBAAiBC,KAAK;gCAAE,MAAM;4BAAK;wBAC7D;wBACA,eAAe;4BACb,IAAIT,MAAM,WAAW,EAAEJ,OAAOP;wBAChC;wBACA,WAAW,CAACa;4BACV,MAAMQ,OAAOvB,aACTpB,AAAqB,UAArBA,OAAO,SAAS,GACd,cACA,eACF;4BACJ,MAAM4C,QAAQxB,aACVpB,AAAqB,UAArBA,OAAO,SAAS,GACd,eACA,cACF;4BACJ,IAAImC,MAAM,GAAG,KAAKQ,QAAQR,MAAM,GAAG,KAAKS,OAAO;gCAC7CT,MAAM,cAAc;gCACpBd,KAAKC,OAAQa,AAAAA,CAAAA,MAAM,GAAG,KAAKQ,OAAO,IAAI,EAAC,IAAMR,CAAAA,MAAM,QAAQ,GAAG,KAAK;gCACnE7C,cAAc;uCAAIwB,OAAO,OAAO;iCAAC;4BACnC;4BACA,IAAIqB,AAAc,YAAdA,MAAM,GAAG,IAAgBF,MAAM,WAAW,EAAE;gCAC9CE,MAAM,cAAc;gCACpBN,OAAOP;4BACT;wBACF;kCAECW,MAAM,WAAW,IAChB,AADoB,WAAJ,GAChB,qCAAC;4BACC,MAAK;4BACL,cAAYrC,EAAE;4BACd,eAAe,CAACuC,QAAUA,MAAM,eAAe;4BAC/C,SAAS,IAAMN,OAAOP;sCAErBlB,AAAmB,MAAnBA,OAAO,CAACkB,MAAM,GAAS,MAAM;;;;eAnF9BW,MAAM,GAAG;;AA4F3B;AACO,MAAMY,kBAAkB7D"}

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

@@ -0,0 +1,46 @@
+"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__, {
+    Countdown: ()=>external_statistic_cjs_namespaceObject.Countdown,
+    Statistic: ()=>external_statistic_cjs_namespaceObject.Statistic
+});
+const external_statistic_cjs_namespaceObject = require("./statistic.cjs");
+exports.Countdown = __webpack_exports__.Countdown;
+exports.Statistic = __webpack_exports__.Statistic;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Countdown",
+    "Statistic"
+].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/statistic/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistic/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/statistic/statistic.cjs

@@ -0,0 +1,170 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/statistic.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__, {
+    Countdown: ()=>Countdown,
+    Statistic: ()=>Statistic,
+    StatisticControl: ()=>StatisticControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+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 StatisticControl({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
+    const { locale, messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const number = (0, external_react_namespaceObject.useRef)(null);
+    const previous = (0, external_react_namespaceObject.useRef)(value);
+    const animation = (0, external_react_namespaceObject.useRef)(void 0);
+    const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
+    useBrowserLayoutEffect(()=>{
+        const node = number.current;
+        const changed = previous.current !== value;
+        const interrupted = animation.current?.playState === 'running' && node ? getComputedStyle(node) : null;
+        const opacity = interrupted?.opacity ?? 0.65;
+        const transform = interrupted?.transform ?? `translateY(${'number' == typeof value && 'number' == typeof previous.current && value < previous.current ? -4 : 4}px)`;
+        animation.current?.cancel();
+        if (motion && changed && node && !loading && !formatter && 'number' == typeof value && Number.isFinite(value)) animation.current = (0, motion_cjs_namespaceObject.animateMotion)(node, [
+            {
+                opacity,
+                transform
+            },
+            {
+                opacity: 1,
+                transform: 'translateY(0)'
+            }
+        ], {
+            durationMultiplier: 1.6
+        });
+        previous.current = value;
+    }, [
+        value,
+        loading,
+        formatter,
+        motion
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>animation.current?.cancel(), []);
+    const digits = void 0 === precision ? void 0 : Math.max(0, Math.min(20, precision));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-statistic', className),
+        "aria-busy": loading || void 0,
+        children: [
+            title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-statistic__title",
+                children: title
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-statistic__value",
+                children: [
+                    prefix,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        ref: number,
+                        className: "leaf-statistic__number",
+                        "data-loading": loading || void 0,
+                        children: loading ? messages.common.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
+                            minimumFractionDigits: digits,
+                            maximumFractionDigits: digits ?? 6,
+                            useGrouping: grouping
+                        }).format(value) : value
+                    }),
+                    suffix && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-statistic__suffix",
+                        children: suffix
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Countdown(rawProps) {
+    const { value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Countdown', rawProps);
+    const rawDeadline = value instanceof Date ? value.getTime() : value;
+    const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;
+    const [now, setNow] = (0, external_react_namespaceObject.useState)(()=>void 0 !== initialRemaining && Number.isFinite(initialRemaining) ? deadline - Math.max(0, initialRemaining) : Date.now());
+    const callbacks = (0, external_react_namespaceObject.useRef)({
+        onFinish,
+        onChange
+    });
+    const finishedDeadline = (0, external_react_namespaceObject.useRef)(null);
+    callbacks.current = {
+        onFinish,
+        onChange
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        let timer;
+        const tick = ()=>{
+            const current = Date.now();
+            const remaining = Math.max(0, deadline - current);
+            setNow(current);
+            callbacks.current.onChange?.(remaining);
+            if (0 === remaining && finishedDeadline.current !== deadline) {
+                finishedDeadline.current = deadline;
+                callbacks.current.onFinish?.();
+            }
+            if (remaining > 0) timer = setTimeout(tick, Math.min(remaining, format.includes('SSS') ? 50 : 1000));
+        };
+        tick();
+        return ()=>clearTimeout(timer);
+    }, [
+        deadline,
+        format
+    ]);
+    const remaining = Math.max(0, deadline - now);
+    const days = Math.floor(remaining / 86400000), hours = Math.floor(remaining / 3600000), minutes = Math.floor(remaining / 60000) % 60, seconds = Math.floor(remaining / 1000) % 60;
+    const label = format.replace(/DD|HH|mm|ss|SSS/g, (token)=>String('DD' === token ? days : 'HH' === token ? format.includes('DD') ? hours % 24 : hours : 'mm' === token ? minutes : 'ss' === token ? seconds : remaining % 1000).padStart('SSS' === token ? 3 : 2, '0'));
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatisticControl, {
+        ...props,
+        value: label
+    });
+}
+function Statistic(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Statistic', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatisticControl, {
+        ...props
+    });
+}
+exports.Countdown = __webpack_exports__.Countdown;
+exports.Statistic = __webpack_exports__.Statistic;
+exports.StatisticControl = __webpack_exports__.StatisticControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Countdown",
+    "Statistic",
+    "StatisticControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=statistic.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statistic/statistic.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/statistic/statistic.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 {\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\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;\nexport interface StatisticProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'prefix'> {\n  title?: ReactNode;\n  value: number | string;\n  precision?: number;\n  grouping?: boolean;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  formatter?: (value: number | string) => ReactNode;\n  loading?: boolean;\n}\nexport function StatisticControl({\n  title,\n  value,\n  precision,\n  grouping = true,\n  prefix,\n  suffix,\n  formatter,\n  loading,\n  className,\n  ...props\n}: StatisticProps) {\n  const { locale, messages } = useLeafConfig();\n  const number = useRef<HTMLSpanElement>(null);\n  const previous = useRef(value);\n  const animation = useRef<Animation | undefined>(undefined);\n  const motion = useMotionEnabled();\n  useBrowserLayoutEffect(() => {\n    const node = number.current;\n    const changed = previous.current !== value;\n    const interrupted =\n      animation.current?.playState === 'running' && node ? getComputedStyle(node) : null;\n    const opacity = interrupted?.opacity ?? 0.65;\n    const transform =\n      interrupted?.transform ??\n      `translateY(${typeof value === 'number' && typeof previous.current === 'number' && value < previous.current ? -4 : 4}px)`;\n    animation.current?.cancel();\n    if (\n      motion &&\n      changed &&\n      node &&\n      !loading &&\n      !formatter &&\n      typeof value === 'number' &&\n      Number.isFinite(value)\n    ) {\n      animation.current = animateMotion(\n        node,\n        [\n          { opacity, transform },\n          { opacity: 1, transform: 'translateY(0)' },\n        ],\n        { durationMultiplier: 1.6 },\n      );\n    }\n    previous.current = value;\n  }, [value, loading, formatter, motion]);\n  useEffect(() => () => animation.current?.cancel(), []);\n  const digits = precision === undefined ? undefined : Math.max(0, Math.min(20, precision));\n  return (\n    <div\n      {...props}\n      className={classes('leaf-statistic', className)}\n      aria-busy={loading || undefined}\n    >\n      {title && <div className=\"leaf-statistic__title\">{title}</div>}\n      <div className=\"leaf-statistic__value\">\n        {prefix}\n        <span ref={number} className=\"leaf-statistic__number\" data-loading={loading || undefined}>\n          {loading\n            ? messages.common.loading\n            : formatter\n              ? formatter(value)\n              : typeof value === 'number'\n                ? new Intl.NumberFormat(locale, {\n                    minimumFractionDigits: digits,\n                    maximumFractionDigits: digits ?? 6,\n                    useGrouping: grouping,\n                  }).format(value)\n                : value}\n        </span>\n        {suffix && <span className=\"leaf-statistic__suffix\">{suffix}</span>}\n      </div>\n    </div>\n  );\n}\nexport interface CountdownProps\n  extends Omit<StatisticProps, 'value' | 'precision' | 'grouping' | 'formatter' | 'onChange'> {\n  value: number | Date;\n  format?: string;\n  onFinish?: () => void;\n  onChange?: (remaining: number) => void;\n  initialRemaining?: number;\n}\nexport function Countdown(rawProps: CountdownProps) {\n  const {\n    value,\n    format = 'HH:mm:ss',\n    onFinish,\n    onChange,\n    initialRemaining,\n    ...props\n  } = useComponentProps('Countdown', rawProps);\n  const rawDeadline = value instanceof Date ? value.getTime() : value;\n  const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;\n  const [now, setNow] = useState(() =>\n    initialRemaining !== undefined && Number.isFinite(initialRemaining)\n      ? deadline - Math.max(0, initialRemaining)\n      : Date.now(),\n  );\n  const callbacks = useRef({ onFinish, onChange });\n  const finishedDeadline = useRef<number | null>(null);\n  callbacks.current = { onFinish, onChange };\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const tick = () => {\n      const current = Date.now();\n      const remaining = Math.max(0, deadline - current);\n      setNow(current);\n      callbacks.current.onChange?.(remaining);\n      if (remaining === 0 && finishedDeadline.current !== deadline) {\n        finishedDeadline.current = deadline;\n        callbacks.current.onFinish?.();\n      }\n      if (remaining > 0)\n        timer = setTimeout(tick, Math.min(remaining, format.includes('SSS') ? 50 : 1000));\n    };\n    tick();\n    return () => clearTimeout(timer);\n  }, [deadline, format]);\n  const remaining = Math.max(0, deadline - now);\n  const days = Math.floor(remaining / 86400000),\n    hours = Math.floor(remaining / 3600000),\n    minutes = Math.floor(remaining / 60000) % 60,\n    seconds = Math.floor(remaining / 1000) % 60;\n  const label = format.replace(/DD|HH|mm|ss|SSS/g, (token) =>\n    String(\n      token === 'DD'\n        ? days\n        : token === 'HH'\n          ? format.includes('DD')\n            ? hours % 24\n            : hours\n          : token === 'mm'\n            ? minutes\n            : token === 'ss'\n              ? seconds\n              : remaining % 1000,\n    ).padStart(token === 'SSS' ? 3 : 2, '0'),\n  );\n  return <StatisticControl {...props} value={label} />;\n}\n\nexport function Statistic(rawProps: StatisticProps) {\n  const props = useComponentProps('Statistic', rawProps);\n  return <StatisticControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","StatisticControl","title","value","precision","grouping","prefix","suffix","formatter","loading","className","props","locale","messages","useLeafConfig","number","useRef","previous","animation","undefined","motion","useMotionEnabled","node","changed","interrupted","getComputedStyle","opacity","transform","Number","animateMotion","digits","Math","classes","Intl","Countdown","rawProps","format","onFinish","onChange","initialRemaining","useComponentProps","rawDeadline","Date","deadline","now","setNow","useState","callbacks","finishedDeadline","timer","tick","current","remaining","setTimeout","clearTimeout","days","hours","minutes","seconds","label","token","String","Statistic"],"mappings":"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"}

package/dist/cjs/browser/modules/steps/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__, {
+    Steps: ()=>external_steps_cjs_namespaceObject.Steps
+});
+const external_steps_cjs_namespaceObject = require("./steps.cjs");
+exports.Steps = __webpack_exports__.Steps;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Steps"
+].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/steps/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps/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"}