@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

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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"}

package/dist/_chunks/{empty-state-DQPtRp2b.js → empty-state-3CLJIXSj.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d, Fragment as U } from "react/jsx-runtime";
 import { forwardRef as u, useId as H, useRef as F, useState as P, useCallback as N, useEffect as q, useContext as v, createContext as M } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { B as x } from "./button-7mLWcMp_.js";
+import { B as x } from "./button-DD_0Xdmr.js";
 function G(t, s) {
   t && (typeof t == "function" ? t(s) : t.current = s);
 }
@@ -45,16 +45,19 @@ const h = M({
     }
   },
   defaultVariants: { size: "md" }
-}), X = m("type-body-sm ds:text-[var(--muted-foreground)]", {
-  variants: {
-    size: {
-      sm: "ds:[--type-body-sm-size:var(--font-size-xs)]",
-      md: "",
-      lg: "ds:[--type-body-sm-size:var(--font-size-base)]"
-    }
-  },
-  defaultVariants: { size: "md" }
-});
+}), X = m(
+  "type-body-sm ds:text-[var(--muted-foreground)]",
+  {
+    variants: {
+      size: {
+        sm: "ds:[--type-body-sm-size:var(--font-size-xs)]",
+        md: "",
+        lg: "ds:[--type-body-sm-size:var(--font-size-base)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
 function Y() {
   return /* @__PURE__ */ d(
     "svg",
@@ -76,8 +79,28 @@ function Y() {
             strokeWidth: "2"
           }
         ),
-        /* @__PURE__ */ e("rect", { x: "55", y: "30", width: "10", height: "60", rx: "5", fill: "var(--color-violet-400)" }),
-        /* @__PURE__ */ e("rect", { x: "30", y: "55", width: "60", height: "10", rx: "5", fill: "var(--color-purple-400)" })
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: "55",
+            y: "30",
+            width: "10",
+            height: "60",
+            rx: "5",
+            fill: "var(--color-violet-400)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: "30",
+            y: "55",
+            width: "60",
+            height: "10",
+            rx: "5",
+            fill: "var(--color-purple-400)"
+          }
+        )
       ]
     }
   );
@@ -155,47 +178,52 @@ function $() {
             fillOpacity: "0.6"
           }
         ),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "82", r: "5", fill: "var(--destructive)", fillOpacity: "0.6" })
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: "60",
+            cy: "82",
+            r: "5",
+            fill: "var(--destructive)",
+            fillOpacity: "0.6"
+          }
+        )
       ]
     }
   );
 }
-const g = u(
-  ({ children: t, className: s, ...a }, r) => {
-    const { size: i } = v(h);
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: r,
-        "aria-hidden": "true",
-        className: K({ size: i, className: s }),
-        ...a,
-        children: t
-      }
-    );
-  }
-);
+const g = u(({ children: t, className: s, ...a }, r) => {
+  const { size: i } = v(h);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: r,
+      "aria-hidden": "true",
+      className: K({ size: i, className: s }),
+      ...a,
+      children: t
+    }
+  );
+});
 g.displayName = "EmptyState.Illustration";
