@bigbinary/neeto-atoms 1.0.131 → 1.0.133-beta1

package/dist/primitives/DropdownMenu.js

@@ -1,637 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as cn } from '../utils-BJnb9o5c.js';
-import { C as ChevronRight } from '../chevron-right-DQnrO-ek.js';
-import { C as Check } from '../check-Cpkv29p1.js';
-import * as React from 'react';
-import { c as composeEventHandlers } from '../index-DNzunGHb.js';
-import { c as composeRefs } from '../index-BtkPdosV.js';
-import { c as createContextScope } from '../index-CiyxEyB0.js';
-import { u as useControllableState } from '../index-Cor698lu.js';
-import { P as Primitive } from '../index-DhnfW8wQ.js';
-import { A as Anchor2, h as createMenuScope, S as Separator, L as Label, G as Group, b as Item2$1, e as Sub, g as SubTrigger, f as SubContent, R as Root3, C as CheckboxItem, I as ItemIndicator, P as Portal, a as Content2$1, c as RadioGroup, d as RadioItem, i as Arrow2 } from '../index-BQtGUR27.js';
-import { u as useId } from '../index-zW4GjM5L.js';
-import '../createLucideIcon-C8ycilSN.js';
-import '../index-DOzu5J1s.js';
-import 'react-dom';
-import '../index-Dd1i1d2M.js';
-import '../index-d0BBQf5t.js';
-import '../index-BNPynZWM.js';
-import '../index-CSUSJzOJ.js';
-import '../index-Jr4soqx3.js';
-import '../index-XvwNqU74.js';
-import '../floating-ui.react-dom-BtFUJRfb.js';
-import '../floating-ui.utils.dom-Bw_Rc4bg.js';
-import '../index-BYZaLNq1.js';
-import '../index-fV_U4ZJM.js';
-import '../index-yFgkK_AM.js';
-import '../index-DT56XkyA.js';
-
-var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext] = createContextScope(
-  DROPDOWN_MENU_NAME,
-  [createMenuScope]
-);
-var useMenuScope = 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.useRef(null);
-  const [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: DROPDOWN_MENU_NAME
-  });
-  return /* @__PURE__ */ jsx(
-    DropdownMenuProvider,
-    {
-      scope: __scopeDropdownMenu,
-      triggerId: useId(),
-      triggerRef,
-      contentId: useId(),
-      open,
-      onOpenChange: setOpen,
-      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-      modal,
-      children: /* @__PURE__ */ jsx(Root3, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
-    }
-  );
-};
-DropdownMenu$2.displayName = DROPDOWN_MENU_NAME;
-var TRIGGER_NAME = "DropdownMenuTrigger";
-var DropdownMenuTrigger$2 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-    const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      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: composeRefs(forwardedRef, context.triggerRef),
-        onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
-          if (!disabled && event.button === 0 && event.ctrlKey === false) {
-            context.onOpenToggle();
-            if (!context.open) event.preventDefault();
-          }
-        }),
-        onKeyDown: 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__ */ jsx(Portal, { ...menuScope, ...portalProps });
-};
-DropdownMenuPortal$2.displayName = PORTAL_NAME;
-var CONTENT_NAME = "DropdownMenuContent";
-var DropdownMenuContent$2 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...contentProps } = props;
-    const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    const hasInteractedOutsideRef = React.useRef(false);
-    return /* @__PURE__ */ jsx(
-      Content2$1,
-      {
-        id: context.contentId,
-        "aria-labelledby": context.triggerId,
-        ...menuScope,
-        ...contentProps,
-        ref: forwardedRef,
-        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
-          hasInteractedOutsideRef.current = false;
-          event.preventDefault();
-        }),
-        onInteractOutside: 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.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...groupProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
-  }
-);
-DropdownMenuGroup$2.displayName = GROUP_NAME;
-var LABEL_NAME = "DropdownMenuLabel";
-var DropdownMenuLabel$2 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...labelProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
-  }
-);
-DropdownMenuLabel$2.displayName = LABEL_NAME;
-var ITEM_NAME = "DropdownMenuItem";
-var DropdownMenuItem$2 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...itemProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx(Item2$1, { ...menuScope, ...itemProps, ref: forwardedRef });
-  }
-);
-DropdownMenuItem$2.displayName = ITEM_NAME;
-var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
-var DropdownMenuCheckboxItem$2 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...checkboxItemProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
-});
-DropdownMenuCheckboxItem$2.displayName = CHECKBOX_ITEM_NAME;
-var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
-var DropdownMenuRadioGroup$2 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...radioGroupProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
-});
-DropdownMenuRadioGroup$2.displayName = RADIO_GROUP_NAME;
-var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
-var DropdownMenuRadioItem$2 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...radioItemProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
-});
-DropdownMenuRadioItem$2.displayName = RADIO_ITEM_NAME;
-var INDICATOR_NAME = "DropdownMenuItemIndicator";
-var DropdownMenuItemIndicator = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
-});
-DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
-var SEPARATOR_NAME = "DropdownMenuSeparator";
-var DropdownMenuSeparator$2 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...separatorProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
-});
-DropdownMenuSeparator$2.displayName = SEPARATOR_NAME;
-var ARROW_NAME = "DropdownMenuArrow";
-var DropdownMenuArrow = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDropdownMenu, ...arrowProps } = props;
-    const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx(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] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: "DropdownMenuSub"
-  });
-  return /* @__PURE__ */ jsx(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
-};
-var SUB_TRIGGER_NAME = "DropdownMenuSubTrigger";
-var DropdownMenuSubTrigger$2 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...subTriggerProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
-});
-DropdownMenuSubTrigger$2.displayName = SUB_TRIGGER_NAME;
-var SUB_CONTENT_NAME = "DropdownMenuSubContent";
-var DropdownMenuSubContent$2 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeDropdownMenu, ...subContentProps } = props;
-  const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(
-    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__ */ jsx(Root2, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal$1({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Portal2, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger$1({
-  ...props
-}) {
-  return /* @__PURE__ */ 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__ */ jsx(Portal2, { container, children: /* @__PURE__ */ jsx(
-      Content2,
-      {
-        "data-slot": "dropdown-menu-content",
-        "data-testid": "nui-dropdown-container",
-        sideOffset,
-        align,
-        className: 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__ */ jsx(Group2, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem$1({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Item2,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: 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__ */ jsxs(
-    CheckboxItem2,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      "data-inset": inset,
-      className: 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__ */ jsx(
-          "span",
-          {
-            className: "pointer-events-none absolute end-2 flex items-center justify-center",
-            "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx(
-              Check,
-              {}
-            ) })
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuRadioGroup$1({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroup2,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...props
-    }
-  );
-}
-function DropdownMenuRadioItem$1({
-  className,
-  children,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    RadioItem2,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      "data-inset": inset,
-      className: 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__ */ jsx(
-          "span",
-          {
-            className: "pointer-events-none absolute end-2 flex items-center justify-center",
-            "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx(
-              Check,
-              {}
-            ) })
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-function DropdownMenuLabel$1({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Label2,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: 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__ */ jsx(
-    Separator2,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuShortcut$1({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: 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__ */ jsx(Sub2, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger$1({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SubTrigger2,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: 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__ */ jsx(ChevronRight, { className: "rtl:rotate-180 ms-auto" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent$1({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SubContent2,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: 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__ */ jsx(DropdownMenu$1, { ...props });
-const DropdownMenuPortal = (props) => /* @__PURE__ */ jsx(DropdownMenuPortal$1, { ...props });
-const DropdownMenuTrigger = (props) => /* @__PURE__ */ 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__ */ jsx(
-    DropdownMenuContent$1,
-    {
-      className: cn(
-        "w-auto max-w-(--radix-dropdown-menu-content-available-width) min-w-40 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  )
-);
-const DropdownMenuGroup = (props) => /* @__PURE__ */ 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__ */ jsx(
-    DropdownMenuLabel$1,
-    {
-      className: cn(LABEL_SIZE_CLASSES[size], className),
-      ...props
-    }
-  )
-);
-const DropdownMenuItem = ({
-  className,
-  size = "default",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DropdownMenuItem$1,
-  {
-    className: cn("cursor-pointer", ITEM_SIZE_CLASSES[size], className),
-    ...props
-  }
-);
-const DropdownMenuCheckboxItem = ({
-  className,
-  size = "default",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DropdownMenuCheckboxItem$1,
-  {
-    className: cn(
-      "cursor-pointer",
-      INDICATOR_ITEM_SIZE_CLASSES[size],
-      className
-    ),
-    ...props
-  }
-);
-const DropdownMenuRadioGroup = (props) => /* @__PURE__ */ jsx(DropdownMenuRadioGroup$1, { ...props });
-const DropdownMenuRadioItem = ({
-  className,
-  size = "default",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DropdownMenuRadioItem$1,
-  {
-    className: cn(
-      "cursor-pointer",
-      INDICATOR_ITEM_SIZE_CLASSES[size],
-      className
-    ),
-    ...props
-  }
-);
-const DropdownMenuSeparator = (props) => /* @__PURE__ */ jsx(DropdownMenuSeparator$1, { ...props });
-const DropdownMenuShortcut = (props) => /* @__PURE__ */ jsx(DropdownMenuShortcut$1, { ...props });
-const DropdownMenuSub = (props) => /* @__PURE__ */ jsx(DropdownMenuSub$1, { ...props });
-const DropdownMenuSubTrigger = ({
-  className,
-  size = "default",
-  ...props
-}) => /* @__PURE__ */ jsx(
-  DropdownMenuSubTrigger$1,
-  {
-    className: cn("cursor-pointer", ITEM_SIZE_CLASSES[size], className),
-    ...props
-  }
-);
-const DropdownMenuSubContent = (props) => /* @__PURE__ */ jsx(DropdownMenuSubContent$1, { ...props });
-
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=DropdownMenu.js.map