@alfadocs/ui-kit-debug 0.1.8

package/dist/_chunks/dialog.agent-DEG_fVzG.js

@@ -0,0 +1,147 @@
+import { jsx as d, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import * as t from "@radix-ui/react-dialog";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as w } from "react-i18next";
+import { I as C } from "./icon-button-Wnnde5lc.js";
+import { X as T } from "./x-CCcI3eJp.js";
+const j = [
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), z = [
+  "ds:fixed ds:z-[var(--z-modal)]",
+  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+  "ds:shadow-[var(--shadow-xl)]",
+  "ds:p-[var(--spacing-lg)]",
+  "ds:focus-visible:outline-none",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), r = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", R = h(z, {
+  variants: {
+    size: {
+      sm: `${r} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      md: `${r} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      lg: `${r} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), n = ({
+  children: a,
+  ...o
+}) => /* @__PURE__ */ d(t.Root, { ...o, children: a });
+n.displayName = "Dialog.Root";
+const c = e(({ children: a, ...o }, s) => /* @__PURE__ */ d(t.Trigger, { ref: s, ...o, children: a }));
+c.displayName = "Dialog.Trigger";
+const m = e(({ children: a, ...o }, s) => /* @__PURE__ */ d(t.Close, { ref: s, ...o, children: a }));
+m.displayName = "Dialog.Close";
+const p = e(
+  ({
+    size: a = "md",
+    variant: o = "default",
+    hideCloseButton: s = !0,
+    className: i,
+    children: x,
+    ...D
+  }, y) => {
+    const { t: N } = w(), b = o === "alert" ? "alertdialog" : void 0;
+    return /* @__PURE__ */ l(t.Portal, { children: [
+      /* @__PURE__ */ d(t.Overlay, { className: j }),
+      /* @__PURE__ */ l(
+        t.Content,
+        {
+          ref: y,
+          role: b,
+          className: R({ size: a, className: i }),
+          ...D,
+          children: [
+            x,
+            !s && /* @__PURE__ */ d("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ d(t.Close, { asChild: !0, children: /* @__PURE__ */ d(
+              C,
+              {
+                icon: /* @__PURE__ */ d(T, {}),
+                intent: "ghost",
+                size: "sm",
+                "aria-label": N("ui.common.close", "Close")
+              }
+            ) }) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+p.displayName = "Dialog.Content";
+const g = e(
+  ({ className: a, ...o }, s) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: s,
+      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]", a].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+g.displayName = "Dialog.Header";
+const v = e(({ className: a, ...o }, s) => /* @__PURE__ */ d(
+  t.Title,
+  {
+    ref: s,
+    className: ["type-title-card ds:break-words", a].filter(Boolean).join(" "),
+    ...o
+  }
+));
+v.displayName = "Dialog.Title";
+const u = e(({ className: a, ...o }, s) => /* @__PURE__ */ d(
+  t.Description,
+  {
+    ref: s,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", a].filter(Boolean).join(" "),
+    ...o
+  }
+));
+u.displayName = "Dialog.Description";
+const f = e(
+  ({ className: a, divider: o = !1, ...s }, i) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: i,
+      className: [
+        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:mt-[var(--spacing-md)]",
+        o && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        a
+      ].filter(Boolean).join(" "),
+      ...s
+    }
+  )
+);
+f.displayName = "Dialog.Footer";
+const S = Object.assign(n, {
+  Root: n,
+  Trigger: c,
+  Content: p,
+  Header: g,
+  Title: v,
+  Description: u,
+  Footer: f,
+  Close: m
+}), F = {
+  id: "dialog",
+  capabilities: ["open", "close", "dismiss"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "dialog" }
+  }
+};
+export {
+  S as D,
+  F as d
+};
+//# sourceMappingURL=dialog.agent-DEG_fVzG.js.map

package/dist/_chunks/dialog.agent-DEG_fVzG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.agent-DEG_fVzG.js","sources":["../../src/components/dialog/dialog.tsx","../../src/components/dialog/dialog.agent.ts"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CONTENT_BASE = [\n  'ds:fixed ds:z-[var(--z-modal)]',\n  'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n  'ds:shadow-[var(--shadow-xl)]',\n  'ds:p-[var(--spacing-lg)]',\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CENTERED = 'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]';\n\nconst contentVariants = cva(CONTENT_BASE, {\n  variants: {\n    size: {\n      sm: `${CENTERED} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      md: `${CENTERED} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      lg: `${CENTERED} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      fullscreen: 'ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst DialogRoot = ({\n  children,\n  ...props\n}: ComponentPropsWithoutRef<typeof RadixDialog.Root>) => (\n  <RadixDialog.Root {...props}>{children}</RadixDialog.Root>\n);\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const role = variant === 'alert' ? 'alertdialog' : undefined;\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay className={OVERLAY_CLASSES} />\n        <RadixDialog.Content\n          ref={ref}\n          role={role}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!hideCloseButton && (\n            <div className=\"ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]\">\n              <RadixDialog.Close asChild>\n                <IconButton\n                  icon={<X />}\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  aria-label={t('ui.common.close', 'Close')}\n                />\n              </RadixDialog.Close>\n            </div>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider && 'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n","import type { AgentAdapter } from '../../agent/types';\n\n/**\n * Dialog wraps Radix Dialog. Opening / closing is consumer-controlled via\n * `open` + `onOpenChange` props — there is no imperative handle. The agent\n * surface here is declarative: the kit emits `data-component=\"dialog\"` so a\n * future MCP UI bridge can locate live dialogs, and the host pattern owns\n * how the dialog opens / dismisses.\n */\nexport const dialogAgent: AgentAdapter<unknown> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n  },\n};\n"],"names":["OVERLAY_CLASSES","CONTENT_BASE","CENTERED","contentVariants","cva","DialogRoot","children","props","RadixDialog","DialogTrigger","forwardRef","ref","jsx","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","role","jsxs","IconButton","X","DialogHeader","DialogTitle","DialogDescription","DialogFooter","divider","Dialog","dialogAgent"],"mappings":"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"}

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

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

