@mehdashti/modals 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,6 +1,58 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+interface DrawerProps {
+    /**
+     * Whether the drawer is open
+     */
+    open?: boolean;
+    /**
+     * Callback when drawer should close
+     */
+    onClose?: () => void;
+    /**
+     * Drawer title
+     */
+    title?: string;
+    /**
+     * Drawer description (for accessibility)
+     */
+    description?: string;
+    /**
+     * Drawer content
+     */
+    children: React.ReactNode;
+    /**
+     * Side to slide from
+     */
+    side?: "left" | "right" | "top" | "bottom";
+    /**
+     * Drawer size
+     */
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+    /**
+     * Show close button
+     */
+    showClose?: boolean;
+    /**
+     * Allow dismissing by clicking outside or pressing Escape
+     */
+    dismissable?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Header content (overrides title)
+     */
+    header?: React.ReactNode;
+    /**
+     * Footer content
+     */
+    footer?: React.ReactNode;
+}
+declare function Drawer({ open, onClose, title, description, children, side, size, showClose, dismissable, className, header, footer, }: DrawerProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Modal Types
  *
@@ -141,6 +193,50 @@ declare function useModal(id: string): {
     isOpen: boolean;
 };
 
+/**
+ * Global Modal Utilities Hook
+ *
+ * Provides convenient methods for common modal patterns:
+ * - confirm(): Confirmation dialogs
+ * - alert(): Alert dialogs
+ * - prompt(): Input dialogs
+ */
+
+interface ConfirmOptions {
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    variant?: "default" | "destructive";
+}
+interface AlertOptions {
+    title: string;
+    message: string;
+    okText?: string;
+}
+interface PromptOptions {
+    title: string;
+    message?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    confirmText?: string;
+    cancelText?: string;
+    validate?: (value: string) => boolean | string;
+}
+/**
+ * Hook providing global modal utilities
+ */
+declare function useModals(): {
+    openModal: (id: string, props: Omit<ModalProps, "open" | "onClose">) => void;
+    closeModal: (id: string) => void;
+    closeAllModals: () => void;
+    isModalOpen: (id: string) => boolean;
+    openModals: string[];
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    alert: (options: AlertOptions) => Promise<void>;
+    prompt: (options: PromptOptions) => Promise<string | null>;
+};
+
 interface ModalProviderProps {
     children: React.ReactNode;
 }
@@ -157,4 +253,4 @@ declare function ModalProvider({ children }: ModalProviderProps): react_jsx_runt
  */
 declare function useModalContext(): ModalContextValue;
 
-export { ConfirmModal, type ConfirmModalProps, Modal, type ModalContextValue, type ModalProps, ModalProvider, useModal, useModalContext };
+export { type AlertOptions, ConfirmModal, type ConfirmModalProps, type ConfirmOptions, Drawer, type DrawerProps, Modal, type ModalContextValue, type ModalProps, ModalProvider, type PromptOptions, useModal, useModalContext, useModals };

package/dist/index.js

@@ -144,9 +144,95 @@ function ConfirmModal({
   );
 }
 
+// src/components/drawer.tsx
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { clsx as clsx2 } from "clsx";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var sizeClasses2 = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  full: "max-w-full"
+};
+var sideClasses = {
+  left: "left-0 top-0 h-full animate-slide-in-from-left",
+  right: "right-0 top-0 h-full animate-slide-in-from-right",
+  top: "top-0 left-0 w-full animate-slide-in-from-top",
+  bottom: "bottom-0 left-0 w-full animate-slide-in-from-bottom"
+};
+function Drawer({
+  open = false,
+  onClose,
+  title,
+  description,
+  children,
+  side = "right",
+  size = "md",
+  showClose = true,
+  dismissable = true,
+  className,
+  header,
+  footer
+}) {
+  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__ */ jsxs3(
+      Dialog2.Content,
+      {
+        className: clsx2(
+          "fixed z-50 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
+        ),
+        onEscapeKeyDown: (e) => !dismissable && e.preventDefault(),
+        onPointerDownOutside: (e) => !dismissable && e.preventDefault(),
+        children: [
+          (header || title || description) && /* @__PURE__ */ jsx3("div", { className: "flex-shrink-0 border-b border-gray-200 dark:border-gray-800 p-6", children: header ? header : /* @__PURE__ */ jsxs3(Fragment, { children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between", children: [
+              title && /* @__PURE__ */ jsx3(Dialog2.Title, { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: title }),
+              showClose && /* @__PURE__ */ jsx3(
+                Dialog2.Close,
+                {
+                  className: "rounded-md p-1 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ jsx3(
+                    "svg",
+                    {
+                      className: "h-5 w-5 text-gray-500",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      children: /* @__PURE__ */ jsx3(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            description && /* @__PURE__ */ jsx3(Dialog2.Description, { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: description })
+          ] }) }),
+          /* @__PURE__ */ jsx3("div", { className: "flex-1 overflow-y-auto p-6", children }),
+          footer && /* @__PURE__ */ jsx3("div", { className: "flex-shrink-0 border-t border-gray-200 dark:border-gray-800 p-6", children: footer })
+        ]
+      }
+    )
+  ] }) });
+}
+
 // src/context/modal-context.tsx
 import * as React2 from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ModalContext = React2.createContext(
   void 0
 );
