@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/cjs/primitives/DropdownMenu.js

@@ -0,0 +1,673 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../utils-BhM0B89p.js');
+var chevronRight = require('../chevron-right-0jNdwX2Q.js');
+var check = require('../check-BQgcDXys.js');
+var React = require('react');
+var index$2 = require('../index-COPkC3I5.js');
+var index$3 = require('../index-D-iDn9RI.js');
+var index$4 = require('../index-CGUGhyIp.js');
+var index$5 = require('../index-CyrAgb4H.js');
+var index$1 = require('../index-DMbj7vXd.js');
+var index = require('../index-CMFCdiR6.js');
+var index$6 = require('../index-BwAq9ba8.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-CCdG4z4E.js');
+require('react-dom');
+require('../index-Ch55j1or.js');
+require('../index-BY6wgiQV.js');
+require('../index-Bvu9MiFi.js');
+require('../index-lWVw05cs.js');
+require('../index-CS_WSHYi.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-DoVhdseB.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var DROPDOWN_MENU_NAME = "DropdownMenu";
+var [createDropdownMenuContext] = index$4.createContextScope(
+  DROPDOWN_MENU_NAME,
+  [index.createMenuScope]
+);
+var useMenuScope = index.createMenuScope();
+var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
+var DropdownMenu$2 = (props) => {
+  const {
+    __scopeDropdownMenu,
+    children,
+    dir,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = true
+  } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  const triggerRef = React__namespace.useRef(null);
+  const [open, setOpen] = index$5.useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: DROPDOWN_MENU_NAME
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuProvider,
+    {
+      scope: __scopeDropdownMenu,
+      triggerId: index$6.useId(),
+      triggerRef,
+      contentId: index$6.useId(),
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      modal,
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.Root3, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
+    }
+  );
+};
+DropdownMenu$2.displayName = DROPDOWN_MENU_NAME;
+var TRIGGER_NAME = "DropdownMenuTrigger";
+var DropdownMenuTrigger$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
+    const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
+    const menuScope = useMenuScope(__scopeDropdownMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+      index$1.Primitive.button,
+      {
+        type: "button",
+        id: context.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": context.open,
+        "aria-controls": context.open ? context.contentId : void 0,
+        "data-state": context.open ? "open" : "closed",
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        ...triggerProps,
+        ref: index$3.composeRefs(forwardedRef, context.triggerRef),
+        onPointerDown: index$2.composeEventHandlers(props.onPointerDown, (event) => {
+          if (!disabled && event.button === 0 && event.ctrlKey === false) {
+            context.onOpenToggle();
+            if (!context.open) event.preventDefault();
+          }
+        }),
+        onKeyDown: index$2.composeEventHandlers(props.onKeyDown, (event) => {
+          if (disabled) return;
+          if (["Enter", " "].includes(event.key)) context.onOpenToggle();
+          if (event.key === "ArrowDown") context.onOpenChange(true);
+          if (["Enter", " ", "ArrowDown"].includes(event.key)) event.preventDefault();
+        })
+      }
+    ) });
+  }
+);
+DropdownMenuTrigger$2.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "DropdownMenuPortal";
+var DropdownMenuPortal$2 = (props) => {
+  const { __scopeDropdownMenu, ...portalProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { ...menuScope, ...portalProps });
+};
+DropdownMenuPortal$2.displayName = PORTAL_NAME;
+var CONTENT_NAME = "DropdownMenuContent";
+var DropdownMenuContent$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDropdownMenu, ...contentProps } = props;
+    const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
+    const menuScope = useMenuScope(__scopeDropdownMenu);
+    const hasInteractedOutsideRef = React__namespace.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.Content2,
+      {
+        id: context.contentId,
+        "aria-labelledby": context.triggerId,
+        ...menuScope,
+        ...contentProps,
+        ref: forwardedRef,
+        onCloseAutoFocus: index$2.composeEventHandlers(props.onCloseAutoFocus, (event) => {
+          if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
+          hasInteractedOutsideRef.current = false;
+          event.preventDefault();
+        }),
+        onInteractOutside: index$2.composeEventHandlers(props.onInteractOutside, (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;
+        }),
+        style: {
+          ...props.style,
+          // re-namespace exposed content custom properties
+          ...{
+            "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+            "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+            "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+            "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+            "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+          }
+        }
+      }
+    );
+  }
+);
+DropdownMenuContent$2.displayName = CONTENT_NAME;
+var GROUP_NAME = "DropdownMenuGroup";
+var DropdownMenuGroup$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDropdownMenu, ...groupProps } = props;
+    const menuScope = useMenuScope(__scopeDropdownMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
+  }
+);
+DropdownMenuGroup$2.displayName = GROUP_NAME;
+var LABEL_NAME = "DropdownMenuLabel";
+var DropdownMenuLabel$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDropdownMenu, ...labelProps } = props;
+    const menuScope = useMenuScope(__scopeDropdownMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+  }
+);
+DropdownMenuLabel$2.displayName = LABEL_NAME;
+var ITEM_NAME = "DropdownMenuItem";
+var DropdownMenuItem$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDropdownMenu, ...itemProps } = props;
+    const menuScope = useMenuScope(__scopeDropdownMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+  }
+);
+DropdownMenuItem$2.displayName = ITEM_NAME;
+var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
+var DropdownMenuCheckboxItem$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...checkboxItemProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+});
+DropdownMenuCheckboxItem$2.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
+var DropdownMenuRadioGroup$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...radioGroupProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+});
+DropdownMenuRadioGroup$2.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
+var DropdownMenuRadioItem$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...radioItemProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+});
+DropdownMenuRadioItem$2.displayName = RADIO_ITEM_NAME;
+var INDICATOR_NAME = "DropdownMenuItemIndicator";
+var DropdownMenuItemIndicator = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
+});
+DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
+var SEPARATOR_NAME = "DropdownMenuSeparator";
+var DropdownMenuSeparator$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...separatorProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+});
+DropdownMenuSeparator$2.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "DropdownMenuArrow";
+var DropdownMenuArrow = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDropdownMenu, ...arrowProps } = props;
+    const menuScope = useMenuScope(__scopeDropdownMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Arrow2, { ...menuScope, ...arrowProps, ref: forwardedRef });
+  }
+);
+DropdownMenuArrow.displayName = ARROW_NAME;
+var DropdownMenuSub$2 = (props) => {
+  const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  const [open, setOpen] = index$5.useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: "DropdownMenuSub"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+};
+var SUB_TRIGGER_NAME = "DropdownMenuSubTrigger";
+var DropdownMenuSubTrigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...subTriggerProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
+});
+DropdownMenuSubTrigger$2.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "DropdownMenuSubContent";
+var DropdownMenuSubContent$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...subContentProps } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.SubContent,
+    {
+      ...menuScope,
+      ...subContentProps,
+      ref: forwardedRef,
+      style: {
+        ...props.style,
+        // re-namespace exposed content custom properties
+        ...{
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    }
+  );
+});
+DropdownMenuSubContent$2.displayName = SUB_CONTENT_NAME;
+var Root2 = DropdownMenu$2;
+var Trigger = DropdownMenuTrigger$2;
+var Portal2 = DropdownMenuPortal$2;
+var Content2 = DropdownMenuContent$2;
+var Group2 = DropdownMenuGroup$2;
+var Label2 = DropdownMenuLabel$2;
+var Item2 = DropdownMenuItem$2;
+var CheckboxItem2 = DropdownMenuCheckboxItem$2;
+var RadioGroup2 = DropdownMenuRadioGroup$2;
+var RadioItem2 = DropdownMenuRadioItem$2;
+var ItemIndicator2 = DropdownMenuItemIndicator;
+var Separator2 = DropdownMenuSeparator$2;
+var Sub2 = DropdownMenuSub$2;
+var SubTrigger2 = DropdownMenuSubTrigger$2;
+var SubContent2 = DropdownMenuSubContent$2;
+
+function DropdownMenu$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Portal2, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      "data-testid": "nui-dropdown-icon",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent$1({
+  className,
+  align = "start",
+  sideOffset = 4,
+  container,
+  ...props
+}) {
+  return (
+    // `container` overrides the portal target (defaults to <body>). Consumers
+    // pass a specific ancestor when <body> is the wrong parent — e.g. a
+    // fullscreen element, whose subtree is the only thing the browser renders.
+    /* @__PURE__ */ jsxRuntime.jsx(Portal2, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Content2,
+      {
+        "data-slot": "dropdown-menu-content",
+        "data-testid": "nui-dropdown-container",
+        sideOffset,
+        align,
+        className: utils.cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 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 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        ...props
+      }
+    ) })
+  );
+}
+function DropdownMenuGroup$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Group2, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem$1({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Item2,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: utils.cn(
+        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem$1({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CheckboxItem2,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: utils.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute end-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              check.Check,
+              {}
+            ) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroup2,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem$1({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadioItem2,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      "data-inset": inset,
+      className: utils.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute end-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              check.Check,
+              {}
+            ) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel$1({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label2,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: utils.cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Separator2,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: utils.cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: utils.cn(
+        "ms-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Sub2, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger$1({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SubTrigger2,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: utils.cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(chevronRight.ChevronRight, { className: "rtl:rotate-180 ms-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SubContent2,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: utils.cn("z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  );
+}
+
+const ITEM_SIZE_CLASSES = {
+  default: "gap-2 px-3 py-2",
+  compact: ""
+};
+const INDICATOR_ITEM_SIZE_CLASSES = {
+  default: "gap-2 ps-3 py-2",
+  compact: ""
+};
+const LABEL_SIZE_CLASSES = {
+  default: "px-3",
+  compact: ""
+};
+const DropdownMenu = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu$1, { ...props });
+const DropdownMenuPortal = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal$1, { ...props });
+const DropdownMenuTrigger = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger$1, { ...props });
+const DropdownMenuContent = ({
+  className,
+  ...props
+}) => (
+  // shadcn's base locks the menu to the trigger's width
+  // (`w-(--radix-dropdown-menu-trigger-width)`), which collapses a menu
+  // opened from a small icon trigger to the `min-w-32` floor and truncates
+  // longer labels. A dropdown menu should size to its content — `w-auto`
+  // (twMerge wins over the base `w-*`) restores that, with a comfortable floor.
+  // `max-w-(--radix-…-available-width)` bounds it to the viewport so a very
+  // long label clips (base `overflow-x-hidden` + item `truncate`) instead of
+  // pushing the menu off-screen.
+  /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuContent$1,
+    {
+      className: utils.cn(
+        "w-auto max-w-(--radix-dropdown-menu-content-available-width) min-w-40 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  )
+);
+const DropdownMenuGroup = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuGroup$1, { ...props });
+const DropdownMenuLabel = ({
+  className,
+  size = "default",
+  ...props
+}) => (
+  // Horizontal padding tracks the item `size` so section labels stay aligned
+  // with the items they categorize (default `px-3`, compact shadcn `px-1.5`).
+  /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuLabel$1,
+    {
+      className: utils.cn(LABEL_SIZE_CLASSES[size], className),
+      ...props
+    }
+  )
+);
+const DropdownMenuItem = ({
+  className,
+  size = "default",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuItem$1,
+  {
+    className: utils.cn("cursor-pointer", ITEM_SIZE_CLASSES[size], className),
+    ...props
+  }
+);
+const DropdownMenuCheckboxItem = ({
+  className,
+  size = "default",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuCheckboxItem$1,
+  {
+    className: utils.cn(
+      "cursor-pointer",
+      INDICATOR_ITEM_SIZE_CLASSES[size],
+      className
+    ),
+    ...props
+  }
+);
+const DropdownMenuRadioGroup = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup$1, { ...props });
+const DropdownMenuRadioItem = ({
+  className,
+  size = "default",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuRadioItem$1,
+  {
+    className: utils.cn(
+      "cursor-pointer",
+      INDICATOR_ITEM_SIZE_CLASSES[size],
+      className
+    ),
+    ...props
+  }
+);
+const DropdownMenuSeparator = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator$1, { ...props });
+const DropdownMenuShortcut = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut$1, { ...props });
+const DropdownMenuSub = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSub$1, { ...props });
+const DropdownMenuSubTrigger = ({
+  className,
+  size = "default",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuSubTrigger$1,
+  {
+    className: utils.cn("cursor-pointer", ITEM_SIZE_CLASSES[size], className),
+    ...props
+  }
+);
+const DropdownMenuSubContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent$1, { ...props });
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+//# sourceMappingURL=DropdownMenu.js.map