@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/config-provider/use-color-variables.cjs

@@ -0,0 +1,88 @@
+"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__, {
+    useColorVariables: ()=>useColorVariables
+});
+const external_react_namespaceObject = require("react");
+const external_colors_cjs_namespaceObject = require("../colors.cjs");
+const dom_cjs_namespaceObject = require("../shared/dom.cjs");
+const external_theme_cjs_namespaceObject = require("../theme.cjs");
+function useColorVariables(root, theme) {
+    const [resolved, setResolved] = (0, external_react_namespaceObject.useState)({});
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const node = root.current;
+        const entries = Object.entries((0, external_theme_cjs_namespaceObject.leafThemeColors)(theme));
+        if (!node || !entries.some(([, value])=>String(value).includes('var('))) return void setResolved((previous)=>Object.keys(previous).length ? {} : previous);
+        const sync = ()=>{
+            const probe = document.createElement('span');
+            probe.hidden = true;
+            node.append(probe);
+            const overrides = {};
+            for (const [key, value] of entries){
+                probe.style.color = '';
+                probe.style.color = String(value);
+                if (probe.style.color) overrides[key] = getComputedStyle(probe).color;
+            }
+            probe.remove();
+            const mode = theme.appearance ?? (getComputedStyle(node).colorScheme.includes('dark') ? 'dark' : 'light');
+            const next = (0, external_colors_cjs_namespaceObject.deriveColors)(mode, overrides);
+            setResolved((previous)=>JSON.stringify(previous) === JSON.stringify(next) ? previous : next);
+        };
+        sync();
+        const observer = new MutationObserver(sync);
+        let ancestor = node;
+        while(ancestor){
+            observer.observe(ancestor, {
+                attributes: true,
+                attributeFilter: [
+                    'style',
+                    'class',
+                    'data-leaf-theme'
+                ]
+            });
+            ancestor = (0, dom_cjs_namespaceObject.composedParent)(ancestor);
+        }
+        return ()=>observer.disconnect();
+    }, [
+        root,
+        theme
+    ]);
+    return resolved;
+}
+exports.useColorVariables = __webpack_exports__.useColorVariables;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useColorVariables"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=use-color-variables.cjs.map

