import { jsx as o, jsxs as i } from "react/jsx-runtime";
import * as e from "@radix-ui/react-dropdown-menu";
import { c as n } from "../../index-BtlgVD4m.js";
import c from "../icon/Icon.js";
const l = 16, M = e.Root, C = e.Trigger, I = e.Group, S = e.Portal, R = e.Sub, k = e.RadioGroup, u = ({ ref: a, className: t, inset: r, children: s, ...d }) => /* @__PURE__ */ i(
  e.SubTrigger,
  {
    ref: a,
    className: n(
      "flex cursor-default gap-[var(--spacing-2)] select-none items-center rounded-[var(--border-radius-sm)] px-[var(--spacing-2)] py-[var(--spacing-1)] text-[length:var(--typography-base-sizes-small-font-size)] outline-none focus:bg-[var(--base-accent)] focus:text-[var(--base-accent-foreground)] data-[state=open]:bg-[var(--base-accent)] data-[state=open]:text-[var(--base-accent-foreground)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
      "hover:cursor-pointer hover:bg-[var(--base-accent)] hover:text-[var(--base-accent-foreground)]",
      r && "pl-[var(--spacing-8)]",
      t
    ),
    ...d,
    children: [
      s,
      /* @__PURE__ */ o(c, { name: "ChevronRight", size: l, className: "ml-auto" })
    ]
  }
);
u.displayName = e.SubTrigger.displayName;
const b = ({ ref: a, className: t, ...r }) => /* @__PURE__ */ o(
  e.SubContent,
  {
    ref: a,
    className: n(
      "z-50 min-w-[8rem] overflow-hidden rounded-[var(--border-radius-md)] border border-[var(--base-border)] bg-[var(--base-popover)] p-[var(--spacing-1)] text-[var(--base-popover-foreground)] shadow-lg 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 cursor-pointer",
      t
    ),
    ...r
  }
);
b.displayName = e.SubContent.displayName;
const m = ({ ref: a, className: t, sideOffset: r = 4, align: s = "center", onCloseAutoFocus: d, ...p }) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ o(
  e.Content,
  {
    ref: a,
    sideOffset: r,
    align: s,
    alignOffset: s === "center" ? 0 : void 0,
    onCloseAutoFocus: d ?? ((v) => v.preventDefault()),
    className: n(
      "z-50 min-w-[8rem] overflow-hidden rounded-[var(--border-radius-md)] border border-[var(--base-border)] bg-[var(--base-popover)] p-[var(--spacing-1)] text-[var(--base-popover-foreground)] 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",
      t
    ),
    ...p
  }
) });
m.displayName = e.Content.displayName;
const g = ({ ref: a, className: t, inset: r, ...s }) => /* @__PURE__ */ o(
  e.Item,
  {
    ref: a,
    className: n(
      "relative flex cursor-default select-none items-center gap-[var(--spacing-2)] rounded-[var(--border-radius-sm)] px-[var(--spacing-2)] py-[var(--spacing-1-5)] text-[length:var(--typography-base-sizes-small-font-size)] outline-none transition-colors focus:bg-[var(--base-accent)] focus:text-[var(--base-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:text-[var(--base-muted-foreground)] data-[disabled]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0",
      "hover:bg-[var(--base-accent)] hover:text-[var(--base-accent-foreground)]",
      "hover:cursor-pointer",
      "data-[disabled]:hover:bg-[var(--tailwind-colors-base-transparent)] data-[disabled]:hover:text-[var(--base-muted-foreground)] data-[disabled]:hover:cursor-not-allowed",
      r && "pl-[var(--spacing-8)]",
      t
    ),
    ...s
  }
);
g.displayName = e.Item.displayName;
const f = ({
  ref: a,
  className: t,
  children: r,
  checked: s,
  ...d
}) => /* @__PURE__ */ i(
  e.CheckboxItem,
  {
    ref: a,
    className: n(
      "relative flex cursor-default select-none items-center rounded-[var(--border-radius-sm)] py-[var(--spacing-1-5)] pl-[var(--spacing-8)] pr-[var(--spacing-2)] text-[length:var(--typography-base-sizes-small-font-size)] outline-none transition-colors focus:bg-[var(--base-accent)] focus:text-[var(--base-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:text-[var(--base-muted-foreground)] data-[disabled]:opacity-100",
      "hover:bg-[var(--base-accent)] hover:text-[var(--base-accent-foreground)]",
      "hover:cursor-pointer",
      "data-[disabled]:hover:bg-[var(--tailwind-colors-base-transparent)] data-[disabled]:hover:text-[var(--base-muted-foreground)] data-[disabled]:hover:cursor-not-allowed",
      t
    ),
    checked: s,
    ...d,
    children: [
      /* @__PURE__ */ o("span", { className: "absolute left-[var(--spacing-2)] flex h-[var(--height-h-4)] w-[var(--width-w-4)] items-center justify-center", children: /* @__PURE__ */ o(e.ItemIndicator, { children: /* @__PURE__ */ o(c, { name: "Check", size: l }) }) }),
      r
    ]
  }
);
f.displayName = e.CheckboxItem.displayName;
const h = ({
  ref: a,
  className: t,
  children: r,
  ...s
}) => /* @__PURE__ */ i(
  e.RadioItem,
  {
    ref: a,
    className: n(
      "relative flex cursor-default select-none items-center rounded-[var(--border-radius-sm)] py-[var(--spacing-1-5)] pl-[var(--spacing-8)] pr-[var(--spacing-2)] text-[length:var(--typography-base-sizes-small-font-size)] outline-none transition-colors focus:bg-[var(--base-accent)] focus:text-[var(--base-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:text-[var(--base-muted-foreground)] data-[disabled]:opacity-100",
      "hover:bg-[var(--base-accent)] hover:text-[var(--base-accent-foreground)]",
      "hover:cursor-pointer",
      "data-[disabled]:hover:bg-[var(--tailwind-colors-base-transparent)] data-[disabled]:hover:text-[var(--base-muted-foreground)] data-[disabled]:hover:cursor-not-allowed",
      t
    ),
    ...s,
    children: [
      /* @__PURE__ */ o("span", { className: "absolute left-[var(--spacing-2)] flex h-[var(--height-h-4)] w-[var(--width-w-4)] items-center justify-center rounded-full", children: /* @__PURE__ */ o(e.ItemIndicator, { children: /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ o(
        "path",
        {
          d: "M7.99999 11.335C9.84186 11.335 11.335 9.84186 11.335 7.99999C11.335 6.15812 9.84186 4.66499 7.99999 4.66499C6.15812 4.66499 4.66499 6.15812 4.66499 7.99999C4.66499 9.84186 6.15812 11.335 7.99999 11.335Z",
          fill: "var(--base-popover-foreground)"
        }
      ) }) }) }),
      r
    ]
  }
);
h.displayName = e.RadioItem.displayName;
const w = ({ ref: a, className: t, inset: r, ...s }) => /* @__PURE__ */ o(
  e.Label,
  {
    ref: a,
    className: n(
      "px-[var(--spacing-2)] py-[var(--spacing-1-5)] text-[length:var(--typography-base-sizes-small-font-size)] font-[var(--font-weight-semibold)]",
      r && "pl-[var(--spacing-8)]",
      t
    ),
    ...s
  }
);
w.displayName = e.Label.displayName;
const x = ({ ref: a, className: t, ...r }) => /* @__PURE__ */ o(
  e.Separator,
  {
    ref: a,
    className: n("-mx-[var(--spacing-1)] my-[var(--spacing-1)] h-px bg-[var(--base-border)]", t),
    ...r
  }
);
x.displayName = e.Separator.displayName;
const y = ({ className: a, ...t }) => /* @__PURE__ */ o("span", { className: n("ml-auto text-xs tracking-widest opacity-[var(--opacity-opacity-60)]", a), ...t });
y.displayName = "DropdownMenuShortcut";
export {
  M as DropdownMenu,
  f as DropdownMenuCheckboxItem,
  m as DropdownMenuContent,
  I as DropdownMenuGroup,
  g as DropdownMenuItem,
  w as DropdownMenuLabel,
  S as DropdownMenuPortal,
  k as DropdownMenuRadioGroup,
  h as DropdownMenuRadioItem,
  x as DropdownMenuSeparator,
  y as DropdownMenuShortcut,
  R as DropdownMenuSub,
  b as DropdownMenuSubContent,
  u as DropdownMenuSubTrigger,
  C as DropdownMenuTrigger
};
//# sourceMappingURL=DropdownPrimitives.js.map
