@alfadocs/ui-kit-debug 0.1.9 → 0.2.0

package/dist/_chunks/dialog-BPD7wlGE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-BPD7wlGE.js","sources":["../../src/components/dialog/dialog.agent.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'write',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      description:\n        'Dismiss the dialog. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\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';\nimport { useAgentRegistration } from '../../agent';\nimport { dialogAgent } from './dialog.agent';\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 =\n  '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:\n        '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\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DialogRootProps) => {\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState<boolean>(\n    defaultOpen ?? false,\n  );\n  const open = isControlled ? Boolean(openProp) : internalOpen;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const handle = useMemo<DialogHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dialogAgent, handle, id);\n\n  return (\n    <DialogIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </DialogIdContext.Provider>\n  );\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\n    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 instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay className={OVERLAY_CLASSES} />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\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={[\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]',\n        className,\n      ]\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 &&\n          '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"],"names":["dialogAgent","handle","OVERLAY_CLASSES","CONTENT_BASE","CENTERED","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","openProp","defaultOpen","onOpenChange","props","isControlled","internalOpen","setInternalOpen","useState","open","openRef","useRef","useEffect","setOpen","useCallback","next","useMemo","useAgentRegistration","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","jsxs","IconButton","X","DialogHeader","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-CpiF6CPz.js","sources":["../../src/components/dropdown-menu/dropdown-menu.agent.ts","../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DropdownMenuHandle } from './dropdown-menu';\n\nexport const dropdownMenuAgent: AgentAdapter<DropdownMenuHandle> = {\n  id: 'dropdown-menu',\n  capabilities: ['open', 'close', 'pick'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the menu is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the menu.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      description: 'Close the menu.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dropdown-menu' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on DropdownMenu.Root.',\n    },\n    item: {\n      attr: 'data-item-id',\n      description: 'Each menu item emits its value as data-item-id.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\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';\nimport { useAgentRegistration } from '../../agent';\nimport { dropdownMenuAgent } from './dropdown-menu.agent';\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\n// Curated agent-readiness handle — see dropdown-menu.agent.ts.\nexport interface DropdownMenuHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DropdownMenuRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Root\n> {\n  /** Opaque instance id — forwarded to DropdownMenu.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DropdownMenuIdContext = createContext<string | undefined>(undefined);\n\nconst Root = ({\n  dir,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DropdownMenuRootProps) => {\n  const autoDir = useDocumentDirection();\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState<boolean>(\n    defaultOpen ?? false,\n  );\n  const open = isControlled ? Boolean(openProp) : internalOpen;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const handle = useMemo<DropdownMenuHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dropdownMenuAgent, handle, id);\n\n  return (\n    <DropdownMenuIdContext.Provider value={id}>\n      <RadixDropdownMenu.Root\n        dir={dir ?? autoDir}\n        open={open}\n        onOpenChange={setOpen}\n        {...props}\n      />\n    </DropdownMenuIdContext.Provider>\n  );\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\n    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  const instanceId = useContext(DropdownMenuIdContext);\n  return (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={contentVariants({ className })}\n        data-component=\"dropdown-menu\"\n        data-component-id={instanceId}\n        {...props}\n      />\n    </RadixDropdownMenu.Portal>\n  );\n});\nContent.displayName = 'DropdownMenu.Content';\n\n/* ------------------------------------------------------------------ */\n/* Item                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuItemProps extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Item\n> {\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    {\n      className,\n      startIcon,\n      endIcon,\n      description,\n      shortcut,\n      children,\n      ...props\n    },\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 type DropdownMenuCheckboxItemProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.CheckboxItem\n>;\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 type DropdownMenuRadioItemProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.RadioItem\n>;\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 type DropdownMenuLabelProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Label\n>;\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 type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Separator\n>;\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 extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.SubTrigger\n> {\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 type DropdownMenuSubContentProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.SubContent\n>;\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":["dropdownMenuAgent","handle","contentVariants","cva","itemClasses","labelClasses","indicatorSlotClasses","DropdownMenuIdContext","createContext","Root","dir","id","openProp","defaultOpen","onOpenChange","props","autoDir","useDocumentDirection","isControlled","internalOpen","setInternalOpen","useState","open","openRef","useRef","useEffect","setOpen","useCallback","next","useMemo","useAgentRegistration","jsx","RadixDropdownMenu","Trigger","Portal","RadixGroup","RadixRadioGroup","Content","forwardRef","className","sideOffset","ref","instanceId","useContext","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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"}