@keboola/design 11.0.0 → 11.0.1

package/dist/chunk-EQRMGIGY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/SectionNav/SectionNavItemContent.tsx","../src/blocks/SectionNav/SectionNavGroupRow.tsx","../src/blocks/SectionNav/SectionNav.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-EQRMGIGY.js","sourcesContent":["import { Badge } from '../../components/Badge';\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\n\nimport type { SectionNavItem } from './types';\n\ntype Props = {\n  item: SectionNavItem;\n  /** Tints the title. */\n  active: boolean;\n  showDescription?: boolean;\n  /** Group rows only — renders the chevron, pointing the way the list is about to move. */\n  expanded?: boolean;\n  /**\n   * Sub-section rows pass `false`. A group's icon stands for the group, and repeating a glyph on\n   * each indented child turns a short list into a column of competing marks: the indent and the\n   * rule already say these belong to the row above. An item may still carry an `icon` for surfaces\n   * that flatten the tree, such as a tab row, where every destination is top level.\n   */\n  showIcon?: boolean;\n};\n\n/**\n * One row's body, rendered identically in the tree and in the collapsed dropdown — same title, same\n * badge, same description. Shared rather than written twice so the two cannot drift.\n */\nexport const SectionNavItemContent = ({\n  item,\n  active,\n  showDescription = false,\n  expanded,\n  showIcon = true,\n}: Props) => {\n  const Icon = item.icon;\n\n  return (\n    <span className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:gap-0.5\">\n      <span className=\"tw:flex tw:items-center tw:gap-2\">\n        {showIcon && Icon && <Icon className=\"tw:size-4 tw:shrink-0\" />}\n        <span\n          className={cn(\n            'tw:flex-1 tw:truncate tw:text-sm',\n            active ? 'tw:font-medium tw:text-accent-foreground' : 'tw:text-foreground',\n          )}\n        >\n          {item.title}\n        </span>\n        {item.isNew && (\n          <Badge\n            color=\"blue-inverse\"\n            className=\"tw:min-h-0 tw:text-[10px]\"\n            labelClassName=\"tw:px-1.5 tw:py-0\"\n          >\n            New\n          </Badge>\n        )}\n        {expanded !== undefined && (\n          <ChevronDown\n            className={cn(\n              'tw:size-4 tw:shrink-0 tw:text-muted-foreground tw:transition-transform tw:duration-200',\n              expanded && 'tw:rotate-180',\n            )}\n          />\n        )}\n      </span>\n      {/* Descriptions wrap rather than truncate — they are the second line, not the label. A token\n          with no break opportunity would still paint straight out of the 256px column, so break it. */}\n      {showDescription && item.description && (\n        <span className=\"tw:text-xs tw:break-words tw:text-muted-foreground\">\n          {item.description}\n        </span>\n      )}\n    </span>\n  );\n};\n","import { useState } from 'react';\nimport type { MouseEvent, ReactNode } from 'react';\n\nimport { Collapsible } from '../../components/Collapsible';\nimport { cn, noop } from '../../utils';\n\nimport { SectionNavItemContent } from './SectionNavItemContent';\nimport type { SectionNavGroup, SectionNavItemRenderProps } from './types';\n\ntype Props = {\n  group: SectionNavGroup;\n  activeId: string | undefined;\n  renderItem: (props: SectionNavItemRenderProps) => ReactNode;\n  showDescriptions: boolean;\n};\n\n/**\n * The ring is **inset**, not an outline. A row is exactly as wide as the nav column, and\n * `PageLayout.Content nav` makes that column a scroll container (`overflow-y-auto`, which forces\n * `overflow-x` to `auto` too) — so there is 0px of slack for anything painted outside the border\n * box, and the browser's default `outline-offset: 1px` ring gets clipped on both edges. Painting\n * inside the box cannot be clipped, at any column width, by any ancestor.\n */\nconst FOCUS_RING =\n  'tw:focus-visible:outline-hidden tw:focus-visible:ring-2 tw:focus-visible:ring-inset tw:focus-visible:ring-ring';\n\nconst rowClass = (active: boolean) =>\n  cn(\n    'tw:flex tw:w-full tw:cursor-pointer tw:items-center tw:gap-2 tw:rounded-md tw:border-none tw:px-3 tw:py-2 tw:text-left tw:text-sm tw:no-underline tw:transition-colors',\n    FOCUS_RING,\n    active\n      ? 'tw:bg-accent tw:font-medium tw:text-accent-foreground'\n      : 'tw:bg-transparent tw:text-foreground tw:hover:bg-muted',\n  );\n\nconst childRowClass = (active: boolean) =>\n  cn(\n    'tw:flex tw:w-full tw:cursor-pointer tw:rounded-md tw:border-none tw:px-3 tw:py-1.5 tw:text-left tw:no-underline tw:transition-colors',\n    FOCUS_RING,\n    active ? 'tw:bg-accent' : 'tw:bg-transparent tw:hover:bg-muted',\n  );\n\n/**\n * One group row and its sub-sections. The row is a single control: it opens the group **and** goes to\n * its first section, and only collapses once you are already there — so the chevron never becomes a\n * separate thing to aim at, and one click always makes progress.\n */\nexport const SectionNavGroupRow = ({ group, activeId, renderItem, showDescriptions }: Props) => {\n  // Open on arrival: the nav is short enough that hiding any of it costs more than it saves.\n  const [open, setOpen] = useState(true);\n\n  const hasChildren = group.children.length > 0;\n  const targetId = group.children[0]?.id ?? group.id;\n  const isCurrent = group.id === activeId;\n  const holdsCurrent = isCurrent || group.children.some((child) => child.id === activeId);\n\n  const onClick = (event: MouseEvent<HTMLElement>) => {\n    if (!hasChildren) return;\n\n    // Already on the row's target, so navigating would be a no-op and the only thing left for the\n    // click to do is toggle. `preventDefault` is what tells the caller's link not to navigate.\n    if (activeId === targetId) {\n      event.preventDefault();\n      setOpen((isOpen) => !isOpen);\n\n      return;\n    }\n\n    setOpen(true);\n  };\n\n  return (\n    <Collapsible open={open} onOpenChange={setOpen} className=\"tw:flex tw:flex-col tw:gap-0.5\">\n      {renderItem({\n        targetId,\n        isActive: isCurrent,\n        children: (\n          <SectionNavItemContent\n            item={group}\n            active={holdsCurrent}\n            expanded={hasChildren ? open : undefined}\n          />\n        ),\n        itemProps: {\n          className: rowClass(holdsCurrent),\n          'aria-current': isCurrent ? 'page' : undefined,\n          'aria-expanded': hasChildren ? open : undefined,\n          'data-active': holdsCurrent && !isCurrent ? true : undefined,\n          onClick,\n        },\n      })}\n\n      {hasChildren && (\n        <Collapsible.Content>\n          {/* `pl-1` keeps each row's background box off the group's rule — without it an active\n              row's `bg-accent` sits flush against the line. 4px is also what lines the child titles\n              (20 + 1 + 4 + 12 = 37px) up with the parent's, which its icon puts at 12 + 16 + 8 = 36px. */}\n          {/* `my-0 mr-0` and not `m-0`: a host app emits its own `.tw\\:m-0` from its own source, and\n              its stylesheet is the later one — shorthand and longhand at equal specificity means the\n              app's `m-0` would land after this `ml-5` and flatten the indent. Longhands only, so\n              nothing here can be overridden by a copy of a class this block also uses. */}\n          <ul className=\"tw:my-0 tw:mr-0 tw:ml-5 tw:flex tw:list-none tw:flex-col tw:gap-0.5 tw:border-l tw:border-border tw:py-0.5 tw:pl-1\">\n            {group.children.map((child) => {\n              const active = child.id === activeId;\n\n              return (\n                <li key={child.id}>\n                  {renderItem({\n                    targetId: child.id,\n                    isActive: active,\n                    children: (\n                      <SectionNavItemContent\n                        item={child}\n                        active={active}\n                        showDescription={showDescriptions}\n                        showIcon={false}\n                      />\n                    ),\n                    itemProps: {\n                      className: childRowClass(active),\n                      'aria-current': active ? 'page' : undefined,\n                      'aria-expanded': undefined,\n                      'data-active': undefined,\n                      onClick: noop,\n                    },\n                  })}\n                </li>\n              );\n            })}\n            {group.note && (\n              <li className=\"tw:py-1 tw:pl-3 tw:text-xs tw:text-muted-foreground\">{group.note}</li>\n            )}\n          </ul>\n        </Collapsible.Content>\n      )}\n    </Collapsible>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { DropdownMenu } from '../../components/DropdownMenu';\nimport { ChevronDown } from '../../icons';\nimport { cn, noop } from '../../utils';\n\nimport { SectionNavGroupRow } from './SectionNavGroupRow';\nimport { SectionNavItemContent } from './SectionNavItemContent';\nimport type { SectionNavGroup, SectionNavItemRenderProps } from './types';\n\ntype Props = {\n  /**\n   * The sections to show, already filtered. Visibility, permissions and feature flags stay in the\n   * app — this block renders exactly what it is handed, in order.\n   */\n  groups: SectionNavGroup[];\n  /** `id` of the current section: a child's, or a childless group's. */\n  activeId?: string;\n  /**\n   * Renders the clickable element for one row, so routing never enters the design system. Return a\n   * `NavLink` / TanStack `Link` / `<a>` pointing at `targetId` and spread `itemProps` onto it.\n   */\n  renderItem: (props: SectionNavItemRenderProps) => ReactNode;\n  /** Print each section's `description` under its title. Off — the tree stays scannable without it. */\n  showDescriptions?: boolean;\n  /** Accessible name for the tree's `<nav>`, and the collapsed label with nothing active. */\n  label?: string;\n  /** Applied to the tree's `<nav>`. The column's own geometry belongs to `PageLayout.Content nav`. */\n  className?: string;\n};\n\n/**\n * In-page grouped navigation for one page's sections: a tree above the container's breakpoint, a\n * single dropdown below it. Both are rendered and CSS picks one, and both draw their rows through\n * the same renderer, so the two can never drift apart.\n *\n * **This is not `Sidebar`.** `Sidebar` is the app-level left rail — `SidebarProvider`, icon-collapse,\n * one per app shell, outside `PageLayout`. `SectionNav` is scoped to a single page's sections, lives\n * inside `PageLayout.Content`, and owns no global state. See `AGENTS.md`.\n *\n * **Router-agnostic:** `renderItem` is the seam. Pass it whatever your router calls a link.\n *\n * ```tsx\n * <PageLayout.Content nav={\n *   <SectionNav\n *     groups={groups}\n *     activeId={activeId}\n *     renderItem={({ targetId, children, itemProps }) => (\n *       <Link to={targetId} {...itemProps}>{children}</Link>\n *     )}\n *   />\n * }>\n *   {page}\n * </PageLayout.Content>\n * ```\n *\n * The tree↔dropdown switch is a **container** query on the content area's width, never the viewport\n * — a product sidebar or a chat panel narrows the page without the window resizing.\n * `PageLayout.Content nav={…}` names that container; standalone, put `tw:@container/section-nav` on\n * an ancestor yourself.\n *\n * @see RECIPES.md#section-nav\n */\nexport const SectionNav = ({\n  groups,\n  activeId,\n  renderItem,\n  showDescriptions = false,\n  label = 'Sections',\n  className,\n}: Props) => {\n  /**\n   * What the collapsed trigger names. A sub-section carries its group with it — \"Developer settings /\n   * CLI agents\" — so the trigger says where you are, not just what page this is.\n   */\n  const activeChild = groups\n    .flatMap((group) => group.children.map((child) => ({ group, child })))\n    .find(({ child }) => child.id === activeId);\n  const activeGroup = groups.find((group) => group.id === activeId);\n  const current = activeChild\n    ? {\n        icon: activeChild.group.icon,\n        title: activeChild.child.title,\n        parent: activeChild.group.title,\n      }\n    : { icon: activeGroup?.icon, title: activeGroup?.title ?? label, parent: undefined };\n  const CurrentIcon = current.icon;\n  /** A group whose subtree holds the active section: tinted like the tree's row, but not `aria-current`. */\n  const holdsActive = (group: SectionNavGroup) =>\n    group.id === activeId || group.children.some((child) => child.id === activeId);\n\n  return (\n    <>\n      {/* The reset is scoped (`.tailwindcss-preflight`, see `styles.css`), and the rows are\n          caller-owned elements — `renderItem` returns the app's own `<a>`, which never inherits a\n          scope this block does not open. Without it those rows are `content-box`, so the `w-full`\n          + `px-3` in `rowClass` measures 24px wider than the 256px column and every row bleeds out\n          of it. Opening the scope here covers the whole tree, rows included. */}\n      {/* `display` is set by TWO container variants and never by a plain utility. A host app that\n          emits `tw:flex` or `tw:hidden` from its own source ships an identical `.tw\\:flex` /\n          `.tw\\:hidden` rule — same specificity, same layer, and its stylesheet is the later one, so\n          whichever of the two this block wrote plainly would lose to the app's copy and the tree\n          would be stuck visible or stuck hidden. Both variants are selectors only this block emits,\n          and their queries are mutually exclusive, so nothing outside can outrank them. */}\n      <nav\n        aria-label={label}\n        className={cn(\n          'tailwindcss-preflight',\n          'tw:w-full tw:flex-col tw:gap-0.5 tw:@[640px]/section-nav:flex tw:@max-[640px]/section-nav:hidden',\n          className,\n        )}\n      >\n        {groups.map((group) => (\n          <SectionNavGroupRow\n            key={group.id}\n            group={group}\n            activeId={activeId}\n            renderItem={renderItem}\n            showDescriptions={showDescriptions}\n          />\n        ))}\n      </nav>\n\n      <div className=\"tw:w-full tw:bg-background tw:@[640px]/section-nav:hidden tw:@max-[640px]/section-nav:block\">\n        <DropdownMenu>\n          <DropdownMenu.Trigger asChild>\n            <Button variant=\"outline\" className=\"tw:w-full tw:justify-between\">\n              <span className=\"tw:flex tw:min-w-0 tw:items-center tw:gap-2\">\n                {CurrentIcon && <CurrentIcon className=\"tw:size-4 tw:shrink-0\" />}\n                {current.parent && (\n                  <>\n                    <span className=\"tw:truncate tw:font-normal tw:text-muted-foreground\">\n                      {current.parent}\n                    </span>\n                    <span className=\"tw:text-border\">/</span>\n                  </>\n                )}\n                <span className=\"tw:truncate tw:font-medium tw:text-foreground\">\n                  {current.title}\n                </span>\n              </span>\n              <ChevronDown className=\"tw:size-4 tw:shrink-0\" />\n            </Button>\n          </DropdownMenu.Trigger>\n\n          <DropdownMenu.Content\n            align=\"start\"\n            className=\"tw:w-(--radix-dropdown-menu-trigger-width)\"\n          >\n            {groups.map((group) =>\n              group.children.length > 0 ? (\n                <DropdownMenu.Group key={group.id}>\n                  {/* A real item, not a label: it is a destination in the tree (it goes to the\n                      group's first section), so a menu that made it unclickable would be a different\n                      navigation, not a smaller one. Same row treatment as every other item. */}\n                  <DropdownMenu.Item asChild>\n                    {renderItem({\n                      targetId: group.children[0]?.id ?? group.id,\n                      isActive: false,\n                      children: <SectionNavItemContent item={group} active={holdsActive(group)} />,\n                      itemProps: {\n                        className: 'tw:no-underline',\n                        'aria-current': undefined,\n                        'aria-expanded': undefined,\n                        'data-active': holdsActive(group) ? true : undefined,\n                        onClick: noop,\n                      },\n                    })}\n                  </DropdownMenu.Item>\n                  <div className=\"tw:ml-5 tw:border-l tw:border-border tw:py-0.5 tw:pl-1\">\n                    {group.children.map((child) => (\n                      <DropdownMenu.Item key={child.id} asChild>\n                        {renderItem({\n                          targetId: child.id,\n                          isActive: child.id === activeId,\n                          children: (\n                            <SectionNavItemContent\n                              item={child}\n                              active={child.id === activeId}\n                              showDescription={showDescriptions}\n                              showIcon={false}\n                            />\n                          ),\n                          itemProps: {\n                            className: 'tw:no-underline',\n                            'aria-current': child.id === activeId ? 'page' : undefined,\n                            'aria-expanded': undefined,\n                            'data-active': undefined,\n                            onClick: noop,\n                          },\n                        })}\n                      </DropdownMenu.Item>\n                    ))}\n                  </div>\n                </DropdownMenu.Group>\n              ) : (\n                <DropdownMenu.Item key={group.id} asChild>\n                  {renderItem({\n                    targetId: group.id,\n                    isActive: group.id === activeId,\n                    children: <SectionNavItemContent item={group} active={group.id === activeId} />,\n                    itemProps: {\n                      className: 'tw:no-underline',\n                      'aria-current': group.id === activeId ? 'page' : undefined,\n                      'aria-expanded': undefined,\n                      'data-active': undefined,\n                      onClick: noop,\n                    },\n                  })}\n                </DropdownMenu.Item>\n              ),\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      </div>\n    </>\n  );\n};\n"]}

