@fernir2/saas-kit 0.0.183 → 0.0.185

package/packages/level2/fd-component-toolbox/dialog/Dialog.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 /**
  * Modal dialog root component
  *
@@ -19,28 +18,28 @@ import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions"
  * }
  * ```
  */
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const Dialog: typeof DialogPrimitive.Root;
 /**
  * Dialog trigger component
  *
  * Based on [Dialog.Trigger](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogTrigger: DialogPrimitive.Trigger;
 /**
  * Dialog portal component
  *
  * Based on [Dialog.Portal](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Close button component
  *
  * Based on [Dialog.Close](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface DialogOverlayProps {
     className?: string;
-    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Overlay>>;
+    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Backdrop>>;
 }
 /**
  * Semi-transparent backdrop
@@ -51,26 +50,18 @@ declare function DialogOverlay({ className, ref }: DialogOverlayProps): React.JS
 declare namespace DialogOverlay {
     var displayName: string;
 }
-type PointerDownOutsideEvent = CustomEvent<{
-    originalEvent: PointerEvent;
-}>;
-type FocusOutsideEvent = CustomEvent<{
-    originalEvent: FocusEvent;
-}>;
 interface DialogContentProps {
     className?: string;
     children?: React.ReactNode;
     closeButtonShown?: boolean;
-    onEscapeKeyDown?: VoidFunc<KeyboardEvent>;
-    onInteractOutside?: VoidFunc<PointerDownOutsideEvent | FocusOutsideEvent>;
-    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Content>>;
+    ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Backdrop>>;
 }
 /**
  * Main content container for the dialog
  *
  * Based on [Dialog.Content](https:/ui.shadcn.com/docs/components/dialog)
  */
-declare function DialogContent({ className, children, closeButtonShown, onEscapeKeyDown, onInteractOutside, ref, }: DialogContentProps): React.JSX.Element;
+declare function DialogContent({ className, children, closeButtonShown, ref }: DialogContentProps): React.JSX.Element;
 declare namespace DialogContent {
     var displayName: string;
 }

package/packages/level2/fd-component-toolbox/dialog/Dialog.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { Icon, iconNames } from '../icon/Icon.js';
 