-const w = u(
-  ({ children: t, className: s, ...a }, r) => {
-    const { size: i, titleId: l, registerTitle: p } = v(h), f = N(
-      (c) => {
-        c && p(), typeof r == "function" ? r(c) : r && (r.current = c);
-      },
-      [r, p]
-    );
-    return /* @__PURE__ */ e(
-      "h3",
-      {
-        ref: f,
-        id: l,
-        className: Q({ size: i, className: s }),
-        ...a,
-        children: t
-      }
-    );
-  }
-);
+const w = u(({ children: t, className: s, ...a }, r) => {
+  const { size: i, titleId: l, registerTitle: p } = v(h), f = N(
+    (c) => {
+      c && p(), typeof r == "function" ? r(c) : r && (r.current = c);
+    },
+    [r, p]
+  );
+  return /* @__PURE__ */ e(
+    "h3",
+    {
+      ref: f,
+      id: l,
+      className: Q({ size: i, className: s }),
+      ...a,
+      children: t
+    }
+  );
+});
 w.displayName = "EmptyState.Title";
 const S = u(({ children: t, className: s, ...a }, r) => {
   const { size: i } = v(h);
@@ -212,17 +240,7 @@ const S = u(({ children: t, className: s, ...a }, r) => {
 S.displayName = "EmptyState.Description";
 const A = m(
   "ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]"
-), k = u(
-  ({ children: t, className: s, ...a }, r) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: r,
-      className: A({ className: s }),
-      ...a,
-      children: t
-    }
-  )
-);
+), k = u(({ children: t, className: s, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: A({ className: s }), ...a, children: t }));
 k.displayName = "EmptyState.Actions";
 const C = u(
   ({
@@ -247,48 +265,61 @@ const C = u(
       o == null || o.focus();
     }, []);
     const L = t === "no-results" ? { role: "status", "aria-live": "polite" } : { role: "region" }, O = n(t === "first-use" ? "emptyState.firstUse.title" : t === "no-results" ? "emptyState.noResults.title" : "emptyState.error.title"), W = n(t === "first-use" ? "emptyState.firstUse.description" : t === "no-results" ? "emptyState.noResults.description" : "emptyState.error.description"), B = n(t === "first-use" ? "emptyState.firstUse.cta" : t === "no-results" ? "emptyState.noResults.cta" : "emptyState.error.cta"), y = s === "sm" ? "sm" : "md", D = (o) => /^(https?:\/\/|\/|#)/.test(o) ? o : "#";
-    return /* @__PURE__ */ e(h.Provider, { value: { size: s, variant: t, titleId: z, registerTitle: j }, children: /* @__PURE__ */ e(
-      "div",
+    return /* @__PURE__ */ e(
+      h.Provider,
       {
-        ref: (o) => {
-          b.current = o, G(R, o);
-        },
-        "aria-labelledby": T || !f ? z : void 0,
-        ...L,
-        className: J({ size: s, className: c }),
-        "data-component": "empty-state",
-        ...I,
-        children: f ?? /* @__PURE__ */ d(U, { children: [
-          /* @__PURE__ */ d(g, { children: [
-            t === "first-use" && /* @__PURE__ */ e(Y, {}),
-            t === "no-results" && /* @__PURE__ */ e(_, {}),
-            t === "error" && /* @__PURE__ */ e($, {})
-          ] }),
-          /* @__PURE__ */ e(w, { children: a ?? O }),
-          /* @__PURE__ */ e(S, { children: r ?? W }),
-          (i || l) && /* @__PURE__ */ d(k, { children: [
-            i && /* @__PURE__ */ e(
-              x,
-              {
-                intent: "primary",
-                size: y,
-                onClick: i.onClick,
-                children: i.label ?? B
-              }
-            ),
-            l && (l.href ? /* @__PURE__ */ e(x, { intent: "ghost", size: y, asChild: !0, children: /* @__PURE__ */ e("a", { href: D(l.href), onClick: l.onClick, children: l.label }) }) : /* @__PURE__ */ e(
-              x,
-              {
-                intent: "ghost",
-                size: y,
-                onClick: l.onClick,
-                children: l.label
-              }
-            ))
-          ] })
-        ] })
+        value: { size: s, variant: t, titleId: z, registerTitle: j },
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            ref: (o) => {
+              b.current = o, G(R, o);
+            },
+            "aria-labelledby": T || !f ? z : void 0,
+            ...L,
+            className: J({ size: s, className: c }),
+            "data-component": "empty-state",
+            ...I,
+            children: f ?? /* @__PURE__ */ d(U, { children: [
+              /* @__PURE__ */ d(g, { children: [
+                t === "first-use" && /* @__PURE__ */ e(Y, {}),
+                t === "no-results" && /* @__PURE__ */ e(_, {}),
+                t === "error" && /* @__PURE__ */ e($, {})
+              ] }),
+              /* @__PURE__ */ e(w, { children: a ?? O }),
+              /* @__PURE__ */ e(S, { children: r ?? W }),
+              (i || l) && /* @__PURE__ */ d(k, { children: [
+                i && /* @__PURE__ */ e(
+                  x,
+                  {
+                    intent: "primary",
+                    size: y,
+                    onClick: i.onClick,
+                    children: i.label ?? B
+                  }
+                ),
+                l && (l.href ? /* @__PURE__ */ e(x, { intent: "ghost", size: y, asChild: !0, children: /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: D(l.href),
+                    onClick: l.onClick,
+                    children: l.label
+                  }
+                ) }) : /* @__PURE__ */ e(
+                  x,
+                  {
+                    intent: "ghost",
+                    size: y,
+                    onClick: l.onClick,
+                    children: l.label
+                  }
+                ))
+              ] })
+            ] })
+          }
+        )
       }
-    ) });
+    );
   }
 );
 C.displayName = "EmptyState";
@@ -301,4 +332,4 @@ const lt = Object.assign(C, {
 export {
   lt as E
 };
-//# sourceMappingURL=empty-state-DQPtRp2b.js.map
+//# sourceMappingURL=empty-state-3CLJIXSj.js.map