@alfadocs/ui-kit 1.50.1 → 1.52.0

package/dist/_chunks/dropdown-menu-C8PaW3lR.js

@@ -1,369 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as t, useContext as _, useRef as G, useEffect as P, useMemo as K, createContext as H } from "react";
-import * as d from "@radix-ui/react-dropdown-menu";
-import { c as f } from "./index-D2ZczOXr.js";
-import { S as L } from "./separator-CYU_bGFn.js";
-import { K as v } from "./kbd-D855ZXIW.js";
-import { b } from "./menu-row-BAr8bx1I.js";
-import { u as A } from "./use-controllable-state-BiY4xTzM.js";
-import { u as B } from "./registry-DvAUVLHh.js";
-import { C as E } from "./chevron-right-I9AeSxH2.js";
-import { C as V } from "./check-DrFSN__t.js";
-import { a as U } from "./use-direction-Dp8h70PP.js";
-const W = {
-  id: "dropdown-menu",
-  capabilities: ["open", "close"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      descriptionKey: "ui.agent.dropdownMenu.state.isOpen",
-      description: "True when the menu is currently open.",
-      read: (s) => s.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.dropdownMenu.actions.open",
-      description: "Open the menu.",
-      invoke: (s) => {
-        s.open();
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.dropdownMenu.actions.close",
-      description: "Close the menu.",
-      invoke: (s) => {
-        s.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "dropdown-menu" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on DropdownMenu.Root."
-    }
-  }
-}, x = f(
-  [
-    "ds:z-[var(--z-dropdown)]",
-    // Roomier panel: wider floor, larger radius, deeper float and a
-    // breath more padding so menus read as elevated surfaces rather
-    // than flat lists hugging their trigger.
-    "ds:min-w-[14rem]",
-    "ds:rounded-[var(--radius-lg)]",
-    // Border kept (transparent) so the forced-colors override below can
-    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
-    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
-    // 1.4.11 bump in 67fef8c) made the menu read as a charcoal box.
-    "ds:border ds:border-transparent",
-    "ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]",
-    "ds:shadow-[var(--shadow-xl)]",
-    "ds:p-[var(--spacing-sm)]",
-    // Motion — gated on --animation-duration via Tailwind's animate-in
-    // preset. motion-reduce disables via the no-preference query.
-    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-    "ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out",
-    "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
-    "ds:data-[state=open]:slide-in-from-top-1",
-    "ds:motion-reduce:animate-none",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" ")
-), l = f(
-  [
-    "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-md)]",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]",
-    "ds:cursor-pointer ds:select-none ds:outline-none",
-    // Radix highlights on hover and on keyboard focus alike.
-    b.highlighted,
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-    "ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]",
-    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    // Disabled
-    "ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed",
-    "ds:data-[disabled]:pointer-events-none"
-  ].join(" ")
-), q = f(
-  [
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-2xs)]",
-    // Quiet sentence-case caption — the shouty uppercase eyebrow made
-    // every menu read as a form. Groups should lean on separators first
-    // and reach for a Label only when the grouping is genuinely unclear.
-    "ds:text-[length:var(--font-size-xs)]",
-    "ds:font-[var(--font-weight-medium)]",
-    "ds:text-[color:var(--muted-foreground)]",
-    "ds:select-none"
-  ].join(" ")
-), w = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", N = H(void 0), C = ({
-  dir: s,
-  id: o,
-  open: a,
-  defaultOpen: r,
-  onOpenChange: n,
-  ...i
-}) => {
-  const m = U(), [h, u] = A({
-    value: a,
-    defaultValue: r ?? !1,
-    onChange: n
-  }), p = h ?? !1, g = G(p);
-  P(() => {
-    g.current = p;
-  }, [p]);
-  const O = K(
-    () => ({
-      getIsOpen: () => g.current,
-      open: () => u(!0),
-      close: () => u(!1)
-    }),
-    [u]
-  );
-  return B(W, O, o), /* @__PURE__ */ e(N.Provider, { value: o, children: /* @__PURE__ */ e(
-    d.Root,
-    {
-      dir: s ?? m,
-      open: p,
-      onOpenChange: u,
-      ...i
-    }
-  ) });
-};
-C.displayName = "DropdownMenu.Root";
-const F = d.Trigger, J = d.Portal, Q = d.Group, X = d.RadioGroup, y = t(({ className: s, sideOffset: o = 8, ...a }, r) => {
-  const n = _(N);
-  return /* @__PURE__ */ e(d.Portal, { children: /* @__PURE__ */ e(
-    d.Content,
-    {
-      ref: r,
-      sideOffset: o,
-      className: x({ className: s }),
-      "data-component": "dropdown-menu",
-      "data-component-id": n,
-      ...a
-    }
-  ) });
-});
-y.displayName = "DropdownMenu.Content";
-const k = t(
-  ({
-    className: s,
-    startIcon: o,
-    endIcon: a,
-    description: r,
-    shortcut: n,
-    children: i,
-    ...m
-  }, h) => /* @__PURE__ */ c(
-    d.Item,
-    {
-      ref: h,
-      className: l({ className: s }),
-      ...m,
-      children: [
-        o ? /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-            children: o
-          }
-        ) : null,
-        /* @__PURE__ */ c("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate", children: i }),
-          r ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: r }) : null
-        ] }),
-        n ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(v, { keys: n, size: "sm" }) }) : a ? /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-            children: a
-          }
-        ) : null
-      ]
-    }
-  )
-);
-k.displayName = "DropdownMenu.Item";
-const M = t(({ className: s, children: o, ...a }, r) => /* @__PURE__ */ c(
-  d.CheckboxItem,
-  {
-    ref: r,
-    className: l({ className: s }),
-    ...a,
-    children: [
-      /* @__PURE__ */ e("span", { className: w, children: /* @__PURE__ */ e(d.ItemIndicator, { children: /* @__PURE__ */ e(V, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o })
-    ]
-  }
-));
-M.displayName = "DropdownMenu.CheckboxItem";
-const Y = [
-  "ds:ms-auto ds:inline-flex ds:items-center ds:shrink-0",
-  "ds:h-4 ds:w-7 ds:p-[2px]",
-  "ds:rounded-[var(--radius-full)]",
-  "ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]",
-  "ds:bg-[color:var(--muted)]",
-  "ds:[[data-state=checked]_&]:bg-[color:var(--primary)]",
-  "ds:[[data-state=checked]_&]:border-[color:var(--primary)]",
-  // Thumb slides via justify swap — logical-direction safe, no
-  // transform to fight under prefers-reduced-motion.
-  "ds:justify-start ds:[[data-state=checked]_&]:justify-end",
-  "ds:forced-colors:border-[CanvasText]",
-  // HCM strips fills — paint the checked track with the system
-  // selection colour so state isn't conveyed by thumb position alone.
-  "ds:forced-colors:[[data-state=checked]_&]:bg-[SelectedItem]"
-].join(" "), Z = [
-  "ds:block ds:size-3",
-  "ds:rounded-[var(--radius-full)]",
-  "ds:bg-[color:var(--background)]",
-  "ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]",
-  "ds:[[data-state=checked]_&]:border-transparent",
-  "ds:shadow-[var(--shadow-sm)]",
-  "ds:forced-colors:bg-[CanvasText]"
-].join(" "), I = t(({ className: s, children: o, onSelect: a, ...r }, n) => /* @__PURE__ */ c(
-  d.CheckboxItem,
-  {
-    ref: n,
-    className: l({ className: s }),
-    onSelect: (i) => {
-      i.preventDefault(), a == null || a(i);
-    },
-    ...r,
-    children: [
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o }),
-      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Y, children: /* @__PURE__ */ e("span", { className: Z }) })
-    ]
-  }
-));
-I.displayName = "DropdownMenu.SwitchItem";
-const $ = X, D = t(({ className: s, children: o, ...a }, r) => /* @__PURE__ */ c(
-  d.RadioItem,
-  {
-    ref: r,
-    className: l({ className: s }),
-    ...a,
-    children: [
-      /* @__PURE__ */ e("span", { className: w, "aria-hidden": "true", children: /* @__PURE__ */ e(
-        "span",
-        {
-          className: [
-            "ds:inline-flex ds:size-4 ds:items-center ds:justify-center ds:shrink-0",
-            "ds:rounded-[var(--radius-full)]",
-            "ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]",
-            "ds:[[data-state=checked]_&]:border-[color:var(--accent)]",
-            // Accent on the lit row would vanish, so ring and dot take its ink.
-            "ds:not-forced-colors:[[data-highlighted][data-state=checked]_&]:border-[color:var(--accent-foreground)]",
-            "ds:forced-colors:border-[CanvasText]"
-          ].join(" "),
-          children: /* @__PURE__ */ e(d.ItemIndicator, { children: /* @__PURE__ */ e(
-            "span",
-            {
-              className: [
-                "ds:block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]",
-                "ds:not-forced-colors:group-data-[highlighted]/menu-row:bg-[color:var(--accent-foreground)]",
-                "ds:forced-colors:bg-[CanvasText]"
-              ].join(" ")
-            }
-          ) })
-        }
-      ) }),
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o })
-    ]
-  }
-));
-D.displayName = "DropdownMenu.RadioItem";
-const R = t(({ className: s, ...o }, a) => /* @__PURE__ */ e(
-  d.Label,
-  {
-    ref: a,
-    className: q({ className: s }),
-    ...o
-  }
-));
-R.displayName = "DropdownMenu.Label";
-const S = t(({ className: s, ...o }, a) => /* @__PURE__ */ e(d.Separator, { ref: a, asChild: !0, ...o, children: /* @__PURE__ */ e(
-  L,
-  {
-    className: ["ds:my-[calc(var(--spacing-xs)/2)]", s ?? ""].filter(Boolean).join(" ")
-  }
-) }));
-S.displayName = "DropdownMenu.Separator";
-const j = t(
-  ({ keys: s, separator: o = "none" }, a) => /* @__PURE__ */ e("span", { ref: a, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(v, { keys: s, separator: o, size: "sm" }) })
-);
-j.displayName = "DropdownMenu.Shortcut";
-const ee = d.Sub, z = t(({ className: s, startIcon: o, children: a, ...r }, n) => /* @__PURE__ */ c(
-  d.SubTrigger,
-  {
-    ref: n,
-    className: l({
-      className: [b.open, s].filter(Boolean).join(" ")
-    }),
-    ...r,
-    children: [
-      o ? /* @__PURE__ */ e(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-          children: o
-        }
-      ) : null,
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a }),
-      /* @__PURE__ */ e(
-        E,
-        {
-          "aria-hidden": !0,
-          className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
-        }
-      )
-    ]
-  }
-));
-z.displayName = "DropdownMenu.SubTrigger";
-const T = t(({ className: s, ...o }, a) => /* @__PURE__ */ e(d.Portal, { children: /* @__PURE__ */ e(
-  d.SubContent,
-  {
-    ref: a,
-    sideOffset: 8,
-    "data-component": "dropdown-menu-sub-content",
-    className: x({ className: s }),
-    ...o
-  }
-) }));
-T.displayName = "DropdownMenu.SubContent";
-const pe = {
-  Root: C,
-  Trigger: F,
-  Portal: J,
-  Content: y,
-  Group: Q,
-  Item: k,
-  CheckboxItem: M,
-  SwitchItem: I,
-  RadioGroup: $,
-  RadioItem: D,
-  Label: R,
-  Separator: S,
-  Shortcut: j,
-  Sub: ee,
-  SubTrigger: z,
-  SubContent: T
-};
-export {
-  pe as D,
-  W as d
-};
-//# sourceMappingURL=dropdown-menu-C8PaW3lR.js.map