@vritti/quantum-ui 0.3.7 → 0.3.9

package/dist/Avatar.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { c as createContextScope } from './index33.js';
-import { u as useCallbackRef } from './index31.js';
+import { c as createContextScope } from './index34.js';
+import { u as useCallbackRef } from './index32.js';
 import { u as useLayoutEffect2 } from './index28.js';
-import { P as Primitive } from './index29.js';
-import { r as requireShim } from './index38.js';
+import { P as Primitive } from './index30.js';
+import { r as requireShim } from './index39.js';
 import { c as cn } from './utils.js';
 
 var shimExports = requireShim();

package/dist/Checkbox2.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { u as useComposedRefs } from './index11.js';
 import { c as createContextScope } from './index19.js';
 import { P as Primitive, u as useControllableState, c as composeEventHandlers } from './index18.js';
-import { u as usePrevious } from './index34.js';
-import { u as useSize } from './index35.js';
+import { u as usePrevious } from './index35.js';
+import { u as useSize } from './index36.js';
 import { P as Presence } from './index21.js';
 import { c as cn } from './utils.js';
 import { C as Check } from './check.js';

package/dist/ConfirmHost.js

@@ -0,0 +1,109 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useSyncExternalStore, useMemo } from 'react';
+import { A as Alert } from './Alert.js';
+import { B as Button } from './Button.js';
+import { D as Dialog } from './Dialog.js';
+import { T as TriangleAlert } from './triangle-alert.js';
+import { c as createLucideIcon } from './createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode);
+
+const DEFAULT_CONFIRM_OPTIONS = {
+  title: "Are you sure?",
+  description: "",
+  confirmLabel: "Confirm",
+  cancelLabel: "Cancel",
+  variant: "default"
+};
+function createConfirmStore() {
+  let state = { open: false, options: DEFAULT_CONFIRM_OPTIONS };
+  let resolver = null;
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => {
+    for (const listener of listeners) listener();
+  };
+  const settle = (value) => {
+    resolver?.(value);
+    resolver = null;
+    state = { ...state, open: false };
+    emit();
+  };
+  return {
+    getSnapshot: () => state,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    confirm: (options) => {
+      if (listeners.size === 0) {
+        return Promise.resolve(window.confirm(options?.description || options?.title || "Are you sure?"));
+      }
+      resolver?.(false);
+      return new Promise((resolve) => {
+        resolver = resolve;
+        state = { open: true, options: { ...DEFAULT_CONFIRM_OPTIONS, ...options } };
+        emit();
+      });
+    },
+    cancel: () => settle(false),
+    accept: () => settle(true)
+  };
+}
+function getConfirmStore() {
+  const g = globalThis;
+  if (!g.__quantumUiConfirmStore) g.__quantumUiConfirmStore = createConfirmStore();
+  return g.__quantumUiConfirmStore;
+}
+const ConfirmHost = () => {
+  const store = getConfirmStore();
+  const state = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+  const { options } = state;
+  const handle = useMemo(
+    () => ({
+      isOpen: state.open,
+      open: () => {
+      },
+      close: store.cancel,
+      onOpenChange: (val) => {
+        if (!val) store.cancel();
+      }
+    }),
+    [state.open, store]
+  );
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      handle,
+      icon: options.variant === "destructive" ? TriangleAlert : CircleQuestionMark,
+      iconVariant: options.variant,
+      title: options.title,
+      description: options.description,
+      children: [
+        options.alert ? /* @__PURE__ */ jsx(Alert, { variant: options.alert.type, description: options.alert.text }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", type: "button", onClick: store.cancel, children: options.cancelLabel }),
+          /* @__PURE__ */ jsx(Button, { variant: options.variant, type: "button", onClick: store.accept, children: options.confirmLabel })
+        ] })
+      ]
+    }
+  );
+};
+ConfirmHost.displayName = "ConfirmHost";
+
+export { ConfirmHost as C, getConfirmStore as g };
+//# sourceMappingURL=ConfirmHost.js.map

package/dist/ConfirmHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmHost.js","sources":["../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../lib/components/ConfirmHost/ConfirmHost.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import { CircleHelp, TriangleAlert } from 'lucide-react';\nimport { useMemo, useSyncExternalStore } from 'react';\nimport type { DialogHandle } from '../../hooks/useDialog';\nimport { Alert } from '../Alert';\nimport { Button } from '../Button';\nimport { Dialog } from '../Dialog';\n\nexport interface ConfirmAlert {\n  type: 'default' | 'destructive' | 'warning' | 'success' | 'info';\n  text: string;\n}\n\nexport interface ConfirmOptions {\n  title?: string;\n  description?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: 'default' | 'destructive';\n  alert?: ConfirmAlert;\n}\n\ninterface ResolvedConfirmOptions {\n  title: string;\n  description: string;\n  confirmLabel: string;\n  cancelLabel: string;\n  variant: 'default' | 'destructive';\n  alert?: ConfirmAlert;\n}\n\nconst DEFAULT_CONFIRM_OPTIONS: ResolvedConfirmOptions = {\n  title: 'Are you sure?',\n  description: '',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  variant: 'default',\n};\n\nexport type ConfirmFn = (options?: ConfirmOptions) => Promise<boolean>;\n\ninterface ConfirmState {\n  open: boolean;\n  options: ResolvedConfirmOptions;\n}\n\ninterface ConfirmStore {\n  getSnapshot: () => ConfirmState;\n  subscribe: (listener: () => void) => () => void;\n  confirm: ConfirmFn;\n  cancel: () => void;\n  accept: () => void;\n}\n\nfunction createConfirmStore(): ConfirmStore {\n  let state: ConfirmState = { open: false, options: DEFAULT_CONFIRM_OPTIONS };\n  let resolver: ((value: boolean) => void) | null = null;\n  const listeners = new Set<() => void>();\n  const emit = () => {\n    for (const listener of listeners) listener();\n  };\n  const settle = (value: boolean) => {\n    resolver?.(value);\n    resolver = null;\n    state = { ...state, open: false };\n    emit();\n  };\n  return {\n    getSnapshot: () => state,\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    confirm: (options) => {\n      if (listeners.size === 0) {\n        return Promise.resolve(window.confirm(options?.description || options?.title || 'Are you sure?'));\n      }\n      resolver?.(false);\n      return new Promise<boolean>((resolve) => {\n        resolver = resolve;\n        state = { open: true, options: { ...DEFAULT_CONFIRM_OPTIONS, ...options } };\n        emit();\n      });\n    },\n    cancel: () => settle(false),\n    accept: () => settle(true),\n  };\n}\n\nexport function getConfirmStore(): ConfirmStore {\n  const g = globalThis as { __quantumUiConfirmStore?: ConfirmStore };\n  if (!g.__quantumUiConfirmStore) g.__quantumUiConfirmStore = createConfirmStore();\n  return g.__quantumUiConfirmStore;\n}\n\nexport const ConfirmHost = () => {\n  const store = getConfirmStore();\n  const state = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);\n  const { options } = state;\n\n  const handle: DialogHandle = useMemo(\n    () => ({\n      isOpen: state.open,\n      open: () => {},\n      close: store.cancel,\n      onOpenChange: (val: boolean) => {\n        if (!val) store.cancel();\n      },\n    }),\n    [state.open, store],\n  );\n\n  return (\n    <Dialog\n      handle={handle}\n      icon={options.variant === 'destructive' ? TriangleAlert : CircleHelp}\n      iconVariant={options.variant}\n      title={options.title}\n      description={options.description}\n    >\n      {options.alert ? <Alert variant={options.alert.type} description={options.alert.text} /> : null}\n      <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\">\n        <Button variant=\"outline\" type=\"button\" onClick={store.cancel}>\n          {options.cancelLabel}\n        </Button>\n        <Button variant={options.variant} type=\"button\" onClick={store.accept}>\n          {options.confirmLabel}\n        </Button>\n      </div>\n    </Dialog>\n  );\n};\nConfirmHost.displayName = 'ConfirmHost';\n"],"names":["CircleHelp"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/Dialog.js

@@ -1,7 +1,7 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useRef, useEffect } from 'react';
 import { c as cn } from './utils.js';