package/dist/_chunks/dropdown-menu-Cw3EyPZv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-Cw3EyPZv.js","sources":["../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, ChevronRight } from 'lucide-react';\nimport { Separator as DsSeparator } from '../separator/separator';\nimport { Kbd, type KbdNamedKey } from '../kbd/kbd';\nimport { useDocumentDirection } from '../_shared/use-direction';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst contentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    'ds:min-w-[8rem]',\n    'ds:rounded-[var(--radius-md)]',\n    // Border kept (transparent) so the forced-colors override below can\n    // repaint a visible edge in HCM. In normal modes the soft drop-shadow\n    // carries the edge cue; the heavy `--border` (grey-800 since WCAG\n    // 1.4.11 bump in 67fef8c) made the menu read as a charcoal box.\n    'ds:border ds:border-transparent',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:p-[var(--spacing-xs)]',\n    // Motion — gated on --animation-duration via Tailwind's animate-in\n    // preset. motion-reduce disables via the no-preference query.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95',\n    'ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n);\n\nconst itemClasses = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]',\n    'ds:cursor-pointer ds:select-none ds:outline-none',\n    // Highlighted + hover state\n    'ds:data-[highlighted]:bg-[color:var(--muted)]/40',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    // Disabled\n    'ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed',\n    'ds:data-[disabled]:pointer-events-none',\n  ].join(' '),\n);\n\nconst labelClasses = cva(\n  [\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'type-eyebrow ds:text-[color:var(--muted-foreground)]',\n    'ds:select-none',\n  ].join(' '),\n);\n\nconst indicatorSlotClasses =\n  'ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0';\n\n/* ------------------------------------------------------------------ */\n/* Root / Trigger / Portal                                              */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuRootProps = ComponentPropsWithoutRef<typeof RadixDropdownMenu.Root>;\n\nconst Root = ({ dir, ...props }: DropdownMenuRootProps) => {\n  const autoDir = useDocumentDirection();\n  return <RadixDropdownMenu.Root dir={dir ?? autoDir} {...props} />;\n};\nRoot.displayName = 'DropdownMenu.Root';\n\nconst Trigger = RadixDropdownMenu.Trigger;\nconst Portal = RadixDropdownMenu.Portal;\nconst RadixGroup = RadixDropdownMenu.Group;\nconst RadixRadioGroup = RadixDropdownMenu.RadioGroup;\n\n/* ------------------------------------------------------------------ */\n/* Content                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuContentProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst Content = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Content>,\n  DropdownMenuContentProps\n>(({ className, sideOffset = 8, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={contentVariants({ className })}\n      data-component=\"dropdown-menu\"\n      {...props}\n    />\n  </RadixDropdownMenu.Portal>\n));\nContent.displayName = 'DropdownMenu.Content';\n\n/* ------------------------------------------------------------------ */\n/* Item                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Item> {\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  description?: ReactNode;\n  /** Convenience — renders a DS <Kbd keys={…}> on the inline-end. */\n  shortcut?: Array<KbdNamedKey | string>;\n}\n\nconst Item = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Item>,\n  DropdownMenuItemProps\n>(\n  (\n    { className, startIcon, endIcon, description, shortcut, children, ...props },\n    ref,\n  ) => (\n    <RadixDropdownMenu.Item\n      ref={ref}\n      className={itemClasses({ className })}\n      {...props}\n    >\n      {startIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n        >\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ds:flex-1 ds:flex ds:flex-col ds:min-w-0\">\n        <span className=\"ds:truncate\">{children}</span>\n        {description ? (\n          <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:truncate\">\n            {description}\n          </span>\n        ) : null}\n      </span>\n      {shortcut ? (\n        <span className=\"ds:ms-auto\">\n          <Kbd keys={shortcut} size=\"sm\" />\n        </span>\n      ) : endIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n        >\n          {endIcon}\n        </span>\n      ) : null}\n    </RadixDropdownMenu.Item>\n  ),\n);\nItem.displayName = 'DropdownMenu.Item';\n\n/* ------------------------------------------------------------------ */\n/* CheckboxItem                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.CheckboxItem> {}\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.CheckboxItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check aria-hidden className=\"ds:size-4\" />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.CheckboxItem>\n));\nCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n/* ------------------------------------------------------------------ */\n/* RadioGroup / RadioItem                                               */\n/* ------------------------------------------------------------------ */\n\nconst RadioGroup = RadixRadioGroup;\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.RadioItem> {}\n\nconst RadioItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.RadioItem>,\n  DropdownMenuRadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.RadioItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check\n          aria-hidden\n          className=\"ds:size-4 ds:text-[color:var(--accent)]\"\n        />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.RadioItem>\n));\nRadioItem.displayName = 'DropdownMenu.RadioItem';\n\n/* ------------------------------------------------------------------ */\n/* Label                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuLabelProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Label> {}\n\nconst Label = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Label>,\n  DropdownMenuLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Label\n    ref={ref}\n    className={labelClasses({ className })}\n    {...props}\n  />\n));\nLabel.displayName = 'DropdownMenu.Label';\n\n/* ------------------------------------------------------------------ */\n/* Separator                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuSeparatorProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Separator> {}\n\nconst MenuSeparator = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Separator>,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Separator ref={ref} asChild {...props}>\n    <DsSeparator\n      className={['ds:my-[calc(var(--spacing-xs)/2)]', className ?? '']\n        .filter(Boolean)\n        .join(' ')}\n    />\n  </RadixDropdownMenu.Separator>\n));\nMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut — thin wrapper over DS Kbd for the right side of an Item   */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuShortcutProps {\n  keys: Array<KbdNamedKey | string>;\n  separator?: 'none' | 'plus' | 'then';\n}\n\nconst Shortcut = forwardRef<HTMLSpanElement, DropdownMenuShortcutProps>(\n  ({ keys, separator = 'none' }, ref) => (\n    <span ref={ref} className=\"ds:ms-auto ds:ps-[var(--spacing-sm)]\">\n      <Kbd keys={keys} separator={separator} size=\"sm\" />\n    </span>\n  ),\n);\nShortcut.displayName = 'DropdownMenu.Shortcut';\n\n/* ------------------------------------------------------------------ */\n/* Sub-menu                                                             */\n/* ------------------------------------------------------------------ */\n\nconst Sub = RadixDropdownMenu.Sub;\n\nexport interface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubTrigger> {\n  startIcon?: ReactNode;\n}\n\nconst SubTrigger = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(({ className, startIcon, children, ...props }, ref) => (\n  <RadixDropdownMenu.SubTrigger\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    {startIcon ? (\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n      >\n        {startIcon}\n      </span>\n    ) : null}\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n    <ChevronRight\n      aria-hidden\n      className=\"ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100\"\n    />\n  </RadixDropdownMenu.SubTrigger>\n));\nSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\nexport interface DropdownMenuSubContentProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubContent> {}\n\nconst SubContent = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubContent>,\n  DropdownMenuSubContentProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.SubContent\n      ref={ref}\n      sideOffset={8}\n      className={contentVariants({ className })}\n      {...props}\n    />\n  </RadixDropdownMenu.Portal>\n));\nSubContent.displayName = 'DropdownMenu.SubContent';\n\n/* ------------------------------------------------------------------ */\n/* Assembled namespace export                                           */\n/* ------------------------------------------------------------------ */\n\nexport const DropdownMenu = {\n  Root,\n  Trigger,\n  Portal,\n  Content,\n  Group: RadixGroup,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator: MenuSeparator,\n  Shortcut,\n  Sub,\n  SubTrigger,\n  SubContent,\n};\n"],"names":["contentVariants","cva","itemClasses","labelClasses","indicatorSlotClasses","Root","dir","props","autoDir","useDocumentDirection","jsx","RadixDropdownMenu","Trigger","Portal","RadixGroup","RadixRadioGroup","Content","forwardRef","className","sideOffset","ref","Item","startIcon","endIcon","description","shortcut","children","jsxs","Kbd","CheckboxItem","Check","RadioGroup","RadioItem","Label","MenuSeparator","DsSeparator","Shortcut","keys","separator","Sub","SubTrigger","ChevronRight","SubContent","DropdownMenu"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+const t = {
+  id: "dropdown-menu",
+  capabilities: ["open", "close", "pick"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "dropdown-menu" },
+    item: {
+      attr: "data-item-id",
+      description: "Each menu item emits its value as data-item-id."
+    }
+  }
+};
+export {
+  t as d
+};
+//# sourceMappingURL=dropdown-menu.agent-Cry4Nmes.js.map