package/dist/cjs/config-provider/use-color-variables.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider/use-color-variables.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/config-provider/use-color-variables.ts"],"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 RefObject, useEffect, useState } from 'react';\nimport { deriveColors } from '../colors';\nimport { composedParent } from '../shared/dom';\nimport { type LeafTheme, type LeafThemeStyle, leafThemeColors } from '../theme';\n\n/** Resolve CSS variable colors after hydration; concrete theme colors are already SSR safe. */\nexport function useColorVariables(root: RefObject<HTMLDivElement | null>, theme: LeafTheme) {\n  const [resolved, setResolved] = useState<LeafThemeStyle>({});\n  useEffect(() => {\n    const node = root.current;\n    const entries = Object.entries(leafThemeColors(theme));\n    if (!node || !entries.some(([, value]) => String(value).includes('var('))) {\n      setResolved((previous) => (Object.keys(previous).length ? {} : previous));\n      return;\n    }\n    const sync = () => {\n      const probe = document.createElement('span');\n      probe.hidden = true;\n      node.append(probe);\n      const overrides: Record<string, string> = {};\n      for (const [key, value] of entries) {\n        probe.style.color = '';\n        probe.style.color = String(value);\n        if (probe.style.color) overrides[key] = getComputedStyle(probe).color;\n      }\n      probe.remove();\n      const mode =\n        theme.appearance ??\n        (getComputedStyle(node).colorScheme.includes('dark') ? 'dark' : 'light');\n      const next = deriveColors(mode, overrides);\n      setResolved((previous) =>\n        JSON.stringify(previous) === JSON.stringify(next) ? previous : next,\n      );\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let ancestor: HTMLElement | null = node;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['style', 'class', 'data-leaf-theme'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [root, theme]);\n  return resolved;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useColorVariables","root","theme","resolved","setResolved","useState","useEffect","node","entries","leafThemeColors","value","String","previous","sync","probe","document","overrides","getComputedStyle","mode","next","deriveColors","JSON","observer","MutationObserver","ancestor","composedParent"],"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;;;;;;;;;;;ACAO,SAASI,kBAAkBC,IAAsC,EAAEC,KAAgB;IACxF,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAyB,CAAC;IAC1DC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,OAAON,KAAK,OAAO;QACzB,MAAMO,UAAUZ,OAAO,OAAO,CAACa,AAAAA,IAAAA,mCAAAA,eAAAA,AAAAA,EAAgBP;QAC/C,IAAI,CAACK,QAAQ,CAACC,QAAQ,IAAI,CAAC,CAAC,GAAGE,MAAM,GAAKC,OAAOD,OAAO,QAAQ,CAAC,UAAU,YACzEN,YAAY,CAACQ,WAAchB,OAAO,IAAI,CAACgB,UAAU,MAAM,GAAG,CAAC,IAAIA;QAGjE,MAAMC,OAAO;YACX,MAAMC,QAAQC,SAAS,aAAa,CAAC;YACrCD,MAAM,MAAM,GAAG;YACfP,KAAK,MAAM,CAACO;YACZ,MAAME,YAAoC,CAAC;YAC3C,KAAK,MAAM,CAACrB,KAAKe,MAAM,IAAIF,QAAS;gBAClCM,MAAM,KAAK,CAAC,KAAK,GAAG;gBACpBA,MAAM,KAAK,CAAC,KAAK,GAAGH,OAAOD;gBAC3B,IAAII,MAAM,KAAK,CAAC,KAAK,EAAEE,SAAS,CAACrB,IAAI,GAAGsB,iBAAiBH,OAAO,KAAK;YACvE;YACAA,MAAM,MAAM;YACZ,MAAMI,OACJhB,MAAM,UAAU,IACfe,CAAAA,iBAAiBV,MAAM,WAAW,CAAC,QAAQ,CAAC,UAAU,SAAS,OAAM;YACxE,MAAMY,OAAOC,AAAAA,IAAAA,oCAAAA,YAAAA,AAAAA,EAAaF,MAAMF;YAChCZ,YAAY,CAACQ,WACXS,KAAK,SAAS,CAACT,cAAcS,KAAK,SAAS,CAACF,QAAQP,WAAWO;QAEnE;QACAN;QACA,MAAMS,WAAW,IAAIC,iBAAiBV;QACtC,IAAIW,WAA+BjB;QACnC,MAAOiB,SAAU;YACfF,SAAS,OAAO,CAACE,UAAU;gBACzB,YAAY;gBACZ,iBAAiB;oBAAC;oBAAS;oBAAS;iBAAkB;YACxD;YACAA,WAAWC,AAAAA,IAAAA,wBAAAA,cAAAA,AAAAA,EAAeD;QAC5B;QACA,OAAO,IAAMF,SAAS,UAAU;IAClC,GAAG;QAACrB;QAAMC;KAAM;IAChB,OAAOC;AACT"}

package/dist/cjs/config-provider/use-color-variables.d.cts

@@ -0,0 +1,5 @@
+import { type RefObject } from 'react';
+import { type LeafTheme, type LeafThemeStyle } from '../theme.cjs';
+/** Resolve CSS variable colors after hydration; concrete theme colors are already SSR safe. */
+export declare function useColorVariables(root: RefObject<HTMLDivElement | null>, theme: LeafTheme): LeafThemeStyle;
+//# sourceMappingURL=use-color-variables.d.cts.map

package/dist/cjs/config-provider/use-color-variables.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-variables.d.cts","sourceRoot":"","sources":["../../../src/config-provider/use-color-variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAmB,MAAM,UAAU,CAAC;AAEhF,+FAA+F;AAC/F,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,kBAyCzF"}

package/dist/cjs/confirm/confirm.cjs

@@ -0,0 +1,173 @@
+"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__, {
+    ConfirmDialog: ()=>ConfirmDialog
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const alert_cjs_namespaceObject = require("../alert/alert.cjs");
+const index_cjs_namespaceObject = require("../button/index.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const external_modal_index_cjs_namespaceObject = require("../modal/index.cjs");
+function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, type = 'default', showCancel, confirmButtonProps, cancelButtonProps, onCancel, onConfirm, onClose, ...props }) {
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const contentId = (0, external_react_namespaceObject.useId)();
+    const [pending, setPending] = (0, external_react_namespaceObject.useState)(false);
+    const [error, setError] = (0, external_react_namespaceObject.useState)();
+    const mounted = (0, external_react_namespaceObject.useRef)(true);
+    const busy = (0, external_react_namespaceObject.useRef)(false);
+    const generation = (0, external_react_namespaceObject.useRef)(0);
+    const confirmLoading = confirmButtonProps?.loading ?? false;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        mounted.current = true;
+        return ()=>{
+            mounted.current = false;
+        };
+    }, []);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        generation.current++;
+        busy.current = false;
+        setPending(false);
+        if (open) setError(void 0);
+    }, [
+        open
+    ]);
+    async function accept() {
+        if (busy.current || confirmLoading) return;
+        busy.current = true;
+        const request = generation.current;
+        setPending(true);
+        setError(void 0);
+        try {
+            await onConfirm?.();
+            if (mounted.current && generation.current === request) onClose?.();
+        } catch (reason) {
+            if (mounted.current && generation.current === request) setError(reason instanceof Error ? reason.message : String(reason));
+        } finally{
+            if (generation.current === request) {
+                busy.current = false;
+                if (mounted.current) setPending(false);
+            }
+        }
+    }
+    const cancel = ()=>{
+        if (!pending && !confirmLoading) {
+            onCancel?.();
+            onClose?.();
+        }
+    };
+    const contentIcon = void 0 === icon && 'default' !== type ? 'danger' === type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CircleAlert, {
+        "aria-hidden": "true"
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(alert_cjs_namespaceObject.FeedbackIcon, {
+        type: type
+    }) : icon;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_modal_index_cjs_namespaceObject.Modal, {
+        ...props,
+        open: open,
+        title: title,
+        width: props.width ?? 420,
+        divided: false,
+        confirmLoading: pending || confirmLoading,
+        role: "alertdialog",
+        "aria-label": null == title ? messages.confirm : void 0,
+        "aria-describedby": null != children ? contentId : void 0,
+        className: [
+            'leaf-confirm',
+            `leaf-confirm--${type}`,
+            (null != icon || void 0 === icon && 'default' !== type) && 'leaf-confirm--has-icon',
+            props.className
+        ].filter(Boolean).join(' '),
+        maskClosable: pending ? false : props.maskClosable ?? false,
+        closable: !pending && (props.closable ?? false),
+        keyboard: !pending && (props.keyboard ?? true),
+        onClose: cancel,
+        onCancel: cancel,
+        footer: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+            children: [
+                (showCancel ?? 'success' !== type) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                    variant: "outline",
+                    ...cancelButtonProps,
+                    disabled: pending || confirmLoading || cancelButtonProps?.disabled,
+                    onClick: (event)=>{
+                        cancelButtonProps?.onClick?.(event);
+                        if (!event.defaultPrevented) cancel();
+                    },
+                    children: cancelText ?? messages.cancel
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                    ...confirmButtonProps,
+                    danger: 'danger' === type,
+                    loading: pending || confirmLoading || confirmButtonProps?.loading,
+                    onClick: (event)=>{
+                        confirmButtonProps?.onClick?.(event);
+                        if (!event.defaultPrevented) accept();
+                    },
+                    children: confirmText ?? messages.confirm
+                })
+            ]
+        }),
+        children: (null != contentIcon || null != children || null != error) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "leaf-confirm__body",
+            children: [
+                null != contentIcon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "leaf-confirm__icon",
+                    "aria-hidden": "true",
+                    children: contentIcon
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "leaf-confirm__content",
+                    children: [
+                        null != children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            id: contentId,
+                            className: "leaf-confirm-description",
+                            children: children
+                        }),
+                        error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                            role: "alert",
+                            className: "leaf-confirm-error",
+                            children: error
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+exports.ConfirmDialog = __webpack_exports__.ConfirmDialog;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ConfirmDialog"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=confirm.cjs.map

