@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/popover/popover.cjs

@@ -0,0 +1,200 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/popover.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__, {
+    Popover: ()=>Popover,
+    PopoverControl: ()=>PopoverControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_tabbable_namespaceObject = require("tabbable");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const floating_cjs_namespaceObject = require("../shared/floating.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+function PopoverControl({ children, title, content, trigger: mode = 'click', placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, autoFocus = true, enterDelay = 100, leaveDelay = 100, width = 'max-content', maxWidth = 320, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, style, 'aria-label': label }) {
+    const [internal, setInternal] = (0, external_react_namespaceObject.useState)(defaultOpen);
+    const inactive = disabled || children.props.disabled;
+    const open = !inactive && (controlled ?? internal);
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const panel = (0, external_react_namespaceObject.useRef)(null);
+    const body = (0, external_react_namespaceObject.useRef)(null);
+    (0, presence_cjs_namespaceObject.useNaturalHeightTransition)(panel, body, open);
+    const childRef = external_react_namespaceObject.version.startsWith('18.') ? children.ref : children.props.ref;
+    const ref = (0, field_cjs_namespaceObject.useMergedRef)(trigger, childRef);
+    const id = `${(0, external_react_namespaceObject.useId)()}-popover`;
+    const timer = (0, external_react_namespaceObject.useRef)(void 0);
+    const focused = (0, external_react_namespaceObject.useRef)(false);
+    const hovered = (0, external_react_namespaceObject.useRef)(false);
+    const change = (next)=>{
+        if (void 0 === controlled) setInternal(next);
+        if (next !== open) onOpenChange?.(next);
+    };
+    const dismiss = ()=>{
+        clearTimeout(timer.current);
+        change(false);
+    };
+    const schedule = (next, delay)=>{
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>change(next), Math.max(0, delay));
+    };
+    (0, floating_cjs_namespaceObject.useFloatingDismiss)(open, dismiss, trigger, panel);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>clearTimeout(timer.current), []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (inactive) {
+            clearTimeout(timer.current);
+            setInternal(false);
+        }
+    }, [
+        inactive
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const node = panel.current;
+        if (!open || 'click' !== mode || !node || !autoFocus) return;
+        ((0, external_tabbable_namespaceObject.tabbable)(node)[0] ?? node).focus();
+        return ()=>{
+            if (node.contains(document.activeElement)) trigger.current?.focus();
+        };
+    }, [
+        open,
+        mode,
+        autoFocus
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, external_react_namespaceObject.cloneElement)(children, {
+                ref,
+                'aria-haspopup': 'click' === mode ? 'dialog' : children.props['aria-haspopup'],
+                'aria-expanded': 'click' === mode ? open : children.props['aria-expanded'],
+                'aria-controls': open ? id : children.props['aria-controls'],
+                'aria-describedby': 'hover' === mode && open ? [
+                    children.props['aria-describedby'],
+                    id
+                ].filter(Boolean).join(' ') : children.props['aria-describedby'],
+                onClick: (event)=>{
+                    children.props.onClick?.(event);
+                    if ('click' === mode && !inactive && !event.defaultPrevented) change(!open);
+                },
+                onKeyDown: (event)=>{
+                    children.props.onKeyDown?.(event);
+                    if ('click' === mode && !inactive && !event.defaultPrevented && 'ArrowDown' === event.key) {
+                        event.preventDefault();
+                        change(true);
+                    }
+                },
+                onPointerEnter: (event)=>{
+                    children.props.onPointerEnter?.(event);
+                    if ('hover' === mode && !inactive && !event.defaultPrevented && 'touch' !== event.pointerType) {
+                        hovered.current = true;
+                        schedule(true, enterDelay);
+                    }
+                },
+                onPointerLeave: (event)=>{
+                    children.props.onPointerLeave?.(event);
+                    hovered.current = false;
+                    if ('hover' === mode && !focused.current) schedule(false, leaveDelay);
+                },
+                onFocus: (event)=>{
+                    children.props.onFocus?.(event);
+                    if ('hover' === mode && !inactive && !event.defaultPrevented) {
+                        focused.current = true;
+                        clearTimeout(timer.current);
+                        change(true);
+                    }
+                },
+                onBlur: (event)=>{
+                    children.props.onBlur?.(event);
+                    focused.current = false;
+                    if ('hover' === mode && !hovered.current && !panel.current?.contains(event.relatedTarget)) schedule(false, leaveDelay);
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(floating_cjs_namespaceObject.FloatingPanel, {
+                open: open,
+                render: popupRender,
+                container: getPopupContainer,
+                triggerRef: trigger,
+                panelRef: panel,
+                id: id,
+                role: 'click' === mode ? 'dialog' : 'tooltip',
+                tabIndex: -1,
+                placement: popupPlacement ?? placement,
+                width: width,
+                maxWidth: maxWidth,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-popover', className, popupClassName),
+                style: {
+                    ...style,
+                    ...popupStyle
+                },
+                "aria-label": label ?? ('string' == typeof title ? title : void 0),
+                "aria-labelledby": null != title ? `${id}-title` : void 0,
+                onPointerEnter: ()=>{
+                    hovered.current = true;
+                    clearTimeout(timer.current);
+                },
+                onPointerLeave: ()=>{
+                    hovered.current = false;
+                    if ('hover' === mode && !focused.current && !panel.current?.contains(document.activeElement)) schedule(false, leaveDelay);
+                },
+                children: [
+                    null != title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        id: `${id}-title`,
+                        className: "leaf-popover__title",
+                        children: title
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        ref: body,
+                        className: "leaf-popover__content",
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+}
+function Popover(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Popover', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PopoverControl, {
+        ...props
+    });
+}
+exports.Popover = __webpack_exports__.Popover;
+exports.PopoverControl = __webpack_exports__.PopoverControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Popover",
+    "PopoverControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=popover.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover/popover.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/popover/popover.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 CSSProperties,\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport { useNaturalHeightTransition } from '../shared/presence';\n\nexport interface PopoverProps extends PopupOptions {\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  title?: ReactNode;\n  content: ReactNode;\n  trigger?: 'click' | 'hover';\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  width?: number | string;\n  maxWidth?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  'aria-label'?: string;\n}\nexport function PopoverControl({\n  children,\n  title,\n  content,\n  trigger: mode = 'click',\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  autoFocus = true,\n  enterDelay = 100,\n  leaveDelay = 100,\n  width = 'max-content',\n  maxWidth = 320,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  style,\n  'aria-label': label,\n}: PopoverProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const body = useRef<HTMLDivElement>(null);\n  useNaturalHeightTransition(panel, body, open);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-popover`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  useEffect(() => {\n    const node = panel.current;\n    if (!open || mode !== 'click' || !node || !autoFocus) return;\n    (tabbable(node)[0] ?? node).focus();\n    return () => {\n      if (node.contains(document.activeElement)) trigger.current?.focus();\n    };\n  }, [open, mode, autoFocus]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-haspopup': mode === 'click' ? 'dialog' : children.props['aria-haspopup'],\n        'aria-expanded': mode === 'click' ? open : children.props['aria-expanded'],\n        'aria-controls': open ? id : children.props['aria-controls'],\n        'aria-describedby':\n          mode === 'hover' && open\n            ? [children.props['aria-describedby'], id].filter(Boolean).join(' ')\n            : children.props['aria-describedby'],\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (mode === 'click' && !inactive && !event.defaultPrevented) change(!open);\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (\n            mode === 'click' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.key === 'ArrowDown'\n          ) {\n            event.preventDefault();\n            change(true);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (\n            mode === 'hover' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.pointerType !== 'touch'\n          ) {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (mode === 'hover' && !focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (mode === 'hover' && !inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (mode === 'hover' && !hovered.current && !panel.current?.contains(event.relatedTarget))\n            schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role={mode === 'click' ? 'dialog' : 'tooltip'}\n        tabIndex={-1}\n        placement={popupPlacement ?? placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes('leaf-floating', 'leaf-popover', className, popupClassName)}\n        style={{ ...style, ...popupStyle }}\n        aria-label={label ?? (typeof title === 'string' ? title : undefined)}\n        aria-labelledby={title != null ? `${id}-title` : undefined}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (\n            mode === 'hover' &&\n            !focused.current &&\n            !panel.current?.contains(document.activeElement)\n          )\n            schedule(false, leaveDelay);\n        }}\n      >\n        {title != null && (\n          <div id={`${id}-title`} className=\"leaf-popover__title\">\n            {title}\n          </div>\n        )}\n        <div ref={body} className=\"leaf-popover__content\">\n          {content}\n        </div>\n      </FloatingPanel>\n    </>\n  );\n}\n\nexport function Popover(rawProps: PopoverProps) {\n  const props = useComponentProps('Popover', rawProps);\n  return <PopoverControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","PopoverControl","children","title","content","mode","placement","controlled","defaultOpen","onOpenChange","disabled","autoFocus","enterDelay","leaveDelay","width","maxWidth","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","style","label","internal","setInternal","useState","inactive","open","trigger","useRef","panel","body","useNaturalHeightTransition","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","dismiss","clearTimeout","schedule","delay","setTimeout","Math","useFloatingDismiss","useEffect","node","tabbable","document","cloneElement","Boolean","event","FloatingPanel","classes","Popover","rawProps","props","useComponentProps"],"mappings":"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"}

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

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

@@ -0,0 +1,167 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/progress.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__, {
+    Progress: ()=>Progress
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-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");
+function Progress(rawProps) {
+    const { percent = 0, type = 'line', status = 'normal', showInfo = true, format, strokeWidth, color, size = 100, indeterminate = false, active = true, trailColor, segments, steps, dashboard = false, successPercent, className, style, 'aria-label': label, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Progress', rawProps);
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));
+    const state = indeterminate || 'normal' !== status || 100 !== value ? status : 'success';
+    const width = Math.max(1, Math.min(20, strokeWidth ?? ('circle' === type ? 6 : 8)));
+    const content = format ? format(value) : 'success' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+        "aria-hidden": "true"
+    }) : 'error' === state ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+        "aria-hidden": "true"
+    }) : `${value}%`;
+    const radius = 50 - width / 2;
+    const circumference = 2 * Math.PI * radius;
+    const sweep = dashboard ? 0.75 * circumference : circumference;
+    const stepCount = steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;
+    let remaining = 100;
+    const sections = segments?.map((segment)=>{
+        const percent = Math.max(0, Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0));
+        remaining -= percent;
+        return {
+            ...segment,
+            percent
+        };
+    });
+    const filled = sections?.length ? sections.reduce((total, section)=>total + section.percent, 0) : value;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": indeterminate ? void 0 : value,
+        "aria-label": label ?? messages.progress.label,
+        "aria-valuetext": indeterminate ? messages.common.loading : `${value}%`,
+        "data-status": state,
+        "data-indeterminate": indeterminate || void 0,
+        "data-active": active && 'line' === type && !stepCount && !indeterminate && 'normal' === state && filled > 0 && filled < 100 || void 0,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-progress', `leaf-progress--${type}`, dashboard && 'leaf-progress--dashboard', Boolean(steps) && 'leaf-progress--steps', className),
+        style: {
+            ...color ? {
+                '--leaf-progress-color': color
+            } : {},
+            ...trailColor ? {
+                '--leaf-progress-trail': trailColor
+            } : {},
+            ...'circle' === type ? {
+                width: size,
+                height: size
+            } : {},
+            ...style
+        },
+        children: [
+            'line' === type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-progress__track",
+                style: {
+                    height: width,
+                    display: segments?.length ? 'flex' : void 0
+                },
+                children: stepCount ? Array.from({
+                    length: stepCount
+                }, (_, index)=>index).map((index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-progress__step",
+                        "data-filled": index / stepCount * 100 < value || void 0,
+                        style: segments?.[index] ? {
+                            '--leaf-progress-color': segments[index]?.color
+                        } : void 0
+                    }, `step-${index}`)) : segments?.length ? sections?.map((segment, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-progress__fill",
+                        style: {
+                            width: `${segment.percent}%`,
+                            background: segment.color
+                        }
+                    }, segment.key ?? `segment-${index}`)) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-progress__fill",
+                    style: {
+                        width: `${value}%`
+                    }
+                })
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+                viewBox: "0 0 100 100",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
+                        className: "leaf-progress__trail",
+                        cx: "50",
+                        cy: "50",
+                        r: radius,
+                        strokeWidth: width,
+                        strokeDasharray: dashboard ? `${sweep} ${circumference}` : void 0,
+                        transform: dashboard ? 'rotate(135 50 50)' : void 0
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
+                        className: "leaf-progress__arc",
+                        cx: "50",
+                        cy: "50",
+                        r: radius,
+                        strokeWidth: width,
+                        strokeDasharray: indeterminate ? `${0.25 * circumference} ${circumference}` : `${sweep * value / 100} ${circumference}`,
+                        strokeDashoffset: 0,
+                        transform: dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'
+                    }),
+                    void 0 !== successPercent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
+                        className: "leaf-progress__arc leaf-progress__arc--success",
+                        cx: "50",
+                        cy: "50",
+                        r: radius,
+                        strokeWidth: width,
+                        strokeDasharray: `${sweep * Math.max(0, Math.min(value, successPercent)) / 100} ${circumference}`,
+                        transform: dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'
+                    })
+                ]
+            }),
+            showInfo && !indeterminate && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-progress__info",
+                children: content
+            })
+        ]
+    });
+}
+exports.Progress = __webpack_exports__.Progress;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Progress"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=progress.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress/progress.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/progress/progress.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 { Check, X } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\n\nexport interface ProgressSegment {\n  key?: string;\n  percent: number;\n  color?: string;\n}\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  percent?: number;\n  type?: 'line' | 'circle';\n  status?: 'normal' | 'success' | 'error';\n  showInfo?: boolean;\n  format?: (percent: number) => ReactNode;\n  strokeWidth?: number;\n  color?: string;\n  size?: number;\n  indeterminate?: boolean;\n  /** Animate a soft shimmer within the completed part of an unfinished line. */\n  active?: boolean;\n  trailColor?: string;\n  segments?: readonly ProgressSegment[];\n  steps?: number;\n  dashboard?: boolean;\n  successPercent?: number;\n}\nexport function Progress(rawProps: ProgressProps) {\n  const {\n    percent = 0,\n    type = 'line',\n    status = 'normal',\n    showInfo = true,\n    format,\n    strokeWidth,\n    color,\n    size = 100,\n    indeterminate = false,\n    active = true,\n    trailColor,\n    segments,\n    steps,\n    dashboard = false,\n    successPercent,\n    className,\n    style,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Progress', rawProps);\n  const { messages } = useLeafConfig();\n  const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));\n  const state = !indeterminate && status === 'normal' && value === 100 ? 'success' : status;\n  const width = Math.max(1, Math.min(20, strokeWidth ?? (type === 'circle' ? 6 : 8)));\n  const content = format ? (\n    format(value)\n  ) : state === 'success' ? (\n    <Check aria-hidden=\"true\" />\n  ) : state === 'error' ? (\n    <X aria-hidden=\"true\" />\n  ) : (\n    `${value}%`\n  );\n  const radius = 50 - width / 2;\n  const circumference = 2 * Math.PI * radius;\n  const sweep = dashboard ? circumference * 0.75 : circumference;\n  const stepCount =\n    steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;\n  let remaining = 100;\n  const sections = segments?.map((segment) => {\n    const percent = Math.max(\n      0,\n      Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0),\n    );\n    remaining -= percent;\n    return { ...segment, percent };\n  });\n  const filled = sections?.length\n    ? sections.reduce((total, section) => total + section.percent, 0)\n    : value;\n  return (\n    <div\n      {...props}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-label={label ?? messages.progress.label}\n      aria-valuetext={indeterminate ? messages.common.loading : `${value}%`}\n      data-status={state}\n      data-indeterminate={indeterminate || undefined}\n      data-active={\n        (active &&\n          type === 'line' &&\n          !stepCount &&\n          !indeterminate &&\n          state === 'normal' &&\n          filled > 0 &&\n          filled < 100) ||\n        undefined\n      }\n      className={classes(\n        'leaf-progress',\n        `leaf-progress--${type}`,\n        dashboard && 'leaf-progress--dashboard',\n        Boolean(steps) && 'leaf-progress--steps',\n        className,\n      )}\n      style={{\n        ...(color ? { '--leaf-progress-color': color } : {}),\n        ...(trailColor ? { '--leaf-progress-trail': trailColor } : {}),\n        ...(type === 'circle' ? { width: size, height: size } : {}),\n        ...style,\n      }}\n    >\n      {type === 'line' ? (\n        <div\n          className=\"leaf-progress__track\"\n          style={{ height: width, display: segments?.length ? 'flex' : undefined }}\n        >\n          {stepCount ? (\n            Array.from({ length: stepCount }, (_, index) => index).map((index) => (\n              <span\n                key={`step-${index}`}\n                className=\"leaf-progress__step\"\n                data-filled={(index / stepCount) * 100 < value || undefined}\n                style={\n                  segments?.[index]\n                    ? ({ '--leaf-progress-color': segments[index]?.color } as React.CSSProperties)\n                    : undefined\n                }\n              />\n            ))\n          ) : segments?.length ? (\n            sections?.map((segment, index) => (\n              <div\n                key={segment.key ?? `segment-${index}`}\n                className=\"leaf-progress__fill\"\n                style={{ width: `${segment.percent}%`, background: segment.color }}\n              />\n            ))\n          ) : (\n            <div className=\"leaf-progress__fill\" style={{ width: `${value}%` }} />\n          )}\n        </div>\n      ) : (\n        <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <circle\n            className=\"leaf-progress__trail\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={dashboard ? `${sweep} ${circumference}` : undefined}\n            transform={dashboard ? 'rotate(135 50 50)' : undefined}\n          />\n          <circle\n            className=\"leaf-progress__arc\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={\n              indeterminate\n                ? `${circumference * 0.25} ${circumference}`\n                : `${(sweep * value) / 100} ${circumference}`\n            }\n            strokeDashoffset={0}\n            transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n          />\n          {successPercent !== undefined && (\n            <circle\n              className=\"leaf-progress__arc leaf-progress__arc--success\"\n              cx=\"50\"\n              cy=\"50\"\n              r={radius}\n              strokeWidth={width}\n              strokeDasharray={`${(sweep * Math.max(0, Math.min(value, successPercent))) / 100} ${circumference}`}\n              transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n            />\n          )}\n        </svg>\n      )}\n      {showInfo && !indeterminate && <span className=\"leaf-progress__info\">{content}</span>}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Progress","rawProps","percent","type","status","showInfo","format","strokeWidth","color","size","indeterminate","active","trailColor","segments","steps","dashboard","successPercent","className","style","label","props","useComponentProps","messages","useLeafConfig","value","Math","Number","state","width","content","Check","X","radius","circumference","sweep","stepCount","remaining","sections","segment","filled","total","section","undefined","classes","Boolean","Array","_","index"],"mappings":"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"}

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

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