-import { R as Root, T as Trigger, C as Content, a as Close, b as Title, D as Description, P as Portal, O as Overlay } from './index30.js';
-import { forwardRef } from 'react';
+import { R as Root, T as Trigger, C as Content, a as Close, b as Title, D as Description, P as Portal, O as Overlay } from './index31.js';
 import { X } from './x.js';
 
 function Dialog$1({ ...props }) {
@@ -60,17 +60,6 @@ function DialogHeader({ className, ...props }) {
   );
 }
 DialogHeader.displayName = "DialogHeader";
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-      ...props
-    }
-  );
-}
-DialogFooter.displayName = "DialogFooter";
 const DialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Title,
   {
@@ -93,9 +82,43 @@ const DialogDescription = forwardRef(({ className, ...props }, ref) => /* @__PUR
 DialogDescription.displayName = Description.displayName;
 
 function DialogActions({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-2 border-t pt-4 sm:flex-row sm:justify-end", className), children });
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-2 border-t px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className), children });
 }
 DialogActions.displayName = "DialogActions";
+const OPEN_DIALOG_SELECTOR = '[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]';
+function ensurePointerEventsWatchdog() {
+  const g = globalThis;
+  if (g.__quantumUiPointerWatchdog || typeof document === "undefined") return;
+  g.__quantumUiPointerWatchdog = true;
+  const fix = () => {
+    if (document.body.style.pointerEvents === "none" && !document.querySelector(OPEN_DIALOG_SELECTOR)) {
+      document.body.style.pointerEvents = "";
+    }
+  };
+  new MutationObserver(fix).observe(document.body, { attributes: true, attributeFilter: ["style"] });
+}
+function isTopmostDialog(el) {
+  if (!el || typeof document === "undefined") return true;
+  const open = document.querySelectorAll(OPEN_DIALOG_SELECTOR);
+  return open.length === 0 || open[open.length - 1] === el;
+}
+function ensureEscapeManager() {
+  const g = globalThis;
+  if (g.__quantumUiEscapeMgr || typeof document === "undefined") return;
+  g.__quantumUiEscapeMgr = true;
+  document.addEventListener(
+    "keydown",
+    (e) => {
+      if (e.key !== "Escape") return;
+      const confirmStore = globalThis.__quantumUiConfirmStore;
+      if (!confirmStore?.getSnapshot().open) return;
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      confirmStore.cancel();
+    },
+    true
+  );
+}
 function Dialog({
   handle,
   anchor,
@@ -107,38 +130,47 @@ function Dialog({
   description,
   badgeSlot,
   children,
-  footer,
   className
 }) {
-  const renderBody = () => {
-    if (content) return content(handle.close);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      children,
-      footer && /* @__PURE__ */ jsx(DialogFooter, { children: footer })
-    ] });
-  };
+  const contentRef = useRef(null);
+  useEffect(() => {
+    ensurePointerEventsWatchdog();
+    ensureEscapeManager();
+  }, []);
   return /* @__PURE__ */ jsxs(Dialog$1, { open: handle.isOpen, onOpenChange: handle.onOpenChange, children: [
     anchor ? anchor(handle.open) : trigger && /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs(DialogContent, { className, children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "flex size-8 shrink-0 items-center justify-center rounded-lg",
-                iconVariant === "destructive" ? "bg-destructive/10 text-destructive" : "bg-primary/10 text-primary"
+    /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        ref: contentRef,
+        className: cn("flex max-h-[95vh] flex-col gap-0 p-0", className),
+        onInteractOutside: (e) => {
+          if (!isTopmostDialog(contentRef.current)) e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { className: "shrink-0 border-b px-6 pt-6 pb-4", children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex size-8 shrink-0 items-center justify-center rounded-lg",
+                    iconVariant === "destructive" && "bg-destructive/10 text-destructive",
+                    iconVariant === "warning" && "bg-warning/10 text-warning",
+                    (!iconVariant || iconVariant === "default") && "bg-primary/10 text-primary"
+                  ),
+                  children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+                }
               ),
-              children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: title }),
-          badgeSlot
-        ] }) }),
-        /* @__PURE__ */ jsx(DialogDescription, { children: description })
-      ] }),
-      renderBody()
-    ] })
+              /* @__PURE__ */ jsx("span", { children: title }),
+              badgeSlot
+            ] }) }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: description })
+          ] }),
+          content ? content(handle.close) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 py-4", children })
+        ]
+      }
+    )
   ] });
 }
 Dialog.displayName = "Dialog";