package/dist/cjs/confirm/confirm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm/confirm.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/confirm/confirm.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 { CircleAlert } from 'lucide-react';\nimport { type CSSProperties, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport { FeedbackIcon } from '../alert/alert';\nimport { Button, type ButtonProps } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Modal } from '../modal';\nimport type { DialogFocusOptions } from '../shared/dialog';\n\nexport interface ConfirmOptions extends DialogFocusOptions {\n  title?: ReactNode;\n  /** A short explanation of the action being confirmed. */\n  children?: ReactNode;\n  /** Bare semantic icon beside the content. Use null to hide it. */\n  icon?: ReactNode;\n  type?: 'default' | 'danger' | 'success' | 'warning' | 'info';\n  showCancel?: boolean;\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n  onConfirm?: () => void | Promise<void>;\n  onCancel?: () => void;\n  width?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\ninterface ConfirmDialogProps extends ConfirmOptions {\n  open: boolean;\n  onClose: () => void;\n  afterClose?: () => void;\n}\n\n// Rendered only by the confirmation queue; consumers call useConfirm().confirm().\nexport function ConfirmDialog({\n  open,\n  title,\n  icon,\n  children,\n  confirmText,\n  cancelText,\n  type = 'default',\n  showCancel,\n  confirmButtonProps,\n  cancelButtonProps,\n  onCancel,\n  onConfirm,\n  onClose,\n  ...props\n}: ConfirmDialogProps) {\n  const { messages } = useLeafConfig();\n  const contentId = useId();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string>();\n  const mounted = useRef(true);\n  const busy = useRef(false);\n  const generation = useRef(0);\n  const confirmLoading = confirmButtonProps?.loading ?? false;\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  useEffect(() => {\n    generation.current++;\n    busy.current = false;\n    setPending(false);\n    if (open) setError(undefined);\n  }, [open]);\n  async function accept() {\n    if (busy.current || confirmLoading) return;\n    busy.current = true;\n    const request = generation.current;\n    setPending(true);\n    setError(undefined);\n    try {\n      await onConfirm?.();\n      if (mounted.current && generation.current === request) onClose?.();\n    } catch (reason) {\n      if (mounted.current && generation.current === request)\n        setError(reason instanceof Error ? reason.message : String(reason));\n    } finally {\n      if (generation.current === request) {\n        busy.current = false;\n        if (mounted.current) setPending(false);\n      }\n    }\n  }\n  const cancel = () => {\n    if (!pending && !confirmLoading) {\n      onCancel?.();\n      onClose?.();\n    }\n  };\n  const contentIcon =\n    icon === undefined && type !== 'default' ? (\n      type === 'danger' ? (\n        <CircleAlert aria-hidden=\"true\" />\n      ) : (\n        <FeedbackIcon type={type} />\n      )\n    ) : (\n      icon\n    );\n  return (\n    <Modal\n      {...props}\n      open={open}\n      title={title}\n      width={props.width ?? 420}\n      divided={false}\n      confirmLoading={pending || confirmLoading}\n      role=\"alertdialog\"\n      aria-label={title == null ? messages.confirm : undefined}\n      aria-describedby={children != null ? contentId : undefined}\n      className={[\n        'leaf-confirm',\n        `leaf-confirm--${type}`,\n        (icon != null || (icon === undefined && type !== 'default')) && 'leaf-confirm--has-icon',\n        props.className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      maskClosable={pending ? false : (props.maskClosable ?? false)}\n      closable={!pending && (props.closable ?? false)}\n      keyboard={!pending && (props.keyboard ?? true)}\n      onClose={cancel}\n      onCancel={cancel}\n      footer={\n        <>\n          {(showCancel ?? type !== 'success') && (\n            <Button\n              variant=\"outline\"\n              {...cancelButtonProps}\n              disabled={pending || confirmLoading || cancelButtonProps?.disabled}\n              onClick={(event) => {\n                cancelButtonProps?.onClick?.(event);\n                if (!event.defaultPrevented) cancel();\n              }}\n            >\n              {cancelText ?? messages.cancel}\n            </Button>\n          )}\n          <Button\n            {...confirmButtonProps}\n            danger={type === 'danger'}\n            loading={pending || confirmLoading || confirmButtonProps?.loading}\n            onClick={(event) => {\n              confirmButtonProps?.onClick?.(event);\n              if (!event.defaultPrevented) void accept();\n            }}\n          >\n            {confirmText ?? messages.confirm}\n          </Button>\n        </>\n      }\n    >\n      {(contentIcon != null || children != null || error != null) && (\n        <div className=\"leaf-confirm__body\">\n          {contentIcon != null && (\n            <span className=\"leaf-confirm__icon\" aria-hidden=\"true\">\n              {contentIcon}\n            </span>\n          )}\n          <div className=\"leaf-confirm__content\">\n            {children != null && (\n              <div id={contentId} className=\"leaf-confirm-description\">\n                {children}\n              </div>\n            )}\n            {error && (\n              <p role=\"alert\" className=\"leaf-confirm-error\">\n                {error}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </Modal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ConfirmDialog","open","title","icon","children","confirmText","cancelText","type","showCancel","confirmButtonProps","cancelButtonProps","onCancel","onConfirm","onClose","props","messages","useLeafConfig","contentId","useId","pending","setPending","useState","error","setError","mounted","useRef","busy","generation","confirmLoading","useEffect","undefined","accept","request","reason","Error","String","cancel","contentIcon","CircleAlert","FeedbackIcon","Modal","Boolean","Button","event"],"mappings":"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"}

package/dist/cjs/confirm/confirm.d.cts

@@ -0,0 +1,32 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type ButtonProps } from '../button/index.cjs';
+import type { DialogFocusOptions } from '../shared/dialog.cjs';
+export interface ConfirmOptions extends DialogFocusOptions {
+    title?: ReactNode;
+    /** A short explanation of the action being confirmed. */
+    children?: ReactNode;
+    /** Bare semantic icon beside the content. Use null to hide it. */
+    icon?: ReactNode;
+    type?: 'default' | 'danger' | 'success' | 'warning' | 'info';
+    showCancel?: boolean;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    confirmButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    width?: number | string;
+    closable?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+interface ConfirmDialogProps extends ConfirmOptions {
+    open: boolean;
+    onClose: () => void;
+    afterClose?: () => void;
+}
+export declare function ConfirmDialog({ open, title, icon, children, confirmText, cancelText, type, showCancel, confirmButtonProps, cancelButtonProps, onCancel, onConfirm, onClose, ...props }: ConfirmDialogProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=confirm.d.cts.map

package/dist/cjs/confirm/confirm.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.cts","sourceRoot":"","sources":["../../../src/confirm/confirm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAE/F,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AACD,UAAU,kBAAmB,SAAQ,cAAc;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAGD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,IAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAoIpB"}

package/dist/cjs/confirm/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__, {
+    ConfirmProvider: ()=>external_provider_cjs_namespaceObject.ConfirmProvider,
+    useConfirm: ()=>external_provider_cjs_namespaceObject.useConfirm
+});
+const external_provider_cjs_namespaceObject = require("./provider.cjs");
+exports.ConfirmProvider = __webpack_exports__.ConfirmProvider;
+exports.useConfirm = __webpack_exports__.useConfirm;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ConfirmProvider",
+    "useConfirm"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/confirm/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm/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/confirm/index.d.cts

@@ -0,0 +1,5 @@
+export type { ConfirmOptions } from './confirm.cjs';
+export type { ConfirmProviderProps } from './provider.cjs';
+export { ConfirmProvider, useConfirm } from './provider.cjs';
+export type { ConfirmApi } from './store.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/confirm/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/confirm/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/cjs/confirm/provider.cjs

@@ -0,0 +1,126 @@
+"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__, {
+    ConfirmProvider: ()=>ConfirmProvider,
+    ConfirmScope: ()=>ConfirmScope,
+    useConfirm: ()=>useConfirm
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const external_theme_cjs_namespaceObject = require("../theme.cjs");
+const external_confirm_cjs_namespaceObject = require("./confirm.cjs");
+const external_store_cjs_namespaceObject = require("./store.cjs");
+function ConfirmProvider({ children }) {
+    const [store] = (0, external_react_namespaceObject.useState)(external_store_cjs_namespaceObject.createConfirmStore);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_store_cjs_namespaceObject.ConfirmContext.Provider, {
+        value: store,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ConfirmHost, {
+                store: store
+            }),
+            children
+        ]
+    });
+}
+function ConfirmScope({ children }) {
+    return (0, external_react_namespaceObject.useContext)(external_store_cjs_namespaceObject.ConfirmContext) ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ConfirmProvider, {
+        children: children
+    });
+}
+function ConfirmHost({ store }) {
+    const requests = (0, external_react_namespaceObject.useSyncExternalStore)(store.subscribe, store.getSnapshot, ()=>external_store_cjs_namespaceObject.emptyConfirmations);
+    const request = requests[0];
+    if (!request) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_cjs_namespaceObject.ConfigContext.Provider, {
+        value: request.config,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "leaf-confirm-scope",
+            lang: request.config.locale,
+            "data-leaf-theme": request.config.theme.appearance,
+            style: (0, external_theme_cjs_namespaceObject.leafThemeVariables)(request.config.theme),
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_confirm_cjs_namespaceObject.ConfirmDialog, {
+                ...request.options,
+                open: request.open,
+                onConfirm: async ()=>{
+                    await request.options.onConfirm?.();
+                    store.close(request.id, true);
+                },
+                onClose: ()=>store.close(request.id, false),
+                afterClose: ()=>store.remove(request.id)
+            }, request.id)
+        })
+    });
+}
+function useConfirm() {
+    const store = (0, external_react_namespaceObject.useContext)(external_store_cjs_namespaceObject.ConfirmContext);
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const currentConfig = (0, external_react_namespaceObject.useRef)(config);
+    currentConfig.current = config;
+    const active = (0, external_react_namespaceObject.useRef)(true);
+    const scope = (0, external_react_namespaceObject.useId)();
+    (0, external_react_namespaceObject.useEffect)(()=>store?.updateScope(scope, config), [
+        store,
+        scope,
+        config
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        active.current = true;
+        return ()=>{
+            active.current = false;
+            store?.cancelScope(scope);
+        };
+    }, [
+        store,
+        scope
+    ]);
+    const api = (0, external_react_namespaceObject.useMemo)(()=>store ? {
+            confirm: (options)=>active.current ? store.confirm(scope, currentConfig.current, options) : Promise.resolve(false)
+        } : void 0, [
+        store,
+        scope
+    ]);
+    if (!api) throw new Error('useConfirm requires ConfigProvider or ConfirmProvider.');
+    return api;
+}
+exports.ConfirmProvider = __webpack_exports__.ConfirmProvider;
+exports.ConfirmScope = __webpack_exports__.ConfirmScope;
+exports.useConfirm = __webpack_exports__.useConfirm;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ConfirmProvider",
+    "ConfirmScope",
+    "useConfirm"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=provider.cjs.map

