import { j as t } from "../../node_modules/react/jsx-runtime.js";
import * as r from "react";
import { SubTrigger as l, SubContent as c, Portal as f, Content as m, Item as p, CheckboxItem as u, ItemIndicator as b, RadioItem as x, Label as $, Separator as w, Root as h, Trigger as N, Group as y, Sub as g, RadioGroup as j } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
import { cn as d } from "../../utils/index.js";
import { Icon as i } from "../Icon/index.js";
const E = h, q = N, A = y, B = f, F = g, H = j, D = r.forwardRef(({ className: e, inset: a, children: o, ...s }, n) => /* @__PURE__ */ t.jsxs(
  l,
  {
    ref: n,
    className: d(
      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-interaction-muted-brand-hover data-[state=open]:bg-surface-alt",
      a && "pl-8",
      e
    ),
    ...s,
    children: [
      o,
      /* @__PURE__ */ t.jsx(i, { name: "chevron-right", className: "ml-auto h-4 w-4" })
    ]
  }
));
D.displayName = l.displayName;
const M = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
  c,
  {
    ref: o,
    className: d(
      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-surface-alt p-1 text-surface-alt-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",
      e
    ),
    ...a
  }
));
M.displayName = c.displayName;
const R = r.forwardRef(({ className: e, sideOffset: a = 4, ...o }, s) => /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx(
  m,
  {
    ref: s,
    sideOffset: a,
    className: d(
      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-divider-medium bg-surface-alt text-surface-alt-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",
      e
    ),
    ...o
  }
) }));
R.displayName = m.displayName;
const v = r.forwardRef(({ className: e, inset: a, ...o }, s) => /* @__PURE__ */ t.jsx(
  p,
  {
    ref: s,
    className: d(
      "relative flex cursor-pointer select-none items-center rounded-sm py-3 px-6 outline-none transition-colors focus:bg-interaction-muted-brand-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      a && "pl-8",
      e
    ),
    ...o
  }
));
v.displayName = p.displayName;
const S = r.forwardRef(({ className: e, children: a, checked: o, ...s }, n) => /* @__PURE__ */ t.jsxs(
  u,
  {
    ref: n,
    className: d(
      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-surface-alt focus:text-surface-alt-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      e
    ),
    checked: o,
    ...s,
    children: [
      /* @__PURE__ */ t.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(b, { children: /* @__PURE__ */ t.jsx(i, { name: "check", className: "h-4 w-4" }) }) }),
      a
    ]
  }
));
S.displayName = u.displayName;
const I = r.forwardRef(({ className: e, children: a, ...o }, s) => /* @__PURE__ */ t.jsxs(
  x,
  {
    ref: s,
    className: d(
      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-surface-alt focus:text-surface-alt-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      e
    ),
    ...o,
    children: [
      /* @__PURE__ */ t.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(b, { children: /* @__PURE__ */ t.jsx(i, { name: "circle", className: "h-2 w-2 fill-current" }) }) }),
      a
    ]
  }
));
I.displayName = x.displayName;
const z = r.forwardRef(({ className: e, inset: a, ...o }, s) => /* @__PURE__ */ t.jsx(
  $,
  {
    ref: s,
    className: d("px-6 py-3 font-semibold", a && "pl-8", e),
    ...o
  }
));
z.displayName = $.displayName;
const C = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
  w,
  {
    ref: o,
    className: d("h-px bg-divider-medium", e),
    ...a
  }
));
C.displayName = w.displayName;
const k = ({
  className: e,
  ...a
}) => /* @__PURE__ */ t.jsx(
  "span",
  {
    className: d("ml-auto text-xs tracking-widest opacity-60", e),
    ...a
  }
);
k.displayName = "DropdownMenuShortcut";
export {
  E as DropdownMenu,
  S as DropdownMenuCheckboxItem,
  R as DropdownMenuContent,
  A as DropdownMenuGroup,
  v as DropdownMenuItem,
  z as DropdownMenuLabel,
  B as DropdownMenuPortal,
  H as DropdownMenuRadioGroup,
  I as DropdownMenuRadioItem,
  C as DropdownMenuSeparator,
  k as DropdownMenuShortcut,
  F as DropdownMenuSub,
  M as DropdownMenuSubContent,
  D as DropdownMenuSubTrigger,
  q as DropdownMenuTrigger
};
