npm - @mehdashti/modals - Versions diffs - 0.2.0 → 0.4.0 - Mend

@mehdashti/modals 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -183,7 +183,7 @@ function CreateUserModal({ open, onClose }) {
 ### Modal Stacking
-Multiple modals can be opened simultaneously:
+Multiple modals can be opened simultaneously with automatic z-index management:
 ```tsx
 function App() {
@@ -215,6 +215,13 @@ function Component() {
 }
 ```
+**Z-Index Management:**
+- Each modal/drawer automatically gets the correct z-index
+- First modal: z-50 (overlay), z-51 (content)
+- Second modal: z-60 (overlay), z-61 (content)
+- Third modal: z-70 (overlay), z-71 (content)
+- Supports unlimited stacking without conflicts
 ## API
 ### Modal Props

package/dist/index.d.ts CHANGED Viewed

@@ -50,8 +50,12 @@ interface DrawerProps {
      * Footer content
      */
     footer?: React.ReactNode;
+    /**
+     * Z-index for drawer stacking (managed automatically by ModalProvider)
+     */
+    zIndex?: number;
 }
-declare function Drawer({ open, onClose, title, description, children, side, size, showClose, dismissable, className, header, footer, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ open, onClose, title, description, children, side, size, showClose, dismissable, className, header, footer, zIndex, }: DrawerProps): react_jsx_runtime.JSX.Element;
 /**
  * Modal Types
@@ -96,12 +100,16 @@ interface ModalProps {
      * Whether the modal can be dismissed by clicking outside or pressing Escape
      */
     dismissable?: boolean;
+    /**
+     * Z-index for modal stacking (managed automatically by ModalProvider)
+     */
+    zIndex?: number;
 }
 interface ModalContextValue {
     /**
      * Open a modal
      */
-    openModal: (id: string, props: Omit<ModalProps, "open" | "onClose">) => void;
+    openModal: (id: string, props: Omit<ModalProps, "open">) => void;
     /**
      * Close a modal
      */
@@ -155,7 +163,7 @@ interface ConfirmModalProps {
  *
  * Accessible modal dialog with stacking support.
  */
-declare function Modal({ open, onClose, title, description, children, size, showClose, className, dismissable, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ open, onClose, title, description, children, size, showClose, className, dismissable, zIndex, }: ModalProps): react_jsx_runtime.JSX.Element;
 /**
  * Confirm Modal
@@ -227,7 +235,7 @@ interface PromptOptions {
  * Hook providing global modal utilities
  */
 declare function useModals(): {
-    openModal: (id: string, props: Omit<ModalProps, "open" | "onClose">) => void;
+    openModal: (id: string, props: Omit<ModalProps, "open">) => void;
     closeModal: (id: string) => void;
     closeAllModals: () => void;
     isModalOpen: (id: string) => boolean;

package/dist/index.js CHANGED Viewed

@@ -18,15 +18,24 @@ function Modal({
   size = "md",
   showClose = true,
   className,
-  dismissable = true
+  dismissable = true,
+  zIndex = 50
 }) {
+  const overlayZIndex = zIndex;
+  const contentZIndex = zIndex + 1;
   return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (open2) => !open2 && onClose?.(), children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "fixed inset-0 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+    /* @__PURE__ */ jsx(
+      Dialog.Overlay,
+      {
+        className: "fixed inset-0 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        style: { zIndex: overlayZIndex }
+      }
+    ),
     /* @__PURE__ */ jsxs(
       Dialog.Content,
       {
         className: clsx(
-          "fixed left-[50%] top-[50%] z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200",
+          "fixed left-[50%] top-[50%] w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
           "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
@@ -36,6 +45,7 @@ function Modal({
           sizeClasses[size],
           className
         ),
+        style: { zIndex: contentZIndex },
         onEscapeKeyDown: (e) => {
           if (!dismissable) {
             e.preventDefault();
@@ -173,21 +183,31 @@ function Drawer({
   dismissable = true,
   className,
   header,
-  footer
+  footer,
+  zIndex = 50
 }) {
+  const overlayZIndex = zIndex;
+  const contentZIndex = zIndex + 1;
   return /* @__PURE__ */ jsx3(Dialog2.Root, { open, onOpenChange: (open2) => !open2 && onClose?.(), children: /* @__PURE__ */ jsxs3(Dialog2.Portal, { children: [
-    /* @__PURE__ */ jsx3(Dialog2.Overlay, { className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 animate-fade-in" }),
+    /* @__PURE__ */ jsx3(
+      Dialog2.Overlay,
+      {
+        className: "fixed inset-0 bg-black/50 backdrop-blur-sm animate-fade-in",
+        style: { zIndex: overlayZIndex }
+      }
+    ),
     /* @__PURE__ */ jsxs3(
       Dialog2.Content,
       {
         className: clsx2(
-          "fixed z-50 bg-white dark:bg-gray-900 shadow-xl",
+          "fixed bg-white dark:bg-gray-900 shadow-xl",
           "flex flex-col",
           sideClasses[side],
           (side === "left" || side === "right") && sizeClasses2[size],
           (side === "top" || side === "bottom") && "h-auto",
           className
         ),
+        style: { zIndex: contentZIndex },
         onEscapeKeyDown: (e) => !dismissable && e.preventDefault(),
         onPointerDownOutside: (e) => !dismissable && e.preventDefault(),
         children: [
@@ -271,15 +291,19 @@ function ModalProvider({ children }) {
   };
   return /* @__PURE__ */ jsxs4(ModalContext.Provider, { value, children: [
     children,
-    modals.map((modal) => /* @__PURE__ */ jsx4(
-      Modal,
-      {
-        open: true,
-        onClose: () => closeModal(modal.id),
-        ...modal.props
-      },
-      modal.id
-    ))
+    modals.map((modal, index) => {
+      const baseZIndex = 50 + index * 10;
+      return /* @__PURE__ */ jsx4(
+        Modal,
+        {
+          open: true,
+          onClose: () => closeModal(modal.id),
+          zIndex: baseZIndex,
+          ...modal.props
+        },
+        modal.id
+      );
+    })
   ] });
 }
 function useModalContext() {
@@ -318,19 +342,30 @@ function useModals() {
     (options) => {
       return new Promise((resolve) => {
         const modalId = `confirm-${Date.now()}`;
+        let resolved = false;
         const handleConfirm = () => {
+          if (resolved) return;
+          resolved = true;
           context.closeModal(modalId);
           resolve(true);
         };
         const handleCancel = () => {
+          if (resolved) return;
+          resolved = true;
           context.closeModal(modalId);
           resolve(false);
         };
+        const handleDismiss = () => {
+          if (resolved) return;
+          resolved = true;
+          resolve(false);
+        };
         context.openModal(modalId, {
           title: options.title,
           size: "sm",
           dismissable: true,
           showClose: false,
+          onClose: handleDismiss,
           children: /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
             /* @__PURE__ */ jsx5("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: options.message }),
             /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
@@ -361,15 +396,24 @@ function useModals() {
     (options) => {
       return new Promise((resolve) => {
         const modalId = `alert-${Date.now()}`;
+        let resolved = false;
         const handleOk = () => {
+          if (resolved) return;
+          resolved = true;
           context.closeModal(modalId);
           resolve();
         };
+        const handleDismiss = () => {
+          if (resolved) return;
+          resolved = true;
+          resolve();
+        };
         context.openModal(modalId, {
           title: options.title,
           size: "sm",
           dismissable: true,
           showClose: false,
+          onClose: handleDismiss,
           children: /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
             /* @__PURE__ */ jsx5("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: options.message }),
             /* @__PURE__ */ jsx5("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx5(
@@ -392,6 +436,12 @@ function useModals() {
         const modalId = `prompt-${Date.now()}`;
         let inputValue = options.defaultValue || "";
         let errorMessage = "";
+        let resolved = false;
+        const handleDismiss = () => {
+          if (resolved) return;
+          resolved = true;
+          resolve(null);
+        };
         const PromptContent = () => {
           const [value, setValue] = React3.useState(inputValue);
           const [error, setError] = React3.useState("");
@@ -403,10 +453,14 @@ function useModals() {
                 return;
               }
             }
+            if (resolved) return;
+            resolved = true;
             context.closeModal(modalId);
             resolve(value);
           };
           const handleCancel = () => {
+            if (resolved) return;
+            resolved = true;
             context.closeModal(modalId);
             resolve(null);
           };
@@ -458,6 +512,7 @@ function useModals() {
           size: "sm",
           dismissable: true,
           showClose: false,
+          onClose: handleDismiss,
           children: /* @__PURE__ */ jsx5(PromptContent, {})
         });
       });

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/modal.tsx","../src/components/confirm-modal.tsx","../src/components/drawer.tsx","../src/context/modal-context.tsx","../src/hooks/use-modal.ts","../src/hooks/use-modals.tsx"],"sourcesContent":["/*\n Modal Component\n \n Modal dialog with Radix UI.\n /\n\nimport as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { clsx } from \"clsx\";\nimport type { ModalProps } from \"../types/index.js\";\n\nconst sizeClasses = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n xl: \"max-w-4xl\",\n full: \"max-w-full\",\n};\n\n/*\n Modal Component\n \n Accessible modal dialog with stacking support.\n /\nexport function Modal({\n open = false,\n onClose,\n title,\n description,\n children,\n size = \"md\",\n showClose = true,\n className,\n dismissable = true,\n}: ModalProps) {\n return (\n <Dialog.Root open={open} onOpenChange={(open) => !open && onClose?.()}>\n <Dialog.Portal>\n <Dialog.Overlay className=\"fixed inset-0 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\" />\n <Dialog.Content\n className={clsx(\n \"fixed left-[50%] top-[50%] z-50 w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]\",\n \"data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n \"sm:rounded-lg\",\n sizeClasses[size],\n className\n )}\n onEscapeKeyDown={(e) => {\n if (!dismissable) {\n e.preventDefault();\n }\n }}\n onPointerDownOutside={(e) => {\n if (!dismissable) {\n e.preventDefault();\n }\n }}\n >\n {(title \|\| description) && (\n <div className=\"space-y-2\">\n {title && (\n <Dialog.Title className=\"text-lg font-semibold leading-none tracking-tight\">\n {title}\n </Dialog.Title>\n )}\n {description && (\n <Dialog.Description className=\"text-sm text-muted-foreground\">\n {description}\n </Dialog.Description>\n )}\n </div>\n )}\n\n <div className=\"mt-4\">{children}</div>\n\n {showClose && (\n <Dialog.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"h-4 w-4\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n <span className=\"sr-only\">Close</span>\n </Dialog.Close>\n )}\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog.Root>\n );\n}\n","/\n Confirm Modal Component\n \n Confirmation dialog with confirm/cancel actions.\n /\n\nimport as React from \"react\";\nimport { Modal } from \"./modal.js\";\nimport type { ConfirmModalProps } from \"../types/index.js\";\n\n/*\n Confirm Modal\n \n Modal for confirming user actions.\n /\nexport function ConfirmModal({\n title,\n message,\n confirmText = \"Confirm\",\n cancelText = \"Cancel\",\n onConfirm,\n onCancel,\n variant = \"default\",\n}: ConfirmModalProps & { open?: boolean; onClose?: () => void }) {\n const [isLoading, setIsLoading] = React.useState(false);\n const [isOpen, setIsOpen] = React.useState(true);\n\n const handleConfirm = async () => {\n setIsLoading(true);\n try {\n await onConfirm();\n setIsOpen(false);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleCancel = () => {\n onCancel?.();\n setIsOpen(false);\n };\n\n return (\n <Modal\n open={isOpen}\n onClose={handleCancel}\n title={title}\n size=\"sm\"\n dismissable={!isLoading}\n >\n <div className=\"space-y-4\">\n <p className=\"text-sm text-muted-foreground\">{message}</p>\n\n <div className=\"flex justify-end space-x-2\">\n <button\n type=\"button\"\n onClick={handleCancel}\n disabled={isLoading}\n className=\"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2\"\n >\n {cancelText}\n </button>\n <button\n type=\"button\"\n onClick={handleConfirm}\n disabled={isLoading}\n className={`inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 ${\n variant === \"destructive\"\n ? \"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n : \"bg-primary text-primary-foreground hover:bg-primary/90\"\n }`}\n >\n {isLoading ? \"Loading...\" : confirmText}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n","/\n Drawer Component\n \n Side panel that slides in from left, right, top, or bottom.\n * Built on Radix UI Dialog for accessibility.\n /\n\nimport as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { clsx } from \"clsx\";\n\nexport interface DrawerProps {\n /*\n Whether the drawer is open\n /\n open?: boolean;\n\n /\n Callback when drawer should close\n /\n onClose?: () => void;\n\n /\n Drawer title\n /\n title?: string;\n\n /\n Drawer description (for accessibility)\n /\n description?: string;\n\n /\n Drawer content\n /\n children: React.ReactNode;\n\n /\n Side to slide from\n /\n side?: \"left\" \| \"right\" \| \"top\" \| \"bottom\";\n\n /\n Drawer size\n /\n size?: \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"full\";\n\n /\n Show close button\n /\n showClose?: boolean;\n\n /\n Allow dismissing by clicking outside or pressing Escape\n /\n dismissable?: boolean;\n\n /\n Custom className\n /\n className?: string;\n\n /\n Header content (overrides title)\n /\n header?: React.ReactNode;\n\n /\n Footer content\n /\n footer?: React.ReactNode;\n}\n\nconst sizeClasses = {\n sm: \"max-w-sm\",\n md: \"max-w-md\",\n lg: \"max-w-lg\",\n xl: \"max-w-xl\",\n full: \"max-w-full\",\n};\n\nconst sideClasses = {\n left: \"left-0 top-0 h-full animate-slide-in-from-left\",\n right: \"right-0 top-0 h-full animate-slide-in-from-right\",\n top: \"top-0 left-0 w-full animate-slide-in-from-top\",\n bottom: \"bottom-0 left-0 w-full animate-slide-in-from-bottom\",\n};\n\nexport function Drawer({\n open = false,\n onClose,\n title,\n description,\n children,\n side = \"right\",\n size = \"md\",\n showClose = true,\n dismissable = true,\n className,\n header,\n footer,\n}: DrawerProps) {\n return (\n <Dialog.Root open={open} onOpenChange={(open) => !open && onClose?.()}>\n <Dialog.Portal>\n {/ Overlay /}\n <Dialog.Overlay className=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 animate-fade-in\" />\n\n {/ Drawer Content /}\n <Dialog.Content\n className={clsx(\n \"fixed z-50 bg-white dark:bg-gray-900 shadow-xl\",\n \"flex flex-col\",\n sideClasses[side],\n (side === \"left\" \|\| side === \"right\") && sizeClasses[size],\n (side === \"top\" \|\| side === \"bottom\") && \"h-auto\",\n className\n )}\n onEscapeKeyDown={(e) => !dismissable && e.preventDefault()}\n onPointerDownOutside={(e) => !dismissable && e.preventDefault()}\n >\n {/ Header /}\n {(header \|\| title \|\| description) && (\n <div className=\"flex-shrink-0 border-b border-gray-200 dark:border-gray-800 p-6\">\n {header ? (\n header\n ) : (\n <>\n <div className=\"flex items-start justify-between\">\n {title && (\n <Dialog.Title className=\"text-lg font-semibold text-gray-900 dark:text-gray-100\">\n {title}\n </Dialog.Title>\n )}\n {showClose && (\n <Dialog.Close\n className=\"rounded-md p-1 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors\"\n aria-label=\"Close\"\n >\n <svg\n className=\"h-5 w-5 text-gray-500\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </Dialog.Close>\n )}\n </div>\n {description && (\n <Dialog.Description className=\"mt-2 text-sm text-gray-600 dark:text-gray-400\">\n {description}\n </Dialog.Description>\n )}\n </>\n )}\n </div>\n )}\n\n {/ Body /}\n <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n\n {/ Footer /}\n {footer && (\n <div className=\"flex-shrink-0 border-t border-gray-200 dark:border-gray-800 p-6\">\n {footer}\n </div>\n )}\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog.Root>\n );\n}\n","/\n Modal Context\n \n Context for managing multiple modals with stacking support.\n /\n\nimport as React from \"react\";\nimport type { ModalContextValue, ModalProps } from \"../types/index.js\";\nimport { Modal } from \"../components/modal.js\";\n\nconst ModalContext = React.createContext<ModalContextValue \| undefined>(\n undefined\n);\n\ninterface ModalState {\n id: string;\n props: Omit<ModalProps, \"open\" \| \"onClose\">;\n}\n\nexport interface ModalProviderProps {\n children: React.ReactNode;\n}\n\n/*\n Modal Provider\n \n Provides modal management functionality to the app.\n /\nexport function ModalProvider({ children }: ModalProviderProps) {\n const [modals, setModals] = React.useState<ModalState[]>([]);\n\n const openModal = React.useCallback(\n (id: string, props: Omit<ModalProps, \"open\" \| \"onClose\">) => {\n setModals((prev) => {\n // If modal already exists, update it\n const existing = prev.find((m) => m.id === id);\n if (existing) {\n return prev.map((m) => (m.id === id ? { id, props } : m));\n }\n // Otherwise add new modal\n return [...prev, { id, props }];\n });\n },\n []\n );\n\n const closeModal = React.useCallback((id: string) => {\n setModals((prev) => prev.filter((m) => m.id !== id));\n }, []);\n\n const closeAllModals = React.useCallback(() => {\n setModals([]);\n }, []);\n\n const isModalOpen = React.useCallback(\n (id: string) => {\n return modals.some((m) => m.id === id);\n },\n [modals]\n );\n\n const value: ModalContextValue = {\n openModal,\n closeModal,\n closeAllModals,\n isModalOpen,\n openModals: modals.map((m) => m.id),\n };\n\n return (\n <ModalContext.Provider value={value}>\n {children}\n {modals.map((modal) => (\n <Modal\n key={modal.id}\n open={true}\n onClose={() => closeModal(modal.id)}\n {...modal.props}\n />\n ))}\n </ModalContext.Provider>\n );\n}\n\n/\n Use Modal Context\n \n Access modal management functions.\n /\nexport function useModalContext(): ModalContextValue {\n const context = React.useContext(ModalContext);\n\n if (!context) {\n throw new Error(\"useModalContext must be used within ModalProvider\");\n }\n\n return context;\n}\n","/\n useModal Hook\n \n Hook for programmatic modal control.\n /\n\nimport { useModalContext } from \"../context/modal-context.js\";\nimport type { ModalProps } from \"../types/index.js\";\n\n/\n Use Modal\n \n Get modal control functions for a specific modal ID.\n /\nexport function useModal(id: string) {\n const { openModal, closeModal, isModalOpen } = useModalContext();\n\n return {\n /\n Open this modal\n /\n open: (props: Omit<ModalProps, \"open\" \| \"onClose\">) =>\n openModal(id, props),\n\n /\n Close this modal\n /\n close: () => closeModal(id),\n\n /\n Check if this modal is open\n /\n isOpen: isModalOpen(id),\n };\n}\n","/\n Global Modal Utilities Hook\n \n Provides convenient methods for common modal patterns:\n * - confirm(): Confirmation dialogs\n * - alert(): Alert dialogs\n * - prompt(): Input dialogs\n /\n\nimport as React from \"react\";\nimport { useModalContext } from \"../context/index.js\";\nimport type { ModalProps } from \"../types/index.js\";\n\nexport interface ConfirmOptions {\n title: string;\n message: string;\n confirmText?: string;\n cancelText?: string;\n variant?: \"default\" \| \"destructive\";\n}\n\nexport interface AlertOptions {\n title: string;\n message: string;\n okText?: string;\n}\n\nexport interface PromptOptions {\n title: string;\n message?: string;\n placeholder?: string;\n defaultValue?: string;\n confirmText?: string;\n cancelText?: string;\n validate?: (value: string) => boolean \| string;\n}\n\n/*\n Hook providing global modal utilities\n /\nexport function useModals() {\n const context = useModalContext();\n\n /\n Show confirmation dialog\n * @returns Promise that resolves to true if confirmed, false if cancelled\n /\n const confirm = React.useCallback(\n (options: ConfirmOptions): Promise<boolean> => {\n return new Promise((resolve) => {\n const modalId = `confirm-${Date.now()}`;\n\n const handleConfirm = () => {\n context.closeModal(modalId);\n resolve(true);\n };\n\n const handleCancel = () => {\n context.closeModal(modalId);\n resolve(false);\n };\n\n context.openModal(modalId, {\n title: options.title,\n size: \"sm\",\n dismissable: true,\n showClose: false,\n children: (\n <div className=\"space-y-4\">\n <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n {options.message}\n </p>\n <div className=\"flex justify-end gap-2\">\n <button\n onClick={handleCancel}\n className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700\"\n >\n {options.cancelText \|\| \"Cancel\"}\n </button>\n <button\n onClick={handleConfirm}\n className={`px-4 py-2 text-sm font-medium text-white rounded-md ${\n options.variant === \"destructive\"\n ? \"bg-red-600 hover:bg-red-700\"\n : \"bg-blue-600 hover:bg-blue-700\"\n }`}\n >\n {options.confirmText \|\| \"Confirm\"}\n </button>\n </div>\n </div>\n ),\n });\n });\n },\n [context]\n );\n\n /\n Show alert dialog\n * @returns Promise that resolves when dismissed\n /\n const alert = React.useCallback(\n (options: AlertOptions): Promise<void> => {\n return new Promise((resolve) => {\n const modalId = `alert-${Date.now()}`;\n\n const handleOk = () => {\n context.closeModal(modalId);\n resolve();\n };\n\n context.openModal(modalId, {\n title: options.title,\n size: \"sm\",\n dismissable: true,\n showClose: false,\n children: (\n <div className=\"space-y-4\">\n <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n {options.message}\n </p>\n <div className=\"flex justify-end\">\n <button\n onClick={handleOk}\n className=\"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700\"\n >\n {options.okText \|\| \"OK\"}\n </button>\n </div>\n </div>\n ),\n });\n });\n },\n [context]\n );\n\n /\n Show prompt dialog\n * @returns Promise that resolves to the input value if confirmed, null if cancelled\n */\n const prompt = React.useCallback(\n (options: PromptOptions): Promise<string \| null> => {\n return new Promise((resolve) => {\n const modalId = `prompt-${Date.now()}`;\n let inputValue = options.defaultValue \|\| \"\";\n let errorMessage = \"\";\n\n const PromptContent = () => {\n const [value, setValue] = React.useState(inputValue);\n const [error, setError] = React.useState(\"\");\n\n const handleConfirm = () => {\n if (options.validate) {\n const validation = options.validate(value);\n if (validation === false \|\| typeof validation === \"string\") {\n setError(typeof validation === \"string\" ? validation : \"Invalid input\");\n return;\n }\n }\n context.closeModal(modalId);\n resolve(value);\n };\n\n const handleCancel = () => {\n context.closeModal(modalId);\n resolve(null);\n };\n\n return (\n <div className=\"space-y-4\">\n {options.message && (\n <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n {options.message}\n </p>\n )}\n <div>\n <input\n type=\"text\"\n value={value}\n onChange={(e) => {\n setValue(e.target.value);\n setError(\"\");\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") handleConfirm();\n if (e.key === \"Escape\") handleCancel();\n }}\n placeholder={options.placeholder}\n autoFocus\n className=\"w-full px-3 py-2 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-600 dark:text-white\"\n />\n {error && (\n <p className=\"mt-1 text-xs text-red-600 dark:text-red-400\">\n {error}\n </p>\n )}\n </div>\n <div className=\"flex justify-end gap-2\">\n <button\n onClick={handleCancel}\n className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700\"\n >\n {options.cancelText \|\| \"Cancel\"}\n </button>\n <button\n onClick={handleConfirm}\n className=\"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700\"\n >\n {options.confirmText \|\| \"OK\"}\n </button>\n </div>\n </div>\n );\n };\n\n context.openModal(modalId, {\n title: options.title,\n size: \"sm\",\n dismissable: true,\n showClose: false,\n children: <PromptContent />,\n });\n });\n },\n [context]\n );\n\n return {\n confirm,\n alert,\n prompt,\n ...context,\n };\n}\n"],"mappings":";AAOA,YAAY,YAAY;AACxB,SAAS,YAAY;AA8Bb,cAyBI,YAzBJ;AA3BR,IAAM,cAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAOO,SAAS,MAAM;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAChB,GAAe;AACb,SACE,oBAAQ,aAAP,EAAY,MAAY,cAAc,CAACA,UAAS,CAACA,SAAQ,UAAU,GAClE,+BAAQ,eAAP,EACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,qJAAoJ;AAAA,IAC9K;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,IAAI;AAAA,UAChB;AAAA,QACF;AAAA,QACA,iBAAiB,CAAC,MAAM;AACtB,cAAI,CAAC,aAAa;AAChB,cAAE,eAAe;AAAA,UACnB;AAAA,QACF;AAAA,QACA,sBAAsB,CAAC,MAAM;AAC3B,cAAI,CAAC,aAAa;AAChB,cAAE,eAAe;AAAA,UACnB;AAAA,QACF;AAAA,QAEE;AAAA,oBAAS,gBACT,qBAAC,SAAI,WAAU,aACZ;AAAA,qBACC,oBAAQ,cAAP,EAAa,WAAU,qDACrB,iBACH;AAAA,YAED,eACC,oBAAQ,oBAAP,EAAmB,WAAU,iCAC3B,uBACH;AAAA,aAEJ;AAAA,UAGF,oBAAC,SAAI,WAAU,QAAQ,UAAS;AAAA,UAE/B,aACC,qBAAQ,cAAP,EAAa,WAAU,iRACtB;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,gBACf,WAAU;AAAA,gBAEV;AAAA,sCAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK;AAAA,kBACpC,oBAAC,UAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA;AAAA,YACtC;AAAA,YACA,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aACjC;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GACF;AAEJ;;;ACjGA,YAAY,WAAW;AA6Cf,gBAAAC,MAEA,QAAAC,aAFA;AApCD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAiE;AAC/D,QAAM,CAAC,WAAW,YAAY,IAAU,eAAS,KAAK;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAS,IAAI;AAE/C,QAAM,gBAAgB,YAAY;AAChC,iBAAa,IAAI;AACjB,QAAI;AACF,YAAM,UAAU;AAChB,gBAAU,KAAK;AAAA,IACjB,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AACzB,eAAW;AACX,cAAU,KAAK;AAAA,EACjB;AAEA,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,MAAK;AAAA,MACL,aAAa,CAAC;AAAA,MAEd,0BAAAC,MAAC,SAAI,WAAU,aACb;AAAA,wBAAAD,KAAC,OAAE,WAAU,iCAAiC,mBAAQ;AAAA,QAEtD,gBAAAC,MAAC,SAAI,WAAU,8BACb;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU;AAAA,cACV,WAAW,uRACT,YAAY,gBACR,uEACA,wDACN;AAAA,cAEC,sBAAY,eAAe;AAAA;AAAA,UAC9B;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;;;ACtEA,YAAYE,aAAY;AACxB,SAAS,QAAAC,aAAY;AAiGb,SAqBQ,UArBR,OAAAC,MAsBU,QAAAC,aAtBV;AAjCR,IAAMC,eAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,IAAM,cAAc;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV;AAEO,SAAS,OAAO;AAAA,EACrB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,SACE,gBAAAF,KAAQ,cAAP,EAAY,MAAY,cAAc,CAACG,UAAS,CAACA,SAAQ,UAAU,GAClE,0BAAAF,MAAQ,gBAAP,EAEC;AAAA,oBAAAD,KAAQ,iBAAP,EAAe,WAAU,mEAAkE;AAAA,IAG5F,gBAAAC;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACA;AAAA,UACA,YAAY,IAAI;AAAA,WACf,SAAS,UAAU,SAAS,YAAYG,aAAY,IAAI;AAAA,WACxD,SAAS,SAAS,SAAS,aAAa;AAAA,UACzC;AAAA,QACF;AAAA,QACA,iBAAiB,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe;AAAA,QACzD,sBAAsB,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe;AAAA,QAG5D;AAAA,qBAAU,SAAS,gBACnB,gBAAAF,KAAC,SAAI,WAAU,mEACZ,mBACC,SAEA,gBAAAC,MAAA,YACE;AAAA,4BAAAA,MAAC,SAAI,WAAU,oCACZ;AAAA,uBACC,gBAAAD,KAAQ,eAAP,EAAa,WAAU,0DACrB,iBACH;AAAA,cAED,aACC,gBAAAA;AAAA,gBAAQ;AAAA,gBAAP;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,kBAEX,0BAAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,QAAO;AAAA,sBAEP,0BAAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,eAAc;AAAA,0BACd,gBAAe;AAAA,0BACf,aAAa;AAAA,0BACb,GAAE;AAAA;AAAA,sBACJ;AAAA;AAAA,kBACF;AAAA;AAAA,cACF;AAAA,eAEJ;AAAA,YACC,eACC,gBAAAA,KAAQ,qBAAP,EAAmB,WAAU,iDAC3B,uBACH;AAAA,aAEJ,GAEJ;AAAA,UAIF,gBAAAA,KAAC,SAAI,WAAU,8BAA8B,UAAS;AAAA,UAGrD,UACC,gBAAAA,KAAC,SAAI,WAAU,mEACZ,kBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GACF;AAEJ;;;AC5KA,YAAYI,YAAW;AAgEnB,SAGI,OAAAC,MAHJ,QAAAC,aAAA;AA5DJ,IAAM,eAAqB;AAAA,EACzB;AACF;AAgBO,SAAS,cAAc,EAAE,SAAS,GAAuB;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAU,gBAAuB,CAAC,CAAC;AAE3D,QAAM,YAAkB;AAAA,IACtB,CAAC,IAAY,UAAgD;AAC3D,gBAAU,CAAC,SAAS;AAElB,cAAM,WAAW,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC7C,YAAI,UAAU;AACZ,iBAAO,KAAK,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,IAAI,MAAM,IAAI,CAAE;AAAA,QAC1D;AAEA,eAAO,CAAC,GAAG,MAAM,EAAE,IAAI,MAAM,CAAC;AAAA,MAChC,CAAC;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,aAAmB,mBAAY,CAAC,OAAe;AACnD,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EACrD,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAuB,mBAAY,MAAM;AAC7C,cAAU,CAAC,CAAC;AAAA,EACd,GAAG,CAAC,CAAC;AAEL,QAAM,cAAoB;AAAA,IACxB,CAAC,OAAe;AACd,aAAO,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAAA,IACvC;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,QAA2B;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE;AAAA,EACpC;AAEA,SACE,gBAAAA,MAAC,aAAa,UAAb,EAAsB,OACpB;AAAA;AAAA,IACA,OAAO,IAAI,CAAC,UACX,gBAAAD;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,QACN,SAAS,MAAM,WAAW,MAAM,EAAE;AAAA,QACjC,GAAG,MAAM;AAAA;AAAA,MAHL,MAAM;AAAA,IAIb,CACD;AAAA,KACH;AAEJ;AAOO,SAAS,kBAAqC;AACnD,QAAM,UAAgB,kBAAW,YAAY;AAE7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AAEA,SAAO;AACT;;;ACnFO,SAAS,SAAS,IAAY;AACnC,QAAM,EAAE,WAAW,YAAY,YAAY,IAAI,gBAAgB;AAE/D,SAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,CAAC,UACL,UAAU,IAAI,KAAK;AAAA;AAAA;AAAA;AAAA,IAKrB,OAAO,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA,IAK1B,QAAQ,YAAY,EAAE;AAAA,EACxB;AACF;;;ACzBA,YAAYE,YAAW;AA4DT,gBAAAC,MAGA,QAAAC,aAHA;AA7BP,SAAS,YAAY;AAC1B,QAAM,UAAU,gBAAgB;AAMhC,QAAM,UAAgB;AAAA,IACpB,CAAC,YAA8C;AAC7C,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,UAAU,WAAW,KAAK,IAAI,CAAC;AAErC,cAAM,gBAAgB,MAAM;AAC1B,kBAAQ,WAAW,OAAO;AAC1B,kBAAQ,IAAI;AAAA,QACd;AAEA,cAAM,eAAe,MAAM;AACzB,kBAAQ,WAAW,OAAO;AAC1B,kBAAQ,KAAK;AAAA,QACf;AAEA,gBAAQ,UAAU,SAAS;AAAA,UACzB,OAAO,QAAQ;AAAA,UACf,MAAM;AAAA,UACN,aAAa;AAAA,UACb,WAAW;AAAA,UACX,UACE,gBAAAA,MAAC,SAAI,WAAU,aACb;AAAA,4BAAAD,KAAC,OAAE,WAAU,4CACV,kBAAQ,SACX;AAAA,YACA,gBAAAC,MAAC,SAAI,WAAU,0BACb;AAAA,8BAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET,kBAAQ,cAAc;AAAA;AAAA,cACzB;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,WAAW,uDACT,QAAQ,YAAY,gBAChB,gCACA,+BACN;AAAA,kBAEC,kBAAQ,eAAe;AAAA;AAAA,cAC1B;AAAA,eACF;AAAA,aACF;AAAA,QAEJ,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAMA,QAAM,QAAc;AAAA,IAClB,CAAC,YAAyC;AACxC,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,UAAU,SAAS,KAAK,IAAI,CAAC;AAEnC,cAAM,WAAW,MAAM;AACrB,kBAAQ,WAAW,OAAO;AAC1B,kBAAQ;AAAA,QACV;AAEA,gBAAQ,UAAU,SAAS;AAAA,UACzB,OAAO,QAAQ;AAAA,UACf,MAAM;AAAA,UACN,aAAa;AAAA,UACb,WAAW;AAAA,UACX,UACE,gBAAAC,MAAC,SAAI,WAAU,aACb;AAAA,4BAAAD,KAAC,OAAE,WAAU,4CACV,kBAAQ,SACX;AAAA,YACA,gBAAAA,KAAC,SAAI,WAAU,oBACb,0BAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,WAAU;AAAA,gBAET,kBAAQ,UAAU;AAAA;AAAA,YACrB,GACF;AAAA,aACF;AAAA,QAEJ,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAMA,QAAM,SAAe;AAAA,IACnB,CAAC,YAAmD;AAClD,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,UAAU,UAAU,KAAK,IAAI,CAAC;AACpC,YAAI,aAAa,QAAQ,gBAAgB;AACzC,YAAI,eAAe;AAEnB,cAAM,gBAAgB,MAAM;AAC1B,gBAAM,CAAC,OAAO,QAAQ,IAAU,gBAAS,UAAU;AACnD,gBAAM,CAAC,OAAO,QAAQ,IAAU,gBAAS,EAAE;AAE3C,gBAAM,gBAAgB,MAAM;AAC1B,gBAAI,QAAQ,UAAU;AACpB,oBAAM,aAAa,QAAQ,SAAS,KAAK;AACzC,kBAAI,eAAe,SAAS,OAAO,eAAe,UAAU;AAC1D,yBAAS,OAAO,eAAe,WAAW,aAAa,eAAe;AACtE;AAAA,cACF;AAAA,YACF;AACA,oBAAQ,WAAW,OAAO;AAC1B,oBAAQ,KAAK;AAAA,UACf;AAEA,gBAAM,eAAe,MAAM;AACzB,oBAAQ,WAAW,OAAO;AAC1B,oBAAQ,IAAI;AAAA,UACd;AAEA,iBACE,gBAAAC,MAAC,SAAI,WAAU,aACZ;AAAA,oBAAQ,WACP,gBAAAD,KAAC,OAAE,WAAU,4CACV,kBAAQ,SACX;AAAA,YAEF,gBAAAC,MAAC,SACC;AAAA,8BAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL;AAAA,kBACA,UAAU,CAAC,MAAM;AACf,6BAAS,EAAE,OAAO,KAAK;AACvB,6BAAS,EAAE;AAAA,kBACb;AAAA,kBACA,WAAW,CAAC,MAAM;AAChB,wBAAI,EAAE,QAAQ,QAAS,eAAc;AACrC,wBAAI,EAAE,QAAQ,SAAU,cAAa;AAAA,kBACvC;AAAA,kBACA,aAAa,QAAQ;AAAA,kBACrB,WAAS;AAAA,kBACT,WAAU;AAAA;AAAA,cACZ;AAAA,cACC,SACC,gBAAAA,KAAC,OAAE,WAAU,+CACV,iBACH;AAAA,eAEJ;AAAA,YACA,gBAAAC,MAAC,SAAI,WAAU,0BACb;AAAA,8BAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET,kBAAQ,cAAc;AAAA;AAAA,cACzB;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,WAAU;AAAA,kBAET,kBAAQ,eAAe;AAAA;AAAA,cAC1B;AAAA,eACF;AAAA,aACF;AAAA,QAEJ;AAEA,gBAAQ,UAAU,SAAS;AAAA,UACzB,OAAO,QAAQ;AAAA,UACf,MAAM;AAAA,UACN,aAAa;AAAA,UACb,WAAW;AAAA,UACX,UAAU,gBAAAA,KAAC,iBAAc;AAAA,QAC3B,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":["open","jsx","jsxs","Dialog","clsx","jsx","jsxs","sizeClasses","open","React","jsx","jsxs","React","jsx","jsxs"]}
1	+ {"version":3,"sources":["../src/components/modal.tsx","../src/components/confirm-modal.tsx","../src/components/drawer.tsx","../src/context/modal-context.tsx","../src/hooks/use-modal.ts","../src/hooks/use-modals.tsx"],"sourcesContent":["/*\n Modal Component\n \n Modal dialog with Radix UI.\n /\n\nimport as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { clsx } from \"clsx\";\nimport type { ModalProps } from \"../types/index.js\";\n\nconst sizeClasses = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n xl: \"max-w-4xl\",\n full: \"max-w-full\",\n};\n\n/*\n Modal Component\n \n Accessible modal dialog with stacking support.\n /\nexport function Modal({\n open = false,\n onClose,\n title,\n description,\n children,\n size = \"md\",\n showClose = true,\n className,\n dismissable = true,\n zIndex = 50,\n}: ModalProps) {\n // Calculate z-index for overlay and content\n // Overlay should be below content: overlay = zIndex, content = zIndex + 1\n const overlayZIndex = zIndex;\n const contentZIndex = zIndex + 1;\n\n return (\n <Dialog.Root open={open} onOpenChange={(open) => !open && onClose?.()}>\n <Dialog.Portal>\n <Dialog.Overlay\n className=\"fixed inset-0 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n style={{ zIndex: overlayZIndex }}\n />\n <Dialog.Content\n className={clsx(\n \"fixed left-[50%] top-[50%] w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n \"data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]\",\n \"data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n \"sm:rounded-lg\",\n sizeClasses[size],\n className\n )}\n style={{ zIndex: contentZIndex }}\n onEscapeKeyDown={(e) => {\n if (!dismissable) {\n e.preventDefault();\n }\n }}\n onPointerDownOutside={(e) => {\n if (!dismissable) {\n e.preventDefault();\n }\n }}\n >\n {(title \|\| description) && (\n <div className=\"space-y-2\">\n {title && (\n <Dialog.Title className=\"text-lg font-semibold leading-none tracking-tight\">\n {title}\n </Dialog.Title>\n )}\n {description && (\n <Dialog.Description className=\"text-sm text-muted-foreground\">\n {description}\n </Dialog.Description>\n )}\n </div>\n )}\n\n <div className=\"mt-4\">{children}</div>\n\n {showClose && (\n <Dialog.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"h-4 w-4\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n <span className=\"sr-only\">Close</span>\n </Dialog.Close>\n )}\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog.Root>\n );\n}\n","/\n Confirm Modal Component\n \n Confirmation dialog with confirm/cancel actions.\n /\n\nimport as React from \"react\";\nimport { Modal } from \"./modal.js\";\nimport type { ConfirmModalProps } from \"../types/index.js\";\n\n/*\n Confirm Modal\n \n Modal for confirming user actions.\n /\nexport function ConfirmModal({\n title,\n message,\n confirmText = \"Confirm\",\n cancelText = \"Cancel\",\n onConfirm,\n onCancel,\n variant = \"default\",\n}: ConfirmModalProps & { open?: boolean; onClose?: () => void }) {\n const [isLoading, setIsLoading] = React.useState(false);\n const [isOpen, setIsOpen] = React.useState(true);\n\n const handleConfirm = async () => {\n setIsLoading(true);\n try {\n await onConfirm();\n setIsOpen(false);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleCancel = () => {\n onCancel?.();\n setIsOpen(false);\n };\n\n return (\n <Modal\n open={isOpen}\n onClose={handleCancel}\n title={title}\n size=\"sm\"\n dismissable={!isLoading}\n >\n <div className=\"space-y-4\">\n <p className=\"text-sm text-muted-foreground\">{message}</p>\n\n <div className=\"flex justify-end space-x-2\">\n <button\n type=\"button\"\n onClick={handleCancel}\n disabled={isLoading}\n className=\"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2\"\n >\n {cancelText}\n </button>\n <button\n type=\"button\"\n onClick={handleConfirm}\n disabled={isLoading}\n className={`inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 ${\n variant === \"destructive\"\n ? \"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n : \"bg-primary text-primary-foreground hover:bg-primary/90\"\n }`}\n >\n {isLoading ? \"Loading...\" : confirmText}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n","/\n Drawer Component\n \n Side panel that slides in from left, right, top, or bottom.\n * Built on Radix UI Dialog for accessibility.\n /\n\nimport as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { clsx } from \"clsx\";\n\nexport interface DrawerProps {\n /*\n Whether the drawer is open\n /\n open?: boolean;\n\n /\n Callback when drawer should close\n /\n onClose?: () => void;\n\n /\n Drawer title\n /\n title?: string;\n\n /\n Drawer description (for accessibility)\n /\n description?: string;\n\n /\n Drawer content\n /\n children: React.ReactNode;\n\n /\n Side to slide from\n /\n side?: \"left\" \| \"right\" \| \"top\" \| \"bottom\";\n\n /\n Drawer size\n /\n size?: \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"full\";\n\n /\n Show close button\n /\n showClose?: boolean;\n\n /\n Allow dismissing by clicking outside or pressing Escape\n /\n dismissable?: boolean;\n\n /\n Custom className\n /\n className?: string;\n\n /\n Header content (overrides title)\n /\n header?: React.ReactNode;\n\n /\n Footer content\n /\n footer?: React.ReactNode;\n\n /\n Z-index for drawer stacking (managed automatically by ModalProvider)\n /\n zIndex?: number;\n}\n\nconst sizeClasses = {\n sm: \"max-w-sm\",\n md: \"max-w-md\",\n lg: \"max-w-lg\",\n xl: \"max-w-xl\",\n full: \"max-w-full\",\n};\n\nconst sideClasses = {\n left: \"left-0 top-0 h-full animate-slide-in-from-left\",\n right: \"right-0 top-0 h-full animate-slide-in-from-right\",\n top: \"top-0 left-0 w-full animate-slide-in-from-top\",\n bottom: \"bottom-0 left-0 w-full animate-slide-in-from-bottom\",\n};\n\nexport function Drawer({\n open = false,\n onClose,\n title,\n description,\n children,\n side = \"right\",\n size = \"md\",\n showClose = true,\n dismissable = true,\n className,\n header,\n footer,\n zIndex = 50,\n}: DrawerProps) {\n // Calculate z-index for overlay and content\n // Overlay should be below content: overlay = zIndex, content = zIndex + 1\n const overlayZIndex = zIndex;\n const contentZIndex = zIndex + 1;\n\n return (\n <Dialog.Root open={open} onOpenChange={(open) => !open && onClose?.()}>\n <Dialog.Portal>\n {/ Overlay /}\n <Dialog.Overlay\n className=\"fixed inset-0 bg-black/50 backdrop-blur-sm animate-fade-in\"\n style={{ zIndex: overlayZIndex }}\n />\n\n {/ Drawer Content /}\n <Dialog.Content\n className={clsx(\n \"fixed bg-white dark:bg-gray-900 shadow-xl\",\n \"flex flex-col\",\n sideClasses[side],\n (side === \"left\" \|\| side === \"right\") && sizeClasses[size],\n (side === \"top\" \|\| side === \"bottom\") && \"h-auto\",\n className\n )}\n style={{ zIndex: contentZIndex }}\n onEscapeKeyDown={(e) => !dismissable && e.preventDefault()}\n onPointerDownOutside={(e) => !dismissable && e.preventDefault()}\n >\n {/ Header /}\n {(header \|\| title \|\| description) && (\n <div className=\"flex-shrink-0 border-b border-gray-200 dark:border-gray-800 p-6\">\n {header ? (\n header\n ) : (\n <>\n <div className=\"flex items-start justify-between\">\n {title && (\n <Dialog.Title className=\"text-lg font-semibold text-gray-900 dark:text-gray-100\">\n {title}\n </Dialog.Title>\n )}\n {showClose && (\n <Dialog.Close\n className=\"rounded-md p-1 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors\"\n aria-label=\"Close\"\n >\n <svg\n className=\"h-5 w-5 text-gray-500\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </Dialog.Close>\n )}\n </div>\n {description && (\n <Dialog.Description className=\"mt-2 text-sm text-gray-600 dark:text-gray-400\">\n {description}\n </Dialog.Description>\n )}\n </>\n )}\n </div>\n )}\n\n {/ Body /}\n <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n\n {/ Footer /}\n {footer && (\n <div className=\"flex-shrink-0 border-t border-gray-200 dark:border-gray-800 p-6\">\n {footer}\n </div>\n )}\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog.Root>\n );\n}\n","/\n Modal Context\n \n Context for managing multiple modals with stacking support.\n /\n\nimport as React from \"react\";\nimport type { ModalContextValue, ModalProps } from \"../types/index.js\";\nimport { Modal } from \"../components/modal.js\";\n\nconst ModalContext = React.createContext<ModalContextValue \| undefined>(\n undefined\n);\n\ninterface ModalState {\n id: string;\n props: Omit<ModalProps, \"open\" \| \"onClose\">;\n}\n\nexport interface ModalProviderProps {\n children: React.ReactNode;\n}\n\n/*\n Modal Provider\n \n Provides modal management functionality to the app.\n /\nexport function ModalProvider({ children }: ModalProviderProps) {\n const [modals, setModals] = React.useState<ModalState[]>([]);\n\n const openModal = React.useCallback(\n (id: string, props: Omit<ModalProps, \"open\" \| \"onClose\">) => {\n setModals((prev) => {\n // If modal already exists, update it\n const existing = prev.find((m) => m.id === id);\n if (existing) {\n return prev.map((m) => (m.id === id ? { id, props } : m));\n }\n // Otherwise add new modal\n return [...prev, { id, props }];\n });\n },\n []\n );\n\n const closeModal = React.useCallback((id: string) => {\n setModals((prev) => prev.filter((m) => m.id !== id));\n }, []);\n\n const closeAllModals = React.useCallback(() => {\n setModals([]);\n }, []);\n\n const isModalOpen = React.useCallback(\n (id: string) => {\n return modals.some((m) => m.id === id);\n },\n [modals]\n );\n\n const value: ModalContextValue = {\n openModal,\n closeModal,\n closeAllModals,\n isModalOpen,\n openModals: modals.map((m) => m.id),\n };\n\n return (\n <ModalContext.Provider value={value}>\n {children}\n {modals.map((modal, index) => {\n // Calculate z-index for stacking\n // Base z-index is 50, each modal gets +10 for overlay and content spacing\n // Modal 0: z-50 (overlay), z-51 (content)\n // Modal 1: z-60 (overlay), z-61 (content)\n // Modal 2: z-70 (overlay), z-71 (content)\n const baseZIndex = 50 + index 10;\n\n return (\n <Modal\n key={modal.id}\n open={true}\n onClose={() => closeModal(modal.id)}\n zIndex={baseZIndex}\n {...modal.props}\n />\n );\n })}\n </ModalContext.Provider>\n );\n}\n\n/*\n Use Modal Context\n \n Access modal management functions.\n /\nexport function useModalContext(): ModalContextValue {\n const context = React.useContext(ModalContext);\n\n if (!context) {\n throw new Error(\"useModalContext must be used within ModalProvider\");\n }\n\n return context;\n}\n","/\n useModal Hook\n \n Hook for programmatic modal control.\n /\n\nimport { useModalContext } from \"../context/modal-context.js\";\nimport type { ModalProps } from \"../types/index.js\";\n\n/\n Use Modal\n \n Get modal control functions for a specific modal ID.\n /\nexport function useModal(id: string) {\n const { openModal, closeModal, isModalOpen } = useModalContext();\n\n return {\n /\n Open this modal\n /\n open: (props: Omit<ModalProps, \"open\" \| \"onClose\">) =>\n openModal(id, props),\n\n /\n Close this modal\n /\n close: () => closeModal(id),\n\n /\n Check if this modal is open\n /\n isOpen: isModalOpen(id),\n };\n}\n","/\n Global Modal Utilities Hook\n \n Provides convenient methods for common modal patterns:\n * - confirm(): Confirmation dialogs\n * - alert(): Alert dialogs\n * - prompt(): Input dialogs\n /\n\nimport as React from \"react\";\nimport { useModalContext } from \"../context/index.js\";\nimport type { ModalProps } from \"../types/index.js\";\n\nexport interface ConfirmOptions {\n title: string;\n message: string;\n confirmText?: string;\n cancelText?: string;\n variant?: \"default\" \| \"destructive\";\n}\n\nexport interface AlertOptions {\n title: string;\n message: string;\n okText?: string;\n}\n\nexport interface PromptOptions {\n title: string;\n message?: string;\n placeholder?: string;\n defaultValue?: string;\n confirmText?: string;\n cancelText?: string;\n validate?: (value: string) => boolean \| string;\n}\n\n/*\n Hook providing global modal utilities\n /\nexport function useModals() {\n const context = useModalContext();\n\n /\n Show confirmation dialog\n * @returns Promise that resolves to true if confirmed, false if cancelled\n /\n const confirm = React.useCallback(\n (options: ConfirmOptions): Promise<boolean> => {\n return new Promise((resolve) => {\n const modalId = `confirm-${Date.now()}`;\n let resolved = false;\n\n const handleConfirm = () => {\n if (resolved) return;\n resolved = true;\n context.closeModal(modalId);\n resolve(true);\n };\n\n const handleCancel = () => {\n if (resolved) return;\n resolved = true;\n context.closeModal(modalId);\n resolve(false);\n };\n\n const handleDismiss = () => {\n if (resolved) return;\n resolved = true;\n resolve(false);\n };\n\n context.openModal(modalId, {\n title: options.title,\n size: \"sm\",\n dismissable: true,\n showClose: false,\n onClose: handleDismiss,\n children: (\n <div className=\"space-y-4\">\n <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n {options.message}\n </p>\n <div className=\"flex justify-end gap-2\">\n <button\n onClick={handleCancel}\n className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700\"\n >\n {options.cancelText \|\| \"Cancel\"}\n </button>\n <button\n onClick={handleConfirm}\n className={`px-4 py-2 text-sm font-medium text-white rounded-md ${\n options.variant === \"destructive\"\n ? \"bg-red-600 hover:bg-red-700\"\n : \"bg-blue-600 hover:bg-blue-700\"\n }`}\n >\n {options.confirmText \|\| \"Confirm\"}\n </button>\n </div>\n </div>\n ),\n });\n });\n },\n [context]\n );\n\n /\n Show alert dialog\n * @returns Promise that resolves when dismissed\n /\n const alert = React.useCallback(\n (options: AlertOptions): Promise<void> => {\n return new Promise((resolve) => {\n const modalId = `alert-${Date.now()}`;\n let resolved = false;\n\n const handleOk = () => {\n if (resolved) return;\n resolved = true;\n context.closeModal(modalId);\n resolve();\n };\n\n const handleDismiss = () => {\n if (resolved) return;\n resolved = true;\n resolve();\n };\n\n context.openModal(modalId, {\n title: options.title,\n size: \"sm\",\n dismissable: true,\n showClose: false,\n onClose: handleDismiss,\n children: (\n <div className=\"space-y-4\">\n <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n {options.message}\n </p>\n <div className=\"flex justify-end\">\n <button\n onClick={handleOk}\n className=\"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700\"\n >\n {options.okText \|\| \"OK\"}\n </button>\n </div>\n </div>\n ),\n });\n });\n },\n [context]\n );\n\n /\n Show prompt dialog\n * @returns Promise that resolves to the input value if confirmed, null if cancelled\n */\n const prompt = React.useCallback(\n (options: PromptOptions): Promise<string \| null> => {\n return new Promise((resolve) => {\n const modalId = `prompt-${Date.now()}`;\n let inputValue = options.defaultValue \|\| \"\";\n let errorMessage = \"\";\n let resolved = false;\n\n const handleDismiss = () => {\n if (resolved) return;\n resolved = true;\n resolve(null);\n };\n\n const PromptContent = () => {\n const [value, setValue] = React.useState(inputValue);\n const [error, setError] = React.useState(\"\");\n\n const handleConfirm = () => {\n if (options.validate) {\n const validation = options.validate(value);\n if (validation === false \|\| typeof validation === \"string\") {\n setError(typeof validation === \"string\" ? validation : \"Invalid input\");\n return;\n }\n }\n if (resolved) return;\n resolved = true;\n context.closeModal(modalId);\n resolve(value);\n };\n\n const handleCancel = () => {\n if (resolved) return;\n resolved = true;\n context.closeModal(modalId);\n resolve(null);\n };\n\n return (\n <div className=\"space-y-4\">\n {options.message && (\n <p className=\"text-sm text-gray-600 dark:text-gray-400\">\n {options.message}\n </p>\n )}\n <div>\n <input\n type=\"text\"\n value={value}\n onChange={(e) => {\n setValue(e.target.value);\n setError(\"\");\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") handleConfirm();\n if (e.key === \"Escape\") handleCancel();\n }}\n placeholder={options.placeholder}\n autoFocus\n className=\"w-full px-3 py-2 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-600 dark:text-white\"\n />\n {error && (\n <p className=\"mt-1 text-xs text-red-600 dark:text-red-400\">\n {error}\n </p>\n )}\n </div>\n <div className=\"flex justify-end gap-2\">\n <button\n onClick={handleCancel}\n className=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-700\"\n >\n {options.cancelText \|\| \"Cancel\"}\n </button>\n <button\n onClick={handleConfirm}\n className=\"px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700\"\n >\n {options.confirmText \|\| \"OK\"}\n </button>\n </div>\n </div>\n );\n };\n\n context.openModal(modalId, {\n title: options.title,\n size: \"sm\",\n dismissable: true,\n showClose: false,\n onClose: handleDismiss,\n children: <PromptContent />,\n });\n });\n },\n [context]\n );\n\n return {\n confirm,\n alert,\n prompt,\n ...context,\n };\n}\n"],"mappings":"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","names":["open","jsx","jsxs","Dialog","clsx","jsx","jsxs","sizeClasses","open","React","jsx","jsxs","React","jsx","jsxs"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mehdashti/modals",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Enterprise-grade modal and drawer management with global utilities for Smart Platform",
   "author": "mehdashti",
   "license": "MIT",