package/dist/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../shadcn/shadcnDialog/dialog.tsx","../lib/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport type * as React from 'react';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../utils';\n\n// Dialog root wrapper with data-slot attribute\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n// Dialog trigger wrapper with data-slot attribute\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n// Dialog portal pass-through\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal {...props} />;\n}\n\n// Dialog close wrapper with data-slot attribute\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nconst DialogOverlay = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    data-slot=\"dialog-overlay\"\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"dialog-content\"\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg 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 sm:rounded-lg',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.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        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n// Dialog header layout container\nfunction DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\nDialogHeader.displayName = 'DialogHeader';\n\n// Dialog footer layout container\nfunction DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  );\n}\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    data-slot=\"dialog-title\"\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    data-slot=\"dialog-description\"\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","import type { LucideIcon } from 'lucide-react';\nimport type React from 'react';\nimport {\n  Dialog as ShadcnDialog,\n  DialogContent as ShadcnDialogContent,\n  DialogDescription as ShadcnDialogDescription,\n  DialogFooter as ShadcnDialogFooter,\n  DialogHeader as ShadcnDialogHeader,\n  DialogTitle as ShadcnDialogTitle,\n  DialogTrigger as ShadcnDialogTrigger,\n} from '../../../shadcn/shadcnDialog';\nimport { cn } from '../../../shadcn/utils';\nimport type { DialogHandle } from '../../hooks/useDialog';\n\nexport interface DialogActionsProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\n// Standard dialog/form action bar — a top divider with right-aligned buttons that stack on mobile.\n// Use to wrap a form's submit/cancel buttons so every dialog shares the same footer layout.\nexport function DialogActions({ children, className }: DialogActionsProps) {\n  return (\n    <div className={cn('flex flex-col-reverse gap-2 border-t pt-4 sm:flex-row sm:justify-end', className)}>\n      {children}\n    </div>\n  );\n}\n\nDialogActions.displayName = 'DialogActions';\n\nexport interface DialogProps {\n  // Handle from useDialog() — controls open state and cleanup\n  handle: DialogHandle;\n  // anchor — render prop that receives open(); button renders outside DialogTrigger\n  anchor?: (open: () => void) => React.ReactNode;\n  // content — render prop that receives close()\n  content?: (close: () => void) => React.ReactNode;\n  // trigger — legacy ReactNode trigger (wrapped in DialogTrigger automatically)\n  trigger?: React.ReactNode;\n  // Required header icon — rendered as a badge before the title to standardize dialog headers.\n  icon: LucideIcon;\n  // Colour of the header icon badge. Use 'destructive' for delete/confirm-destructive dialogs.\n  iconVariant?: 'default' | 'destructive';\n  title: React.ReactNode;\n  description: React.ReactNode;\n  // Optional badge-style slot rendered inline with the title in the header.\n  // Use for short status indicators tied to the dialog's subject (e.g. \"Draft\", \"Derived unit\").\n  badgeSlot?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n}\n\n// Composite dialog — controlled by a useDialog() handle\nexport function Dialog({\n  handle,\n  anchor,\n  content,\n  trigger,\n  icon: Icon,\n  iconVariant = 'default',\n  title,\n  description,\n  badgeSlot,\n  children,\n  footer,\n  className,\n}: DialogProps) {\n  // Render the body — a `content` render-prop, or `children` plus an optional `footer`.\n  const renderBody = () => {\n    if (content) return content(handle.close);\n\n    return (\n      <>\n        {children}\n        {footer && <ShadcnDialogFooter>{footer}</ShadcnDialogFooter>}\n      </>\n    );\n  };\n\n  return (\n    <ShadcnDialog open={handle.isOpen} onOpenChange={handle.onOpenChange}>\n      {anchor ? anchor(handle.open) : trigger && <ShadcnDialogTrigger asChild>{trigger}</ShadcnDialogTrigger>}\n      <ShadcnDialogContent className={className}>\n        <ShadcnDialogHeader>\n          <ShadcnDialogTitle>\n            <span className=\"flex items-center gap-2\">\n              <span\n                className={cn(\n                  'flex size-8 shrink-0 items-center justify-center rounded-lg',\n                  iconVariant === 'destructive' ? 'bg-destructive/10 text-destructive' : 'bg-primary/10 text-primary',\n                )}\n              >\n                <Icon className=\"size-4\" />\n              </span>\n              <span>{title}</span>\n              {badgeSlot}\n            </span>\n          </ShadcnDialogTitle>\n          <ShadcnDialogDescription>{description}</ShadcnDialogDescription>\n        </ShadcnDialogHeader>\n        {renderBody()}\n      </ShadcnDialogContent>\n    </ShadcnDialog>\n  );\n}\n\nDialog.displayName = 'Dialog';\n"],"names":["Dialog","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Portal","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","ShadcnDialogFooter","ShadcnDialog","ShadcnDialogTrigger","ShadcnDialogContent","ShadcnDialogHeader","ShadcnDialogTitle","ShadcnDialogDescription"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../shadcn/shadcnDialog/dialog.tsx","../lib/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport type * as React from 'react';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../utils';\n\n// Dialog root wrapper with data-slot attribute\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n// Dialog trigger wrapper with data-slot attribute\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n// Dialog portal pass-through\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal {...props} />;\n}\n\n// Dialog close wrapper with data-slot attribute\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nconst DialogOverlay = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    data-slot=\"dialog-overlay\"\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"dialog-content\"\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg 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 sm:rounded-lg',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.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        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n// Dialog header layout container\nfunction DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\nDialogHeader.displayName = 'DialogHeader';\n\n// Dialog footer layout container\nfunction DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  );\n}\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    data-slot=\"dialog-title\"\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    data-slot=\"dialog-description\"\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","import type { LucideIcon } from 'lucide-react';\nimport type React from 'react';\nimport { useEffect, useRef } from 'react';\nimport {\n  Dialog as ShadcnDialog,\n  DialogContent as ShadcnDialogContent,\n  DialogDescription as ShadcnDialogDescription,\n  DialogHeader as ShadcnDialogHeader,\n  DialogTitle as ShadcnDialogTitle,\n  DialogTrigger as ShadcnDialogTrigger,\n} from '../../../shadcn/shadcnDialog';\nimport { cn } from '../../../shadcn/utils';\nimport type { DialogHandle } from '../../hooks/useDialog';\n\nexport interface DialogActionsProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\n// Standard dialog/form action bar — a top divider with right-aligned buttons that stack on mobile.\n// Use to wrap a form's submit/cancel buttons so every dialog shares the same footer layout.\nexport function DialogActions({ children, className }: DialogActionsProps) {\n  return (\n    <div className={cn('flex flex-col-reverse gap-2 border-t px-6 pt-4 pb-6 sm:flex-row sm:justify-end', className)}>\n      {children}\n    </div>\n  );\n}\n\nDialogActions.displayName = 'DialogActions';\n\nconst OPEN_DIALOG_SELECTOR = '[data-state=\"open\"][role=\"dialog\"], [data-state=\"open\"][role=\"alertdialog\"]';\n\nfunction ensurePointerEventsWatchdog() {\n  const g = globalThis as { __quantumUiPointerWatchdog?: boolean };\n  if (g.__quantumUiPointerWatchdog || typeof document === 'undefined') return;\n  g.__quantumUiPointerWatchdog = true;\n  const fix = () => {\n    if (document.body.style.pointerEvents === 'none' && !document.querySelector(OPEN_DIALOG_SELECTOR)) {\n      document.body.style.pointerEvents = '';\n    }\n  };\n  new MutationObserver(fix).observe(document.body, { attributes: true, attributeFilter: ['style'] });\n}\n\nfunction isTopmostDialog(el: HTMLElement | null) {\n  if (!el || typeof document === 'undefined') return true;\n  const open = document.querySelectorAll(OPEN_DIALOG_SELECTOR);\n  return open.length === 0 || open[open.length - 1] === el;\n}\n\nfunction ensureEscapeManager() {\n  const g = globalThis as { __quantumUiEscapeMgr?: boolean };\n  if (g.__quantumUiEscapeMgr || typeof document === 'undefined') return;\n  g.__quantumUiEscapeMgr = true;\n  document.addEventListener(\n    'keydown',\n    (e) => {\n      if (e.key !== 'Escape') return;\n      const confirmStore = (globalThis as { __quantumUiConfirmStore?: { getSnapshot: () => { open: boolean }; cancel: () => void } })\n        .__quantumUiConfirmStore;\n      if (!confirmStore?.getSnapshot().open) return;\n      e.preventDefault();\n      e.stopImmediatePropagation();\n      confirmStore.cancel();\n    },\n    true,\n  );\n}\n\nexport interface DialogProps {\n  // Handle from useDialog() — controls open state and cleanup\n  handle: DialogHandle;\n  // anchor — render prop that receives open(); button renders outside DialogTrigger\n  anchor?: (open: () => void) => React.ReactNode;\n  // content — render prop that receives close()\n  content?: (close: () => void) => React.ReactNode;\n  // trigger — legacy ReactNode trigger (wrapped in DialogTrigger automatically)\n  trigger?: React.ReactNode;\n  // Required header icon — rendered as a badge before the title to standardize dialog headers.\n  icon: LucideIcon;\n  // Colour of the header icon badge. Use 'destructive' for delete dialogs, 'warning' for cautions.\n  iconVariant?: 'default' | 'destructive' | 'warning';\n  title: React.ReactNode;\n  description: React.ReactNode;\n  // Optional badge-style slot rendered inline with the title in the header.\n  // Use for short status indicators tied to the dialog's subject (e.g. \"Draft\", \"Derived unit\").\n  badgeSlot?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\n// Composite dialog — controlled by a useDialog() handle\nexport function Dialog({\n  handle,\n  anchor,\n  content,\n  trigger,\n  icon: Icon,\n  iconVariant = 'default',\n  title,\n  description,\n  badgeSlot,\n  children,\n  className,\n}: DialogProps) {\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    ensurePointerEventsWatchdog();\n    ensureEscapeManager();\n  }, []);\n\n  return (\n    <ShadcnDialog open={handle.isOpen} onOpenChange={handle.onOpenChange}>\n      {anchor ? anchor(handle.open) : trigger && <ShadcnDialogTrigger asChild>{trigger}</ShadcnDialogTrigger>}\n      <ShadcnDialogContent\n        ref={contentRef}\n        className={cn('flex max-h-[95vh] flex-col gap-0 p-0', className)}\n        onInteractOutside={(e) => {\n          if (!isTopmostDialog(contentRef.current)) e.preventDefault();\n        }}\n      >\n        <ShadcnDialogHeader className=\"shrink-0 border-b px-6 pt-6 pb-4\">\n          <ShadcnDialogTitle>\n            <span className=\"flex items-center gap-2\">\n              <span\n                className={cn(\n                  'flex size-8 shrink-0 items-center justify-center rounded-lg',\n                  iconVariant === 'destructive' && 'bg-destructive/10 text-destructive',\n                  iconVariant === 'warning' && 'bg-warning/10 text-warning',\n                  (!iconVariant || iconVariant === 'default') && 'bg-primary/10 text-primary',\n                )}\n              >\n                <Icon className=\"size-4\" />\n              </span>\n              <span>{title}</span>\n              {badgeSlot}\n            </span>\n          </ShadcnDialogTitle>\n          <ShadcnDialogDescription>{description}</ShadcnDialogDescription>\n        </ShadcnDialogHeader>\n        {content ? (\n          content(handle.close)\n        ) : (\n          <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 py-4\">{children}</div>\n        )}\n      </ShadcnDialogContent>\n    </ShadcnDialog>\n  );\n}\n\nDialog.displayName = 'Dialog';\n"],"names":["Dialog","DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Portal","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description","ShadcnDialog","ShadcnDialogTrigger","ShadcnDialogContent","ShadcnDialogHeader","ShadcnDialogTitle","ShadcnDialogDescription"],"mappings":"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"}