package/dist/_chunks/dropdown-menu.agent-Cry4Nmes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.agent-Cry4Nmes.js","sources":["../../src/components/dropdown-menu/dropdown-menu.agent.ts"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\n\nexport const dropdownMenuAgent: AgentAdapter<unknown> = {\n  id: 'dropdown-menu',\n  capabilities: ['open', 'close', 'pick'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'dropdown-menu' },\n    item: {\n      attr: 'data-item-id',\n      description: 'Each menu item emits its value as data-item-id.',\n    },\n  },\n};\n"],"names":["dropdownMenuAgent"],"mappings":"AAEO,MAAMA,IAA2C;AAAA,EACtD,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,SAAS,MAAM;AAAA,EACtC,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,gBAAA;AAAA,IACvC,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/ellipsis-rgGdiK_9.js

@@ -0,0 +1,16 @@
+import { c } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], r = c("ellipsis", e);
+export {
+  r as E
+};
+//# sourceMappingURL=ellipsis-rgGdiK_9.js.map

package/dist/_chunks/ellipsis-rgGdiK_9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis-rgGdiK_9.js","sources":["../../node_modules/lucide-react/dist/esm/icons/ellipsis.js"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", key: \"1wjl8i\" }],\n  [\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", key: \"1pcz8c\" }]\n];\nconst Ellipsis = createLucideIcon(\"ellipsis\", __iconNode);\n\nexport { __iconNode, Ellipsis as default };\n//# sourceMappingURL=ellipsis.js.map\n"],"names":["__iconNode","Ellipsis","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACxD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACxD,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AACzD,GACMC,IAAWC,EAAiB,YAAYF,CAAU;","x_google_ignoreList":[0]}