@@ -183,9 +269,9 @@ function ModalProvider({ children }) {
     isModalOpen,
     openModals: modals.map((m) => m.id)
   };
-  return /* @__PURE__ */ jsxs3(ModalContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs4(ModalContext.Provider, { value, children: [
     children,
-    modals.map((modal) => /* @__PURE__ */ jsx3(
+    modals.map((modal) => /* @__PURE__ */ jsx4(
       Modal,
       {
         open: true,
@@ -222,11 +308,176 @@ function useModal(id) {
     isOpen: isModalOpen(id)
   };
 }
+
+// src/hooks/use-modals.tsx
+import * as React3 from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function useModals() {
+  const context = useModalContext();
+  const confirm = React3.useCallback(
+    (options) => {
+      return new Promise((resolve) => {
+        const modalId = `confirm-${Date.now()}`;
+        const handleConfirm = () => {
+          context.closeModal(modalId);
+          resolve(true);
+        };
+        const handleCancel = () => {
+          context.closeModal(modalId);
+          resolve(false);
+        };
+        context.openModal(modalId, {
+          title: options.title,
+          size: "sm",
+          dismissable: true,
+          showClose: false,
+          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: [
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  onClick: handleCancel,
+                  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",
+                  children: options.cancelText || "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  onClick: handleConfirm,
+                  className: `px-4 py-2 text-sm font-medium text-white rounded-md ${options.variant === "destructive" ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"}`,
+                  children: options.confirmText || "Confirm"
+                }
+              )
+            ] })
+          ] })
+        });
+      });
+    },
+    [context]
+  );
+  const alert = React3.useCallback(
+    (options) => {
+      return new Promise((resolve) => {
+        const modalId = `alert-${Date.now()}`;
+        const handleOk = () => {
+          context.closeModal(modalId);
+          resolve();
+        };
+        context.openModal(modalId, {
+          title: options.title,
+          size: "sm",
+          dismissable: true,
+          showClose: false,
+          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(
+              "button",
+              {
+                onClick: handleOk,
+                className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700",
+                children: options.okText || "OK"
+              }
+            ) })
+          ] })
+        });
+      });
+    },
+    [context]
+  );
+  const prompt = React3.useCallback(
+    (options) => {
+      return new Promise((resolve) => {
+        const modalId = `prompt-${Date.now()}`;
+        let inputValue = options.defaultValue || "";
+        let errorMessage = "";
+        const PromptContent = () => {
+          const [value, setValue] = React3.useState(inputValue);
+          const [error, setError] = React3.useState("");
+          const handleConfirm = () => {
+            if (options.validate) {
+              const validation = options.validate(value);
+              if (validation === false || typeof validation === "string") {
+                setError(typeof validation === "string" ? validation : "Invalid input");
+                return;
+              }
+            }
+            context.closeModal(modalId);
+            resolve(value);
+          };
+          const handleCancel = () => {
+            context.closeModal(modalId);
+            resolve(null);
+          };
+          return /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+            options.message && /* @__PURE__ */ jsx5("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: options.message }),
+            /* @__PURE__ */ jsxs5("div", { children: [
+              /* @__PURE__ */ jsx5(
+                "input",
+                {
+                  type: "text",
+                  value,
+                  onChange: (e) => {
+                    setValue(e.target.value);
+                    setError("");
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") handleConfirm();
+                    if (e.key === "Escape") handleCancel();
+                  },
+                  placeholder: options.placeholder,
+                  autoFocus: true,
+                  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"
+                }
+              ),
+              error && /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-red-600 dark:text-red-400", children: error })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  onClick: handleCancel,
+                  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",
+                  children: options.cancelText || "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  onClick: handleConfirm,
+                  className: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700",
+                  children: options.confirmText || "OK"
+                }
+              )
+            ] })
+          ] });
+        };
+        context.openModal(modalId, {
+          title: options.title,
+          size: "sm",
+          dismissable: true,
+          showClose: false,
+          children: /* @__PURE__ */ jsx5(PromptContent, {})
+        });
+      });
+    },
+    [context]
+  );
+  return {
+    confirm,
+    alert,
+    prompt,
+    ...context
+  };
+}
 export {
   ConfirmModal,
+  Drawer,
   Modal,
   ModalProvider,
   useModal,
-  useModalContext
+  useModalContext,
+  useModals
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/modal.tsx","../src/components/confirm-modal.tsx","../src/context/modal-context.tsx","../src/hooks/use-modal.ts"],"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 * 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"],"mappings":"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","names":["open","jsx","jsxs","React","jsx","jsxs"]}
+{"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":"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","names":["open","jsx","jsxs","Dialog","clsx","jsx","jsxs","sizeClasses","open","React","jsx","jsxs","React","jsx","jsxs"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mehdashti/modals",
-  "version": "0.1.0",
-  "description": "Modal management system with stacking support for Smart Platform",
+  "version": "0.2.0",
+  "description": "Enterprise-grade modal and drawer management with global utilities for Smart Platform",
   "author": "mehdashti",
   "license": "MIT",
   "repository": {
@@ -52,8 +52,12 @@
     "react",
     "modal",
     "dialog",
+    "drawer",
     "radix-ui",
     "stacking",
+    "confirm",
+    "alert",
+    "prompt",
     "smart-platform"
   ]
 }