@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/types/index.d.ts

@@ -0,0 +1,25 @@
+import { ComponentSize } from '../utils/componentSizes';
+
+export type { ComponentSize };
+/**
+ * Common component props
+ */
+export interface BaseComponentProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Component variant types
+ */
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'danger';
+export type InputVariant = 'default' | 'filled' | 'outline';
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+/**
+ * Form field status
+ */
+export type FieldStatus = 'default' | 'success' | 'warning' | 'error';
+/**
+ * Common event handlers
+ */
+export type ChangeHandler<T = string> = (value: T) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE5D,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7F,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE3F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAErE;;GAEG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA"}

package/dist/useConfirm-BIxTX3mT.js

@@ -0,0 +1,218 @@
+import React, { useState, useRef, useEffect, useCallback } from "react";
+import { jsxs, jsx } from "react/jsx-runtime";
+const QuestionIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 17h.01", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+const LMConfirm = ({
+  visible,
+  title = "Confirm",
+  content,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  confirmButtonStyle = "primary",
+  onConfirm,
+  onCancel,
+  closeOnOverlayClick = true
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const [isAnimating, setIsAnimating] = useState(false);
+  const animationFrameRef = useRef();
+  const timeoutRef = useRef();
+  useEffect(() => {
+    if (animationFrameRef.current) {
+      cancelAnimationFrame(animationFrameRef.current);
+    }
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    if (visible) {
+      setIsVisible(true);
+      animationFrameRef.current = requestAnimationFrame(() => {
+        setIsAnimating(true);
+      });
+    } else {
+      setIsAnimating(false);
+      timeoutRef.current = setTimeout(() => {
+        setIsVisible(false);
+      }, 200);
+    }
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [visible]);
+  const getConfirmButtonStyles = () => {
+    switch (confirmButtonStyle) {
+      case "primary":
+        return {
+          backgroundColor: "var(--lm-primary-500)",
+          color: "var(--lm-text-inverse)"
+        };
+      case "danger":
+        return {
+          backgroundColor: "var(--lm-error-500)",
+          color: "var(--lm-text-inverse)"
+        };
+    }
+  };
+  const getConfirmButtonHoverStyles = () => {
+    switch (confirmButtonStyle) {
+      case "primary":
+        return {
+          backgroundColor: "var(--lm-primary-600)"
+        };
+      case "danger":
+        return {
+          backgroundColor: "var(--lm-error-600)"
+        };
+    }
+  };
+  const handleOverlayClick = () => {
+    if (closeOnOverlayClick) {
+      onCancel();
+    }
+  };
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center px-4", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `absolute inset-0 backdrop-blur-sm transition-opacity duration-200 ${isAnimating ? "opacity-100" : "opacity-0"}`,
+        style: {
+          backgroundColor: "rgba(0, 0, 0, 0.2)"
+        },
+        onClick: handleOverlayClick
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `relative backdrop-blur-xl rounded-3xl shadow-2xl border p-8 max-w-md w-full mx-auto transition-all duration-200 ${isAnimating ? "opacity-100 scale-100" : "opacity-0 scale-95"}`,
+        style: {
+          backgroundColor: "var(--lm-bg-elevated)",
+          borderColor: "var(--lm-border-default)",
+          boxShadow: "var(--lm-shadow-xl)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center mb-6", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4",
+                style: {
+                  backgroundColor: "var(--lm-gray-100)"
+                },
+                children: /* @__PURE__ */ jsx("span", { style: { color: "var(--lm-gray-600)" }, children: /* @__PURE__ */ jsx(QuestionIcon, {}) })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: "text-xl font-semibold mb-2",
+                style: {
+                  color: "var(--lm-text-primary)"
+                },
+                children: title
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-sm leading-relaxed",
+                style: {
+                  color: "var(--lm-text-secondary)"
+                },
+                children: content
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex space-x-3", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onCancel,
+                className: "flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
+                style: {
+                  backgroundColor: "var(--lm-gray-100)",
+                  color: "var(--lm-text-primary)"
+                },
+                onMouseEnter: (e) => {
+                  e.currentTarget.style.backgroundColor = "var(--lm-gray-200)";
+                },
+                onMouseLeave: (e) => {
+                  e.currentTarget.style.backgroundColor = "var(--lm-gray-100)";
+                },
+                children: cancelText
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onConfirm,
+                className: "flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
+                style: getConfirmButtonStyles(),
+                onMouseEnter: (e) => {
+                  const hoverStyles = getConfirmButtonHoverStyles();
+                  e.currentTarget.style.backgroundColor = (hoverStyles == null ? void 0 : hoverStyles.backgroundColor) || "";
+                },
+                onMouseLeave: (e) => {
+                  const normalStyles = getConfirmButtonStyles();
+                  e.currentTarget.style.backgroundColor = (normalStyles == null ? void 0 : normalStyles.backgroundColor) || "";
+                },
+                children: confirmText
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const useConfirm = () => {
+  const [visible, setVisible] = useState(false);
+  const [config, setConfig] = useState(null);
+  const [resolveRef, setResolveRef] = useState(null);
+  const confirm = useCallback((options) => {
+    return new Promise((resolve) => {
+      setConfig(options);
+      setVisible(true);
+      setResolveRef(() => resolve);
+    });
+  }, []);
+  const handleConfirm = useCallback(() => {
+    setVisible(false);
+    resolveRef == null ? void 0 : resolveRef(true);
+    setResolveRef(null);
+  }, [resolveRef]);
+  const handleCancel = useCallback(() => {
+    setVisible(false);
+    resolveRef == null ? void 0 : resolveRef(false);
+    setResolveRef(null);
+  }, [resolveRef]);
+  const ConfirmDialog = useCallback(() => {
+    if (!config) return null;
+    return React.createElement(LMConfirm, {
+      visible,
+      ...config,
+      onConfirm: handleConfirm,
+      onCancel: handleCancel
+    });
+  }, [visible, config, handleConfirm, handleCancel]);
+  return {
+    visible,
+    config,
+    confirm,
+    ConfirmDialog
+  };
+};
+export {
+  LMConfirm as L,
+  useConfirm as u
+};
+//# sourceMappingURL=useConfirm-BIxTX3mT.js.map

package/dist/useConfirm-BIxTX3mT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirm-BIxTX3mT.js","sources":["../src/components/Feedback/LMConfirm/LMConfirm.tsx","../src/hooks/useConfirm.ts"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface LMConfirmProps {\n  /** Dialog visible */\n  visible: boolean\n  /** Dialog title */\n  title?: string\n  /** Dialog content */\n  content: string\n  /** Confirm button text */\n  confirmText?: string\n  /** Cancel button text */\n  cancelText?: string\n  /** Confirm button style */\n  confirmButtonStyle?: 'primary' | 'danger'\n  /** Confirm callback */\n  onConfirm: () => void\n  /** Cancel callback */\n  onCancel: () => void\n  /** Close on overlay click */\n  closeOnOverlayClick?: boolean\n}\n\nconst QuestionIcon: React.FC = () => (\n  <svg viewBox=\"0 0 24 24\" className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 17h.01\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst LMConfirm: React.FC<LMConfirmProps> = ({\n  visible,\n  title = 'Confirm',\n  content,\n  confirmText = 'Confirm',\n  cancelText = 'Cancel',\n  confirmButtonStyle = 'primary',\n  onConfirm,\n  onCancel,\n  closeOnOverlayClick = true,\n}) => {\n  const [isVisible, setIsVisible] = useState(false)\n  const [isAnimating, setIsAnimating] = useState(false)\n  const animationFrameRef = useRef<number>()\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n  useEffect(() => {\n    // Cleanup previous timers\n    if (animationFrameRef.current) {\n      cancelAnimationFrame(animationFrameRef.current)\n    }\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n\n    if (visible) {\n      setIsVisible(true)\n      animationFrameRef.current = requestAnimationFrame(() => {\n        setIsAnimating(true)\n      })\n    } else {\n      setIsAnimating(false)\n      timeoutRef.current = setTimeout(() => {\n        setIsVisible(false)\n      }, 200)\n    }\n\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current)\n      }\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [visible])\n\n  const getConfirmButtonStyles = () => {\n    switch (confirmButtonStyle) {\n      case 'primary':\n        return {\n          backgroundColor: 'var(--lm-primary-500)',\n          color: 'var(--lm-text-inverse)',\n        }\n      case 'danger':\n        return {\n          backgroundColor: 'var(--lm-error-500)',\n          color: 'var(--lm-text-inverse)',\n        }\n    }\n  }\n\n  const getConfirmButtonHoverStyles = () => {\n    switch (confirmButtonStyle) {\n      case 'primary':\n        return {\n          backgroundColor: 'var(--lm-primary-600)',\n        }\n      case 'danger':\n        return {\n          backgroundColor: 'var(--lm-error-600)',\n        }\n    }\n  }\n\n  const handleOverlayClick = () => {\n    if (closeOnOverlayClick) {\n      onCancel()\n    }\n  }\n\n  if (!isVisible) return null\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center px-4\">\n      {/* Backdrop */}\n      <div\n        className={`absolute inset-0 backdrop-blur-sm transition-opacity duration-200 ${\n          isAnimating ? 'opacity-100' : 'opacity-0'\n        }`}\n        style={{\n          backgroundColor: 'rgba(0, 0, 0, 0.2)',\n        }}\n        onClick={handleOverlayClick}\n      />\n\n      {/* Dialog */}\n      <div\n        className={`relative backdrop-blur-xl rounded-3xl shadow-2xl border p-8 max-w-md w-full mx-auto transition-all duration-200 ${\n          isAnimating ? 'opacity-100 scale-100' : 'opacity-0 scale-95'\n        }`}\n        style={{\n          backgroundColor: 'var(--lm-bg-elevated)',\n          borderColor: 'var(--lm-border-default)',\n          boxShadow: 'var(--lm-shadow-xl)',\n        }}\n      >\n        {/* Icon area */}\n        <div className=\"text-center mb-6\">\n          <div\n            className=\"inline-flex items-center justify-center w-16 h-16 rounded-full mb-4\"\n            style={{\n              backgroundColor: 'var(--lm-gray-100)',\n            }}\n          >\n            <span style={{ color: 'var(--lm-gray-600)' }}>\n              <QuestionIcon />\n            </span>\n          </div>\n\n          {/* Title */}\n          <h3\n            className=\"text-xl font-semibold mb-2\"\n            style={{\n              color: 'var(--lm-text-primary)',\n            }}\n          >\n            {title}\n          </h3>\n\n          {/* Content */}\n          <p\n            className=\"text-sm leading-relaxed\"\n            style={{\n              color: 'var(--lm-text-secondary)',\n            }}\n          >\n            {content}\n          </p>\n        </div>\n\n        {/* Button area */}\n        <div className=\"flex space-x-3\">\n          {/* Cancel button */}\n          <button\n            onClick={onCancel}\n            className=\"flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]\"\n            style={{\n              backgroundColor: 'var(--lm-gray-100)',\n              color: 'var(--lm-text-primary)',\n            }}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-gray-200)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-gray-100)'\n            }}\n          >\n            {cancelText}\n          </button>\n\n          {/* Confirm button */}\n          <button\n            onClick={onConfirm}\n            className=\"flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]\"\n            style={getConfirmButtonStyles()}\n            onMouseEnter={(e) => {\n              const hoverStyles = getConfirmButtonHoverStyles()\n              e.currentTarget.style.backgroundColor = hoverStyles?.backgroundColor || ''\n            }}\n            onMouseLeave={(e) => {\n              const normalStyles = getConfirmButtonStyles()\n              e.currentTarget.style.backgroundColor = normalStyles?.backgroundColor || ''\n            }}\n          >\n            {confirmText}\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LMConfirm\n","import React, { useState, useCallback } from 'react'\nimport type { LMConfirmProps } from '../components/Feedback/LMConfirm/LMConfirm'\nimport LMConfirm from '../components/Feedback/LMConfirm/LMConfirm'\n\nexport interface UseConfirmReturn {\n  visible: boolean\n  config: Omit<LMConfirmProps, 'visible' | 'onConfirm' | 'onCancel'> | null\n  confirm: (options: {\n    title?: string\n    content: string\n    confirmText?: string\n    cancelText?: string\n    confirmButtonStyle?: 'primary' | 'danger'\n  }) => Promise<boolean>\n  ConfirmDialog: React.FC\n}\n\nexport const useConfirm = (): UseConfirmReturn => {\n  const [visible, setVisible] = useState(false)\n  const [config, setConfig] = useState<Omit<LMConfirmProps, 'visible' | 'onConfirm' | 'onCancel'> | null>(null)\n  const [resolveRef, setResolveRef] = useState<((value: boolean) => void) | null>(null)\n\n  const confirm = useCallback((options: {\n    title?: string\n    content: string\n    confirmText?: string\n    cancelText?: string\n    confirmButtonStyle?: 'primary' | 'danger'\n  }): Promise<boolean> => {\n    return new Promise((resolve) => {\n      setConfig(options)\n      setVisible(true)\n      setResolveRef(() => resolve)\n    })\n  }, [])\n\n  const handleConfirm = useCallback(() => {\n    setVisible(false)\n    resolveRef?.(true)\n    setResolveRef(null)\n  }, [resolveRef])\n\n  const handleCancel = useCallback(() => {\n    setVisible(false)\n    resolveRef?.(false)\n    setResolveRef(null)\n  }, [resolveRef])\n\n  const ConfirmDialog: React.FC = useCallback(() => {\n    if (!config) return null\n    return React.createElement(LMConfirm, {\n      visible,\n      ...config,\n      onConfirm: handleConfirm,\n      onCancel: handleCancel,\n    })\n  }, [visible, config, handleConfirm, handleCancel])\n\n  return {\n    visible,\n    config,\n    confirm,\n    ConfirmDialog,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/useConfirm-BO5Ch3Bf.cjs

@@ -0,0 +1,217 @@
+"use strict";
+const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const QuestionIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", className: "w-6 h-6", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+const LMConfirm = ({
+  visible,
+  title = "Confirm",
+  content,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  confirmButtonStyle = "primary",
+  onConfirm,
+  onCancel,
+  closeOnOverlayClick = true
+}) => {
+  const [isVisible, setIsVisible] = React.useState(false);
+  const [isAnimating, setIsAnimating] = React.useState(false);
+  const animationFrameRef = React.useRef();
+  const timeoutRef = React.useRef();
+  React.useEffect(() => {
+    if (animationFrameRef.current) {
+      cancelAnimationFrame(animationFrameRef.current);
+    }
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    if (visible) {
+      setIsVisible(true);
+      animationFrameRef.current = requestAnimationFrame(() => {
+        setIsAnimating(true);
+      });
+    } else {
+      setIsAnimating(false);
+      timeoutRef.current = setTimeout(() => {
+        setIsVisible(false);
+      }, 200);
+    }
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [visible]);
+  const getConfirmButtonStyles = () => {
+    switch (confirmButtonStyle) {
+      case "primary":
+        return {
+          backgroundColor: "var(--lm-primary-500)",
+          color: "var(--lm-text-inverse)"
+        };
+      case "danger":
+        return {
+          backgroundColor: "var(--lm-error-500)",
+          color: "var(--lm-text-inverse)"
+        };
+    }
+  };
+  const getConfirmButtonHoverStyles = () => {
+    switch (confirmButtonStyle) {
+      case "primary":
+        return {
+          backgroundColor: "var(--lm-primary-600)"
+        };
+      case "danger":
+        return {
+          backgroundColor: "var(--lm-error-600)"
+        };
+    }
+  };
+  const handleOverlayClick = () => {
+    if (closeOnOverlayClick) {
+      onCancel();
+    }
+  };
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center px-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `absolute inset-0 backdrop-blur-sm transition-opacity duration-200 ${isAnimating ? "opacity-100" : "opacity-0"}`,
+        style: {
+          backgroundColor: "rgba(0, 0, 0, 0.2)"
+        },
+        onClick: handleOverlayClick
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `relative backdrop-blur-xl rounded-3xl shadow-2xl border p-8 max-w-md w-full mx-auto transition-all duration-200 ${isAnimating ? "opacity-100 scale-100" : "opacity-0 scale-95"}`,
+        style: {
+          backgroundColor: "var(--lm-bg-elevated)",
+          borderColor: "var(--lm-border-default)",
+          boxShadow: "var(--lm-shadow-xl)"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4",
+                style: {
+                  backgroundColor: "var(--lm-gray-100)"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--lm-gray-600)" }, children: /* @__PURE__ */ jsxRuntime.jsx(QuestionIcon, {}) })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: "text-xl font-semibold mb-2",
+                style: {
+                  color: "var(--lm-text-primary)"
+                },
+                children: title
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "text-sm leading-relaxed",
+                style: {
+                  color: "var(--lm-text-secondary)"
+                },
+                children: content
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex space-x-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onCancel,
+                className: "flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
+                style: {
+                  backgroundColor: "var(--lm-gray-100)",
+                  color: "var(--lm-text-primary)"
+                },
+                onMouseEnter: (e) => {
+                  e.currentTarget.style.backgroundColor = "var(--lm-gray-200)";
+                },
+                onMouseLeave: (e) => {
+                  e.currentTarget.style.backgroundColor = "var(--lm-gray-100)";
+                },
+                children: cancelText
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onConfirm,
+                className: "flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
+                style: getConfirmButtonStyles(),
+                onMouseEnter: (e) => {
+                  const hoverStyles = getConfirmButtonHoverStyles();
+                  e.currentTarget.style.backgroundColor = (hoverStyles == null ? void 0 : hoverStyles.backgroundColor) || "";
+                },
+                onMouseLeave: (e) => {
+                  const normalStyles = getConfirmButtonStyles();
+                  e.currentTarget.style.backgroundColor = (normalStyles == null ? void 0 : normalStyles.backgroundColor) || "";
+                },
+                children: confirmText
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const useConfirm = () => {
+  const [visible, setVisible] = React.useState(false);
+  const [config, setConfig] = React.useState(null);
+  const [resolveRef, setResolveRef] = React.useState(null);
+  const confirm = React.useCallback((options) => {
+    return new Promise((resolve) => {
+      setConfig(options);
+      setVisible(true);
+      setResolveRef(() => resolve);
+    });
+  }, []);
+  const handleConfirm = React.useCallback(() => {
+    setVisible(false);
+    resolveRef == null ? void 0 : resolveRef(true);
+    setResolveRef(null);
+  }, [resolveRef]);
+  const handleCancel = React.useCallback(() => {
+    setVisible(false);
+    resolveRef == null ? void 0 : resolveRef(false);
+    setResolveRef(null);
+  }, [resolveRef]);
+  const ConfirmDialog = React.useCallback(() => {
+    if (!config) return null;
+    return React.createElement(LMConfirm, {
+      visible,
+      ...config,
+      onConfirm: handleConfirm,
+      onCancel: handleCancel
+    });
+  }, [visible, config, handleConfirm, handleCancel]);
+  return {
+    visible,
+    config,
+    confirm,
+    ConfirmDialog
+  };
+};
+exports.LMConfirm = LMConfirm;
+exports.useConfirm = useConfirm;
+//# sourceMappingURL=useConfirm-BO5Ch3Bf.cjs.map

package/dist/useConfirm-BO5Ch3Bf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirm-BO5Ch3Bf.cjs","sources":["../src/components/Feedback/LMConfirm/LMConfirm.tsx","../src/hooks/useConfirm.ts"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface LMConfirmProps {\n  /** Dialog visible */\n  visible: boolean\n  /** Dialog title */\n  title?: string\n  /** Dialog content */\n  content: string\n  /** Confirm button text */\n  confirmText?: string\n  /** Cancel button text */\n  cancelText?: string\n  /** Confirm button style */\n  confirmButtonStyle?: 'primary' | 'danger'\n  /** Confirm callback */\n  onConfirm: () => void\n  /** Cancel callback */\n  onCancel: () => void\n  /** Close on overlay click */\n  closeOnOverlayClick?: boolean\n}\n\nconst QuestionIcon: React.FC = () => (\n  <svg viewBox=\"0 0 24 24\" className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M12 17h.01\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst LMConfirm: React.FC<LMConfirmProps> = ({\n  visible,\n  title = 'Confirm',\n  content,\n  confirmText = 'Confirm',\n  cancelText = 'Cancel',\n  confirmButtonStyle = 'primary',\n  onConfirm,\n  onCancel,\n  closeOnOverlayClick = true,\n}) => {\n  const [isVisible, setIsVisible] = useState(false)\n  const [isAnimating, setIsAnimating] = useState(false)\n  const animationFrameRef = useRef<number>()\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n  useEffect(() => {\n    // Cleanup previous timers\n    if (animationFrameRef.current) {\n      cancelAnimationFrame(animationFrameRef.current)\n    }\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n    }\n\n    if (visible) {\n      setIsVisible(true)\n      animationFrameRef.current = requestAnimationFrame(() => {\n        setIsAnimating(true)\n      })\n    } else {\n      setIsAnimating(false)\n      timeoutRef.current = setTimeout(() => {\n        setIsVisible(false)\n      }, 200)\n    }\n\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current)\n      }\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [visible])\n\n  const getConfirmButtonStyles = () => {\n    switch (confirmButtonStyle) {\n      case 'primary':\n        return {\n          backgroundColor: 'var(--lm-primary-500)',\n          color: 'var(--lm-text-inverse)',\n        }\n      case 'danger':\n        return {\n          backgroundColor: 'var(--lm-error-500)',\n          color: 'var(--lm-text-inverse)',\n        }\n    }\n  }\n\n  const getConfirmButtonHoverStyles = () => {\n    switch (confirmButtonStyle) {\n      case 'primary':\n        return {\n          backgroundColor: 'var(--lm-primary-600)',\n        }\n      case 'danger':\n        return {\n          backgroundColor: 'var(--lm-error-600)',\n        }\n    }\n  }\n\n  const handleOverlayClick = () => {\n    if (closeOnOverlayClick) {\n      onCancel()\n    }\n  }\n\n  if (!isVisible) return null\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center px-4\">\n      {/* Backdrop */}\n      <div\n        className={`absolute inset-0 backdrop-blur-sm transition-opacity duration-200 ${\n          isAnimating ? 'opacity-100' : 'opacity-0'\n        }`}\n        style={{\n          backgroundColor: 'rgba(0, 0, 0, 0.2)',\n        }}\n        onClick={handleOverlayClick}\n      />\n\n      {/* Dialog */}\n      <div\n        className={`relative backdrop-blur-xl rounded-3xl shadow-2xl border p-8 max-w-md w-full mx-auto transition-all duration-200 ${\n          isAnimating ? 'opacity-100 scale-100' : 'opacity-0 scale-95'\n        }`}\n        style={{\n          backgroundColor: 'var(--lm-bg-elevated)',\n          borderColor: 'var(--lm-border-default)',\n          boxShadow: 'var(--lm-shadow-xl)',\n        }}\n      >\n        {/* Icon area */}\n        <div className=\"text-center mb-6\">\n          <div\n            className=\"inline-flex items-center justify-center w-16 h-16 rounded-full mb-4\"\n            style={{\n              backgroundColor: 'var(--lm-gray-100)',\n            }}\n          >\n            <span style={{ color: 'var(--lm-gray-600)' }}>\n              <QuestionIcon />\n            </span>\n          </div>\n\n          {/* Title */}\n          <h3\n            className=\"text-xl font-semibold mb-2\"\n            style={{\n              color: 'var(--lm-text-primary)',\n            }}\n          >\n            {title}\n          </h3>\n\n          {/* Content */}\n          <p\n            className=\"text-sm leading-relaxed\"\n            style={{\n              color: 'var(--lm-text-secondary)',\n            }}\n          >\n            {content}\n          </p>\n        </div>\n\n        {/* Button area */}\n        <div className=\"flex space-x-3\">\n          {/* Cancel button */}\n          <button\n            onClick={onCancel}\n            className=\"flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]\"\n            style={{\n              backgroundColor: 'var(--lm-gray-100)',\n              color: 'var(--lm-text-primary)',\n            }}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-gray-200)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-gray-100)'\n            }}\n          >\n            {cancelText}\n          </button>\n\n          {/* Confirm button */}\n          <button\n            onClick={onConfirm}\n            className=\"flex-1 py-3 px-4 font-medium rounded-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]\"\n            style={getConfirmButtonStyles()}\n            onMouseEnter={(e) => {\n              const hoverStyles = getConfirmButtonHoverStyles()\n              e.currentTarget.style.backgroundColor = hoverStyles?.backgroundColor || ''\n            }}\n            onMouseLeave={(e) => {\n              const normalStyles = getConfirmButtonStyles()\n              e.currentTarget.style.backgroundColor = normalStyles?.backgroundColor || ''\n            }}\n          >\n            {confirmText}\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LMConfirm\n","import React, { useState, useCallback } from 'react'\nimport type { LMConfirmProps } from '../components/Feedback/LMConfirm/LMConfirm'\nimport LMConfirm from '../components/Feedback/LMConfirm/LMConfirm'\n\nexport interface UseConfirmReturn {\n  visible: boolean\n  config: Omit<LMConfirmProps, 'visible' | 'onConfirm' | 'onCancel'> | null\n  confirm: (options: {\n    title?: string\n    content: string\n    confirmText?: string\n    cancelText?: string\n    confirmButtonStyle?: 'primary' | 'danger'\n  }) => Promise<boolean>\n  ConfirmDialog: React.FC\n}\n\nexport const useConfirm = (): UseConfirmReturn => {\n  const [visible, setVisible] = useState(false)\n  const [config, setConfig] = useState<Omit<LMConfirmProps, 'visible' | 'onConfirm' | 'onCancel'> | null>(null)\n  const [resolveRef, setResolveRef] = useState<((value: boolean) => void) | null>(null)\n\n  const confirm = useCallback((options: {\n    title?: string\n    content: string\n    confirmText?: string\n    cancelText?: string\n    confirmButtonStyle?: 'primary' | 'danger'\n  }): Promise<boolean> => {\n    return new Promise((resolve) => {\n      setConfig(options)\n      setVisible(true)\n      setResolveRef(() => resolve)\n    })\n  }, [])\n\n  const handleConfirm = useCallback(() => {\n    setVisible(false)\n    resolveRef?.(true)\n    setResolveRef(null)\n  }, [resolveRef])\n\n  const handleCancel = useCallback(() => {\n    setVisible(false)\n    resolveRef?.(false)\n    setResolveRef(null)\n  }, [resolveRef])\n\n  const ConfirmDialog: React.FC = useCallback(() => {\n    if (!config) return null\n    return React.createElement(LMConfirm, {\n      visible,\n      ...config,\n      onConfirm: handleConfirm,\n      onCancel: handleCancel,\n    })\n  }, [visible, config, handleConfirm, handleCancel])\n\n  return {\n    visible,\n    config,\n    confirm,\n    ConfirmDialog,\n  }\n}\n"],"names":["jsxs","jsx","useState","useRef","useEffect","useCallback"],"mappings":"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"}