package/dist/chunk-ERAHK5YQ.js

@@ -1,495 +0,0 @@
-import { ScrollArea } from './chunk-THHB4EWS.js';
-import { ChevronRight, Loader2, ToggleRight, Circle, Check } from './chunk-RQVK4IYC.js';
-import { useArgoDesign } from './chunk-WETKNYZX.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { createContext, useMemo, use } from 'react';
-import * as DropdownMenuPrimitive3 from '@radix-ui/react-dropdown-menu';
-import { Root, Group, Trigger } from '@radix-ui/react-dropdown-menu';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Root as Root$1, Slottable } from '@radix-ui/react-slot';
-
-var variants = cva(
-  [
-    "tailwindcss-preflight",
-    "tw:pointer-events-none",
-    // sizing
-    "tw:size-4",
-    "tw:aspect-square",
-    "tw:shrink-0",
-    // layout
-    "tw:flex",
-    "tw:items-center",
-    "tw:justify-center"
-  ],
-  {
-    variants: {
-      variant: {
-        none: [],
-        radio: [
-          "tw:border",
-          "tw:border-solid",
-          "tw:border-border",
-          "tw:rounded-full",
-          "tw:group-data-[variant=default]/dropdown-menu-content:bg-white",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:bg-background",
-          'tw:[&_svg:not([class*="tw:size-"])]:size-2',
-          "tw:data-[state=unchecked]:[&_svg]:hidden",
-          // Lucide Circle is stroke-only — force fill to match the stroke
-          // (currentColor) so the indicator reads as a solid dot.
-          "tw:[&_svg]:fill-current",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:[&_svg]:text-primary",
-          "tw:group-data-[variant=default]/dropdown-menu-content:[&_svg]:text-primary"
-        ],
-        check: ['tw:[&_svg:not([class*="tw:size-"])]:size-3.5', "tw:[&_svg]:text-primary"],
-        checkbox: [
-          "tw:[&_svg]:text-primary-foreground",
-          "tw:border",
-          "tw:border-solid",
-          "tw:rounded",
-          "tw:group-data-[variant=default]/dropdown-menu-content:border-neutral-200",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:border-input",
-          'tw:[&_svg:not([class*="tw:size-"])]:size-3',
-          "tw:data-[state=unchecked]:[&_svg]:hidden",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:border-primary",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary",
-          "tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:border-primary",
-          "tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:bg-primary"
-        ],
-        switch: [
-          "tw:size-5",
-          // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight
-          // to the indicator slot so it doesn't overflow.
-          'tw:[&_svg:not([class*="tw:size-"])]:size-5',
-          "tw:text-neutral-400",
-          "tw:data-[state=unchecked]:rotate-180",
-          "tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:text-primary",
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:text-primary"
-        ]
-      }
-    }
-  }
-);
-var DropdownMenuItemIndicator = ({
-  variant,
-  className,
-  forceMount: forceMountProp,
-  ...rest
-}) => {
-  const IconComp = (() => {
-    if (variant === "switch") return ToggleRight;
-    if (variant === "radio") return Circle;
-    return Check;
-  })();
-  const forceMount = (() => {
-    if (forceMountProp) return true;
-    return variant === "check" ? void 0 : true;
-  })();
-  if (variant === "none") return null;
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.ItemIndicator,
-    {
-      ...rest,
-      forceMount,
-      className: variants({ variant, className }),
-      children: /* @__PURE__ */ jsx(IconComp, {})
-    }
-  );
-};
-var ItemIcon = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...props,
-    className: cn(
-      "tw:inline-flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:aspect-square",
-      // 20px container fits the 16px Lucide glyph plus 2px breathing room
-      // each side — the previous tw:size-4 + tw:p-0.5 clipped the 16px child.
-      "tw:size-5",
-      'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-      "tw:group-data-[variant=default]/dropdown-menu-content:text-neutral-400",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:text-primary",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:text-muted-foreground",
-      "tw:group-data-[variant=default]/dropdown-menu-content:group-hover:text-primary",
-      className
-    ),
-    children
-  }
-);
-
-// src/components/DropdownMenu/styles.ts
-var itemVariants = cn(
-  // reset
-  "tailwindcss-preflight",
-  "tw:outline-hidden",
-  "tw:group",
-  "tw:peer",
-  "tw:relative",
-  // positioning
-  "tw:flex",
-  "tw:flex-1",
-  "tw:items-center",
-  "tw:gap-2",
-  // An icon passed as `children` rather than via the `icon` prop misses `ItemIcon`,
-  // so without this it falls back to Lucide's 24px default and towers over the
-  // siblings this row is laid out for. The `:not()` keeps a call-site size winning.
-  'tw:[&_svg:not([class*="tw:size-"])]:size-4',
-  "tw:cursor-pointer",
-  "tw:select-none",
-  "tw:transition-colors",
-  // spacing
-  "tw:p-2",
-  // typography
-  "tw:font-sans",
-  "tw:text-sm",
-  "tw:aria-disabled:pointer-events-none",
-  "tw:aria-disabled:opacity-50",
-  "tw:focus-visible:outline-hidden",
-  "tw:group-data-[variant=default]/dropdown-menu-content:rounded",
-  "tw:group-data-[variant=default]/dropdown-menu-content:focus:bg-neutral-100",
-  "tw:group-data-[variant=default]/dropdown-menu-content:focus:text-neutral-900",
-  "tw:group-data-[variant=default]/dropdown-menu-content:hover:bg-neutral-100",
-  "tw:group-data-[variant=default]/dropdown-menu-content:hover:text-neutral-900",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:rounded-md",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:text-popover-foreground",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:focus:text-primary",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:focus:bg-primary/10",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:hover:text-primary",
-  "tw:group-data-[variant=argo]/dropdown-menu-content:hover:bg-primary/10"
-);
-var contentVariants = cn(
-  "tailwindcss-preflight",
-  "tw:group/dropdown-menu-content",
-  // Sit above Modal/Sheet (z-1051), matching the other floating overlays (Popover/Select z-1055)
-  "tw:z-[1055]",
-  // positioning
-  "tw:flex",
-  "tw:flex-col",
-  "tw:origin-(--radix-dropdown-menu-content-transform-origin)",
-  // sizing
-  "tw:max-h-[var(--radix-dropdown-menu-content-available-height)]",
-  "tw:min-w-32",
-  // border
-  "tw:border",
-  "tw:shadow-md",
-  // Legacy surface — fixed white panel.
-  "tw:data-[variant=default]:rounded-md",
-  "tw:data-[variant=default]:bg-white",
-  "tw:data-[variant=default]:border-neutral-100",
-  "tw:data-[variant=default]:text-neutral-800",
-  // Argo surface — semantic popover tokens (brand + dark aware).
-  "tw:data-[variant=argo]:rounded-2xl",
-  "tw:data-[variant=argo]:bg-popover",
-  "tw:data-[variant=argo]:text-popover-foreground",
-  "tw:data-[variant=argo]:border-border",
-  // animations
-  "tw:data-[state=open]:animate-in",
-  "tw:data-[state=open]:fade-in-0",
-  "tw:data-[state=open]:zoom-in-95",
-  "tw:data-[state=closed]:animate-out",
-  "tw:data-[state=closed]:fade-out-0",
-  "tw:data-[state=closed]:zoom-out-95",
-  "tw:data-[side=bottom]:slide-in-from-top-2",
-  "tw:data-[side=left]:slide-in-from-right-2",
-  "tw:data-[side=right]:slide-in-from-left-2",
-  "tw:data-[side=top]:slide-in-from-bottom-2"
-);
-var DropdownMenuCheckboxItem = ({
-  className,
-  children,
-  checked,
-  closeOnSelect = false,
-  onSelect,
-  indicatorAlign = "start",
-  indicator = "checkbox",
-  isLoading = false,
-  ...props
-}) => {
-  const isAtStart = indicatorAlign === "start";
-  const indicatorEle = isLoading ? /* @__PURE__ */ jsx(ItemIcon, { className: isAtStart ? "" : "tw:ml-auto", children: /* @__PURE__ */ jsx(Loader2, { className: "tw:animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator, className: isAtStart ? "" : "tw:ml-auto" });
-  const handleSelect = (event) => {
-    if (!closeOnSelect) event.preventDefault();
-    onSelect?.(event);
-  };
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive3.CheckboxItem,
-    {
-      className: cn(itemVariants, className),
-      checked,
-      onSelect: handleSelect,
-      ...props,
-      children: [
-        isAtStart && indicatorEle,
-        children,
-        !isAtStart && indicatorEle
-      ]
-    }
-  );
-};
-var DropdownMenuContext = createContext({
-  variant: "default"
-});
-var useDropdownMenuContext = () => use(DropdownMenuContext);
-var DropdownMenuContent = ({
-  className,
-  sideOffset = 4,
-  forceMount,
-  children,
-  viewPortClassName,
-  container,
-  ...props
-}) => {
-  const { variant } = useDropdownMenuContext();
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive3.Portal, { forceMount: forceMount || void 0, container, children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.Content,
-    {
-      ...props,
-      "data-variant": variant,
-      sideOffset,
-      className: contentVariants,
-      children: /* @__PURE__ */ jsx(
-        ScrollArea,
-        {
-          className,
-          viewPortClassName: cn(
-            "tw:p-2",
-            "tw:max-h-[var(--radix-dropdown-menu-content-available-height)]",
-            viewPortClassName
-          ),
-          scrollBarClassName: "tw:w-1.5",
-          children
-        }
-      )
-    }
-  ) });
-};
-var DropdownMenuItem = ({
-  ref,
-  className,
-  asModalTrigger = false,
-  onSelect,
-  onPointerLeave,
-  onPointerMove,
-  children,
-  asChild,
-  icon,
-  iconClassName,
-  isLoading = false,
-  ...props
-}) => {
-  const Comp = asChild ? Root$1 : "div";
-  const adornment = isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "tw:animate-spin" }) : icon;
-  const handleOnSelect = (event) => {
-    if (asModalTrigger) event.preventDefault();
-    onSelect?.(event);
-  };
-  const handlePointerLeave = (event) => {
-    if (asModalTrigger) event.preventDefault();
-    onPointerLeave?.(event);
-  };
-  const handlePointerMove = (event) => {
-    if (asModalTrigger) event.preventDefault();
-    onPointerMove?.(event);
-  };
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.Item,
-    {
-      ...props,
-      ref,
-      onSelect: handleOnSelect,
-      onPointerLeave: handlePointerLeave,
-      onPointerMove: handlePointerMove,
-      className: cn(itemVariants, asChild && "tw:text-inherit", className),
-      asChild: true,
-      children: /* @__PURE__ */ jsxs(Comp, { children: [
-        adornment && /* @__PURE__ */ jsx(ItemIcon, { className: iconClassName, children: adornment }),
-        /* @__PURE__ */ jsx(Slottable, { children })
-      ] })
-    }
-  );
-};
-var descriptionVariants = cva(
-  [
-    "tw:box-border",
-    "tw:ml-auto",
-    "tw:font-sans",
-    "tw:tracking-normal",
-    "tw:font-normal",
-    "tw:text-xs",
-    "tw:text-muted-foreground"
-  ],
-  {
-    variants: {
-      hideOnHover: {
-        true: ["tw:group-focus-within:hidden", "tw:group-hover:hidden"],
-        false: []
-      }
-    },
-    defaultVariants: {}
-  }
-);
-var DropdownMenuItemDescription = ({
-  className,
-  children,
-  hideOnHover = false,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("span", { ...props, className: cn(descriptionVariants({ hideOnHover }), className), children });
-};
-var DropdownMenuLabel = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.Label,
-    {
-      className: cn(
-        "tw:p-2",
-        "tw:font-medium",
-        "tw:text-xs",
-        "tw:text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-var DropdownMenuRadioGroup = ({
-  value,
-  defaultValue,
-  onValueChange,
-  ...props
-}) => {
-  const handleChange = (value2) => {
-    onValueChange?.(value2);
-  };
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.RadioGroup,
-    {
-      ...props,
-      value,
-      defaultValue,
-      onValueChange: handleChange
-    }
-  );
-};
-var DropdownMenuRadioItem = ({
-  className,
-  children,
-  closeOnSelect,
-  onSelect,
-  indicatorAlign = "start",
-  indicator = "radio",
-  icon,
-  iconClassName,
-  isLoading = false,
-  ...props
-}) => {
-  const isAtStart = indicatorAlign === "start";
-  const indicatorEle = isLoading ? /* @__PURE__ */ jsx(ItemIcon, { className: iconClassName, children: /* @__PURE__ */ jsx(Loader2, { className: "tw:animate-spin" }) }) : /* @__PURE__ */ jsx(DropdownMenuItemIndicator, { variant: indicator });
-  const handleSelect = (event) => {
-    if (!closeOnSelect) event.preventDefault();
-    onSelect?.(event);
-  };
-  return /* @__PURE__ */ jsxs(
-    DropdownMenuPrimitive3.RadioItem,
-    {
-      className: cn(
-        itemVariants,
-        "tw:data-[state=checked]:cursor-default",
-        {
-          "tw:data-[state=checked]:bg-neutral-100": indicator === "none",
-          // Semantic brand tint (flips under `[data-theme='dark']`) instead of a
-          // hardcoded `tw:bg-sky-100`, which stayed light in dark mode and left the
-          // checked item's text near-invisible.
-          "tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary/10": indicator === "check"
-        },
-        className
-      ),
-      onSelect: handleSelect,
-      ...props,
-      children: [
-        isAtStart && indicatorEle,
-        icon && /* @__PURE__ */ jsx(ItemIcon, { className: iconClassName, children: icon }),
-        /* @__PURE__ */ jsx("span", { className: "tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2", children }),
-        !isAtStart && indicatorEle
-      ]
-    }
-  );
-};
-var DropdownMenuSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive3.Separator,
-  {
-    className: cn(
-      "tw:relative",
-      "tw:z-10",
-      // layout
-      "tw:flex",
-      "tw:items-center",
-      "tw:justify-center",
-      "tw:w-full",
-      // separator line
-      'tw:before:content-[""]',
-      "tw:before:w-full",
-      "tw:before:h-px",
-      "tw:group-data-[variant=default]/dropdown-menu-content:py-2",
-      "tw:group-data-[variant=default]/dropdown-menu-content:before:bg-neutral-150",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:py-1",
-      "tw:group-data-[variant=argo]/dropdown-menu-content:before:bg-border",
-      className
-    ),
-    ...props
-  }
-);
-var DropdownMenuSub = DropdownMenuPrimitive3.Sub;
-var DropdownMenuSubContent = ({ className, ...props }) => {
-  const { variant } = useDropdownMenuContext();
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive3.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive3.SubContent,
-    {
-      "data-variant": variant,
-      className: cn(contentVariants, "tw:z-[1041]", "tw:p-2", className),
-      ...props
-    }
-  ) });
-};
-var DropdownMenuSubTrigger = ({ className, children, ...props }) => {
-  return /* @__PURE__ */ jsxs(DropdownMenuPrimitive3.SubTrigger, { className: cn(itemVariants, className), ...props, children: [
-    children,
-    /* @__PURE__ */ jsx(ChevronRight, { className: "tw:ml-auto tw:size-5" })
-  ] });
-};
-var DropdownMenuTrigger = ({ ref, className, ...props }) => /* @__PURE__ */ jsx(
-  Trigger,
-  {
-    ...props,
-    ref,
-    "data-slot": "dropdown-menu-trigger",
-    className: cn("tw:group/dropdown-menu-trigger", className)
-  }
-);
-var DropdownMenu = ({
-  // change a default value to false, for modal property, as it is not used in most cases
-  modal = false,
-  ...props
-}) => {
-  const effectiveVariant = useArgoDesign() ? "argo" : "default";
-  const contextValue = useMemo(() => ({ variant: effectiveVariant }), [effectiveVariant]);
-  return /* @__PURE__ */ jsx(DropdownMenuContext, { value: contextValue, children: /* @__PURE__ */ jsx(Root, { ...props, modal }) });
-};
-DropdownMenu.Trigger = DropdownMenuTrigger;
-DropdownMenu.Content = DropdownMenuContent;
-DropdownMenu.Group = Group;
-DropdownMenu.Sub = DropdownMenuSub;
-DropdownMenu.SubContent = DropdownMenuSubContent;
-DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
-DropdownMenu.Separator = DropdownMenuSeparator;
-DropdownMenu.Label = DropdownMenuLabel;
-DropdownMenu.Item = DropdownMenuItem;
-DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
-DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
-DropdownMenu.RadioItem = DropdownMenuRadioItem;
-DropdownMenu.ItemDescription = DropdownMenuItemDescription;
-
-export { DropdownMenu };
-//# sourceMappingURL=chunk-ERAHK5YQ.js.map
-//# sourceMappingURL=chunk-ERAHK5YQ.js.map