package/dist/DropdownMenu.js

@@ -167,8 +167,7 @@ const DropdownMenu = ({
           title: item.dialog.title,
           description: item.dialog.description,
           badgeSlot: item.dialog.badgeSlot,
-          content: item.dialog.content,
-          footer: item.dialog.footer
+          content: item.dialog.content
         },
         item.id
       );

package/dist/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../lib/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import type React from 'react';\nimport { Fragment, useState } from 'react';\nimport {\n  DropdownMenuCheckboxItem as ShadcnDropdownMenuCheckboxItem,\n  DropdownMenuContent as ShadcnDropdownMenuContent,\n  DropdownMenuGroup as ShadcnDropdownMenuGroup,\n  DropdownMenuItem as ShadcnDropdownMenuItem,\n  DropdownMenuLabel as ShadcnDropdownMenuLabel,\n  DropdownMenuPortal as ShadcnDropdownMenuPortal,\n  DropdownMenuRadioGroup as ShadcnDropdownMenuRadioGroup,\n  DropdownMenuRadioItem as ShadcnDropdownMenuRadioItem,\n  DropdownMenu as ShadcnDropdownMenuRoot,\n  DropdownMenuSeparator as ShadcnDropdownMenuSeparator,\n  DropdownMenuShortcut as ShadcnDropdownMenuShortcut,\n  DropdownMenuSub as ShadcnDropdownMenuSub,\n  DropdownMenuSubContent as ShadcnDropdownMenuSubContent,\n  DropdownMenuSubTrigger as ShadcnDropdownMenuSubTrigger,\n  DropdownMenuTrigger as ShadcnDropdownMenuTrigger,\n} from '../../../shadcn/shadcnDropdownMenu';\nimport type { DialogHandle } from '../../hooks/useDialog';\nimport { Button } from '../Button';\nimport { Dialog } from '../Dialog';\nimport type { DialogMenuItem, DropdownMenuProps, MenuItem } from './types';\n\nconst DropdownMenuRoot = ShadcnDropdownMenuRoot;\nconst DropdownMenuCheckboxItem = ShadcnDropdownMenuCheckboxItem;\nconst DropdownMenuContent = ShadcnDropdownMenuContent;\nconst DropdownMenuGroup = ShadcnDropdownMenuGroup;\nconst DropdownMenuItem = ShadcnDropdownMenuItem;\nconst DropdownMenuLabel = ShadcnDropdownMenuLabel;\nconst DropdownMenuPortal = ShadcnDropdownMenuPortal;\nconst DropdownMenuRadioGroup = ShadcnDropdownMenuRadioGroup;\nconst DropdownMenuRadioItem = ShadcnDropdownMenuRadioItem;\nconst DropdownMenuSeparator = ShadcnDropdownMenuSeparator;\nconst DropdownMenuShortcut = ShadcnDropdownMenuShortcut;\nconst DropdownMenuSub = ShadcnDropdownMenuSub;\nconst DropdownMenuSubContent = ShadcnDropdownMenuSubContent;\nconst DropdownMenuSubTrigger = ShadcnDropdownMenuSubTrigger;\nconst DropdownMenuTrigger = ShadcnDropdownMenuTrigger;\n\n// Renders a single menu item based on its type — supports nested submenus\nconst renderMenuItem = (item: MenuItem, index: number, onDialogSelect?: (id: string) => void): React.ReactNode => {\n  switch (item.type) {\n    case 'separator':\n      return <DropdownMenuSeparator key={item.id ?? `separator-${index}`} />;\n\n    case 'label':\n      return <DropdownMenuLabel key={item.id}>{item.label}</DropdownMenuLabel>;\n\n    case 'item': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuItem\n          key={item.id}\n          onClick={item.onClick}\n          disabled={item.disabled}\n          className={item.variant === 'destructive' ? 'text-destructive focus:text-destructive' : undefined}\n        >\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n          <span>{item.label}</span>\n          {item.shortcut && <DropdownMenuShortcut>{item.shortcut}</DropdownMenuShortcut>}\n        </DropdownMenuItem>\n      );\n    }\n\n    case 'checkbox': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuCheckboxItem\n          key={item.id}\n          checked={item.checked}\n          onCheckedChange={item.onCheckedChange}\n          disabled={item.disabled}\n        >\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n          {item.label}\n        </DropdownMenuCheckboxItem>\n      );\n    }\n\n    case 'radio-group':\n      return (\n        <DropdownMenuRadioGroup key={item.id} value={item.value} onValueChange={item.onValueChange}>\n          {item.items.map((radioItem) => {\n            const Icon = radioItem.icon;\n            return (\n              <DropdownMenuRadioItem key={radioItem.value} value={radioItem.value} disabled={radioItem.disabled}>\n                {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n                {radioItem.label}\n              </DropdownMenuRadioItem>\n            );\n          })}\n        </DropdownMenuRadioGroup>\n      );\n\n    case 'sub': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuSub key={item.id}>\n          <DropdownMenuSubTrigger disabled={item.disabled}>\n            {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n            <span>{item.label}</span>\n          </DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              {item.items.map((subItem, subIndex) => renderMenuItem(subItem, subIndex, onDialogSelect))}\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      );\n    }\n\n    case 'group':\n      return (\n        <DropdownMenuGroup key={item.id}>\n          {item.label && <DropdownMenuLabel>{item.label}</DropdownMenuLabel>}\n          {item.items.map((groupItem, groupIndex) => renderMenuItem(groupItem, groupIndex, onDialogSelect))}\n        </DropdownMenuGroup>\n      );\n\n    case 'dialog': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuItem\n          key={item.id}\n          disabled={item.disabled}\n          onSelect={(e) => {\n            e.preventDefault();\n            onDialogSelect?.(item.id);\n          }}\n        >\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n          <span>{item.label}</span>\n        </DropdownMenuItem>\n      );\n    }\n\n    case 'custom': {\n      const content = typeof item.render === 'function' ? item.render() : item.render;\n      if (item.asMenuItem) {\n        return (\n          <DropdownMenuItem key={item.id} onClick={item.onClick} disabled={item.disabled}>\n            {content}\n          </DropdownMenuItem>\n        );\n      }\n      return <Fragment key={item.id}>{content}</Fragment>;\n    }\n\n    default:\n      return null;\n  }\n};\n\n/**\n * DropdownMenu - A flexible, data-driven dropdown menu component\n *\n * This component provides a declarative API for building dropdown menus without\n * manually composing primitive components. It supports all dropdown menu features\n * including items, checkboxes, radio groups, submenus, separators, labels, and groups.\n *\n * @example\n * ```tsx\n * import { DropdownMenu } from '@vritti/quantum-ui/DropdownMenu';\n * import { Settings, User, LogOut } from 'lucide-react';\n *\n * function UserMenu() {\n *   const [showStatus, setShowStatus] = useState(true);\n *\n *   return (\n *     <DropdownMenu\n *       trigger={{ label: 'Menu', variant: 'outline' }}\n *       items={[\n *         { type: 'label', id: 'account-label', label: 'My Account' },\n *         { type: 'item', id: 'profile', label: 'Profile', icon: User, shortcut: '⌘P' },\n *         { type: 'item', id: 'settings', label: 'Settings', icon: Settings },\n *         { type: 'separator' },\n *         {\n *           type: 'checkbox',\n *           id: 'status',\n *           label: 'Show Status',\n *           checked: showStatus,\n *           onCheckedChange: setShowStatus,\n *         },\n *         { type: 'separator' },\n *         {\n *           type: 'item',\n *           id: 'logout',\n *           label: 'Log out',\n *           icon: LogOut,\n *           variant: 'destructive',\n *         },\n *       ]}\n *       align=\"end\"\n *     />\n *   );\n * }\n * ```\n */\nexport const DropdownMenu: React.FC<DropdownMenuProps> = ({\n  trigger,\n  items,\n  modal = false,\n  contentClassName,\n  align = 'end',\n  side,\n}) => {\n  const [activeDialogId, setActiveDialogId] = useState<string | null>(null);\n  const TriggerIcon = trigger.icon;\n\n  // Collect all dialog-type items (including nested) for rendering outside the Radix root\n  const collectDialogItems = (menuItems: MenuItem[]): DialogMenuItem[] => {\n    const result: DialogMenuItem[] = [];\n    for (const item of menuItems) {\n      if (item.type === 'dialog') result.push(item);\n      if (item.type === 'sub' || item.type === 'group') result.push(...collectDialogItems(item.items));\n    }\n    return result;\n  };\n\n  const dialogItems = collectDialogItems(items);\n\n  return (\n    <>\n      <DropdownMenuRoot modal={modal}>\n        <DropdownMenuTrigger asChild>\n          {trigger.children ?? (\n            <Button variant={trigger.variant} className={trigger.className}>\n              {TriggerIcon && <TriggerIcon className=\"mr-2 h-4 w-4\" />}\n              {trigger.label}\n            </Button>\n          )}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          className={contentClassName}\n          align={align}\n          side={side}\n          onCloseAutoFocus={(event) => {\n            if (!modal) {\n              event.preventDefault();\n            }\n          }}\n        >\n          {items.map((item, index) => renderMenuItem(item, index, setActiveDialogId))}\n        </DropdownMenuContent>\n      </DropdownMenuRoot>\n      {dialogItems.map((item) => {\n        const handle: DialogHandle = {\n          isOpen: activeDialogId === item.id,\n          open: () => setActiveDialogId(item.id),\n          close: () => setActiveDialogId(null),\n          onOpenChange: (val) => {\n            if (!val) setActiveDialogId(null);\n          },\n        };\n        return (\n          <Dialog\n            key={item.id}\n            handle={handle}\n            icon={item.icon}\n            title={item.dialog.title}\n            description={item.dialog.description}\n            badgeSlot={item.dialog.badgeSlot}\n            content={item.dialog.content}\n            footer={item.dialog.footer}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nDropdownMenu.displayName = 'DropdownMenu';\n"],"names":["ShadcnDropdownMenuRoot","ShadcnDropdownMenuCheckboxItem","ShadcnDropdownMenuContent","ShadcnDropdownMenuGroup","ShadcnDropdownMenuItem","ShadcnDropdownMenuLabel","ShadcnDropdownMenuPortal","ShadcnDropdownMenuRadioGroup","ShadcnDropdownMenuRadioItem","ShadcnDropdownMenuSeparator","ShadcnDropdownMenuShortcut","ShadcnDropdownMenuSub","ShadcnDropdownMenuSubContent","ShadcnDropdownMenuSubTrigger","ShadcnDropdownMenuTrigger","Fragment"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../lib/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import type React from 'react';\nimport { Fragment, useState } from 'react';\nimport {\n  DropdownMenuCheckboxItem as ShadcnDropdownMenuCheckboxItem,\n  DropdownMenuContent as ShadcnDropdownMenuContent,\n  DropdownMenuGroup as ShadcnDropdownMenuGroup,\n  DropdownMenuItem as ShadcnDropdownMenuItem,\n  DropdownMenuLabel as ShadcnDropdownMenuLabel,\n  DropdownMenuPortal as ShadcnDropdownMenuPortal,\n  DropdownMenuRadioGroup as ShadcnDropdownMenuRadioGroup,\n  DropdownMenuRadioItem as ShadcnDropdownMenuRadioItem,\n  DropdownMenu as ShadcnDropdownMenuRoot,\n  DropdownMenuSeparator as ShadcnDropdownMenuSeparator,\n  DropdownMenuShortcut as ShadcnDropdownMenuShortcut,\n  DropdownMenuSub as ShadcnDropdownMenuSub,\n  DropdownMenuSubContent as ShadcnDropdownMenuSubContent,\n  DropdownMenuSubTrigger as ShadcnDropdownMenuSubTrigger,\n  DropdownMenuTrigger as ShadcnDropdownMenuTrigger,\n} from '../../../shadcn/shadcnDropdownMenu';\nimport type { DialogHandle } from '../../hooks/useDialog';\nimport { Button } from '../Button';\nimport { Dialog } from '../Dialog';\nimport type { DialogMenuItem, DropdownMenuProps, MenuItem } from './types';\n\nconst DropdownMenuRoot = ShadcnDropdownMenuRoot;\nconst DropdownMenuCheckboxItem = ShadcnDropdownMenuCheckboxItem;\nconst DropdownMenuContent = ShadcnDropdownMenuContent;\nconst DropdownMenuGroup = ShadcnDropdownMenuGroup;\nconst DropdownMenuItem = ShadcnDropdownMenuItem;\nconst DropdownMenuLabel = ShadcnDropdownMenuLabel;\nconst DropdownMenuPortal = ShadcnDropdownMenuPortal;\nconst DropdownMenuRadioGroup = ShadcnDropdownMenuRadioGroup;\nconst DropdownMenuRadioItem = ShadcnDropdownMenuRadioItem;\nconst DropdownMenuSeparator = ShadcnDropdownMenuSeparator;\nconst DropdownMenuShortcut = ShadcnDropdownMenuShortcut;\nconst DropdownMenuSub = ShadcnDropdownMenuSub;\nconst DropdownMenuSubContent = ShadcnDropdownMenuSubContent;\nconst DropdownMenuSubTrigger = ShadcnDropdownMenuSubTrigger;\nconst DropdownMenuTrigger = ShadcnDropdownMenuTrigger;\n\n// Renders a single menu item based on its type — supports nested submenus\nconst renderMenuItem = (item: MenuItem, index: number, onDialogSelect?: (id: string) => void): React.ReactNode => {\n  switch (item.type) {\n    case 'separator':\n      return <DropdownMenuSeparator key={item.id ?? `separator-${index}`} />;\n\n    case 'label':\n      return <DropdownMenuLabel key={item.id}>{item.label}</DropdownMenuLabel>;\n\n    case 'item': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuItem\n          key={item.id}\n          onClick={item.onClick}\n          disabled={item.disabled}\n          className={item.variant === 'destructive' ? 'text-destructive focus:text-destructive' : undefined}\n        >\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n          <span>{item.label}</span>\n          {item.shortcut && <DropdownMenuShortcut>{item.shortcut}</DropdownMenuShortcut>}\n        </DropdownMenuItem>\n      );\n    }\n\n    case 'checkbox': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuCheckboxItem\n          key={item.id}\n          checked={item.checked}\n          onCheckedChange={item.onCheckedChange}\n          disabled={item.disabled}\n        >\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n          {item.label}\n        </DropdownMenuCheckboxItem>\n      );\n    }\n\n    case 'radio-group':\n      return (\n        <DropdownMenuRadioGroup key={item.id} value={item.value} onValueChange={item.onValueChange}>\n          {item.items.map((radioItem) => {\n            const Icon = radioItem.icon;\n            return (\n              <DropdownMenuRadioItem key={radioItem.value} value={radioItem.value} disabled={radioItem.disabled}>\n                {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n                {radioItem.label}\n              </DropdownMenuRadioItem>\n            );\n          })}\n        </DropdownMenuRadioGroup>\n      );\n\n    case 'sub': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuSub key={item.id}>\n          <DropdownMenuSubTrigger disabled={item.disabled}>\n            {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n            <span>{item.label}</span>\n          </DropdownMenuSubTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuSubContent>\n              {item.items.map((subItem, subIndex) => renderMenuItem(subItem, subIndex, onDialogSelect))}\n            </DropdownMenuSubContent>\n          </DropdownMenuPortal>\n        </DropdownMenuSub>\n      );\n    }\n\n    case 'group':\n      return (\n        <DropdownMenuGroup key={item.id}>\n          {item.label && <DropdownMenuLabel>{item.label}</DropdownMenuLabel>}\n          {item.items.map((groupItem, groupIndex) => renderMenuItem(groupItem, groupIndex, onDialogSelect))}\n        </DropdownMenuGroup>\n      );\n\n    case 'dialog': {\n      const Icon = item.icon;\n      return (\n        <DropdownMenuItem\n          key={item.id}\n          disabled={item.disabled}\n          onSelect={(e) => {\n            e.preventDefault();\n            onDialogSelect?.(item.id);\n          }}\n        >\n          {Icon && <Icon className=\"mr-2 h-4 w-4\" />}\n          <span>{item.label}</span>\n        </DropdownMenuItem>\n      );\n    }\n\n    case 'custom': {\n      const content = typeof item.render === 'function' ? item.render() : item.render;\n      if (item.asMenuItem) {\n        return (\n          <DropdownMenuItem key={item.id} onClick={item.onClick} disabled={item.disabled}>\n            {content}\n          </DropdownMenuItem>\n        );\n      }\n      return <Fragment key={item.id}>{content}</Fragment>;\n    }\n\n    default:\n      return null;\n  }\n};\n\n/**\n * DropdownMenu - A flexible, data-driven dropdown menu component\n *\n * This component provides a declarative API for building dropdown menus without\n * manually composing primitive components. It supports all dropdown menu features\n * including items, checkboxes, radio groups, submenus, separators, labels, and groups.\n *\n * @example\n * ```tsx\n * import { DropdownMenu } from '@vritti/quantum-ui/DropdownMenu';\n * import { Settings, User, LogOut } from 'lucide-react';\n *\n * function UserMenu() {\n *   const [showStatus, setShowStatus] = useState(true);\n *\n *   return (\n *     <DropdownMenu\n *       trigger={{ label: 'Menu', variant: 'outline' }}\n *       items={[\n *         { type: 'label', id: 'account-label', label: 'My Account' },\n *         { type: 'item', id: 'profile', label: 'Profile', icon: User, shortcut: '⌘P' },\n *         { type: 'item', id: 'settings', label: 'Settings', icon: Settings },\n *         { type: 'separator' },\n *         {\n *           type: 'checkbox',\n *           id: 'status',\n *           label: 'Show Status',\n *           checked: showStatus,\n *           onCheckedChange: setShowStatus,\n *         },\n *         { type: 'separator' },\n *         {\n *           type: 'item',\n *           id: 'logout',\n *           label: 'Log out',\n *           icon: LogOut,\n *           variant: 'destructive',\n *         },\n *       ]}\n *       align=\"end\"\n *     />\n *   );\n * }\n * ```\n */\nexport const DropdownMenu: React.FC<DropdownMenuProps> = ({\n  trigger,\n  items,\n  modal = false,\n  contentClassName,\n  align = 'end',\n  side,\n}) => {\n  const [activeDialogId, setActiveDialogId] = useState<string | null>(null);\n  const TriggerIcon = trigger.icon;\n\n  // Collect all dialog-type items (including nested) for rendering outside the Radix root\n  const collectDialogItems = (menuItems: MenuItem[]): DialogMenuItem[] => {\n    const result: DialogMenuItem[] = [];\n    for (const item of menuItems) {\n      if (item.type === 'dialog') result.push(item);\n      if (item.type === 'sub' || item.type === 'group') result.push(...collectDialogItems(item.items));\n    }\n    return result;\n  };\n\n  const dialogItems = collectDialogItems(items);\n\n  return (\n    <>\n      <DropdownMenuRoot modal={modal}>\n        <DropdownMenuTrigger asChild>\n          {trigger.children ?? (\n            <Button variant={trigger.variant} className={trigger.className}>\n              {TriggerIcon && <TriggerIcon className=\"mr-2 h-4 w-4\" />}\n              {trigger.label}\n            </Button>\n          )}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          className={contentClassName}\n          align={align}\n          side={side}\n          onCloseAutoFocus={(event) => {\n            if (!modal) {\n              event.preventDefault();\n            }\n          }}\n        >\n          {items.map((item, index) => renderMenuItem(item, index, setActiveDialogId))}\n        </DropdownMenuContent>\n      </DropdownMenuRoot>\n      {dialogItems.map((item) => {\n        const handle: DialogHandle = {\n          isOpen: activeDialogId === item.id,\n          open: () => setActiveDialogId(item.id),\n          close: () => setActiveDialogId(null),\n          onOpenChange: (val) => {\n            if (!val) setActiveDialogId(null);\n          },\n        };\n        return (\n          <Dialog\n            key={item.id}\n            handle={handle}\n            icon={item.icon}\n            title={item.dialog.title}\n            description={item.dialog.description}\n            badgeSlot={item.dialog.badgeSlot}\n            content={item.dialog.content}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nDropdownMenu.displayName = 'DropdownMenu';\n"],"names":["ShadcnDropdownMenuRoot","ShadcnDropdownMenuCheckboxItem","ShadcnDropdownMenuContent","ShadcnDropdownMenuGroup","ShadcnDropdownMenuItem","ShadcnDropdownMenuLabel","ShadcnDropdownMenuPortal","ShadcnDropdownMenuRadioGroup","ShadcnDropdownMenuRadioItem","ShadcnDropdownMenuSeparator","ShadcnDropdownMenuShortcut","ShadcnDropdownMenuSub","ShadcnDropdownMenuSubContent","ShadcnDropdownMenuSubTrigger","ShadcnDropdownMenuTrigger","Fragment"],"mappings":"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"}