package/dist/cjs/confirm/provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm/provider.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/confirm/provider.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 ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { ConfigContext, useLeafConfig } from '../config-provider/context';\nimport { leafThemeVariables } from '../theme';\nimport { ConfirmDialog } from './confirm';\nimport {\n  type ConfirmApi,\n  ConfirmContext,\n  type ConfirmStore,\n  createConfirmStore,\n  emptyConfirmations,\n} from './store';\n\nexport interface ConfirmProviderProps {\n  children?: ReactNode;\n}\nexport function ConfirmProvider({ children }: ConfirmProviderProps) {\n  const [store] = useState(createConfirmStore);\n  return (\n    <ConfirmContext.Provider value={store}>\n      <ConfirmHost store={store} />\n      {children}\n    </ConfirmContext.Provider>\n  );\n}\nexport function ConfirmScope({ children }: ConfirmProviderProps) {\n  return useContext(ConfirmContext) ? children : <ConfirmProvider>{children}</ConfirmProvider>;\n}\nfunction ConfirmHost({ store }: { store: ConfirmStore }) {\n  const requests = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    () => emptyConfirmations,\n  );\n  const request = requests[0];\n  if (!request) return null;\n  return (\n    <ConfigContext.Provider value={request.config}>\n      <div\n        className=\"leaf-confirm-scope\"\n        lang={request.config.locale}\n        data-leaf-theme={request.config.theme.appearance}\n        style={leafThemeVariables(request.config.theme)}\n      >\n        <ConfirmDialog\n          key={request.id}\n          {...request.options}\n          open={request.open}\n          onConfirm={async () => {\n            await request.options.onConfirm?.();\n            store.close(request.id, true);\n          }}\n          onClose={() => store.close(request.id, false)}\n          afterClose={() => store.remove(request.id)}\n        />\n      </div>\n    </ConfigContext.Provider>\n  );\n}\nexport function useConfirm(): ConfirmApi {\n  const store = useContext(ConfirmContext);\n  const config = useLeafConfig();\n  const currentConfig = useRef(config);\n  currentConfig.current = config;\n  const active = useRef(true);\n  const scope = useId();\n  useEffect(() => store?.updateScope(scope, config), [store, scope, config]);\n  useEffect(() => {\n    active.current = true;\n    return () => {\n      active.current = false;\n      store?.cancelScope(scope);\n    };\n  }, [store, scope]);\n  const api = useMemo<ConfirmApi | undefined>(\n    () =>\n      store\n        ? {\n            confirm: (options) =>\n              active.current\n                ? store.confirm(scope, currentConfig.current, options)\n                : Promise.resolve(false),\n          }\n        : undefined,\n    [store, scope],\n  );\n  if (!api) throw new Error('useConfirm requires ConfigProvider or ConfirmProvider.');\n  return api;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ConfirmProvider","children","store","useState","createConfirmStore","ConfirmContext","ConfirmHost","ConfirmScope","useContext","requests","useSyncExternalStore","emptyConfirmations","request","ConfigContext","leafThemeVariables","ConfirmDialog","useConfirm","config","useLeafConfig","currentConfig","useRef","active","scope","useId","useEffect","api","useMemo","options","Promise","undefined","Error"],"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,gBAAgB,EAAEC,QAAQ,EAAwB;IAChE,MAAM,CAACC,MAAM,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASC,mCAAAA,kBAAkBA;IAC3C,OACE,AADK,WAAP,GACE,sCAACC,mCAAAA,cAAAA,CAAAA,QAAuB;QAAC,OAAOH;;0BAC9B,qCAACI,aAAAA;gBAAY,OAAOJ;;YACnBD;;;AAGP;AACO,SAASM,aAAa,EAAEN,QAAQ,EAAwB;IAC7D,OAAOO,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWH,mCAAAA,cAAcA,IAAIJ,WAAW,WAAXA,GAAW,qCAACD,iBAAAA;kBAAiBC;;AACnE;AACA,SAASK,YAAY,EAAEJ,KAAK,EAA2B;IACrD,MAAMO,WAAWC,AAAAA,IAAAA,+BAAAA,oBAAAA,AAAAA,EACfR,MAAM,SAAS,EACfA,MAAM,WAAW,EACjB,IAAMS,mCAAAA,kBAAkBA;IAE1B,MAAMC,UAAUH,QAAQ,CAAC,EAAE;IAC3B,IAAI,CAACG,SAAS,OAAO;IACrB,OACE,AADK,WAAP,GACE,qCAACC,4BAAAA,aAAAA,CAAAA,QAAsB;QAAC,OAAOD,QAAQ,MAAM;kBAC3C,mDAAC;YACC,WAAU;YACV,MAAMA,QAAQ,MAAM,CAAC,MAAM;YAC3B,mBAAiBA,QAAQ,MAAM,CAAC,KAAK,CAAC,UAAU;YAChD,OAAOE,AAAAA,IAAAA,mCAAAA,kBAAAA,AAAAA,EAAmBF,QAAQ,MAAM,CAAC,KAAK;sBAE9C,mDAACG,qCAAAA,aAAaA,EAAAA;gBAEX,GAAGH,QAAQ,OAAO;gBACnB,MAAMA,QAAQ,IAAI;gBAClB,WAAW;oBACT,MAAMA,QAAQ,OAAO,CAAC,SAAS;oBAC/BV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;gBAC1B;gBACA,SAAS,IAAMV,MAAM,KAAK,CAACU,QAAQ,EAAE,EAAE;gBACvC,YAAY,IAAMV,MAAM,MAAM,CAACU,QAAQ,EAAE;eARpCA,QAAQ,EAAE;;;AAazB;AACO,SAASI;IACd,MAAMd,QAAQM,AAAAA,IAAAA,+BAAAA,UAAAA,AAAAA,EAAWH,mCAAAA,cAAcA;IACvC,MAAMY,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,gBAAgBC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOH;IAC7BE,cAAc,OAAO,GAAGF;IACxB,MAAMI,SAASD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO;IACtB,MAAME,QAAQC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACdC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU,IAAMtB,OAAO,YAAYoB,OAAOL,SAAS;QAACf;QAAOoB;QAAOL;KAAO;IACzEO,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACRH,OAAO,OAAO,GAAG;QACjB,OAAO;YACLA,OAAO,OAAO,GAAG;YACjBnB,OAAO,YAAYoB;QACrB;IACF,GAAG;QAACpB;QAAOoB;KAAM;IACjB,MAAMG,MAAMC,AAAAA,IAAAA,+BAAAA,OAAAA,AAAAA,EACV,IACExB,QACI;YACE,SAAS,CAACyB,UACRN,OAAO,OAAO,GACVnB,MAAM,OAAO,CAACoB,OAAOH,cAAc,OAAO,EAAEQ,WAC5CC,QAAQ,OAAO,CAAC;QACxB,IACAC,QACN;QAAC3B;QAAOoB;KAAM;IAEhB,IAAI,CAACG,KAAK,MAAM,IAAIK,MAAM;IAC1B,OAAOL;AACT"}

package/dist/cjs/confirm/provider.d.cts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type ConfirmApi } from './store.cjs';
+export interface ConfirmProviderProps {
+    children?: ReactNode;
+}
+export declare function ConfirmProvider({ children }: ConfirmProviderProps): import("react").JSX.Element;
+export declare function ConfirmScope({ children }: ConfirmProviderProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare function useConfirm(): ConfirmApi;
+//# sourceMappingURL=provider.d.cts.map

package/dist/cjs/confirm/provider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.cts","sourceRoot":"","sources":["../../../src/confirm/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAQjE;AACD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+TAE9D;AAgCD,wBAAgB,UAAU,IAAI,UAAU,CA6BvC"}