@alfadocs/ui-kit 0.50.1 → 0.52.0

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

@@ -1,299 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as d, useContext as O, useRef as G, useEffect as P, useMemo as L, createContext as A } from "react";
-import * as n from "@radix-ui/react-dropdown-menu";
-import { c as h } from "./index-D2ZczOXr.js";
-import { S as E } from "./separator-CYU_bGFn.js";
-import { K as g } from "./kbd-D855ZXIW.js";
-import { u as K } from "./use-controllable-state-BiY4xTzM.js";
-import { C as V } from "./chevron-right-BrpYejk0.js";
-import { C as x } from "./check-DPdL_Sm7.js";
-import { a as B } from "./use-direction-Dp8h70PP.js";
-import { u as H } from "./registry-nPAVE19X.js";
-const q = {
-  id: "dropdown-menu",
-  capabilities: ["open", "close", "pick"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the menu is currently open.",
-      read: (s) => s.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the menu.",
-      invoke: (s) => {
-        s.open();
-      }
-    },
-    close: {
-      safety: "read",
-      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."
-    },
-    item: {
-      attr: "data-item-id",
-      description: "Each menu item emits its value as data-item-id."
-    }
-  }
-}, b = h(
-  [
-    "ds:z-[var(--z-dropdown)]",
-    "ds:min-w-[8rem]",
-    "ds:rounded-[var(--radius-md)]",
-    // 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-lg)]",
-    "ds:p-[var(--spacing-xs)]",
-    // 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:motion-reduce:animate-none",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" ")
-), p = h(
-  [
-    "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-sm)]",
-    "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",
-    // Highlighted + hover state
-    "ds:data-[highlighted]:bg-[color:var(--muted)]/40",
-    "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(" ")
-), F = h(
-  [
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "type-eyebrow ds:text-[color:var(--muted-foreground)]",
-    "ds:select-none"
-  ].join(" ")
-), N = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", w = A(void 0), C = ({
-  dir: s,
-  id: a,
-  open: o,
-  defaultOpen: t,
-  onOpenChange: r,
-  ...m
-}) => {
-  const u = B(), [f, c] = K({
-    value: o,
-    defaultValue: t ?? !1,
-    onChange: r
-  }), l = f ?? !1, v = G(l);
-  P(() => {
-    v.current = l;
-  }, [l]);
-  const T = L(
-    () => ({
-      getIsOpen: () => v.current,
-      open: () => c(!0),
-      close: () => c(!1)
-    }),
-    [c]
-  );
-  return H(q, T, a), /* @__PURE__ */ e(w.Provider, { value: a, children: /* @__PURE__ */ e(
-    n.Root,
-    {
-      dir: s ?? u,
-      open: l,
-      onOpenChange: c,
-      ...m
-    }
-  ) });
-};
-C.displayName = "DropdownMenu.Root";
-const J = n.Trigger, Q = n.Portal, U = n.Group, W = n.RadioGroup, y = d(({ className: s, sideOffset: a = 8, ...o }, t) => {
-  const r = O(w);
-  return /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
-    n.Content,
-    {
-      ref: t,
-      sideOffset: a,
-      className: b({ className: s }),
-      "data-component": "dropdown-menu",
-      "data-component-id": r,
-      ...o
-    }
-  ) });
-});
-y.displayName = "DropdownMenu.Content";
-const R = d(
-  ({
-    className: s,
-    startIcon: a,
-    endIcon: o,
-    description: t,
-    shortcut: r,
-    children: m,
-    ...u
-  }, f) => /* @__PURE__ */ i(
-    n.Item,
-    {
-      ref: f,
-      className: p({ className: s }),
-      ...u,
-      children: [
-        a ? /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-            children: a
-          }
-        ) : null,
-        /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate", children: m }),
-          t ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: t }) : null
-        ] }),
-        r ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(g, { keys: r, size: "sm" }) }) : o ? /* @__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: o
-          }
-        ) : null
-      ]
-    }
-  )
-);
-R.displayName = "DropdownMenu.Item";
-const S = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
-  n.CheckboxItem,
-  {
-    ref: t,
-    className: p({ className: s }),
-    ...o,
-    children: [
-      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(x, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
-    ]
-  }
-));
-S.displayName = "DropdownMenu.CheckboxItem";
-const X = W, D = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
-  n.RadioItem,
-  {
-    ref: t,
-    className: p({ className: s }),
-    ...o,
-    children: [
-      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(
-        x,
-        {
-          "aria-hidden": !0,
-          className: "ds:size-4 ds:text-[color:var(--accent)]"
-        }
-      ) }) }),
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
-    ]
-  }
-));
-D.displayName = "DropdownMenu.RadioItem";
-const M = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(
-  n.Label,
-  {
-    ref: o,
-    className: F({ className: s }),
-    ...a
-  }
-));
-M.displayName = "DropdownMenu.Label";
-const z = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Separator, { ref: o, asChild: !0, ...a, children: /* @__PURE__ */ e(
-  E,
-  {
-    className: ["ds:my-[calc(var(--spacing-xs)/2)]", s ?? ""].filter(Boolean).join(" ")
-  }
-) }));
-z.displayName = "DropdownMenu.Separator";
-const I = d(
-  ({ keys: s, separator: a = "none" }, o) => /* @__PURE__ */ e("span", { ref: o, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(g, { keys: s, separator: a, size: "sm" }) })
-);
-I.displayName = "DropdownMenu.Shortcut";
-const Y = n.Sub, k = d(({ className: s, startIcon: a, children: o, ...t }, r) => /* @__PURE__ */ i(
-  n.SubTrigger,
-  {
-    ref: r,
-    className: p({ className: s }),
-    ...t,
-    children: [
-      a ? /* @__PURE__ */ e(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-          children: a
-        }
-      ) : null,
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o }),
-      /* @__PURE__ */ e(
-        V,
-        {
-          "aria-hidden": !0,
-          className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
-        }
-      )
-    ]
-  }
-));
-k.displayName = "DropdownMenu.SubTrigger";
-const j = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
-  n.SubContent,
-  {
-    ref: o,
-    sideOffset: 8,
-    "data-component": "dropdown-menu-sub-content",
-    className: b({ className: s }),
-    ...a
-  }
-) }));
-j.displayName = "DropdownMenu.SubContent";
-const re = {
-  Root: C,
-  Trigger: J,
-  Portal: Q,
-  Content: y,
-  Group: U,
-  Item: R,
-  CheckboxItem: S,
-  RadioGroup: X,
-  RadioItem: D,
-  Label: M,
-  Separator: z,
-  Shortcut: I,
-  Sub: Y,
-  SubTrigger: k,
-  SubContent: j
-};
-export {
-  re as D,
-  q as d
-};
-//# sourceMappingURL=dropdown-menu-CUEXqKis.js.map