package/dist/Form.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useCallback, Children, isValidElement, Fragment, cloneElement } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useCallback, Children, isValidElement, Fragment as Fragment$1, cloneElement } from 'react';
 import { F as FormProvider, C as Controller } from './index.esm.js';
 import { c as cn } from './utils.js';
 import { axios } from './utils/axios.js';
@@ -55,7 +55,7 @@ function processChildren(children, control, isSubmitting, setValue, onCancel, re
       return child;
     }
     const childProps = child.props;
-    const isFragment = child.type === Fragment;
+    const isFragment = child.type === Fragment$1;
     if (!isFragment && childProps.name && typeof childProps.name === "string") {
       const name = childProps.name;
       return /* @__PURE__ */ jsx(
@@ -183,29 +183,53 @@ function Form({
   );
   const handleSubmit = form.handleSubmit(wrappedOnSubmit);
   const processedChildren = processChildren(children, form.control, isSubmitting, form.setValue, onCancel, form.reset);
-  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), ...props, children: [
-    rootErrorPosition === "top" && form.formState.errors.root && /* @__PURE__ */ jsx(
-      Alert,
-      {
-        variant: "destructive",
-        title: form.formState.errors.root.type || "Error",
-        description: form.formState.errors.root.message,
-        action: rootErrorAction,
-        className: cn("mb-4", rootErrorClassName)
-      }
-    ),
-    processedChildren,
-    rootErrorPosition === "bottom" && form.formState.errors.root && /* @__PURE__ */ jsx(
-      Alert,
-      {
-        variant: "destructive",
-        title: form.formState.errors.root.type || "Error",
-        description: form.formState.errors.root.message,
-        action: rootErrorAction,
-        className: cn("mt-4", rootErrorClassName)
-      }
-    )
-  ] }) });
+  const childArray = Children.toArray(processedChildren);
+  const actionsIndex = childArray.findIndex(
+    (child) => isValidElement(child) && child.type?.displayName === "DialogActions"
+  );
+  const hasActions = actionsIndex !== -1;
+  const bodyChildren = hasActions ? childArray.filter((_, index) => index !== actionsIndex) : processedChildren;
+  const actions = hasActions ? childArray[actionsIndex] : null;
+  const topError = rootErrorPosition === "top" && form.formState.errors.root ? /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: "destructive",
+      title: form.formState.errors.root.type || "Error",
+      description: form.formState.errors.root.message,
+      action: rootErrorAction,
+      className: cn("mb-4", rootErrorClassName)
+    }
+  ) : null;
+  const bottomError = rootErrorPosition === "bottom" && form.formState.errors.root ? /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: "destructive",
+      title: form.formState.errors.root.type || "Error",
+      description: form.formState.errors.root.message,
+      action: rootErrorAction,
+      className: cn("mt-4", rootErrorClassName)
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: cn(hasActions ? "flex min-h-0 flex-1 flex-col" : "space-y-4", className),
+      ...props,
+      children: hasActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 py-4 [scrollbar-gutter:stable]", children: [
+          topError,
+          bodyChildren,
+          bottomError
+        ] }),
+        actions
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        topError,
+        processedChildren,
+        bottomError
+      ] })
+    }
+  ) });
 }
 Form.displayName = "Form";