@alfadocs/ui-kit 0.1.9 → 0.2.0

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

@@ -1,219 +0,0 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as t, useContext as I, createContext as j } from "react";
-import * as o from "@radix-ui/react-dropdown-menu";
-import { c as l } from "./index-D2ZczOXr.js";
-import { S as k } from "./separator-B4wXDLNC.js";
-import { K as m } from "./kbd-8baVw3KU.js";
-import { a as T } from "./use-direction-D6rvvG9G.js";
-import { C as G } from "./chevron-right-BrpYejk0.js";
-import { C as p } from "./check-DPdL_Sm7.js";
-const u = l(
-  [
-    "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(" ")
-), c = l(
-  [
-    "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(" ")
-), P = l(
-  [
-    "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(" ")
-), f = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", h = j(void 0), v = ({ dir: n, id: e, ...a }) => {
-  const d = T();
-  return /* @__PURE__ */ s(h.Provider, { value: e, children: /* @__PURE__ */ s(o.Root, { dir: n ?? d, ...a }) });
-};
-v.displayName = "DropdownMenu.Root";
-const L = o.Trigger, K = o.Portal, B = o.Group, O = o.RadioGroup, g = t(({ className: n, sideOffset: e = 8, ...a }, d) => {
-  const r = I(h);
-  return /* @__PURE__ */ s(o.Portal, { children: /* @__PURE__ */ s(
-    o.Content,
-    {
-      ref: d,
-      sideOffset: e,
-      className: u({ className: n }),
-      "data-component": "dropdown-menu",
-      "data-component-id": r,
-      ...a
-    }
-  ) });
-});
-g.displayName = "DropdownMenu.Content";
-const x = t(
-  ({ className: n, startIcon: e, endIcon: a, description: d, shortcut: r, children: z, ...M }, R) => /* @__PURE__ */ i(
-    o.Item,
-    {
-      ref: R,
-      className: c({ className: n }),
-      ...M,
-      children: [
-        e ? /* @__PURE__ */ s(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-            children: e
-          }
-        ) : null,
-        /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ s("span", { className: "ds:truncate", children: z }),
-          d ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: d }) : null
-        ] }),
-        r ? /* @__PURE__ */ s("span", { className: "ds:ms-auto", children: /* @__PURE__ */ s(m, { keys: r, size: "sm" }) }) : a ? /* @__PURE__ */ s(
-          "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
-      ]
-    }
-  )
-);
-x.displayName = "DropdownMenu.Item";
-const N = t(({ className: n, children: e, ...a }, d) => /* @__PURE__ */ i(
-  o.CheckboxItem,
-  {
-    ref: d,
-    className: c({ className: n }),
-    ...a,
-    children: [
-      /* @__PURE__ */ s("span", { className: f, children: /* @__PURE__ */ s(o.ItemIndicator, { children: /* @__PURE__ */ s(p, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
-      /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: e })
-    ]
-  }
-));
-N.displayName = "DropdownMenu.CheckboxItem";
-const V = O, b = t(({ className: n, children: e, ...a }, d) => /* @__PURE__ */ i(
-  o.RadioItem,
-  {
-    ref: d,
-    className: c({ className: n }),
-    ...a,
-    children: [
-      /* @__PURE__ */ s("span", { className: f, children: /* @__PURE__ */ s(o.ItemIndicator, { children: /* @__PURE__ */ s(
-        p,
-        {
-          "aria-hidden": !0,
-          className: "ds:size-4 ds:text-[color:var(--accent)]"
-        }
-      ) }) }),
-      /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: e })
-    ]
-  }
-));
-b.displayName = "DropdownMenu.RadioItem";
-const w = t(({ className: n, ...e }, a) => /* @__PURE__ */ s(
-  o.Label,
-  {
-    ref: a,
-    className: P({ className: n }),
-    ...e
-  }
-));
-w.displayName = "DropdownMenu.Label";
-const C = t(({ className: n, ...e }, a) => /* @__PURE__ */ s(o.Separator, { ref: a, asChild: !0, ...e, children: /* @__PURE__ */ s(
-  k,
-  {
-    className: ["ds:my-[calc(var(--spacing-xs)/2)]", n ?? ""].filter(Boolean).join(" ")
-  }
-) }));
-C.displayName = "DropdownMenu.Separator";
-const y = t(
-  ({ keys: n, separator: e = "none" }, a) => /* @__PURE__ */ s("span", { ref: a, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ s(m, { keys: n, separator: e, size: "sm" }) })
-);
-y.displayName = "DropdownMenu.Shortcut";
-const q = o.Sub, D = t(({ className: n, startIcon: e, children: a, ...d }, r) => /* @__PURE__ */ i(
-  o.SubTrigger,
-  {
-    ref: r,
-    className: c({ className: n }),
-    ...d,
-    children: [
-      e ? /* @__PURE__ */ s(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-          children: e
-        }
-      ) : null,
-      /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: a }),
-      /* @__PURE__ */ s(
-        G,
-        {
-          "aria-hidden": !0,
-          className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
-        }
-      )
-    ]
-  }
-));
-D.displayName = "DropdownMenu.SubTrigger";
-const S = t(({ className: n, ...e }, a) => /* @__PURE__ */ s(o.Portal, { children: /* @__PURE__ */ s(
-  o.SubContent,
-  {
-    ref: a,
-    sideOffset: 8,
-    className: u({ className: n }),
-    ...e
-  }
-) }));
-S.displayName = "DropdownMenu.SubContent";
-const X = {
-  Root: v,
-  Trigger: L,
-  Portal: K,
-  Content: g,
-  Group: B,
-  Item: x,
-  CheckboxItem: N,
-  RadioGroup: V,
-  RadioItem: b,
-  Label: w,
-  Separator: C,
-  Shortcut: y,
-  Sub: q,
-  SubTrigger: D,
-  SubContent: S
-};
-export {
-  X as D
-};
-//# sourceMappingURL=dropdown-menu-C7AZipNz.js.map

package/dist/_chunks/dropdown-menu.agent-BcxIKOjK.js

@@ -1,43 +0,0 @@
-const o = {
-  id: "dropdown-menu",
-  capabilities: ["open", "close", "pick"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the menu is currently open.",
-      read: (e) => e.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the menu.",
-      invoke: (e) => {
-        e.open();
-      }
-    },
-    close: {
-      safety: "read",
-      description: "Close the menu.",
-      invoke: (e) => {
-        e.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."
-    }
-  }
-};
-export {
-  o as d
-};
-//# sourceMappingURL=dropdown-menu.agent-BcxIKOjK.js.map