@@ -10,49 +10,48 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const Dialog = SheetPrimitive.Root;
-const DialogTrigger = SheetPrimitive.Trigger;
-const DialogPortal = SheetPrimitive.Portal;
-const DialogClose = SheetPrimitive.Close;
+const Dialog = Dialog$1.Root;
+const DialogTrigger = Dialog$1.Trigger;
+const DialogPortal = Dialog$1.Portal;
+const DialogClose = Dialog$1.Close;
 function DialogOverlay({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsx(SheetPrimitive.Overlay, {
+  return /* @__PURE__ */jsx(Dialog$1.Backdrop, {
+    forceRender: true,
     ref,
     className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className)
   });
 }
 __name(DialogOverlay, "DialogOverlay");
-DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
+DialogOverlay.displayName = Dialog$1.Backdrop.displayName;
 function DialogContent({
   className,
   children,
   closeButtonShown,
-  onEscapeKeyDown,
-  onInteractOutside,
   ref
 }) {
   return /* @__PURE__ */jsxs(DialogPortal, {
-    children: [/* @__PURE__ */jsx(DialogOverlay, {}), /* @__PURE__ */jsxs(SheetPrimitive.Content, {
-      ref,
-      className: cn("bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className),
-      onEscapeKeyDown,
-      onInteractOutside,
-      children: [children, (closeButtonShown ?? true) && /* @__PURE__ */jsxs(SheetPrimitive.Close, {
-        className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
-        children: [/* @__PURE__ */jsx(Icon, {
-          name: iconNames.cross
-        }), /* @__PURE__ */jsx("span", {
-          className: "sr-only",
-          children: "Close"
+    children: [/* @__PURE__ */jsx(DialogOverlay, {}), /* @__PURE__ */jsx(Dialog$1.Viewport, {
+      children: /* @__PURE__ */jsxs(Dialog$1.Popup, {
+        ref,
+        className: cn("bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2", "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2 sm:rounded-lg", className),
+        children: [children, (closeButtonShown ?? true) && /* @__PURE__ */jsxs(Dialog$1.Close, {
+          className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
+          children: [/* @__PURE__ */jsx(Icon, {
+            name: iconNames.cross
+          }), /* @__PURE__ */jsx("span", {
+            className: "sr-only",
+            children: "Close"
+          })]
         })]
-      })]
+      })
     })]
   });
 }
 __name(DialogContent, "DialogContent");
-DialogContent.displayName = SheetPrimitive.Content.displayName;
+DialogContent.displayName = Dialog$1.Popup.displayName;
 function DialogHeader({
   className,
   children
@@ -80,24 +79,24 @@ function DialogTitle({
   ref,
   children
 }) {
-  return /* @__PURE__ */jsx(SheetPrimitive.Title, {
+  return /* @__PURE__ */jsx(Dialog$1.Title, {
     ref,
     className: cn("text-lg leading-none font-semibold tracking-tight", className),
     children
   });
 }
 __name(DialogTitle, "DialogTitle");
-DialogTitle.displayName = SheetPrimitive.Title.displayName;
+DialogTitle.displayName = Dialog$1.Title.displayName;
 function DialogDescription({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsx(SheetPrimitive.Description, {
+  return /* @__PURE__ */jsx(Dialog$1.Description, {
     ref,
     className: cn("text-muted-foreground text-sm", className)
   });
 }
 __name(DialogDescription, "DialogDescription");
-DialogDescription.displayName = SheetPrimitive.Description.displayName;
+DialogDescription.displayName = Dialog$1.Description.displayName;
 
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.cjs.js

@@ -5,30 +5,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
 var Button = require('../button/Button.cjs.js');
-var SheetPrimitive = require('@radix-ui/react-dialog');
+var dialog = require('@base-ui/react/dialog');
 var Icon = require('../icon/Icon.cjs.js');
 var YesOrNoDialog_funcs = require('./YesOrNoDialog.funcs.cjs.js');
 var elements = require('../../../fd-toolbox/constants/elements.cjs.js');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SheetPrimitive);
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
@@ -38,31 +19,30 @@ function YesOrNoDialog({
   title,
   className,
   trigger,
-  asTriggerChild,
   onResponse,
   onCloseClick,
+  asTriggerChild,
   showNoButton,
   triggerClassName,
   disabled
 }) {
   const isShowNoButton = showNoButton ?? true;
-  return /* @__PURE__ */jsxRuntime.jsxs(SheetPrimitive__namespace.Root, {
-    children: [/* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, {
+  return /* @__PURE__ */jsxRuntime.jsxs(dialog.Dialog.Root, {
+    children: [/* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Trigger, {
+      render: asTriggerChild && trigger ? trigger : void 0,
       className: triggerClassName,
-      asChild: asTriggerChild,
       disabled,
-      children: trigger
-    }), /* @__PURE__ */jsxRuntime.jsxs(SheetPrimitive__namespace.Portal, {
-      children: [/* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Overlay, {
+      children: !asTriggerChild && trigger
+    }), /* @__PURE__ */jsxRuntime.jsxs(dialog.Dialog.Portal, {
+      children: [/* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Backdrop, {
         className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80"
-      }), /* @__PURE__ */jsxRuntime.jsxs(SheetPrimitive__namespace.Content, {
-        onOpenAutoFocus: e => e.preventDefault(),
+      }), /* @__PURE__ */jsxRuntime.jsxs(dialog.Dialog.Viewport, {
         className: utils.cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border", "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out p-6 pt-11 shadow-lg duration-200", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2", "data-[state=open]:slide-in-from-top-1/2 sm:rounded", className),
         children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
           tabIndex: 1,
-          children: [/* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Title, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Title, {
             children: title
-          }), /* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Description, {}), /* @__PURE__ */jsxRuntime.jsxs(SheetPrimitive__namespace.Close, {
+          }), /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Description, {}), /* @__PURE__ */jsxRuntime.jsxs(dialog.Dialog.Close, {
             className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
             children: [/* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
               name: Icon.iconNames.cross
@@ -73,8 +53,7 @@ function YesOrNoDialog({
           })]
         }), /* @__PURE__ */jsxRuntime.jsxs("div", {
           className: "flex flex-row justify-end gap-2",
-          children: [/* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Close, {
-            asChild: true,
+          children: [/* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Close, {
             children: /* @__PURE__ */jsxRuntime.jsx(Button.Button, {
               id: elements.elements.dialogButton.yes,
               className: "rounded",
@@ -82,8 +61,7 @@ function YesOrNoDialog({
               variant: "outline",
               children: isShowNoButton ? "Yes" : "Ok"
             })
-          }), isShowNoButton && /* @__PURE__ */jsxRuntime.jsx(SheetPrimitive__namespace.Close, {
-            asChild: true,
+          }), isShowNoButton && /* @__PURE__ */jsxRuntime.jsx(dialog.Dialog.Close, {
             children: /* @__PURE__ */jsxRuntime.jsx(Button.Button, {
               id: elements.elements.dialogButton.no,
               onClick: () => onResponse?.(false),

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.d.ts

@@ -1,5 +1,6 @@
 import { Func, VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
-import { ReactNode } from "react";
+import { ReactElement } from "react";
+import { HTMLProps } from "@base-ui/react";
 /**
  * Props of {@link YesOrNoDialog}
  */
@@ -7,17 +8,17 @@ export interface YesOrNoDialogProps {
     /** Title of the dialog */
     title: string;
     /** Trigger element to open the dialog */
-    trigger?: ReactNode;
+    trigger?: ReactElement<HTMLProps>;
     /** Event handler called when the user responds */
     onResponse?: Func<boolean, void>;
-    /** Whether to render the trigger as a child element */
-    asTriggerChild?: boolean;
     /** Additional CSS class for the dialog */
     className?: string;
     /** Event handler called when the close button is clicked */
     onCloseClick?: VoidFunc<boolean>;
     /** Whether to show the No button */
     showNoButton?: boolean;
+    /** Whether to render the trigger as a child element */
+    asTriggerChild?: boolean;
     /** Additional CSS class for the trigger */
     triggerClassName?: string;
     /** Whether the trigger is disabled */
@@ -33,4 +34,4 @@ export interface YesOrNoDialogProps {
  *  <YesOrNoDialog title="Confirm deletion" onResponse={...} onCloseClick={...} trigger={...}/>
  * ```
  */
-export declare function YesOrNoDialog({ title, className, trigger, asTriggerChild, onResponse, onCloseClick, showNoButton, triggerClassName, disabled, }: YesOrNoDialogProps): import("react").JSX.Element;
+export declare function YesOrNoDialog({ title, className, trigger, onResponse, onCloseClick, asTriggerChild, showNoButton, triggerClassName, disabled, }: YesOrNoDialogProps): import("react").JSX.Element;

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.funcs.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x2c7e5a,_0x9a62b0)=>__defProp(_0x2c7e5a,'name',{'value':_0x9a62b0,'configurable':!![]});function onYesClick(_0xd65daa,_0x2c80a9){_0xd65daa?.(!![]),_0x2c80a9?.(![]);}__name(onYesClick,'onYesClick');
+var __defProp=Object['defineProperty'],__name=(_0x31ff5f,_0x5747f3)=>__defProp(_0x31ff5f,'name',{'value':_0x5747f3,'configurable':!![]});function onYesClick(_0x828b44,_0x3836c3){_0x828b44?.(!![]),_0x3836c3?.(![]);}__name(onYesClick,'onYesClick');
 
 exports.onYesClick = onYesClick;

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x2c7e5a,_0x9a62b0)=>__defProp(_0x2c7e5a,'name',{'value':_0x9a62b0,'configurable':!![]});function onYesClick(_0xd65daa,_0x2c80a9){_0xd65daa?.(!![]),_0x2c80a9?.(![]);}__name(onYesClick,'onYesClick');
+var __defProp=Object['defineProperty'],__name=(_0x31ff5f,_0x5747f3)=>__defProp(_0x31ff5f,'name',{'value':_0x5747f3,'configurable':!![]});function onYesClick(_0x828b44,_0x3836c3){_0x828b44?.(!![]),_0x3836c3?.(![]);}__name(onYesClick,'onYesClick');
 
 export { onYesClick };

package/packages/level2/fd-component-toolbox/dialog/YesOrNoDialog.js

@@ -3,7 +3,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cn } from '../../../fd-toolbox/lib/utils.js';
 import { Button } from '../button/Button.js';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { Dialog } from '@base-ui/react/dialog';
 import { Icon, iconNames } from '../icon/Icon.js';
 import { onYesClick } from './YesOrNoDialog.funcs.js';
 import { elements } from '../../../fd-toolbox/constants/elements.js';
@@ -17,31 +17,30 @@ function YesOrNoDialog({
   title,
   className,
   trigger,
-  asTriggerChild,
   onResponse,
   onCloseClick,
+  asTriggerChild,
   showNoButton,
   triggerClassName,
   disabled
 }) {
   const isShowNoButton = showNoButton ?? true;
-  return /* @__PURE__ */jsxs(SheetPrimitive.Root, {
-    children: [/* @__PURE__ */jsx(SheetPrimitive.Trigger, {
+  return /* @__PURE__ */jsxs(Dialog.Root, {
+    children: [/* @__PURE__ */jsx(Dialog.Trigger, {
+      render: asTriggerChild && trigger ? trigger : void 0,
       className: triggerClassName,
-      asChild: asTriggerChild,
       disabled,
-      children: trigger
-    }), /* @__PURE__ */jsxs(SheetPrimitive.Portal, {
-      children: [/* @__PURE__ */jsx(SheetPrimitive.Overlay, {
+      children: !asTriggerChild && trigger
+    }), /* @__PURE__ */jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */jsx(Dialog.Backdrop, {
         className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80"
-      }), /* @__PURE__ */jsxs(SheetPrimitive.Content, {
-        onOpenAutoFocus: e => e.preventDefault(),
+      }), /* @__PURE__ */jsxs(Dialog.Viewport, {
         className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border", "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out p-6 pt-11 shadow-lg duration-200", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2 data-[state=open]:slide-in-from-left-1/2", "data-[state=open]:slide-in-from-top-1/2 sm:rounded", className),
         children: [/* @__PURE__ */jsxs("div", {
           tabIndex: 1,
-          children: [/* @__PURE__ */jsx(SheetPrimitive.Title, {
+          children: [/* @__PURE__ */jsx(Dialog.Title, {
             children: title
-          }), /* @__PURE__ */jsx(SheetPrimitive.Description, {}), /* @__PURE__ */jsxs(SheetPrimitive.Close, {
+          }), /* @__PURE__ */jsx(Dialog.Description, {}), /* @__PURE__ */jsxs(Dialog.Close, {
             className: "ring-offset-background focus:ring-primary data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",
             children: [/* @__PURE__ */jsx(Icon, {
               name: iconNames.cross
@@ -52,8 +51,7 @@ function YesOrNoDialog({
           })]
         }), /* @__PURE__ */jsxs("div", {
           className: "flex flex-row justify-end gap-2",
-          children: [/* @__PURE__ */jsx(SheetPrimitive.Close, {
-            asChild: true,
+          children: [/* @__PURE__ */jsx(Dialog.Close, {
             children: /* @__PURE__ */jsx(Button, {
               id: elements.dialogButton.yes,
               className: "rounded",
@@ -61,8 +59,7 @@ function YesOrNoDialog({
               variant: "outline",
               children: isShowNoButton ? "Yes" : "Ok"
             })
-          }), isShowNoButton && /* @__PURE__ */jsx(SheetPrimitive.Close, {
-            asChild: true,
+          }), isShowNoButton && /* @__PURE__ */jsx(Dialog.Close, {
             children: /* @__PURE__ */jsx(Button, {
               id: elements.dialogButton.no,
               onClick: () => onResponse?.(false),

package/packages/level2/fd-component-toolbox/dropdown-menu/DropdownMenu.cjs.js

@@ -3,47 +3,27 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var menu = require('@base-ui/react/menu');
 var Icon = require('../icon/Icon.cjs.js');
 var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-const DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-const DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-const DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+const DropdownMenu = menu.Menu.Root;
+const DropdownMenuTrigger = menu.Menu.Trigger;
+const DropdownMenuGroup = menu.Menu.Group;
+const DropdownMenuPortal = menu.Menu.Portal;
+const DropdownMenuRadioGroup = menu.Menu.RadioGroup;
 function DropdownMenuSubTrigger({
   className,
   inset,
   ref,
   children
 }) {
-  return /* @__PURE__ */jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.SubTrigger, {
+  return /* @__PURE__ */jsxRuntime.jsxs(menu.Menu.SubmenuTrigger, {
     ref,
     className: utils.cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none", inset && "pl-8", className),
     children: [children, /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
@@ -53,37 +33,45 @@ function DropdownMenuSubTrigger({
   });
 }
 __name(DropdownMenuSubTrigger, "DropdownMenuSubTrigger");
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
+DropdownMenuSubTrigger.displayName = menu.Menu.SubmenuTrigger.displayName;
 function DropdownMenuSubContent({
   className,
   ref,
   children
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, {
-    ref,
-    className: utils.cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg", className),
-    children
+  return /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Portal, {
+    children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Positioner, {
+      children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Popup, {
+        ref,
+        className: utils.cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-lg", className),
+        children
+      })
+    })
   });
 }
 __name(DropdownMenuSubContent, "DropdownMenuSubContent");
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
+DropdownMenuSubContent.displayName = menu.Menu.Popup.displayName;
 function DropdownMenuContent({
   className,
   ref,
   children,
   align
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, {
-    children: /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Content, {
-      ref,
-      className: utils.cn("bg-popover text-popover-foreground z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", "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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+  return /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Portal, {
+    children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Positioner, {
       align,
-      children
+      sideOffset: 4,
+      className: "z-50",
+      children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Popup, {
+        ref,
+        className: utils.cn("bg-popover text-popover-foreground z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", "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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+        children
+      })
     })
   });
 }
 __name(DropdownMenuContent, "DropdownMenuContent");
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
+DropdownMenuContent.displayName = menu.Menu.Popup.displayName;
 function DropdownMenuItem({
   className,
   inset,
@@ -93,7 +81,7 @@ function DropdownMenuItem({
   onSelect,
   onClick
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, {
+  return /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Item, {
     ref,
     disabled,
     onSelect,
@@ -103,7 +91,7 @@ function DropdownMenuItem({
   });
 }
 __name(DropdownMenuItem, "DropdownMenuItem");
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
+DropdownMenuItem.displayName = menu.Menu.Item.displayName;
 function DropdownMenuCheckboxItem({
   className,
   children,
@@ -112,7 +100,7 @@ function DropdownMenuCheckboxItem({
   onCheckedChange,
   disabled
 }) {
-  return /* @__PURE__ */jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, {
+  return /* @__PURE__ */jsxRuntime.jsxs(menu.Menu.CheckboxItem, {
     ref,
     checked,
     onCheckedChange,
@@ -120,7 +108,7 @@ function DropdownMenuCheckboxItem({
     className: utils.cn("focus:bg-muted/50 relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
     children: [/* @__PURE__ */jsxRuntime.jsx("span", {
       className: "absolute left-2 flex size-3.5 items-center justify-center",
-      children: /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, {
+      children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.CheckboxItemIndicator, {
         children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
           name: Icon.iconNames.check,
           className: "size-4"
@@ -130,20 +118,20 @@ function DropdownMenuCheckboxItem({
   });
 }
 __name(DropdownMenuCheckboxItem, "DropdownMenuCheckboxItem");
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
+DropdownMenuCheckboxItem.displayName = menu.Menu.CheckboxItem.displayName;
 function DropdownMenuRadioItem({
   className,
   children,
   value,
   ref
 }) {
-  return /* @__PURE__ */jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, {
+  return /* @__PURE__ */jsxRuntime.jsxs(menu.Menu.RadioItem, {
     ref,
     className: utils.cn("focus:bg-muted/50 relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
     value,
     children: [/* @__PURE__ */jsxRuntime.jsx("span", {
       className: "absolute left-2 flex size-3.5 items-center justify-center",
-      children: /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, {
+      children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.CheckboxItemIndicator, {
         children: /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
           name: Icon.iconNames.dotFilled,
           className: "size-4 fill-current stroke-[6]"
@@ -153,31 +141,33 @@ function DropdownMenuRadioItem({
   });
 }
 __name(DropdownMenuRadioItem, "DropdownMenuRadioItem");
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
+DropdownMenuRadioItem.displayName = menu.Menu.RadioItem.displayName;
 function DropdownMenuLabel({
   className,
   ref,
   children
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Label, {
-    ref,
-    className: utils.cn("px-2 py-1.5 text-sm font-semibold", className),
-    children
+  return /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Group, {
+    children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.GroupLabel, {
+      ref,
+      className: utils.cn("px-2 py-1.5 text-sm font-semibold", className),
+      children
+    })
   });
 }
 __name(DropdownMenuLabel, "DropdownMenuLabel");
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
+DropdownMenuLabel.displayName = menu.Menu.GroupLabel.displayName;
 function DropdownMenuSeparator({
   className,
   ref
 }) {
-  return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, {
+  return /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Separator, {
     ref,
     className: utils.cn("bg-muted -mx-1 my-1 h-px", className)
   });
 }
 __name(DropdownMenuSeparator, "DropdownMenuSeparator");
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
+DropdownMenuSeparator.displayName = menu.Menu.Separator.displayName;
 function DropdownMenuShortcut({
   className,
   children
@@ -201,7 +191,6 @@ exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
 exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
 exports.DropdownMenuSeparator = DropdownMenuSeparator;
 exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;