package/dist/chunk-ERAHK5YQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenuItemIndicator.tsx","../src/components/DropdownMenu/ItemIcon.tsx","../src/components/DropdownMenu/styles.ts","../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx","../src/components/DropdownMenu/DropdownMenuContext.tsx","../src/components/DropdownMenu/DropdownMenuContent.tsx","../src/components/DropdownMenu/DropdownMenuItem.tsx","../src/components/DropdownMenu/DropdownMenuItemDescription.tsx","../src/components/DropdownMenu/DropdownMenuLabel.tsx","../src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.tsx","../src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.tsx","../src/components/DropdownMenu/DropdownMenuSeparator.tsx","../src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.tsx","../src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.tsx","../src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.tsx","../src/components/DropdownMenu/DropdownMenuTrigger.tsx","../src/components/DropdownMenu/DropdownMenu.tsx"],"names":["DropdownMenuPrimitive","jsx","DropdownMenuPrimitive2","Root","DropdownMenuPrimitive4","jsxs","cva","DropdownMenuPrimitive5","value","DropdownMenuPrimitive6","DropdownMenuPrimitive7","DropdownMenuPrimitive8","DropdownMenuPrimitive9","DropdownMenuPrimitive10","DropdownMenuPrimitive11"],"mappings":"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","file":"chunk-ERAHK5YQ.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { Check, Circle, ToggleRight } from '../../icons';\n\nconst variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:pointer-events-none',\n\n    // sizing\n    'tw:size-4',\n    'tw:aspect-square',\n    'tw:shrink-0',\n\n    // layout\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n  ],\n  {\n    variants: {\n      variant: {\n        none: [],\n        radio: [\n          'tw:border',\n          'tw:border-solid',\n          'tw:border-border',\n          'tw:rounded-full',\n          'tw:group-data-[variant=default]/dropdown-menu-content:bg-white',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:bg-background',\n\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-2',\n          'tw:data-[state=unchecked]:[&_svg]:hidden',\n          // Lucide Circle is stroke-only — force fill to match the stroke\n          // (currentColor) so the indicator reads as a solid dot.\n          'tw:[&_svg]:fill-current',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:[&_svg]:text-primary',\n          'tw:group-data-[variant=default]/dropdown-menu-content:[&_svg]:text-primary',\n        ],\n        check: ['tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5', 'tw:[&_svg]:text-primary'],\n        checkbox: [\n          'tw:[&_svg]:text-primary-foreground',\n          'tw:border',\n          'tw:border-solid',\n          'tw:rounded',\n          'tw:group-data-[variant=default]/dropdown-menu-content:border-neutral-200',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:border-input',\n\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n          'tw:data-[state=unchecked]:[&_svg]:hidden',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:border-primary',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary',\n          'tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:border-primary',\n          'tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:bg-primary',\n        ],\n        switch: [\n          'tw:size-5',\n          // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight\n          // to the indicator slot so it doesn't overflow.\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n          'tw:text-neutral-400',\n          'tw:data-[state=unchecked]:rotate-180',\n          'tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:text-primary',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:text-primary',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.ItemIndicator> &\n  VariantProps<typeof variants>;\n\nexport const DropdownMenuItemIndicator = ({\n  variant,\n  className,\n  forceMount: forceMountProp,\n  ...rest\n}: Props) => {\n  const IconComp = (() => {\n    if (variant === 'switch') return ToggleRight;\n    if (variant === 'radio') return Circle;\n    return Check;\n  })();\n\n  const forceMount = (() => {\n    if (forceMountProp) return true;\n    // All variants, except for check, require rendering at all times.\n    return variant === 'check' ? undefined : true;\n  })();\n\n  if (variant === 'none') return null;\n\n  return (\n    <DropdownMenuPrimitive.ItemIndicator\n      {...rest}\n      forceMount={forceMount}\n      className={variants({ variant, className })}\n    >\n      <IconComp />\n    </DropdownMenuPrimitive.ItemIndicator>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'> & {\n  children: ReactNode;\n};\n\nexport const ItemIcon = ({ className, children, ...props }: Props) => (\n  <span\n    {...props}\n    className={cn(\n      'tw:inline-flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:aspect-square',\n      // 20px container fits the 16px Lucide glyph plus 2px breathing room\n      // each side — the previous tw:size-4 + tw:p-0.5 clipped the 16px child.\n      'tw:size-5',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      'tw:group-data-[variant=default]/dropdown-menu-content:text-neutral-400',\n      'tw:group-data-[variant=argo]/dropdown-menu-content:text-primary',\n      'tw:group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:text-muted-foreground',\n      'tw:group-data-[variant=default]/dropdown-menu-content:group-hover:text-primary',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import { cn } from '../../utils';\n\nexport const itemVariants = cn(\n  // reset\n  'tailwindcss-preflight',\n  'tw:outline-hidden',\n  'tw:group',\n  'tw:peer',\n  'tw:relative',\n\n  // positioning\n  'tw:flex',\n  'tw:flex-1',\n  'tw:items-center',\n  'tw:gap-2',\n\n  // An icon passed as `children` rather than via the `icon` prop misses `ItemIcon`,\n  // so without this it falls back to Lucide's 24px default and towers over the\n  // siblings this row is laid out for. The `:not()` keeps a call-site size winning.\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n\n  'tw:cursor-pointer',\n  'tw:select-none',\n  'tw:transition-colors',\n\n  // spacing\n  'tw:p-2',\n\n  // typography\n  'tw:font-sans',\n  'tw:text-sm',\n\n  'tw:aria-disabled:pointer-events-none',\n  'tw:aria-disabled:opacity-50',\n\n  'tw:focus-visible:outline-hidden',\n\n  'tw:group-data-[variant=default]/dropdown-menu-content:rounded',\n  'tw:group-data-[variant=default]/dropdown-menu-content:focus:bg-neutral-100',\n  'tw:group-data-[variant=default]/dropdown-menu-content:focus:text-neutral-900',\n  'tw:group-data-[variant=default]/dropdown-menu-content:hover:bg-neutral-100',\n  'tw:group-data-[variant=default]/dropdown-menu-content:hover:text-neutral-900',\n\n  'tw:group-data-[variant=argo]/dropdown-menu-content:rounded-md',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:text-popover-foreground',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:focus:text-primary',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:focus:bg-primary/10',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:hover:text-primary',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:hover:bg-primary/10',\n);\n\nexport const contentVariants = cn(\n  'tailwindcss-preflight',\n  'tw:group/dropdown-menu-content',\n  // Sit above Modal/Sheet (z-1051), matching the other floating overlays (Popover/Select z-1055)\n  'tw:z-[1055]',\n\n  // positioning\n  'tw:flex',\n  'tw:flex-col',\n  'tw:origin-(--radix-dropdown-menu-content-transform-origin)',\n\n  // sizing\n  'tw:max-h-[var(--radix-dropdown-menu-content-available-height)]',\n  'tw:min-w-32',\n\n  // border\n  'tw:border',\n  'tw:shadow-md',\n\n  // Legacy surface — fixed white panel.\n  'tw:data-[variant=default]:rounded-md',\n  'tw:data-[variant=default]:bg-white',\n  'tw:data-[variant=default]:border-neutral-100',\n  'tw:data-[variant=default]:text-neutral-800',\n  // Argo surface — semantic popover tokens (brand + dark aware).\n  'tw:data-[variant=argo]:rounded-2xl',\n  'tw:data-[variant=argo]:bg-popover',\n  'tw:data-[variant=argo]:text-popover-foreground',\n  'tw:data-[variant=argo]:border-border',\n\n  // animations\n  'tw:data-[state=open]:animate-in',\n  'tw:data-[state=open]:fade-in-0',\n  'tw:data-[state=open]:zoom-in-95',\n\n  'tw:data-[state=closed]:animate-out',\n  'tw:data-[state=closed]:fade-out-0',\n  'tw:data-[state=closed]:zoom-out-95',\n\n  'tw:data-[side=bottom]:slide-in-from-top-2',\n  'tw:data-[side=left]:slide-in-from-right-2',\n  'tw:data-[side=right]:slide-in-from-left-2',\n  'tw:data-[side=top]:slide-in-from-bottom-2',\n);\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { Loader2 } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { DropdownMenuItemIndicator } from './DropdownMenuItemIndicator';\nimport { ItemIcon } from './ItemIcon';\nimport { itemVariants } from './styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  closeOnSelect?: boolean;\n  indicator?: 'switch' | 'checkbox' | 'check';\n  indicatorAlign?: 'start' | 'end';\n  isLoading?: boolean;\n};\n\nexport const DropdownMenuCheckboxItem = ({\n  className,\n  children,\n  checked,\n  closeOnSelect = false,\n  onSelect,\n  indicatorAlign = 'start',\n  indicator = 'checkbox',\n  isLoading = false,\n  ...props\n}: Props) => {\n  const isAtStart = indicatorAlign === 'start';\n  const indicatorEle = isLoading ? (\n    <ItemIcon className={isAtStart ? '' : 'tw:ml-auto'}>\n      <Loader2 className=\"tw:animate-spin\" />\n    </ItemIcon>\n  ) : (\n    <DropdownMenuItemIndicator variant={indicator} className={isAtStart ? '' : 'tw:ml-auto'} />\n  );\n\n  const handleSelect = (event: Event) => {\n    if (!closeOnSelect) event.preventDefault();\n    onSelect?.(event);\n  };\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      className={cn(itemVariants, className)}\n      checked={checked}\n      onSelect={handleSelect}\n      {...props}\n    >\n      {isAtStart && indicatorEle}\n      {children}\n      {!isAtStart && indicatorEle}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n","import { createContext, use } from 'react';\n\nexport type DropdownMenuVariant = 'default' | 'argo';\n\ntype DropdownMenuContextType = {\n  variant: DropdownMenuVariant;\n};\n\nexport const DropdownMenuContext = createContext<DropdownMenuContextType>({\n  variant: 'default',\n});\n\nexport const useDropdownMenuContext = () => use(DropdownMenuContext);\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\nimport { ScrollArea } from '../ScrollArea';\n\nimport { useDropdownMenuContext } from './DropdownMenuContext';\nimport { contentVariants } from './styles';\n\ntype Props = Omit<\n  ComponentProps<typeof DropdownMenuPrimitive.Content>,\n  'forceMount' | 'asChild'\n> & {\n  forceMount?: boolean;\n  viewPortClassName?: string;\n  container?: HTMLElement | null;\n};\n\nexport const DropdownMenuContent = ({\n  className,\n  sideOffset = 4,\n  forceMount,\n  children,\n  viewPortClassName,\n  container,\n  ...props\n}: Props) => {\n  const { variant } = useDropdownMenuContext();\n\n  return (\n    <DropdownMenuPrimitive.Portal forceMount={forceMount || undefined} container={container}>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        data-variant={variant}\n        sideOffset={sideOffset}\n        className={contentVariants}\n      >\n        <ScrollArea\n          className={className}\n          viewPortClassName={cn(\n            'tw:p-2',\n            'tw:max-h-[var(--radix-dropdown-menu-content-available-height)]',\n            viewPortClassName,\n          )}\n          scrollBarClassName=\"tw:w-1.5\"\n        >\n          {children}\n        </ScrollArea>\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n","import type { ComponentProps, PointerEventHandler, ReactNode } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Root, Slottable } from '@radix-ui/react-slot';\n\nimport { Loader2 } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { ItemIcon } from './ItemIcon';\nimport { itemVariants } from './styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  /**\n   * Fix for `autoFocus` on inputs not working correctly in modals.\n   * While the DropdownMenuItem was animating out and the modal was animating in, the dying DropdownMenuItem was constantly trying to steal focus while the Dialog was trying to correctly set the new focus.\n   * https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323\n   */\n  asModalTrigger?: boolean;\n  /** Pass a Lucide icon node as a leading adornment. */\n  icon?: ReactNode;\n  isLoading?: boolean;\n  iconClassName?: string;\n};\n\nexport const DropdownMenuItem = ({\n  ref,\n  className,\n  asModalTrigger = false,\n  onSelect,\n  onPointerLeave,\n  onPointerMove,\n  children,\n  asChild,\n  icon,\n  iconClassName,\n  isLoading = false,\n  ...props\n}: Props) => {\n  const Comp = asChild ? Root : 'div';\n  const adornment = isLoading ? <Loader2 className=\"tw:animate-spin\" /> : icon;\n\n  const handleOnSelect = (event: Event) => {\n    // prevents dropdown menu from closing to prevent modal unmounting from dom\n    if (asModalTrigger) event.preventDefault();\n    onSelect?.(event);\n  };\n\n  const handlePointerLeave: PointerEventHandler<HTMLDivElement> = (event) => {\n    // prevents focus stealing from modal\n    if (asModalTrigger) event.preventDefault();\n    onPointerLeave?.(event);\n  };\n\n  const handlePointerMove: PointerEventHandler<HTMLDivElement> = (event) => {\n    // prevents focus stealing from modal\n    if (asModalTrigger) event.preventDefault();\n    onPointerMove?.(event);\n  };\n\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      ref={ref}\n      onSelect={handleOnSelect}\n      onPointerLeave={handlePointerLeave}\n      onPointerMove={handlePointerMove}\n      className={cn(itemVariants, asChild && 'tw:text-inherit', className)}\n      asChild\n    >\n      <Comp>\n        {adornment && <ItemIcon className={iconClassName}>{adornment}</ItemIcon>}\n        <Slottable>{children}</Slottable>\n      </Comp>\n    </DropdownMenuPrimitive.Item>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst descriptionVariants = cva(\n  [\n    'tw:box-border',\n    'tw:ml-auto',\n    'tw:font-sans',\n    'tw:tracking-normal',\n    'tw:font-normal',\n    'tw:text-xs',\n    'tw:text-muted-foreground',\n  ],\n  {\n    variants: {\n      hideOnHover: {\n        true: ['tw:group-focus-within:hidden', 'tw:group-hover:hidden'],\n        false: [],\n      },\n    },\n    defaultVariants: {},\n  },\n);\n\ntype Props = ComponentProps<'span'> & {\n  hideOnHover?: boolean;\n};\n\nexport const DropdownMenuItemDescription = ({\n  className,\n  children,\n  hideOnHover = false,\n  ...props\n}: Props) => {\n  return (\n    <span {...props} className={cn(descriptionVariants({ hideOnHover }), className)}>\n      {children}\n    </span>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.Label>;\n\nexport const DropdownMenuLabel = ({ className, ...props }: Props) => {\n  return (\n    <DropdownMenuPrimitive.Label\n      className={cn(\n        'tw:p-2',\n        'tw:font-medium',\n        'tw:text-xs',\n        'tw:text-muted-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\ntype Props<Value> = Omit<\n  ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>,\n  'value' | 'onValueChange' | 'defaultValue'\n> & {\n  value?: Value;\n  defaultValue?: Value;\n  onValueChange?: (value: Value) => void;\n};\n\nexport const DropdownMenuRadioGroup = <Value extends string = string>({\n  value,\n  defaultValue,\n  onValueChange,\n  ...props\n}: Props<Value>) => {\n  const handleChange = (value: string) => {\n    onValueChange?.(value as Value);\n  };\n\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      {...props}\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={handleChange}\n    />\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { Loader2 } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { DropdownMenuItemIndicator } from '../DropdownMenuItemIndicator';\nimport { ItemIcon } from '../ItemIcon';\nimport { itemVariants } from '../styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  closeOnSelect?: boolean;\n  indicatorAlign?: 'start' | 'end';\n  indicator?: 'radio' | 'check' | 'none';\n  icon?: ReactNode;\n  iconClassName?: string;\n  isLoading?: boolean;\n};\n\nexport const DropdownMenuRadioItem = ({\n  className,\n  children,\n  closeOnSelect,\n  onSelect,\n  indicatorAlign = 'start',\n  indicator = 'radio',\n  icon,\n  iconClassName,\n  isLoading = false,\n  ...props\n}: Props) => {\n  const isAtStart = indicatorAlign === 'start';\n  const indicatorEle = isLoading ? (\n    <ItemIcon className={iconClassName}>\n      <Loader2 className=\"tw:animate-spin\" />\n    </ItemIcon>\n  ) : (\n    <DropdownMenuItemIndicator variant={indicator} />\n  );\n\n  const handleSelect = (event: Event) => {\n    if (!closeOnSelect) event.preventDefault();\n    onSelect?.(event);\n  };\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cn(\n        itemVariants,\n        'tw:data-[state=checked]:cursor-default',\n        {\n          'tw:data-[state=checked]:bg-neutral-100': indicator === 'none',\n          // Semantic brand tint (flips under `[data-theme='dark']`) instead of a\n          // hardcoded `tw:bg-sky-100`, which stayed light in dark mode and left the\n          // checked item's text near-invisible.\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary/10':\n            indicator === 'check',\n        },\n        className,\n      )}\n      onSelect={handleSelect}\n      {...props}\n    >\n      {isAtStart && indicatorEle}\n      {icon && <ItemIcon className={iconClassName}>{icon}</ItemIcon>}\n      <span className=\"tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2\">{children}</span>\n      {!isAtStart && indicatorEle}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.Separator>;\n\nexport const DropdownMenuSeparator = ({ className, ...props }: Props) => (\n  <DropdownMenuPrimitive.Separator\n    className={cn(\n      'tw:relative',\n      'tw:z-10',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:w-full',\n\n      // separator line\n      'tw:before:content-[\"\"]',\n      'tw:before:w-full',\n      'tw:before:h-px',\n\n      'tw:group-data-[variant=default]/dropdown-menu-content:py-2',\n      'tw:group-data-[variant=default]/dropdown-menu-content:before:bg-neutral-150',\n\n      'tw:group-data-[variant=argo]/dropdown-menu-content:py-1',\n      'tw:group-data-[variant=argo]/dropdown-menu-content:before:bg-border',\n\n      className,\n    )}\n    {...props}\n  />\n);\n","import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../../utils';\nimport { useDropdownMenuContext } from '../DropdownMenuContext';\nimport { contentVariants } from '../styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;\n\nexport const DropdownMenuSubContent = ({ className, ...props }: Props) => {\n  const { variant } = useDropdownMenuContext();\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-variant={variant}\n        className={cn(contentVariants, 'tw:z-[1041]', 'tw:p-2', className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { ChevronRight } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { itemVariants } from '../styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>;\n\nexport const DropdownMenuSubTrigger = ({ className, children, ...props }: Props) => {\n  return (\n    <DropdownMenuPrimitive.SubTrigger className={cn(itemVariants, className)} {...props}>\n      {children}\n      <ChevronRight className=\"tw:ml-auto tw:size-5\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Trigger } from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Trigger>;\n\nexport const DropdownMenuTrigger = ({ ref, className, ...props }: Props) => (\n  <Trigger\n    {...props}\n    ref={ref}\n    data-slot=\"dropdown-menu-trigger\"\n    className={cn('tw:group/dropdown-menu-trigger', className)}\n  />\n);\n","import { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\nimport { Group, Root } from '@radix-ui/react-dropdown-menu';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem';\nimport { DropdownMenuContent } from './DropdownMenuContent';\nimport type { DropdownMenuVariant } from './DropdownMenuContext';\nimport { DropdownMenuContext } from './DropdownMenuContext';\nimport { DropdownMenuItem } from './DropdownMenuItem';\nimport { DropdownMenuItemDescription } from './DropdownMenuItemDescription';\nimport { DropdownMenuLabel } from './DropdownMenuLabel';\nimport { DropdownMenuRadioGroup, DropdownMenuRadioItem } from './DropdownMenuRadioGroup';\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator';\nimport { DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from './DropdownMenuSub';\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const DropdownMenu = ({\n  // change a default value to false, for modal property, as it is not used in most cases\n  modal = false,\n  ...props\n}: Props) => {\n  const effectiveVariant: DropdownMenuVariant = useArgoDesign() ? 'argo' : 'default';\n  const contextValue = useMemo(() => ({ variant: effectiveVariant }), [effectiveVariant]);\n\n  return (\n    <DropdownMenuContext value={contextValue}>\n      <Root {...props} modal={modal} />\n    </DropdownMenuContext>\n  );\n};\n\n/**\n * Main Layout\n */\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = Group;\n\n/**\n * Sub Layout\n */\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\n\n/**\n * Items can be used either Sub ar Main Layout\n */\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\n\n// item content\nDropdownMenu.ItemDescription = DropdownMenuItemDescription;\n"]}