@keboola/design 11.2.0 → 11.4.0

package/dist/{Breadcrumb-Frst8MTA.js.map → Breadcrumb-uEkM6adI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb-Frst8MTA.js","names":[],"sources":["../src/components/Breadcrumb/BreadcrumbDropdownContext.ts","../src/components/Breadcrumb/BreadcrumbDropdownGroup.tsx","../src/components/Breadcrumb/BreadcrumbDropdownItem.tsx","../src/components/Breadcrumb/BreadcrumbLink.tsx","../src/components/Breadcrumb/BreadcrumbDropdown.tsx","../src/components/Breadcrumb/BreadcrumbEllipsis.tsx","../src/components/Breadcrumb/BreadcrumbItem.tsx","../src/components/Breadcrumb/BreadcrumbList.tsx","../src/components/Breadcrumb/BreadcrumbPage.tsx","../src/components/Breadcrumb/BreadcrumbSeparator.tsx","../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { createContext, isValidElement, useCallback, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type BreadcrumbDropdownContextValue = {\n  /** Current (trimmed, lowercased) filter query. Empty string = no filtering. */\n  query: string;\n  /** An ancestor group's label matched the query — descendants render regardless of their own match. */\n  forceVisible: boolean;\n  /** Filtering is off (`filter={false}` or `shouldFilter={false}`) — items never self-hide. */\n  filterDisabled: boolean;\n  /** Report this node's visibility to the parent scope. Returns the unregister cleanup. */\n  register: (id: string, visible: boolean) => () => void;\n  /** Close the panel (fired by items on select). */\n  close: () => void;\n};\n\nexport const BreadcrumbDropdownContext = createContext<BreadcrumbDropdownContextValue | null>(null);\n\nexport const matchesQuery = (text: string, query: string) => text.toLowerCase().includes(query);\n\n/** Text content of a React tree — the default filter text when no `textValue` is given. */\nexport const getNodeText = (node: ReactNode): string => {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (isValidElement<{ children?: ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n};\n\nexport const normalizeQuery = (query: string) => query.trim().toLowerCase();\n\n/**\n * Visibility registry for one filtering scope (the panel root, or one group). Items and groups\n * report their visibility here; `anyVisible` drives the group header / empty-state rendering.\n */\nexport const useMatchRegistry = () => {\n  const [matches, setMatches] = useState<ReadonlyMap<string, boolean>>(new Map());\n\n  const register = useCallback((id: string, visible: boolean) => {\n    setMatches((prev) => (prev.get(id) === visible ? prev : new Map(prev).set(id, visible)));\n    return () => {\n      setMatches((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Map(prev);\n        next.delete(id);\n        return next;\n      });\n    };\n  }, []);\n\n  const anyVisible = useMemo(() => [...matches.values()].some(Boolean), [matches]);\n\n  return { register, anyVisible };\n};\n","import { Children, use, useEffect, useId, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { ChevronDown, ChevronRight } from '../../icons';\nimport { cn } from '../../utils';\n\nimport {\n  BreadcrumbDropdownContext,\n  getNodeText,\n  matchesQuery,\n  useMatchRegistry,\n} from './BreadcrumbDropdownContext';\n\nconst headerClass = cn(\n  // layout\n  'tw:flex',\n  'tw:w-full',\n  'tw:items-center',\n  'tw:gap-2',\n  'tw:box-border',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:px-2',\n  'tw:py-1.5',\n  'tw:text-left',\n\n  // font — single line; wrap the label in `Truncated` (design system) for ellipsis + tooltip\n  'tw:text-sm',\n  'tw:font-medium',\n  'tw:text-foreground',\n  'tw:min-w-0',\n  'tw:overflow-hidden',\n\n  // icons\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  'tw:[&_svg]:shrink-0',\n);\n\nconst collapsibleHeaderClass = cn(\n  'tw:cursor-pointer',\n  'tw:hover:bg-accent',\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n);\n\ntype BreadcrumbDropdownGroupProps = {\n  /** Group header (e.g. bucket name + stage badge). */\n  label: ReactNode;\n  /**\n   * Text the built-in filter matches against. When the group label matches, all its items stay\n   * visible. Defaults to the label's rendered text content.\n   */\n  textValue?: string;\n  /** Render the header as a toggle that expands / collapses the group's items. Default `false`. */\n  collapsible?: boolean;\n  /** Initial expanded state for `collapsible` groups. Default `true`. */\n  defaultExpanded?: boolean;\n  className?: string;\n  children: ReactNode;\n};\n\n/**\n * A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group\n * hides itself when neither its label nor any child matches the filter query; an active query\n * force-expands collapsible groups. Non-empty `collapsible` groups toggle their items behind the\n * header with an animated expand / collapse; a `collapsible` group with no items renders a\n * non-interactive, greyed header that can't toggle.\n */\nexport const BreadcrumbDropdownGroup = ({\n  label,\n  textValue,\n  collapsible = false,\n  defaultExpanded = true,\n  className,\n  children,\n}: BreadcrumbDropdownGroupProps) => {\n  const parent = use(BreadcrumbDropdownContext);\n  if (!parent) {\n    throw new Error('Breadcrumb.Dropdown.Group must be rendered inside Breadcrumb.Dropdown');\n  }\n  const id = useId();\n  const { register: registerChild, anyVisible } = useMatchRegistry();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const text = textValue ?? getNodeText(label);\n  const filtering = !parent.filterDisabled && !!parent.query;\n  const labelMatched = filtering && matchesQuery(text, parent.query);\n  const visible = !filtering || parent.forceVisible || labelMatched || anyVisible;\n\n  useEffect(() => parent.register(id, visible), [parent, id, visible]);\n\n  const childContext = useMemo(\n    () => ({\n      query: parent.query,\n      forceVisible: parent.forceVisible || labelMatched,\n      filterDisabled: parent.filterDisabled,\n      register: registerChild,\n      close: parent.close,\n    }),\n    [parent, labelMatched, registerChild],\n  );\n\n  // An active query force-expands the group so matches are never hidden behind a collapsed header.\n  const isExpanded = !collapsible || expanded || filtering;\n  // A collapsible group with no items has nothing to toggle — render a non-interactive header.\n  // oxlint-disable-next-line react-x/no-children-count -- emptiness check, no child transformation\n  const isEmpty = Children.count(children) === 0;\n\n  return (\n    <div\n      className={cn('tw:flex tw:flex-col', className)}\n      style={visible ? undefined : { display: 'none' }}\n    >\n      {collapsible && isEmpty ? (\n        <span\n          aria-disabled\n          className={cn(\n            headerClass,\n            'tw:text-muted-foreground',\n            // Fade just the leading chevron lighter than the label text.\n            'tw:[&>svg:first-child]:opacity-50',\n          )}\n        >\n          <ChevronRight />\n          {label}\n        </span>\n      ) : collapsible && !isEmpty ? (\n        <button\n          type=\"button\"\n          aria-expanded={isExpanded}\n          className={cn(headerClass, collapsibleHeaderClass)}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {isExpanded ? <ChevronDown /> : <ChevronRight />}\n          {label}\n        </button>\n      ) : (\n        <span className={headerClass}>{label}</span>\n      )}\n      <BreadcrumbDropdownContext value={childContext}>\n        {collapsible && !isEmpty ? (\n          // Animated expand / collapse via a CSS grid-rows transition (0fr ↔ 1fr). The children stay\n          // mounted while collapsed so the filter registry keeps receiving their visibility; `inert`\n          // + `aria-hidden` take the collapsed content out of the a11y tree and tab order. An active\n          // filter query force-expands (`isExpanded` includes `filtering`).\n          <div\n            className={cn(\n              'tw:grid tw:transition-[grid-template-rows] tw:duration-200 tw:ease-out',\n              'tw:motion-reduce:transition-none',\n              isExpanded ? 'tw:grid-rows-[1fr]' : 'tw:grid-rows-[0fr]',\n            )}\n          >\n            <div\n              className=\"tw:overflow-hidden\"\n              inert={!isExpanded}\n              aria-hidden={isExpanded ? undefined : true}\n            >\n              <div className=\"tw:flex tw:flex-col tw:pl-6\">{children}</div>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"tw:flex tw:flex-col tw:pl-6\"\n            style={isExpanded ? undefined : { display: 'none' }}\n          >\n            {children}\n          </div>\n        )}\n      </BreadcrumbDropdownContext>\n    </div>\n  );\n};\n","import { use, useEffect, useId } from 'react';\nimport type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\nimport { BreadcrumbDropdownContext, getNodeText, matchesQuery } from './BreadcrumbDropdownContext';\n\nconst itemClass = cn(\n  // layout\n  'tw:flex',\n  'tw:w-full',\n  'tw:items-center',\n  'tw:gap-2',\n  'tw:box-border',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:px-2',\n  'tw:py-1.5',\n  'tw:cursor-pointer',\n  'tw:text-left',\n\n  // font — single line; wrap the label in `Truncated` (design system) for ellipsis + tooltip\n  'tw:text-sm',\n  'tw:font-normal',\n  'tw:text-foreground',\n  'tw:no-underline',\n  'tw:min-w-0',\n  'tw:overflow-hidden',\n\n  // hover / active entity\n  'tw:hover:bg-accent',\n  'tw:data-[active]:bg-accent',\n  'tw:data-[active]:font-medium',\n\n  // focus\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // icons\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  'tw:[&_svg]:shrink-0',\n);\n\ntype BreadcrumbDropdownItemProps = ComponentProps<'button'> & {\n  /** Render the consumer's element (typically a router link) instead of a `button`. */\n  asChild?: boolean;\n  /**\n   * Text the built-in filter matches against. Defaults to the item's rendered text content\n   * (extracted recursively, so `asChild` links with icons work out of the box).\n   */\n  textValue?: string;\n  /** Marks the currently open entity (highlight + `aria-current`). */\n  active?: boolean;\n  /** Close the panel when the item is selected. Default `true`. */\n  closeOnSelect?: boolean;\n};\n\n/**\n * One selectable entity row inside `Breadcrumb.Dropdown`. Self-hides when it doesn't match the\n * panel's filter query and closes the panel on select. Use `asChild` to render a router link.\n */\nexport const BreadcrumbDropdownItem = ({\n  ref,\n  asChild = false,\n  textValue,\n  active = false,\n  closeOnSelect = true,\n  className,\n  children,\n  onClick,\n  ...props\n}: BreadcrumbDropdownItemProps) => {\n  const context = use(BreadcrumbDropdownContext);\n  if (!context) {\n    throw new Error('Breadcrumb.Dropdown.Item must be rendered inside Breadcrumb.Dropdown');\n  }\n  const id = useId();\n\n  const text = textValue ?? getNodeText(children);\n  const visible =\n    context.filterDisabled ||\n    !context.query ||\n    context.forceVisible ||\n    matchesQuery(text, context.query);\n\n  useEffect(() => context.register(id, visible), [context, id, visible]);\n\n  if (!visible) return null;\n\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      {...(asChild ? {} : { type: 'button' as const })}\n      data-active={active || undefined}\n      aria-current={active || undefined}\n      className={cn(itemClass, className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (closeOnSelect && !event.defaultPrevented) {\n          context.close();\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'a'> & {\n  asChild?: boolean;\n};\n\nexport const BreadcrumbLink = ({ ref, asChild = false, className, ...props }: Props) => {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-1.5',\n        // font\n        'tw:text-muted-foreground',\n        'tw:font-normal',\n        'tw:no-underline',\n\n        // hover\n        'tw:hover:text-foreground',\n\n        // focus\n        'tw:focus-visible:outline-hidden',\n        'tw:focus-visible:ring-2',\n        'tw:focus-visible:ring-ring/50',\n        'tw:focus-visible:rounded-sm',\n\n        // Icon\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n\n        // transition\n        'tw:transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n","import { useCallback, useMemo, useRef, useState } from 'react';\nimport type { ComponentRef, ReactNode } from 'react';\n\nimport { SearchInput } from '../../blocks/SearchInput';\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport { Popover } from '../Popover';\n\nimport {\n  BreadcrumbDropdownContext,\n  normalizeQuery,\n  useMatchRegistry,\n} from './BreadcrumbDropdownContext';\nimport { BreadcrumbDropdownGroup } from './BreadcrumbDropdownGroup';\nimport { BreadcrumbDropdownItem } from './BreadcrumbDropdownItem';\nimport { BreadcrumbLink } from './BreadcrumbLink';\n\n// Chevron trigger — the only button in the crumb. It sits tight next to the label so it reads as\n// grouped with it, with no persistent outline: it's a button purely via the hover / open background\n// + colour lift. Used on its own next to a link label (`splitTrigger`) or after a plain label.\nconst chevronButtonClass = cn(\n  // layout\n  'tw:flex',\n  'tw:items-center',\n  'tw:justify-center',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:cursor-pointer',\n  // compact square hit target that stays snug against the label\n  'tw:size-5',\n  'tw:text-muted-foreground',\n  'tw:transition-colors',\n  'tw:hover:bg-accent',\n  'tw:hover:text-foreground',\n  'tw:data-[state=open]:bg-accent',\n  'tw:data-[state=open]:text-foreground',\n\n  // focus\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // chevron rotation while open\n  'tw:[&_svg]:transition-transform',\n  'tw:[&[data-state=open]_svg]:rotate-180',\n);\n\n// Plain (non-link) label — same typography as `BreadcrumbLink` but no hover/focus treatment, since\n// it isn't interactive: only the chevron opens the panel.\nconst plainLabelClass = cn(\n  'tw:flex',\n  'tw:items-center',\n  'tw:gap-1.5',\n  'tw:text-muted-foreground',\n  'tw:font-normal',\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n);\n\n// Fixed panel width per `size` (default `medium`). Long names truncate rather than wrap or widen\n// the panel. Width still clamps to the viewport via min(); height is clamped the same way.\nconst PANEL_BASE = 'tw:max-h-[min(640px,var(--radix-popover-content-available-height))]';\n\nconst PANEL_WIDTH = {\n  small: 'tw:w-[min(360px,var(--radix-popover-content-available-width))]',\n  medium: 'tw:w-[min(440px,var(--radix-popover-content-available-width))]',\n  large: 'tw:w-[min(560px,var(--radix-popover-content-available-width))]',\n} as const;\n\ntype PanelSize = keyof typeof PANEL_WIDTH;\n\n/**\n * Props for `Breadcrumb.Dropdown`. The panel chrome (trigger typography, popover sizing, pinned\n * filter input) is owned by the component — consumers supply the label and the panel content,\n * composed from `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item`.\n */\ntype BreadcrumbDropdownProps = {\n  /**\n   * Crumb label, shown next to the chevron button that opens the panel — the label itself is never\n   * the trigger. With `splitTrigger`, pass an anchor-like element (e.g. a router link) so the label\n   * also navigates; otherwise it renders as a plain, non-navigational crumb label.\n   */\n  label: ReactNode;\n  /**\n   * When `true`, the label is a navigable link (pass an anchor-like `label` element, rendered through\n   * `Breadcrumb.Link asChild`). Default `false` — the label is plain text. Either way only the\n   * chevron button opens the panel; it always sits grouped tight to the label.\n   */\n  splitTrigger?: boolean;\n  /**\n   * Accessible name for the chevron trigger button. Defaults to `\"${label} menu\"` when `label` is\n   * a plain string, otherwise `\"Open menu\"` — pass explicitly when `label` is a non-string node.\n   */\n  triggerLabel?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Fixed panel width: `small` (360px), `medium` (440px, default), or `large` (560px). Names that\n   * exceed the width truncate with an ellipsis (hover shows the full name). Clamps to the viewport.\n   */\n  size?: PanelSize;\n  /**\n   * Pinned filter input at the top of the panel, focused on open. On by default — items and groups\n   * that don't match the query hide themselves (matched against their `textValue` / string\n   * content). Set to `false` to opt out of the input entirely.\n   */\n  filter?: boolean;\n  /**\n   * Set to `false` to keep the filter input but disable the built-in matching — the consumer\n   * filters the content it renders (e.g. server-side or custom matching). Default `true`.\n   */\n  shouldFilter?: boolean;\n  /** Controlled filter value. Omit to let the component manage the query internally. */\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  /** Rendered when the built-in filter hides everything. Default `\"No results.\"`. */\n  emptyMessage?: ReactNode;\n  /** Panel content — `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */\n  children: ReactNode;\n};\n\n/**\n * Breadcrumb segment that opens a standardized switcher panel — a filterable list / tree of\n * sibling entities the user can jump between (e.g. the Storage bucket/table tree on a table\n * detail page).\n *\n * **When to use:** on the leftmost breadcrumb segment that has siblings / children worth switching\n * between. Use at most one dropdown segment per breadcrumb.\n * **When NOT to use:** for tertiary actions on the breadcrumbs row use the `overflowActions` slot of\n * `PageHeader.Detail`; for a collapsed middle of a long breadcrumb use `Breadcrumb.Ellipsis`.\n * **Composition:** render inside `Breadcrumb.Item` in place of `Breadcrumb.Link`. Compose the panel\n * from `Breadcrumb.Dropdown.Group` and `Breadcrumb.Dropdown.Item` — the built-in filter matches\n * and hides them automatically.\n */\nexport const BreadcrumbDropdown = ({\n  label,\n  splitTrigger = false,\n  triggerLabel,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  size = 'medium',\n  filter = true,\n  shouldFilter = true,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results.',\n  children,\n}: BreadcrumbDropdownProps) => {\n  const searchRef = useRef<ComponentRef<'input'>>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [internalQuery, setInternalQuery] = useState('');\n  const { register, anyVisible } = useMatchRegistry();\n\n  const isOpen = open ?? internalOpen;\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      setInternalOpen(nextOpen);\n      if (!nextOpen) setInternalQuery('');\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange],\n  );\n  const close = useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  const effectiveTriggerLabel =\n    triggerLabel ?? (typeof label === 'string' ? `${label} menu` : 'Open menu');\n\n  const rawQuery = searchValue ?? internalQuery;\n  const filterDisabled = !filter || !shouldFilter;\n  const query = filterDisabled ? '' : normalizeQuery(rawQuery);\n\n  const contextValue = useMemo(\n    () => ({ query, forceVisible: false, filterDisabled, register, close }),\n    [query, filterDisabled, register, close],\n  );\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <span className=\"tw:flex tw:items-center tw:gap-0.5\">\n        {splitTrigger ? (\n          <BreadcrumbLink asChild>{label}</BreadcrumbLink>\n        ) : (\n          <span className={plainLabelClass}>{label}</span>\n        )}\n        <Popover.Trigger asChild>\n          <button type=\"button\" aria-label={effectiveTriggerLabel} className={chevronButtonClass}>\n            <ChevronDown className=\"tw:size-3.5\" />\n          </button>\n        </Popover.Trigger>\n      </span>\n      <Popover.Content\n        align=\"start\"\n        sideOffset={8}\n        collisionPadding={16}\n        data-size={size}\n        className={cn('tw:overflow-hidden tw:p-0', PANEL_BASE, PANEL_WIDTH[size])}\n        onOpenAutoFocus={\n          filter\n            ? (event) => {\n                event.preventDefault();\n                searchRef.current?.focus();\n              }\n            : undefined\n        }\n      >\n        {filter && (\n          <div className=\"tw:shrink-0 tw:border-0 tw:border-b tw:border-solid tw:border-border tw:p-2\">\n            <SearchInput\n              ref={searchRef}\n              value={rawQuery}\n              onValueChange={(value) => {\n                setInternalQuery(value);\n                onSearchChange?.(value);\n              }}\n              placeholder={searchPlaceholder}\n              allowClear\n              // Built-in matching is client-side and cheap — filter on every keystroke. Keep the\n              // debounce only when the consumer filters itself (shouldFilter={false}, e.g. server-side).\n              disableDebounce={shouldFilter}\n            />\n          </div>\n        )}\n        <div className=\"tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto tw:p-2\">\n          <BreadcrumbDropdownContext value={contextValue}>{children}</BreadcrumbDropdownContext>\n          {!filterDisabled && !!query && !anyVisible && (\n            <span className=\"tw:px-2 tw:py-1.5 tw:text-sm tw:text-muted-foreground\">\n              {emptyMessage}\n            </span>\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nBreadcrumbDropdown.Item = BreadcrumbDropdownItem;\nBreadcrumbDropdown.Group = BreadcrumbDropdownGroup;\n","import type { ComponentProps } from 'react';\n\nimport { Ellipsis } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'button'>;\n\nexport const BreadcrumbEllipsis = ({ ref, className, ...props }: Props) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:rounded-md',\n      'tw:border-none',\n      'tw:bg-transparent',\n      'tw:cursor-pointer',\n      'tw:text-muted-foreground',\n      'tw:transition-colors',\n      // Match the Breadcrumb.Dropdown chevron trigger: background + colour lift on hover / while the\n      // menu is open, so the two interactive breadcrumb affordances read consistently.\n      'tw:hover:bg-accent',\n      'tw:hover:text-foreground',\n      'tw:data-[state=open]:bg-accent',\n      'tw:data-[state=open]:text-foreground',\n\n      // focus\n      'tw:focus-visible:outline-hidden',\n      'tw:focus-visible:ring-2',\n      'tw:focus-visible:ring-ring/50',\n\n      'tw:p-1',\n      className,\n    )}\n    {...props}\n  >\n    <Ellipsis className=\"tw:size-4\" />\n    <span className=\"tw:sr-only\">More</span>\n  </button>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const BreadcrumbItem = ({ className, ...props }: Props) => (\n  <li className={cn('tw:inline-flex', 'tw:items-center', className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'ol'>;\n\nexport const BreadcrumbList = ({ className, ...props }: Props) => (\n  <ol\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:flex-wrap',\n      'tw:items-center',\n      'tw:gap-2',\n      'tw:m-0',\n      'tw:p-0',\n\n      // font\n      'tw:break-words',\n      'tw:text-sm',\n      'tw:text-muted-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const BreadcrumbPage = ({ ref, className, ...props }: Props) => (\n  <span\n    ref={ref}\n    // Do not use the anchor, as this item is not clickable\n    // oxlint-disable-next-line jsx_a11y/prefer-tag-over-role\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('tw:font-medium', 'tw:text-foreground', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const BreadcrumbSeparator = ({ children, className, ...props }: Props) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:aspect-square',\n      'tw:size-[15px]',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-2.5',\n      'tw:text-muted-foreground',\n      className,\n    )}\n    {...props}\n  >\n    {children ?? <span className=\"tw:select-none tw:text-sm tw:text-muted-foreground/50\">/</span>}\n  </li>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { BreadcrumbDropdown } from './BreadcrumbDropdown';\nimport { BreadcrumbEllipsis } from './BreadcrumbEllipsis';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport { BreadcrumbLink } from './BreadcrumbLink';\nimport { BreadcrumbList } from './BreadcrumbList';\nimport { BreadcrumbPage } from './BreadcrumbPage';\nimport { BreadcrumbSeparator } from './BreadcrumbSeparator';\n\ntype Props = ComponentProps<'nav'>;\n\nexport const Breadcrumb = ({ className, ...props }: Props) => (\n  <nav aria-label=\"breadcrumb\" className={cn('tailwindcss-preflight', className)} {...props} />\n);\n\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Dropdown = BreadcrumbDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb-uEkM6adI.js","names":[],"sources":["../src/components/Breadcrumb/BreadcrumbDropdownContext.ts","../src/components/Breadcrumb/BreadcrumbDropdownGroup.tsx","../src/components/Breadcrumb/BreadcrumbDropdownItem.tsx","../src/components/Breadcrumb/BreadcrumbLink.tsx","../src/components/Breadcrumb/BreadcrumbDropdown.tsx","../src/components/Breadcrumb/BreadcrumbEllipsis.tsx","../src/components/Breadcrumb/BreadcrumbItem.tsx","../src/components/Breadcrumb/BreadcrumbList.tsx","../src/components/Breadcrumb/BreadcrumbPage.tsx","../src/components/Breadcrumb/BreadcrumbSeparator.tsx","../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { createContext, isValidElement, useCallback, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type BreadcrumbDropdownContextValue = {\n  /** Current (trimmed, lowercased) filter query. Empty string = no filtering. */\n  query: string;\n  /** An ancestor group's label matched the query — descendants render regardless of their own match. */\n  forceVisible: boolean;\n  /** Filtering is off (`filter={false}` or `shouldFilter={false}`) — items never self-hide. */\n  filterDisabled: boolean;\n  /** Report this node's visibility to the parent scope. Returns the unregister cleanup. */\n  register: (id: string, visible: boolean) => () => void;\n  /** Close the panel (fired by items on select). */\n  close: () => void;\n};\n\nexport const BreadcrumbDropdownContext = createContext<BreadcrumbDropdownContextValue | null>(null);\n\nexport const matchesQuery = (text: string, query: string) => text.toLowerCase().includes(query);\n\n/** Text content of a React tree — the default filter text when no `textValue` is given. */\nexport const getNodeText = (node: ReactNode): string => {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (isValidElement<{ children?: ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n};\n\nexport const normalizeQuery = (query: string) => query.trim().toLowerCase();\n\n/**\n * Visibility registry for one filtering scope (the panel root, or one group). Items and groups\n * report their visibility here; `anyVisible` drives the group header / empty-state rendering.\n */\nexport const useMatchRegistry = () => {\n  const [matches, setMatches] = useState<ReadonlyMap<string, boolean>>(new Map());\n\n  const register = useCallback((id: string, visible: boolean) => {\n    setMatches((prev) => (prev.get(id) === visible ? prev : new Map(prev).set(id, visible)));\n    return () => {\n      setMatches((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Map(prev);\n        next.delete(id);\n        return next;\n      });\n    };\n  }, []);\n\n  const anyVisible = useMemo(() => [...matches.values()].some(Boolean), [matches]);\n\n  return { register, anyVisible };\n};\n","import { Children, use, useEffect, useId, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { ChevronDown, ChevronRight } from '../../icons';\nimport { cn } from '../../utils';\n\nimport {\n  BreadcrumbDropdownContext,\n  getNodeText,\n  matchesQuery,\n  useMatchRegistry,\n} from './BreadcrumbDropdownContext';\n\nconst headerClass = cn(\n  // layout\n  'tw:flex',\n  'tw:w-full',\n  'tw:items-center',\n  'tw:gap-2',\n  'tw:box-border',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:px-2',\n  'tw:py-1.5',\n  'tw:text-left',\n\n  // font — single line; wrap the label in `Truncated` (design system) for ellipsis + tooltip\n  'tw:text-sm',\n  'tw:font-medium',\n  'tw:text-foreground',\n  'tw:min-w-0',\n  'tw:overflow-hidden',\n\n  // icons\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  'tw:[&_svg]:shrink-0',\n);\n\nconst collapsibleHeaderClass = cn(\n  'tw:cursor-pointer',\n  'tw:hover:bg-accent',\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n);\n\ntype BreadcrumbDropdownGroupProps = {\n  /** Group header (e.g. bucket name + stage badge). */\n  label: ReactNode;\n  /**\n   * Text the built-in filter matches against. When the group label matches, all its items stay\n   * visible. Defaults to the label's rendered text content.\n   */\n  textValue?: string;\n  /** Render the header as a toggle that expands / collapses the group's items. Default `false`. */\n  collapsible?: boolean;\n  /** Initial expanded state for `collapsible` groups. Default `true`. */\n  defaultExpanded?: boolean;\n  className?: string;\n  children: ReactNode;\n};\n\n/**\n * A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group\n * hides itself when neither its label nor any child matches the filter query; an active query\n * force-expands collapsible groups. Non-empty `collapsible` groups toggle their items behind the\n * header with an animated expand / collapse; a `collapsible` group with no items renders a\n * non-interactive, greyed header that can't toggle.\n */\nexport const BreadcrumbDropdownGroup = ({\n  label,\n  textValue,\n  collapsible = false,\n  defaultExpanded = true,\n  className,\n  children,\n}: BreadcrumbDropdownGroupProps) => {\n  const parent = use(BreadcrumbDropdownContext);\n  if (!parent) {\n    throw new Error('Breadcrumb.Dropdown.Group must be rendered inside Breadcrumb.Dropdown');\n  }\n  const id = useId();\n  const { register: registerChild, anyVisible } = useMatchRegistry();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const text = textValue ?? getNodeText(label);\n  const filtering = !parent.filterDisabled && !!parent.query;\n  const labelMatched = filtering && matchesQuery(text, parent.query);\n  const visible = !filtering || parent.forceVisible || labelMatched || anyVisible;\n\n  useEffect(() => parent.register(id, visible), [parent, id, visible]);\n\n  const childContext = useMemo(\n    () => ({\n      query: parent.query,\n      forceVisible: parent.forceVisible || labelMatched,\n      filterDisabled: parent.filterDisabled,\n      register: registerChild,\n      close: parent.close,\n    }),\n    [parent, labelMatched, registerChild],\n  );\n\n  // An active query force-expands the group so matches are never hidden behind a collapsed header.\n  const isExpanded = !collapsible || expanded || filtering;\n  // A collapsible group with no items has nothing to toggle — render a non-interactive header.\n  // oxlint-disable-next-line react-x/no-children-count -- emptiness check, no child transformation\n  const isEmpty = Children.count(children) === 0;\n\n  return (\n    <div\n      className={cn('tw:flex tw:flex-col', className)}\n      style={visible ? undefined : { display: 'none' }}\n    >\n      {collapsible && isEmpty ? (\n        <span\n          aria-disabled\n          className={cn(\n            headerClass,\n            'tw:text-muted-foreground',\n            // Fade just the leading chevron lighter than the label text.\n            'tw:[&>svg:first-child]:opacity-50',\n          )}\n        >\n          <ChevronRight />\n          {label}\n        </span>\n      ) : collapsible && !isEmpty ? (\n        <button\n          type=\"button\"\n          aria-expanded={isExpanded}\n          className={cn(headerClass, collapsibleHeaderClass)}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {isExpanded ? <ChevronDown /> : <ChevronRight />}\n          {label}\n        </button>\n      ) : (\n        <span className={headerClass}>{label}</span>\n      )}\n      <BreadcrumbDropdownContext value={childContext}>\n        {collapsible && !isEmpty ? (\n          // Animated expand / collapse via a CSS grid-rows transition (0fr ↔ 1fr). The children stay\n          // mounted while collapsed so the filter registry keeps receiving their visibility; `inert`\n          // + `aria-hidden` take the collapsed content out of the a11y tree and tab order. An active\n          // filter query force-expands (`isExpanded` includes `filtering`).\n          <div\n            className={cn(\n              'tw:grid tw:transition-[grid-template-rows] tw:duration-200 tw:ease-out',\n              'tw:motion-reduce:transition-none',\n              isExpanded ? 'tw:grid-rows-[1fr]' : 'tw:grid-rows-[0fr]',\n            )}\n          >\n            <div\n              className=\"tw:overflow-hidden\"\n              inert={!isExpanded}\n              aria-hidden={isExpanded ? undefined : true}\n            >\n              <div className=\"tw:flex tw:flex-col tw:pl-6\">{children}</div>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"tw:flex tw:flex-col tw:pl-6\"\n            style={isExpanded ? undefined : { display: 'none' }}\n          >\n            {children}\n          </div>\n        )}\n      </BreadcrumbDropdownContext>\n    </div>\n  );\n};\n","import { use, useEffect, useId } from 'react';\nimport type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\nimport { BreadcrumbDropdownContext, getNodeText, matchesQuery } from './BreadcrumbDropdownContext';\n\nconst itemClass = cn(\n  // layout\n  'tw:flex',\n  'tw:w-full',\n  'tw:items-center',\n  'tw:gap-2',\n  'tw:box-border',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:px-2',\n  'tw:py-1.5',\n  'tw:cursor-pointer',\n  'tw:text-left',\n\n  // font — single line; wrap the label in `Truncated` (design system) for ellipsis + tooltip\n  'tw:text-sm',\n  'tw:font-normal',\n  'tw:text-foreground',\n  'tw:no-underline',\n  'tw:min-w-0',\n  'tw:overflow-hidden',\n\n  // hover / active entity\n  'tw:hover:bg-accent',\n  'tw:data-[active]:bg-accent',\n  'tw:data-[active]:font-medium',\n\n  // focus\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // icons\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  'tw:[&_svg]:shrink-0',\n);\n\ntype BreadcrumbDropdownItemProps = ComponentProps<'button'> & {\n  /** Render the consumer's element (typically a router link) instead of a `button`. */\n  asChild?: boolean;\n  /**\n   * Text the built-in filter matches against. Defaults to the item's rendered text content\n   * (extracted recursively, so `asChild` links with icons work out of the box).\n   */\n  textValue?: string;\n  /** Marks the currently open entity (highlight + `aria-current`). */\n  active?: boolean;\n  /** Close the panel when the item is selected. Default `true`. */\n  closeOnSelect?: boolean;\n};\n\n/**\n * One selectable entity row inside `Breadcrumb.Dropdown`. Self-hides when it doesn't match the\n * panel's filter query and closes the panel on select. Use `asChild` to render a router link.\n */\nexport const BreadcrumbDropdownItem = ({\n  ref,\n  asChild = false,\n  textValue,\n  active = false,\n  closeOnSelect = true,\n  className,\n  children,\n  onClick,\n  ...props\n}: BreadcrumbDropdownItemProps) => {\n  const context = use(BreadcrumbDropdownContext);\n  if (!context) {\n    throw new Error('Breadcrumb.Dropdown.Item must be rendered inside Breadcrumb.Dropdown');\n  }\n  const id = useId();\n\n  const text = textValue ?? getNodeText(children);\n  const visible =\n    context.filterDisabled ||\n    !context.query ||\n    context.forceVisible ||\n    matchesQuery(text, context.query);\n\n  useEffect(() => context.register(id, visible), [context, id, visible]);\n\n  if (!visible) return null;\n\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      {...(asChild ? {} : { type: 'button' as const })}\n      data-active={active || undefined}\n      aria-current={active || undefined}\n      className={cn(itemClass, className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (closeOnSelect && !event.defaultPrevented) {\n          context.close();\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'a'> & {\n  asChild?: boolean;\n};\n\nexport const BreadcrumbLink = ({ ref, asChild = false, className, ...props }: Props) => {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-1.5',\n        // font\n        'tw:text-muted-foreground',\n        'tw:font-normal',\n        'tw:no-underline',\n\n        // hover\n        'tw:hover:text-foreground',\n\n        // focus\n        'tw:focus-visible:outline-hidden',\n        'tw:focus-visible:ring-2',\n        'tw:focus-visible:ring-ring/50',\n        'tw:focus-visible:rounded-sm',\n\n        // Icon\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n\n        // transition\n        'tw:transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n","import { useCallback, useMemo, useRef, useState } from 'react';\nimport type { ComponentRef, ReactNode } from 'react';\n\nimport { SearchInput } from '../../blocks/SearchInput';\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport { Popover } from '../Popover';\n\nimport {\n  BreadcrumbDropdownContext,\n  normalizeQuery,\n  useMatchRegistry,\n} from './BreadcrumbDropdownContext';\nimport { BreadcrumbDropdownGroup } from './BreadcrumbDropdownGroup';\nimport { BreadcrumbDropdownItem } from './BreadcrumbDropdownItem';\nimport { BreadcrumbLink } from './BreadcrumbLink';\n\n// Chevron trigger — the only button in the crumb. It sits tight next to the label so it reads as\n// grouped with it, with no persistent outline: it's a button purely via the hover / open background\n// + colour lift. Used on its own next to a link label (`splitTrigger`) or after a plain label.\nconst chevronButtonClass = cn(\n  // layout\n  'tw:flex',\n  'tw:items-center',\n  'tw:justify-center',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:cursor-pointer',\n  // compact square hit target that stays snug against the label\n  'tw:size-5',\n  'tw:text-muted-foreground',\n  'tw:transition-colors',\n  'tw:hover:bg-accent',\n  'tw:hover:text-foreground',\n  'tw:data-[state=open]:bg-accent',\n  'tw:data-[state=open]:text-foreground',\n\n  // focus\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // chevron rotation while open\n  'tw:[&_svg]:transition-transform',\n  'tw:[&[data-state=open]_svg]:rotate-180',\n);\n\n// Plain (non-link) label — same typography as `BreadcrumbLink` but no hover/focus treatment, since\n// it isn't interactive: only the chevron opens the panel.\nconst plainLabelClass = cn(\n  'tw:flex',\n  'tw:items-center',\n  'tw:gap-1.5',\n  'tw:text-muted-foreground',\n  'tw:font-normal',\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n);\n\n// Fixed panel width per `size` (default `medium`). Long names truncate rather than wrap or widen\n// the panel. Width still clamps to the viewport via min(); height is clamped the same way.\nconst PANEL_BASE = 'tw:max-h-[min(640px,var(--radix-popover-content-available-height))]';\n\nconst PANEL_WIDTH = {\n  small: 'tw:w-[min(360px,var(--radix-popover-content-available-width))]',\n  medium: 'tw:w-[min(440px,var(--radix-popover-content-available-width))]',\n  large: 'tw:w-[min(560px,var(--radix-popover-content-available-width))]',\n} as const;\n\ntype PanelSize = keyof typeof PANEL_WIDTH;\n\n/**\n * Props for `Breadcrumb.Dropdown`. The panel chrome (trigger typography, popover sizing, pinned\n * filter input) is owned by the component — consumers supply the label and the panel content,\n * composed from `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item`.\n */\ntype BreadcrumbDropdownProps = {\n  /**\n   * Crumb label, shown next to the chevron button that opens the panel — the label itself is never\n   * the trigger. With `splitTrigger`, pass an anchor-like element (e.g. a router link) so the label\n   * also navigates; otherwise it renders as a plain, non-navigational crumb label.\n   */\n  label: ReactNode;\n  /**\n   * When `true`, the label is a navigable link (pass an anchor-like `label` element, rendered through\n   * `Breadcrumb.Link asChild`). Default `false` — the label is plain text. Either way only the\n   * chevron button opens the panel; it always sits grouped tight to the label.\n   */\n  splitTrigger?: boolean;\n  /**\n   * Accessible name for the chevron trigger button. Defaults to `\"${label} menu\"` when `label` is\n   * a plain string, otherwise `\"Open menu\"` — pass explicitly when `label` is a non-string node.\n   */\n  triggerLabel?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Fixed panel width: `small` (360px), `medium` (440px, default), or `large` (560px). Names that\n   * exceed the width truncate with an ellipsis (hover shows the full name). Clamps to the viewport.\n   */\n  size?: PanelSize;\n  /**\n   * Pinned filter input at the top of the panel, focused on open. On by default — items and groups\n   * that don't match the query hide themselves (matched against their `textValue` / string\n   * content). Set to `false` to opt out of the input entirely.\n   */\n  filter?: boolean;\n  /**\n   * Set to `false` to keep the filter input but disable the built-in matching — the consumer\n   * filters the content it renders (e.g. server-side or custom matching). Default `true`.\n   */\n  shouldFilter?: boolean;\n  /** Controlled filter value. Omit to let the component manage the query internally. */\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  /** Rendered when the built-in filter hides everything. Default `\"No results.\"`. */\n  emptyMessage?: ReactNode;\n  /** Panel content — `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */\n  children: ReactNode;\n};\n\n/**\n * Breadcrumb segment that opens a standardized switcher panel — a filterable list / tree of\n * sibling entities the user can jump between (e.g. the Storage bucket/table tree on a table\n * detail page).\n *\n * **When to use:** on the leftmost breadcrumb segment that has siblings / children worth switching\n * between. Use at most one dropdown segment per breadcrumb.\n * **When NOT to use:** for tertiary actions on the breadcrumbs row use the `overflowActions` slot of\n * `PageHeader.Detail`; for a collapsed middle of a long breadcrumb use `Breadcrumb.Ellipsis`.\n * **Composition:** render inside `Breadcrumb.Item` in place of `Breadcrumb.Link`. Compose the panel\n * from `Breadcrumb.Dropdown.Group` and `Breadcrumb.Dropdown.Item` — the built-in filter matches\n * and hides them automatically.\n */\nexport const BreadcrumbDropdown = ({\n  label,\n  splitTrigger = false,\n  triggerLabel,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  size = 'medium',\n  filter = true,\n  shouldFilter = true,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results.',\n  children,\n}: BreadcrumbDropdownProps) => {\n  const searchRef = useRef<ComponentRef<'input'>>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [internalQuery, setInternalQuery] = useState('');\n  const { register, anyVisible } = useMatchRegistry();\n\n  const isOpen = open ?? internalOpen;\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      setInternalOpen(nextOpen);\n      if (!nextOpen) setInternalQuery('');\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange],\n  );\n  const close = useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  const effectiveTriggerLabel =\n    triggerLabel ?? (typeof label === 'string' ? `${label} menu` : 'Open menu');\n\n  const rawQuery = searchValue ?? internalQuery;\n  const filterDisabled = !filter || !shouldFilter;\n  const query = filterDisabled ? '' : normalizeQuery(rawQuery);\n\n  const contextValue = useMemo(\n    () => ({ query, forceVisible: false, filterDisabled, register, close }),\n    [query, filterDisabled, register, close],\n  );\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <span className=\"tw:flex tw:items-center tw:gap-0.5\">\n        {splitTrigger ? (\n          <BreadcrumbLink asChild>{label}</BreadcrumbLink>\n        ) : (\n          <span className={plainLabelClass}>{label}</span>\n        )}\n        <Popover.Trigger asChild>\n          <button type=\"button\" aria-label={effectiveTriggerLabel} className={chevronButtonClass}>\n            <ChevronDown className=\"tw:size-3.5\" />\n          </button>\n        </Popover.Trigger>\n      </span>\n      <Popover.Content\n        align=\"start\"\n        sideOffset={8}\n        collisionPadding={16}\n        data-size={size}\n        className={cn('tw:overflow-hidden tw:p-0', PANEL_BASE, PANEL_WIDTH[size])}\n        onOpenAutoFocus={\n          filter\n            ? (event) => {\n                event.preventDefault();\n                searchRef.current?.focus();\n              }\n            : undefined\n        }\n      >\n        {filter && (\n          <div className=\"tw:shrink-0 tw:border-0 tw:border-b tw:border-solid tw:border-border tw:p-2\">\n            <SearchInput\n              ref={searchRef}\n              value={rawQuery}\n              onValueChange={(value) => {\n                setInternalQuery(value);\n                onSearchChange?.(value);\n              }}\n              placeholder={searchPlaceholder}\n              allowClear\n              // Built-in matching is client-side and cheap — filter on every keystroke. Keep the\n              // debounce only when the consumer filters itself (shouldFilter={false}, e.g. server-side).\n              disableDebounce={shouldFilter}\n            />\n          </div>\n        )}\n        <div className=\"tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto tw:p-2\">\n          <BreadcrumbDropdownContext value={contextValue}>{children}</BreadcrumbDropdownContext>\n          {!filterDisabled && !!query && !anyVisible && (\n            <span className=\"tw:px-2 tw:py-1.5 tw:text-sm tw:text-muted-foreground\">\n              {emptyMessage}\n            </span>\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nBreadcrumbDropdown.Item = BreadcrumbDropdownItem;\nBreadcrumbDropdown.Group = BreadcrumbDropdownGroup;\n","import type { ComponentProps } from 'react';\n\nimport { Ellipsis } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'button'>;\n\nexport const BreadcrumbEllipsis = ({ ref, className, ...props }: Props) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:rounded-md',\n      'tw:border-none',\n      'tw:bg-transparent',\n      'tw:cursor-pointer',\n      'tw:text-muted-foreground',\n      'tw:transition-colors',\n      // Match the Breadcrumb.Dropdown chevron trigger: background + colour lift on hover / while the\n      // menu is open, so the two interactive breadcrumb affordances read consistently.\n      'tw:hover:bg-accent',\n      'tw:hover:text-foreground',\n      'tw:data-[state=open]:bg-accent',\n      'tw:data-[state=open]:text-foreground',\n\n      // focus\n      'tw:focus-visible:outline-hidden',\n      'tw:focus-visible:ring-2',\n      'tw:focus-visible:ring-ring/50',\n\n      'tw:p-1',\n      className,\n    )}\n    {...props}\n  >\n    <Ellipsis className=\"tw:size-4\" />\n    <span className=\"tw:sr-only\">More</span>\n  </button>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const BreadcrumbItem = ({ className, ...props }: Props) => (\n  <li className={cn('tw:inline-flex', 'tw:items-center', className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'ol'>;\n\nexport const BreadcrumbList = ({ className, ...props }: Props) => (\n  <ol\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:flex-wrap',\n      'tw:items-center',\n      'tw:gap-2',\n      'tw:m-0',\n      'tw:p-0',\n\n      // font\n      'tw:break-words',\n      'tw:text-sm',\n      'tw:text-muted-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const BreadcrumbPage = ({ ref, className, ...props }: Props) => (\n  <span\n    ref={ref}\n    // Do not use the anchor, as this item is not clickable\n    // oxlint-disable-next-line jsx_a11y/prefer-tag-over-role\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('tw:font-medium', 'tw:text-foreground', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const BreadcrumbSeparator = ({ children, className, ...props }: Props) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:aspect-square',\n      'tw:size-[15px]',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-2.5',\n      'tw:text-muted-foreground',\n      className,\n    )}\n    {...props}\n  >\n    {children ?? <span className=\"tw:select-none tw:text-sm tw:text-muted-foreground/50\">/</span>}\n  </li>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { BreadcrumbDropdown } from './BreadcrumbDropdown';\nimport { BreadcrumbEllipsis } from './BreadcrumbEllipsis';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport { BreadcrumbLink } from './BreadcrumbLink';\nimport { BreadcrumbList } from './BreadcrumbList';\nimport { BreadcrumbPage } from './BreadcrumbPage';\nimport { BreadcrumbSeparator } from './BreadcrumbSeparator';\n\ntype Props = ComponentProps<'nav'>;\n\nexport const Breadcrumb = ({ className, ...props }: Props) => (\n  <nav aria-label=\"breadcrumb\" className={cn('tailwindcss-preflight', className)} {...props} />\n);\n\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Dropdown = BreadcrumbDropdown;\n"],"mappings":"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"}

package/dist/{Button-6xBX0nNl.js → Button-DsRrU5F1.js}

@@ -1,5 +1,5 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { useArgoDesign } from "./context-KxxeMHbR.js";
+import { useArgoDesign } from "./context-D7X470dy.js";
 import { Loader2 } from "./icons-Cek151jC.js";
 import { Root, Slottable } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -91,8 +91,8 @@ const variants = cva([
 				"tw:hover:text-foreground",
 				"tw:focus:text-foreground",
 				"tw:hover:not-disabled:!border-muted-foreground/60",
-				"tw:hover:not-disabled:bg-muted-foreground/15",
-				"tw:active:not-disabled:bg-muted-foreground/35",
+				"tw:hover:not-disabled:bg-[color-mix(in_oklab,rgb(var(--muted-foreground))_15%,rgb(var(--card)))]",
+				"tw:active:not-disabled:bg-[color-mix(in_oklab,rgb(var(--muted-foreground))_35%,rgb(var(--card)))]",
 				"tw:[&_svg]:text-muted-foreground",
 				"tw:not-disabled:hover:[&_svg]:text-secondary-600",
 				"tw:active:not-disabled:[&_svg]:text-secondary-600",
@@ -229,7 +229,8 @@ const argoVariants = cva([
 				"tw:!border-input",
 				"tw:bg-background",
 				"tw:text-foreground",
-				"tw:hover:not-disabled:bg-primary/10",
+				"tw:hover:not-disabled:bg-[color-mix(in_oklab,rgb(var(--primary))_10%,rgb(var(--background)))]",
+				"tw:hover:not-disabled:!border-muted-foreground",
 				"tw:hover:not-disabled:text-primary",
 				"tw:hover:active:bg-background",
 				"tw:focus-visible:!border-primary",
@@ -388,4 +389,4 @@ const ButtonInline = ({ ref, children, className, variant, color, type = "button
 //#endregion
 export { Button, ButtonInline, argoVariants };
 
-//# sourceMappingURL=Button-6xBX0nNl.js.map
+//# sourceMappingURL=Button-DsRrU5F1.js.map

package/dist/Button-DsRrU5F1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-DsRrU5F1.js","names":[],"sources":["../src/components/Button/styles.ts","../src/components/Button/Button.tsx","../src/components/Button/ButtonInline.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n// An opaque tint is spelled `bg-[color-mix(in_oklab,rgb(var(--tint))_N%,rgb(var(--base)))]`\n// rather than Tailwind's `bg-<token>/N`, which mixes into `transparent`.\n//\n// - A translucent fill on a control that is opaque at rest shows whatever the button overlaps.\n// - Raw `--*` triples, not Tailwind's `--color-*` theme names: those exist at build time only,\n//   and an unresolved one invalidates the declaration, which then computes to `transparent`.\n// - The whole class must appear literally — Tailwind scans source text, so a string a helper\n//   assembles generates no CSS.\n\nexport const variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group/button',\n    'tw:border-box',\n\n    // layout\n    'tw:relative',\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-2',\n\n    // text — chrome weight/tracking are brand-overridable tokens\n    // (`--font-weight-medium` / `--letter-spacing-chrome`). Casing: standard case is\n    // the default; only legacy brands (`keboola-legacy-*`) uppercase the chrome, so\n    // modern brands (incl. Keboola V2) read naturally. Mirrors the V2 standard-case\n    // treatment shipped for Tooltip/Badge (PR 7629).\n    'tw:text-xs',\n    'tw:leading-5',\n    'tw:font-medium',\n    'tw:[[data-brand^=keboola-legacy]_&]:tracking-chrome',\n    'tw:[[data-brand^=keboola-legacy]_&]:uppercase',\n\n    // border — legacy (non-argo) chrome uses a fixed radius, not the brand token.\n    'tw:rounded',\n    'tw:border',\n    'tw:border-transparent',\n\n    // styling\n    'tw:shadow-none',\n    'tw:[a]:cursor-pointer', // explicitly set for anchor\n\n    'tw:focus-visible:outline',\n    'tw:focus-visible:outline-1',\n    'tw:focus-visible:-outline-offset-1',\n    'tw:focus-visible:outline-ring',\n    'tw:focus-visible:ring-4',\n    'tw:focus-visible:ring-ring/30',\n\n    // disabled\n    'tw:disabled:opacity-40',\n    'tw:disabled:cursor-not-allowed',\n\n    // anchor support\n    'tw:!no-underline',\n    'tw:aria-disabled:opacity-40',\n    'tw:aria-disabled:cursor-not-allowed',\n\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      size: 'medium',\n      variant: 'primary',\n      block: false,\n    },\n    variants: {\n      block: {\n        true: ['tw:w-full'],\n      },\n      variant: {\n        primary: [\n          'tw:text-white',\n          'tw:bg-primary-500',\n\n          'tw:focus:text-white',\n          'tw:hover:text-white',\n          'tw:hover:not-disabled:bg-primary-600',\n          'tw:active:not-disabled:bg-primary-800',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-primary-500',\n        ],\n        secondary: [\n          'tw:text-white',\n          'tw:bg-secondary-500',\n\n          'tw:focus:text-white',\n          'tw:hover:text-white',\n          'tw:hover:not-disabled:bg-secondary-700',\n          'tw:active:not-disabled:bg-secondary-800',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-secondary-500',\n        ],\n        danger: [\n          'tw:text-white',\n          'tw:bg-error-500',\n\n          'tw:focus:text-white',\n          'tw:hover:text-white',\n          'tw:hover:not-disabled:bg-error-600',\n          'tw:active:not-disabled:bg-error-700',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-error-500',\n        ],\n        // The label and the hover/active fills read tokens rather than the fixed\n        // neutral scale, so the variant follows the active brand and colour scheme\n        // (argo's `invisible` already did). A transparent button inherits whatever\n        // surface it is dropped on, so it is the one legacy variant that cannot\n        // assume a light page — pinning it forced every dark-scheme call site to\n        // re-declare the colour by hand.\n        invisible: [\n          'tw:text-foreground',\n          'tw:bg-transparent',\n\n          'tw:focus:text-foreground',\n          'tw:hover:not-disabled:bg-muted',\n          'tw:hover:text-foreground',\n          'tw:active:not-disabled:bg-secondary',\n\n          // contrasting icon on hover/active\n          'tw:[&_svg]:text-neutral-400',\n          'tw:hover:not-disabled:[&_svg]:text-secondary-600',\n          'tw:active:not-disabled:[&_svg]:text-secondary-600',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-transparent',\n        ],\n        outline: [\n          'tw:text-foreground',\n          'tw:bg-card',\n          // border\n          'tw:!border-input',\n          'tw:hover:text-foreground',\n          'tw:focus:text-foreground',\n          // Hover/pressed fills and the hover border are `muted-foreground` tints, not\n          // tokens of their own: a tint composites over `bg-card` and so steps visibly in\n          // either scheme, where `bg-muted` sits 4/255 from `bg-card` in the dark one.\n          //\n          // - The fills mix into `--card`, so the colour is unchanged on a card and stays\n          //   opaque off one.\n          // - The border stays a tint of `transparent`: no `bg-clip-padding` here, so the\n          //   fill paints under the border box and the border composites over it.\n          'tw:hover:not-disabled:!border-muted-foreground/60',\n          'tw:hover:not-disabled:bg-[color-mix(in_oklab,rgb(var(--muted-foreground))_15%,rgb(var(--card)))]',\n          'tw:active:not-disabled:bg-[color-mix(in_oklab,rgb(var(--muted-foreground))_35%,rgb(var(--card)))]',\n\n          // contrasting icon hover, same as invisible\n          'tw:[&_svg]:text-muted-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-600',\n          'tw:active:not-disabled:[&_svg]:text-secondary-600',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-card',\n          'tw:aria-disabled:!border-input',\n        ],\n\n        inline: [\n          'tw:text-foreground',\n          'tw:bg-transparent',\n          'tw:rounded-full',\n\n          'tw:[&_svg]:text-muted-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-600',\n          'tw:not-disabled:focus:[&_svg]:text-secondary-600',\n        ],\n      },\n      size: {\n        medium: [\n          'tw:max-h-10',\n          'tw:min-h-10',\n          'tw:px-4',\n          'tw:py-2.5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n        ],\n        small: [\n          'tw:max-h-8',\n          'tw:min-h-8',\n          'tw:px-4',\n          'tw:py-1.5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n        ],\n        large: [\n          'tw:max-h-12',\n          'tw:min-h-12',\n          'tw:px-4',\n          'tw:py-3.5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n        ],\n\n        'icon-lg': ['tw:size-12', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6'],\n        icon: ['tw:size-10', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n        'icon-sm': ['tw:size-8', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n        'icon-xs': ['tw:size-6', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n        'icon-2xs': [\n          'tw:!inline-flex',\n          'tw:size-5',\n          'tw:max-h-5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n        ],\n        'icon-3xs': ['tw:h-fit', 'tw:w-fit', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n      },\n    },\n  },\n);\n\nexport const argoVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    // layout\n    'tw:relative',\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:whitespace-nowrap',\n    'tw:gap-2',\n\n    // border\n    'tw:border',\n    'tw:border-transparent',\n    'tw:rounded-[var(--radius-lg,0.25rem)]',\n\n    // text\n    'tw:font-medium',\n    'tw:select-none',\n\n    // focus visible\n    'tw:!outline-hidden',\n    'tw:focus-visible:ring-2',\n\n    // disabled\n    'tw:disabled:cursor-not-allowed',\n    'tw:disabled:opacity-50',\n    'tw:active:opacity-60',\n\n    'tw:transition-all',\n    'tw:bg-clip-padding',\n\n    // anchor support\n    'tw:!no-underline',\n    'tw:aria-disabled:cursor-not-allowed',\n    'tw:aria-disabled:opacity-50',\n\n    // icon\n    'tw:shrink-0',\n    'tw:[&_svg]:pointer-events-none',\n    'tw:[&_svg]:shrink-0',\n    \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  ],\n  {\n    defaultVariants: {\n      variant: 'primary',\n      size: 'medium',\n    },\n    variants: {\n      block: {\n        true: ['tw:w-full'],\n      },\n      variant: {\n        primary: [\n          'tw:bg-primary',\n          'tw:text-primary-foreground',\n          'tw:[a]:hover:bg-primary/80',\n          'tw:hover:not-disabled:bg-primary/90',\n          'tw:hover:text-primary-foreground',\n          'tw:focus:text-primary-foreground',\n\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-ring/50',\n        ],\n        secondary: [\n          'tw:bg-primary/10',\n          'tw:text-primary',\n          'tw:hover:not-disabled:bg-primary/20',\n\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-ring/50',\n        ],\n\n        // should be called \"destructive\" by Figma\n        danger: [\n          'tw:bg-destructive',\n          'tw:text-destructive-foreground',\n          'tw:hover:not-disabled:bg-destructive/90',\n          'tw:hover:text-destructive-foreground',\n          'tw:focus:text-destructive-foreground',\n\n          'tw:focus-visible:border-destructive',\n          'tw:focus-visible:ring-destructive/20',\n        ],\n        outline: [\n          'tw:!border-input',\n          'tw:bg-background',\n          // Semantic base text color so the label/icon flips in dark mode\n          // (matches `invisible`); previously unset → inherited a fixed dark color.\n          'tw:text-foreground',\n          // Hover takes its hue from the brand primary rather than the fixed `accent` blue.\n          //\n          // - The fill mixes into `--background`, so it tints the button rather than\n          //   showing the surface through it — `bg-clip-padding` gives a translucent fill\n          //   nothing of its own to sit on.\n          // - The border carries the state change; the fill cannot, being within ~1.5:1 of\n          //   any light surface at tint opacities. It steps the *chrome* border, leaving\n          //   `--primary` to `focus-visible` as in every other argo variant.\n          // - Solid, not `muted-foreground/<alpha>`: `bg-clip-padding` leaves the surface\n          //   under the border, so a tint's contrast would depend on the call site.\n          'tw:hover:not-disabled:bg-[color-mix(in_oklab,rgb(var(--primary))_10%,rgb(var(--background)))]',\n          'tw:hover:not-disabled:!border-muted-foreground',\n          'tw:hover:not-disabled:text-primary',\n          'tw:hover:active:bg-background',\n          'tw:focus-visible:!border-primary',\n          'tw:focus-visible:ring-ring/50',\n        ],\n\n        // should be called \"ghost\" by Figma\n        invisible: [\n          'tw:bg-transparent',\n          'tw:text-foreground',\n          'tw:hover:not-disabled:bg-primary/10',\n          'tw:hover:not-disabled:text-primary',\n          'tw:hover:not-disabled:border-primary/10',\n\n          'tw:focus-visible:ring-ring/50',\n        ],\n        // should be called \"link\" by Figma\n        inline: [\n          'tw:bg-transparent',\n          'tw:text-primary',\n          'tw:hover:underline',\n          'tw:hover:active:bg-transparent',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n      size: {\n        // should be called \"default\" by Figma\n        medium: ['tw:max-h-9', 'tw:py-2', 'tw:px-4', 'tw:text-sm'],\n        // should be called \"small\" by Figma\n        small: ['tw:max-h-8', 'tw:py-2', 'tw:px-3', 'tw:text-xs'],\n        // should be called \"large\" by Figma\n        large: ['tw:max-h-10', 'tw:py-2.5', 'tw:px-6', 'tw:text-sm'],\n\n        'icon-lg': ['tw:size-10'],\n        icon: ['tw:size-9'],\n        'icon-sm': ['tw:size-8'],\n        'icon-xs': ['tw:size-6'],\n        // unsupported in ARGO, remove when old design is gone\n        'icon-2xs': [],\n        'icon-3xs': [],\n      },\n    },\n  },\n);\n","import type { ComponentProps } from 'react';\nimport { Root, Slottable } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { Loader2 } from '../../icons';\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { argoVariants, variants } from './styles';\n\n/**\n * Props for the `Button` component.\n *\n * Pass `variant` for primary/secondary/danger/outline/invisible looks, `size`\n * for height (including `icon-*` sizes when rendering icon-only). Icons are\n * composed as children — `<Button><Trash2 className=\"tw:size-4\" /> Delete</Button>`.\n */\ntype Props = {\n  /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */\n  isLoading?: boolean;\n  /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */\n  asChild?: boolean;\n} & ComponentProps<'button'> &\n  VariantProps<typeof variants>;\n\n/**\n * Primary action surface for the design system — covers all clickable controls except inline text links.\n *\n * **When to use:** any user-initiated action (submit, save, open modal, run job). Use `size=\"icon-*\"` with no\n * children for an icon-only button; there is no separate `IconButton` component.\n * **When NOT to use:** for inline text-link actions inside body copy use `ButtonInline`; for navigation that\n * opens a URL use `Link`; for \"primary action + dropdown of related actions\" use `SplitButton`.\n * **Composition:** wrap in `Tooltip` when icon-only or when disabled state needs an explanation; pair with\n * `Popconfirm` for destructive confirmations; pass through `Modal.Trigger` / `DropdownMenu.Trigger` via `asChild`.\n *\n * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern\n * @see RECIPES.md#confirm-dialog — for destructive-action confirmation\n */\nexport const Button = ({\n  ref,\n  children,\n  disabled = false,\n  className,\n  type = 'button',\n  isLoading = false,\n  asChild = false,\n  onClick,\n  variant = 'primary',\n  size = 'medium',\n  block = false,\n  ...buttonProps\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  const Comp = asChild ? Root : 'button';\n  const isIconOnly = String(size).startsWith('icon');\n  const classNames = renderArgo\n    ? argoVariants({ variant, size, block, className })\n    : variants({ size, variant, block, className });\n\n  const handleClick: ComponentProps<'button'>['onClick'] = (event) => {\n    const isAnchor = event.currentTarget.tagName === 'A';\n\n    // <a/> does not support disabled by default, and we cannot use pointer-events: none because cursor-not-allowed would not work.\n    if (isAnchor && disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  return (\n    <Comp\n      {...buttonProps}\n      ref={ref}\n      disabled={disabled}\n      aria-disabled={disabled}\n      data-variant={variant}\n      // `size=\"icon\"` / `size=\"icon-*\"` flags the button as icon-only — needed\n      // by `ButtonGroup space=\"block\"` which stretches non-icon children to\n      // equal width.\n      data-icon-only={isIconOnly}\n      type={type}\n      onClick={handleClick}\n      className={cn(classNames)}\n    >\n      {isLoading && <Loader2 className=\"tw:size-4 tw:shrink-0 tw:animate-spin\" />}\n      <Slottable>{isLoading && isIconOnly ? null : children}</Slottable>\n    </Comp>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Root } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst buttonInlineVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:gap-2',\n\n    'tw:underline-offset-2',\n\n    'tw:disabled:opacity-40',\n    'tw:disabled:cursor-not-allowed',\n    'tw:disabled:text-neutral-500',\n    'tw:disabled:no-underline',\n    'tw:disabled:[&_svg]:text-neutral-400',\n\n    // Default size for nested Lucide icons; callers can override on the icon.\n    \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      variant: 'link',\n      color: 'link',\n    },\n    variants: {\n      color: {\n        link: ['tw:text-primary', 'tw:hover:text-primary/90', 'tw:[&_svg]:text-primary'],\n        dark: ['tw:text-foreground tw:[&_svg]:text-muted-foreground'],\n        danger: ['tw:text-error-500 tw:[&_svg]:text-error-500'],\n        muted: ['tw:text-muted-foreground tw:[&_svg]:text-muted-foreground'],\n        custom: [],\n      },\n      variant: {\n        link: ['tw:underline', 'tw:hover:no-underline'],\n        'link-reverse': ['tw:no-underline', '', 'tw:hover:underline'],\n        custom: [],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<'button'> &\n  VariantProps<typeof buttonInlineVariants> & { asChild?: boolean };\n\nexport const ButtonInline = ({\n  ref,\n  children,\n  className,\n  variant,\n  color,\n  type = 'button',\n  asChild = false,\n  ...buttonProps\n}: Props) => {\n  const Comp = asChild ? Root : 'button';\n\n  return (\n    <Comp\n      {...buttonProps}\n      ref={ref}\n      type={asChild ? undefined : type}\n      className={buttonInlineVariants({ variant, color, className })}\n    >\n      {children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;AAWA,MAAa,WAAW,IACtB;CACE;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAOA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAEA;AACF,GACA;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,OAAO;CACT;CACA,UAAU;EACR,OAAO,EACL,MAAM,CAAC,WAAW,EACpB;EACA,SAAS;GACP,SAAS;IACP;IACA;IAEA;IACA;IACA;IACA;IAGA;GACF;GACA,WAAW;IACT;IACA;IAEA;IACA;IACA;IACA;IAGA;GACF;GACA,QAAQ;IACN;IACA;IAEA;IACA;IACA;IACA;IAGA;GACF;GAOA,WAAW;IACT;IACA;IAEA;IACA;IACA;IACA;IAGA;IACA;IACA;IAGA;GACF;GACA,SAAS;IACP;IACA;IAEA;IACA;IACA;IASA;IACA;IACA;IAGA;IACA;IACA;IAGA;IACA;GACF;GAEA,QAAQ;IACN;IACA;IACA;IAEA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,QAAQ;IACN;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;GAEA,WAAW;IAAC;IAAc;IAAU;GAA4C;GAChF,MAAM;IAAC;IAAc;IAAU;GAA4C;GAC3E,WAAW;IAAC;IAAa;IAAU;GAA4C;GAC/E,WAAW;IAAC;IAAa;IAAU;GAA4C;GAC/E,YAAY;IACV;IACA;IACA;IACA;GACF;GACA,YAAY;IAAC;IAAY;IAAY;GAA4C;EACnF;CACF;AACF,CACF;AAEA,MAAa,eAAe,IAC1B;CACE;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAEA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;CACA,UAAU;EACR,OAAO,EACL,MAAM,CAAC,WAAW,EACpB;EACA,SAAS;GACP,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IAEA;IACA;GACF;GAGA,QAAQ;IACN;IACA;IACA;IACA;IACA;IAEA;IACA;GACF;GACA,SAAS;IACP;IACA;IAGA;IAWA;IACA;IACA;IACA;IACA;IACA;GACF;GAGA,WAAW;IACT;IACA;IACA;IACA;IACA;IAEA;GACF;GAEA,QAAQ;IACN;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GAEJ,QAAQ;IAAC;IAAc;IAAW;IAAW;GAAY;GAEzD,OAAO;IAAC;IAAc;IAAW;IAAW;GAAY;GAExD,OAAO;IAAC;IAAe;IAAa;IAAW;GAAY;GAE3D,WAAW,CAAC,YAAY;GACxB,MAAM,CAAC,WAAW;GAClB,WAAW,CAAC,WAAW;GACvB,WAAW,CAAC,WAAW;GAEvB,YAAY,CAAC;GACb,YAAY,CAAC;EACf;CACF;AACF,CACF;;;;;;;;;;;;;;;;AC9TA,MAAa,UAAU,EACrB,KACA,UACA,WAAW,OACX,WACA,OAAO,UACP,YAAY,OACZ,UAAU,OACV,SACA,UAAU,WACV,OAAO,UACP,QAAQ,OACR,GAAG,kBACQ;CACX,MAAM,aAAa,cAAc;CACjC,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,aAAa,OAAO,IAAI,CAAC,CAAC,WAAW,MAAM;CACjD,MAAM,aAAa,aACf,aAAa;EAAE;EAAS;EAAM;EAAO;CAAU,CAAC,IAChD,SAAS;EAAE;EAAM;EAAS;EAAO;CAAU,CAAC;CAEhD,MAAM,eAAoD,UAAU;EAIlE,IAHiB,MAAM,cAAc,YAAY,OAGjC,UAAU;GACxB,MAAM,eAAe;GACrB;EACF;EAEA,UAAU,KAAK;CACjB;CAEA,OACE,qBAAC,MAAD;EACE,GAAI;EACC;EACK;EACV,iBAAe;EACf,gBAAc;EAId,kBAAgB;EACV;EACN,SAAS;EACT,WAAW,GAAG,UAAU;EAZ1B,UAAA,CAcG,aAAa,oBAAC,SAAD,EAAS,WAAU,wCAAyC,CAAA,GAC1E,oBAAC,WAAD,EAAA,UAAY,aAAa,aAAa,OAAO,SAAoB,CAAA,CAC7D;;AAEV;;;ACrFA,MAAM,uBAAuB,IAC3B;CACE;CAEA;CACA;CACA;CAEA;CAEA;CACA;CACA;CACA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;CACA,UAAU;EACR,OAAO;GACL,MAAM;IAAC;IAAmB;IAA4B;GAAyB;GAC/E,MAAM,CAAC,qDAAqD;GAC5D,QAAQ,CAAC,6CAA6C;GACtD,OAAO,CAAC,2DAA2D;GACnE,QAAQ,CAAC;EACX;EACA,SAAS;GACP,MAAM,CAAC,gBAAgB,uBAAuB;GAC9C,gBAAgB;IAAC;IAAmB;IAAI;GAAoB;GAC5D,QAAQ,CAAC;EACX;CACF;AACF,CACF;AAKA,MAAa,gBAAgB,EAC3B,KACA,UACA,WACA,SACA,OACA,OAAO,UACP,UAAU,OACV,GAAG,kBACQ;CAGX,OACE,oBAHW,UAAU,OAAO,UAG5B;EACE,GAAI;EACC;EACL,MAAM,UAAU,KAAA,IAAY;EAC5B,WAAW,qBAAqB;GAAE;GAAS;GAAO;EAAU,CAAC;EAE5D;CACG,CAAA;AAEV"}

package/dist/{Card-BAoZ35CV.js → Card-Dyo7055Q.js}

@@ -1,5 +1,5 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { useArgoDesign } from "./context-KxxeMHbR.js";
+import { useArgoDesign } from "./context-D7X470dy.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Card/styles.ts
@@ -102,4 +102,4 @@ Card.Title = CardTitle;
 //#endregion
 export { Card };
 
-//# sourceMappingURL=Card-BAoZ35CV.js.map
+//# sourceMappingURL=Card-Dyo7055Q.js.map

package/dist/{Card-BAoZ35CV.js.map → Card-Dyo7055Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-BAoZ35CV.js","names":[],"sources":["../src/components/Card/styles.ts","../src/components/Card/CardContent.tsx","../src/components/Card/CardHeader.tsx","../src/components/Card/CardTitle.tsx","../src/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nexport const cardClassnames = cva(\n  ['tw:flex', 'tw:flex-col', 'tw:rounded-lg', 'tw:bg-card', 'tw:text-card-foreground'],\n  {\n    defaultVariants: {\n      padding: 'small',\n    },\n    variants: {\n      bordered: {\n        true: 'tw:border tw:border-solid tw:border-neutral-200 tw:data-[argo=true]:border-border',\n        false: 'tw:shadow-raised tw:data-[argo=true]:shadow-sm',\n      },\n      // `none` also drops the row gap: the slots own their own padding in that\n      // mode, so a gap would double-space a `Card.Header divider` against the\n      // content it is already ruled off from.\n      padding: {\n        none: 'tw:p-0',\n        small: 'tw:gap-4 tw:px-6 tw:py-4',\n        medium: 'tw:gap-4 tw:p-7',\n        large: 'tw:gap-4 tw:p-8',\n      },\n    },\n  },\n);\n\nexport const cardHeaderClassnames = cva('tw:flex', {\n  defaultVariants: {\n    divider: false,\n    layout: 'row',\n  },\n  variants: {\n    // A divider only reads correctly full-bleed, which in turn only happens on an\n    // unpadded root — so it carries the header's own padding rather than relying\n    // on `Card padding`.\n    //\n    // No `border-solid` here, unlike the `bordered` root: that sets the style on\n    // all four sides, and with only `border-b` supplying a width the other three\n    // fall back to the CSS initial `medium` (3px) and draw a box round the header.\n    // `border-b` already sets its own side's style.\n    // `min-h-16` keeps the band a consistent height whether the header holds just a\n    // title or a title plus a button — with padding alone the height tracks the\n    // tallest child, so an action button made the band 9px taller than a bare title.\n    // Padding stays small enough that both cases land on the min rather than over it.\n    divider: {\n      true: 'tw:min-h-16 tw:border-b tw:border-neutral-200 tw:px-6 tw:py-2 tw:data-[argo=true]:border-border',\n      false: '',\n    },\n    layout: {\n      row: 'tw:items-center tw:justify-between tw:gap-4',\n      inline: 'tw:items-center tw:gap-3',\n      stack: 'tw:flex-col tw:gap-1.5',\n    },\n  },\n});\n\nexport const cardContentClassnames = cva('', {\n  defaultVariants: {\n    padded: false,\n  },\n  variants: {\n    padded: {\n      true: 'tw:px-6 tw:py-5',\n      false: '',\n    },\n  },\n});\n\nexport const cardTitleClassnames = cn(\n  'tw:m-0',\n  'tw:leading-6',\n  'tw:font-medium',\n  'tw:text-base',\n  'tw:text-card-foreground',\n);\n","import type { HTMLAttributes } from 'react';\n\nimport { cardContentClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  /** Applies the standard body padding. Use with `Card padding=\"none\"`, where the\n   *  root adds none — otherwise the padding is doubled. */\n  padded?: boolean;\n};\n\nexport const CardContent = ({ children, className, padded = false, ...rest }: Props) => (\n  // `|| undefined` so an unpadded, unstyled content slot stays attribute-free\n  // rather than rendering `class=\"\"`.\n  <div {...rest} className={cardContentClassnames({ className, padded }) || undefined}>\n    {children}\n  </div>\n);\n","import type { HTMLAttributes } from 'react';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { cardHeaderClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  /** Adds a bottom rule, the header's own padding, and a 64px height floor so the\n   *  band stays the same height with or without an action button. The rule spans the\n   *  full card width — pair with `Card padding=\"none\"`; on a padded root it is inset. */\n  divider?: boolean;\n  /** How the header distributes its children. `row` (default) pushes them apart —\n   *  title left, actions right. `inline` keeps them together on one line, for a\n   *  title with an adornment such as an icon or badge. `stack` puts a description\n   *  under the title. */\n  layout?: 'row' | 'inline' | 'stack';\n};\n\nexport const CardHeader = ({\n  children,\n  className,\n  divider = false,\n  layout = 'row',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      data-argo={renderArgo}\n      className={cardHeaderClassnames({ className, divider, layout })}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { HTMLAttributes } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { cardTitleClassnames } from './styles';\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ntype Props = HTMLAttributes<HTMLHeadingElement> & {\n  /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip\n   *  (e.g. `as=\"h2\"` when the Card sits directly under a page's `h1`). */\n  as?: HeadingLevel;\n};\n\nexport const CardTitle = ({ children, className, as: Tag = 'h3', ...rest }: Props) => (\n  <Tag className={cn(cardTitleClassnames, className)} {...rest}>\n    {children}\n  </Tag>\n);\n","import type { HTMLAttributes } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { CardContent } from './CardContent';\nimport { CardHeader } from './CardHeader';\nimport { CardTitle } from './CardTitle';\nimport { cardClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;\n\nexport const Card = ({\n  children,\n  className,\n  bordered = false,\n  padding = 'small',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      data-argo={renderArgo}\n      className={cardClassnames({ className, bordered, padding })}\n    >\n      {children}\n    </div>\n  );\n};\n\nCard.Header = CardHeader;\nCard.Content = CardContent;\nCard.Title = CardTitle;\n"],"mappings":";;;;;AAIA,MAAa,iBAAiB,IAC5B;CAAC;CAAW;CAAe;CAAiB;CAAc;AAAyB,GACnF;CACE,iBAAiB,EACf,SAAS,QACX;CACA,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;EACT;EAIA,SAAS;GACP,MAAM;GACN,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;AACF,CACF;AAEA,MAAa,uBAAuB,IAAI,WAAW;CACjD,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;CACA,UAAU;EAaR,SAAS;GACP,MAAM;GACN,OAAO;EACT;EACA,QAAQ;GACN,KAAK;GACL,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,IAAI,IAAI;CAC3C,iBAAiB,EACf,QAAQ,MACV;CACA,UAAU,EACR,QAAQ;EACN,MAAM;EACN,OAAO;CACT,EACF;AACF,CAAC;AAED,MAAa,sBAAsB,GACjC,UACA,gBACA,kBACA,gBACA,yBACF;;;AClEA,MAAa,eAAe,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,WAGpE,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAW,sBAAsB;EAAE;EAAW;CAAO,CAAC,KAAK,KAAA;CACvE;AACE,CAAA;;;ACGP,MAAa,cAAc,EACzB,UACA,WACA,UAAU,OACV,SAAS,OACT,GAAG,WACQ;CACX,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAW;EACX,WAAW,qBAAqB;GAAE;GAAW;GAAS;EAAO,CAAC;EAE7D;CACE,CAAA;AAET;;;ACrBA,MAAa,aAAa,EAAE,UAAU,WAAW,IAAI,MAAM,MAAM,GAAG,WAClE,oBAAC,KAAD;CAAK,WAAW,GAAG,qBAAqB,SAAS;CAAG,GAAI;CACrD;AACE,CAAA;;;ACLP,MAAa,QAAQ,EACnB,UACA,WACA,WAAW,OACX,UAAU,SACV,GAAG,WACQ;CACX,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAW;EACX,WAAW,eAAe;GAAE;GAAW;GAAU;EAAQ,CAAC;EAEzD;CACE,CAAA;AAET;AAEA,KAAK,SAAS;AACd,KAAK,UAAU;AACf,KAAK,QAAQ"}
+{"version":3,"file":"Card-Dyo7055Q.js","names":[],"sources":["../src/components/Card/styles.ts","../src/components/Card/CardContent.tsx","../src/components/Card/CardHeader.tsx","../src/components/Card/CardTitle.tsx","../src/components/Card/Card.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nexport const cardClassnames = cva(\n  ['tw:flex', 'tw:flex-col', 'tw:rounded-lg', 'tw:bg-card', 'tw:text-card-foreground'],\n  {\n    defaultVariants: {\n      padding: 'small',\n    },\n    variants: {\n      bordered: {\n        true: 'tw:border tw:border-solid tw:border-neutral-200 tw:data-[argo=true]:border-border',\n        false: 'tw:shadow-raised tw:data-[argo=true]:shadow-sm',\n      },\n      // `none` also drops the row gap: the slots own their own padding in that\n      // mode, so a gap would double-space a `Card.Header divider` against the\n      // content it is already ruled off from.\n      padding: {\n        none: 'tw:p-0',\n        small: 'tw:gap-4 tw:px-6 tw:py-4',\n        medium: 'tw:gap-4 tw:p-7',\n        large: 'tw:gap-4 tw:p-8',\n      },\n    },\n  },\n);\n\nexport const cardHeaderClassnames = cva('tw:flex', {\n  defaultVariants: {\n    divider: false,\n    layout: 'row',\n  },\n  variants: {\n    // A divider only reads correctly full-bleed, which in turn only happens on an\n    // unpadded root — so it carries the header's own padding rather than relying\n    // on `Card padding`.\n    //\n    // No `border-solid` here, unlike the `bordered` root: that sets the style on\n    // all four sides, and with only `border-b` supplying a width the other three\n    // fall back to the CSS initial `medium` (3px) and draw a box round the header.\n    // `border-b` already sets its own side's style.\n    // `min-h-16` keeps the band a consistent height whether the header holds just a\n    // title or a title plus a button — with padding alone the height tracks the\n    // tallest child, so an action button made the band 9px taller than a bare title.\n    // Padding stays small enough that both cases land on the min rather than over it.\n    divider: {\n      true: 'tw:min-h-16 tw:border-b tw:border-neutral-200 tw:px-6 tw:py-2 tw:data-[argo=true]:border-border',\n      false: '',\n    },\n    layout: {\n      row: 'tw:items-center tw:justify-between tw:gap-4',\n      inline: 'tw:items-center tw:gap-3',\n      stack: 'tw:flex-col tw:gap-1.5',\n    },\n  },\n});\n\nexport const cardContentClassnames = cva('', {\n  defaultVariants: {\n    padded: false,\n  },\n  variants: {\n    padded: {\n      true: 'tw:px-6 tw:py-5',\n      false: '',\n    },\n  },\n});\n\nexport const cardTitleClassnames = cn(\n  'tw:m-0',\n  'tw:leading-6',\n  'tw:font-medium',\n  'tw:text-base',\n  'tw:text-card-foreground',\n);\n","import type { HTMLAttributes } from 'react';\n\nimport { cardContentClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  /** Applies the standard body padding. Use with `Card padding=\"none\"`, where the\n   *  root adds none — otherwise the padding is doubled. */\n  padded?: boolean;\n};\n\nexport const CardContent = ({ children, className, padded = false, ...rest }: Props) => (\n  // `|| undefined` so an unpadded, unstyled content slot stays attribute-free\n  // rather than rendering `class=\"\"`.\n  <div {...rest} className={cardContentClassnames({ className, padded }) || undefined}>\n    {children}\n  </div>\n);\n","import type { HTMLAttributes } from 'react';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { cardHeaderClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  /** Adds a bottom rule, the header's own padding, and a 64px height floor so the\n   *  band stays the same height with or without an action button. The rule spans the\n   *  full card width — pair with `Card padding=\"none\"`; on a padded root it is inset. */\n  divider?: boolean;\n  /** How the header distributes its children. `row` (default) pushes them apart —\n   *  title left, actions right. `inline` keeps them together on one line, for a\n   *  title with an adornment such as an icon or badge. `stack` puts a description\n   *  under the title. */\n  layout?: 'row' | 'inline' | 'stack';\n};\n\nexport const CardHeader = ({\n  children,\n  className,\n  divider = false,\n  layout = 'row',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      data-argo={renderArgo}\n      className={cardHeaderClassnames({ className, divider, layout })}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { HTMLAttributes } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { cardTitleClassnames } from './styles';\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ntype Props = HTMLAttributes<HTMLHeadingElement> & {\n  /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip\n   *  (e.g. `as=\"h2\"` when the Card sits directly under a page's `h1`). */\n  as?: HeadingLevel;\n};\n\nexport const CardTitle = ({ children, className, as: Tag = 'h3', ...rest }: Props) => (\n  <Tag className={cn(cardTitleClassnames, className)} {...rest}>\n    {children}\n  </Tag>\n);\n","import type { HTMLAttributes } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { CardContent } from './CardContent';\nimport { CardHeader } from './CardHeader';\nimport { CardTitle } from './CardTitle';\nimport { cardClassnames } from './styles';\n\ntype Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardClassnames>;\n\nexport const Card = ({\n  children,\n  className,\n  bordered = false,\n  padding = 'small',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      {...rest}\n      data-argo={renderArgo}\n      className={cardClassnames({ className, bordered, padding })}\n    >\n      {children}\n    </div>\n  );\n};\n\nCard.Header = CardHeader;\nCard.Content = CardContent;\nCard.Title = CardTitle;\n"],"mappings":";;;;;AAIA,MAAa,iBAAiB,IAC5B;CAAC;CAAW;CAAe;CAAiB;CAAc;AAAyB,GACnF;CACE,iBAAiB,EACf,SAAS,QACX;CACA,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;EACT;EAIA,SAAS;GACP,MAAM;GACN,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;AACF,CACF;AAEA,MAAa,uBAAuB,IAAI,WAAW;CACjD,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;CACA,UAAU;EAaR,SAAS;GACP,MAAM;GACN,OAAO;EACT;EACA,QAAQ;GACN,KAAK;GACL,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,IAAI,IAAI;CAC3C,iBAAiB,EACf,QAAQ,MACV;CACA,UAAU,EACR,QAAQ;EACN,MAAM;EACN,OAAO;CACT,EACF;AACF,CAAC;AAED,MAAa,sBAAsB,GACjC,UACA,gBACA,kBACA,gBACA,yBACF;;;AClEA,MAAa,eAAe,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,WAGpE,oBAAC,OAAD;CAAK,GAAI;CAAM,WAAW,sBAAsB;EAAE;EAAW;CAAO,CAAC,KAAK,KAAA;CACvE;AACE,CAAA;;;ACGP,MAAa,cAAc,EACzB,UACA,WACA,UAAU,OACV,SAAS,OACT,GAAG,WACQ;CACX,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAW;EACX,WAAW,qBAAqB;GAAE;GAAW;GAAS;EAAO,CAAC;EAE7D;CACE,CAAA;AAET;;;ACrBA,MAAa,aAAa,EAAE,UAAU,WAAW,IAAI,MAAM,MAAM,GAAG,WAClE,oBAAC,KAAD;CAAK,WAAW,GAAG,qBAAqB,SAAS;CAAG,GAAI;CACrD;AACE,CAAA;;;ACLP,MAAa,QAAQ,EACnB,UACA,WACA,WAAW,OACX,UAAU,SACV,GAAG,WACQ;CACX,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAW;EACX,WAAW,eAAe;GAAE;GAAW;GAAU;EAAQ,CAAC;EAEzD;CACE,CAAA;AAET;AAEA,KAAK,SAAS;AACd,KAAK,UAAU;AACf,KAAK,QAAQ"}

package/dist/{Checkbox-GJ8-srt4.js → Checkbox-fC0BuO2B.js}

@@ -1,6 +1,6 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip } from "./utils-D0c5VAyF.js";
-import { useArgoDesign } from "./context-KxxeMHbR.js";
+import { Tooltip } from "./utils-B5Z52hYs.js";
+import { useArgoDesign } from "./context-D7X470dy.js";
 import { Check, Minus } from "./icons-Cek151jC.js";
 import { FieldBox } from "./FieldBox-D7DYtX_m.js";
 import { useId } from "react";
@@ -94,4 +94,4 @@ function Checkbox({ className, id: idProp, children, description, variant, posit
 //#endregion
 export { Checkbox };
 
-//# sourceMappingURL=Checkbox-GJ8-srt4.js.map
+//# sourceMappingURL=Checkbox-fC0BuO2B.js.map

package/dist/{Checkbox-GJ8-srt4.js.map → Checkbox-fC0BuO2B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-GJ8-srt4.js","names":[],"sources":["../src/components/Checkbox/styles.ts","../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const rootVariants = cva(\n  [\n    // reset\n    'tailwindcss-preflight',\n\n    // position\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n\n    'tw:peer',\n    'tw:size-4',\n    'tw:shrink-0',\n    'tw:cursor-pointer',\n\n    // border\n    'tw:border',\n    'tw:border-solid',\n\n    // disabled\n    'tw:disabled:opacity-50',\n    'tw:disabled:cursor-not-allowed',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:rounded',\n          'tw:border-neutral-200',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n\n          'tw:data-[state=indeterminate]:bg-white',\n          'tw:data-[state=indeterminate]:border-neutral-200',\n        ],\n        argo: [\n          'tw:rounded',\n          'tw:border-input',\n          'tw:transition-colors',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n\n          'tw:data-[state=indeterminate]:bg-primary',\n          'tw:data-[state=indeterminate]:border-primary',\n\n          // focus\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n    },\n  },\n);\n\nexport const indicatorVariants = cva(['tw:group', 'tw:flex', 'tw:items-center'], {\n  defaultVariants: {\n    variant: 'default',\n  },\n  variants: {\n    variant: {\n      default: [\n        'tw:data-[state=checked]:text-primary-foreground',\n        'tw:data-[state=indeterminate]:text-neutral-200',\n      ],\n      argo: ['tw:text-primary-foreground'],\n    },\n  },\n});\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { CheckedState } from '@radix-ui/react-checkbox';\nimport { Indicator, Root } from '@radix-ui/react-checkbox';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { Check, Minus } from '../../icons';\nimport { cn } from '../../utils';\nimport { FieldBox } from '../FieldBox';\nimport type { fieldBoxVariants } from '../FieldBox/styles';\nimport { useArgoDesign } from '../ThemeProvider/context';\nimport type { Props as TooltipProps } from '../Tooltip';\nimport { Tooltip } from '../Tooltip';\n\nimport { indicatorVariants, rootVariants } from './styles';\n\ntype Props = {\n  id?: string | number;\n  description?: ReactNode;\n  variant?: VariantProps<typeof fieldBoxVariants>['variant'];\n  position?: 'start' | 'end';\n  tooltip?: TooltipProps['tooltip'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<typeof Root>, 'id'>;\n\n// First overload - for strict boolean usage\nexport function Checkbox(\n  prop: Omit<Props, 'checked' | 'onCheckedChange'> & {\n    checked?: boolean;\n    onCheckedChange?: (checked: boolean) => void;\n  },\n): ReactNode;\n\n// Second overload - for CheckedState usage (boolean | 'indeterminate')\nexport function Checkbox(\n  prop: Omit<Props, 'checked' | 'onCheckedChange'> & {\n    checked?: CheckedState;\n    onCheckedChange?: (checked: CheckedState) => void;\n  },\n): ReactNode;\n\nexport function Checkbox({\n  className,\n  id: idProp,\n  children,\n  description,\n  variant,\n  position,\n  tooltip,\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) {\n  const fallbackId = useId();\n  const id = idProp?.toString() ?? fallbackId;\n  const styleVariant = useArgoDesign() ? 'argo' : 'default';\n\n  const checkboxElement = (\n    <Root id={id} {...rest} className={cn(rootVariants({ variant: styleVariant, className }))}>\n      <Indicator className={cn(indicatorVariants({ variant: styleVariant }))}>\n        <Check className=\"tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=checked]:block\" />\n        <Minus className=\"tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=indeterminate]:block\" />\n      </Indicator>\n    </Root>\n  );\n\n  const rendered = !children ? (\n    checkboxElement\n  ) : (\n    <FieldBox htmlFor={id} variant={variant} position={position} control={checkboxElement}>\n      <FieldBox.Title>{children}</FieldBox.Title>\n      {description && <FieldBox.Description>{description}</FieldBox.Description>}\n    </FieldBox>\n  );\n\n  if (!tooltip) return rendered;\n\n  // Only merge the tooltip trigger onto `rendered` when it's the FieldBox\n  // wrapper (i.e. there's a label). For a bare checkbox, `rendered` is the Radix\n  // Checkbox `Root` itself — merging a Radix Tooltip trigger onto it via\n  // `asChild` stacks two stateful primitives on one element, colliding on\n  // `data-state` (the tooltip's `open`/`closed` overwrites the checkbox's\n  // `checked`/`unchecked`) so the checkbox can no longer toggle. Falling back to\n  // the span-wrapping trigger keeps the checkbox independent.\n  return (\n    <Tooltip tooltip={tooltip} placement={tooltipPlacement} triggerAsChild={!!children}>\n      {rendered}\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAEA,MAAa,eAAe,IAC1B;CAEE;CAGA;CACA;CACA;CAEA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GAEA;GACA;GAEA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GAEA;GACA;GAEA;GACA;GAGA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF;AAEA,MAAa,oBAAoB,IAAI;CAAC;CAAY;CAAW;AAAiB,GAAG;CAC/E,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS,CACP,mDACA,gDACF;EACA,MAAM,CAAC,4BAA4B;CACrC,EACF;AACF,CAAC;;;ACnCD,SAAgB,SAAS,EACvB,WACA,IAAI,QACJ,UACA,aACA,SACA,UACA,SACA,mBAAmB,OACnB,GAAG,QACK;CACR,MAAM,aAAa,MAAM;CACzB,MAAM,KAAK,QAAQ,SAAS,KAAK;CACjC,MAAM,eAAe,cAAc,IAAI,SAAS;CAEhD,MAAM,kBACJ,oBAAC,MAAD;EAAU;EAAI,GAAI;EAAM,WAAW,GAAG,aAAa;GAAE,SAAS;GAAc;EAAU,CAAC,CAAC;EACtF,UAAA,qBAAC,WAAD;GAAW,WAAW,GAAG,kBAAkB,EAAE,SAAS,aAAa,CAAC,CAAC;GAArE,UAAA,CACE,oBAAC,OAAD,EAAO,WAAU,0EAA2E,CAAA,GAC5F,oBAAC,OAAD,EAAO,WAAU,gFAAiF,CAAA,CACzF;;CACP,CAAA;CAGR,MAAM,WAAW,CAAC,WAChB,kBAEA,qBAAC,UAAD;EAAU,SAAS;EAAa;EAAmB;EAAU,SAAS;EAAtE,UAAA,CACE,oBAAC,SAAS,OAAV,EAAiB,SAAyB,CAAA,GACzC,eAAe,oBAAC,SAAS,aAAV,EAAA,UAAuB,YAAkC,CAAA,CACjE;;CAGZ,IAAI,CAAC,SAAS,OAAO;CASrB,OACE,oBAAC,SAAD;EAAkB;EAAS,WAAW;EAAkB,gBAAgB,CAAC,CAAC;EACvE,UAAA;CACM,CAAA;AAEb"}
+{"version":3,"file":"Checkbox-fC0BuO2B.js","names":[],"sources":["../src/components/Checkbox/styles.ts","../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const rootVariants = cva(\n  [\n    // reset\n    'tailwindcss-preflight',\n\n    // position\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n\n    'tw:peer',\n    'tw:size-4',\n    'tw:shrink-0',\n    'tw:cursor-pointer',\n\n    // border\n    'tw:border',\n    'tw:border-solid',\n\n    // disabled\n    'tw:disabled:opacity-50',\n    'tw:disabled:cursor-not-allowed',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: [\n          'tw:rounded',\n          'tw:border-neutral-200',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n\n          'tw:data-[state=indeterminate]:bg-white',\n          'tw:data-[state=indeterminate]:border-neutral-200',\n        ],\n        argo: [\n          'tw:rounded',\n          'tw:border-input',\n          'tw:transition-colors',\n\n          'tw:data-[state=checked]:bg-primary',\n          'tw:data-[state=checked]:border-primary',\n\n          'tw:data-[state=indeterminate]:bg-primary',\n          'tw:data-[state=indeterminate]:border-primary',\n\n          // focus\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n    },\n  },\n);\n\nexport const indicatorVariants = cva(['tw:group', 'tw:flex', 'tw:items-center'], {\n  defaultVariants: {\n    variant: 'default',\n  },\n  variants: {\n    variant: {\n      default: [\n        'tw:data-[state=checked]:text-primary-foreground',\n        'tw:data-[state=indeterminate]:text-neutral-200',\n      ],\n      argo: ['tw:text-primary-foreground'],\n    },\n  },\n});\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { CheckedState } from '@radix-ui/react-checkbox';\nimport { Indicator, Root } from '@radix-ui/react-checkbox';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { Check, Minus } from '../../icons';\nimport { cn } from '../../utils';\nimport { FieldBox } from '../FieldBox';\nimport type { fieldBoxVariants } from '../FieldBox/styles';\nimport { useArgoDesign } from '../ThemeProvider/context';\nimport type { Props as TooltipProps } from '../Tooltip';\nimport { Tooltip } from '../Tooltip';\n\nimport { indicatorVariants, rootVariants } from './styles';\n\ntype Props = {\n  id?: string | number;\n  description?: ReactNode;\n  variant?: VariantProps<typeof fieldBoxVariants>['variant'];\n  position?: 'start' | 'end';\n  tooltip?: TooltipProps['tooltip'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<typeof Root>, 'id'>;\n\n// First overload - for strict boolean usage\nexport function Checkbox(\n  prop: Omit<Props, 'checked' | 'onCheckedChange'> & {\n    checked?: boolean;\n    onCheckedChange?: (checked: boolean) => void;\n  },\n): ReactNode;\n\n// Second overload - for CheckedState usage (boolean | 'indeterminate')\nexport function Checkbox(\n  prop: Omit<Props, 'checked' | 'onCheckedChange'> & {\n    checked?: CheckedState;\n    onCheckedChange?: (checked: CheckedState) => void;\n  },\n): ReactNode;\n\nexport function Checkbox({\n  className,\n  id: idProp,\n  children,\n  description,\n  variant,\n  position,\n  tooltip,\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) {\n  const fallbackId = useId();\n  const id = idProp?.toString() ?? fallbackId;\n  const styleVariant = useArgoDesign() ? 'argo' : 'default';\n\n  const checkboxElement = (\n    <Root id={id} {...rest} className={cn(rootVariants({ variant: styleVariant, className }))}>\n      <Indicator className={cn(indicatorVariants({ variant: styleVariant }))}>\n        <Check className=\"tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=checked]:block\" />\n        <Minus className=\"tw:hidden tw:size-3 tw:stroke-[4px] tw:group-data-[state=indeterminate]:block\" />\n      </Indicator>\n    </Root>\n  );\n\n  const rendered = !children ? (\n    checkboxElement\n  ) : (\n    <FieldBox htmlFor={id} variant={variant} position={position} control={checkboxElement}>\n      <FieldBox.Title>{children}</FieldBox.Title>\n      {description && <FieldBox.Description>{description}</FieldBox.Description>}\n    </FieldBox>\n  );\n\n  if (!tooltip) return rendered;\n\n  // Only merge the tooltip trigger onto `rendered` when it's the FieldBox\n  // wrapper (i.e. there's a label). For a bare checkbox, `rendered` is the Radix\n  // Checkbox `Root` itself — merging a Radix Tooltip trigger onto it via\n  // `asChild` stacks two stateful primitives on one element, colliding on\n  // `data-state` (the tooltip's `open`/`closed` overwrites the checkbox's\n  // `checked`/`unchecked`) so the checkbox can no longer toggle. Falling back to\n  // the span-wrapping trigger keeps the checkbox independent.\n  return (\n    <Tooltip tooltip={tooltip} placement={tooltipPlacement} triggerAsChild={!!children}>\n      {rendered}\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAEA,MAAa,eAAe,IAC1B;CAEE;CAGA;CACA;CACA;CAEA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GAEA;GACA;GAEA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GAEA;GACA;GAEA;GACA;GAGA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CACF;AAEA,MAAa,oBAAoB,IAAI;CAAC;CAAY;CAAW;AAAiB,GAAG;CAC/E,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,SAAS,CACP,mDACA,gDACF;EACA,MAAM,CAAC,4BAA4B;CACrC,EACF;AACF,CAAC;;;ACnCD,SAAgB,SAAS,EACvB,WACA,IAAI,QACJ,UACA,aACA,SACA,UACA,SACA,mBAAmB,OACnB,GAAG,QACK;CACR,MAAM,aAAa,MAAM;CACzB,MAAM,KAAK,QAAQ,SAAS,KAAK;CACjC,MAAM,eAAe,cAAc,IAAI,SAAS;CAEhD,MAAM,kBACJ,oBAAC,MAAD;EAAU;EAAI,GAAI;EAAM,WAAW,GAAG,aAAa;GAAE,SAAS;GAAc;EAAU,CAAC,CAAC;EACtF,UAAA,qBAAC,WAAD;GAAW,WAAW,GAAG,kBAAkB,EAAE,SAAS,aAAa,CAAC,CAAC;GAArE,UAAA,CACE,oBAAC,OAAD,EAAO,WAAU,0EAA2E,CAAA,GAC5F,oBAAC,OAAD,EAAO,WAAU,gFAAiF,CAAA,CACzF;;CACP,CAAA;CAGR,MAAM,WAAW,CAAC,WAChB,kBAEA,qBAAC,UAAD;EAAU,SAAS;EAAa;EAAmB;EAAU,SAAS;EAAtE,UAAA,CACE,oBAAC,SAAS,OAAV,EAAiB,SAAyB,CAAA,GACzC,eAAe,oBAAC,SAAS,aAAV,EAAA,UAAuB,YAAkC,CAAA,CACjE;;CAGZ,IAAI,CAAC,SAAS,OAAO;CASrB,OACE,oBAAC,SAAD;EAAkB;EAAS,WAAW;EAAkB,gBAAgB,CAAC,CAAC;EACvE,UAAA;CACM,CAAA;AAEb"}

package/dist/{Clipboard-CBJZiviP.js → Clipboard-ChPdiUy3.js}

@@ -1,5 +1,5 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, copyToClipboard } from "./utils-D0c5VAyF.js";
+import { Tooltip, copyToClipboard } from "./utils-B5Z52hYs.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Clipboard/Clipboard.tsx
@@ -55,4 +55,4 @@ const Clipboard = ({ ref, text: textProp, children, tooltip = "Copy to Clipboard
 //#endregion
 export { Clipboard };
 
-//# sourceMappingURL=Clipboard-CBJZiviP.js.map
+//# sourceMappingURL=Clipboard-ChPdiUy3.js.map

package/dist/{Clipboard-CBJZiviP.js.map → Clipboard-ChPdiUy3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Clipboard-CBJZiviP.js","names":[],"sources":["../src/components/Clipboard/Clipboard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn, copyToClipboard } from '../../utils';\nimport { type Props as TooltipProps, Tooltip } from '../Tooltip';\n\ntype Props = {\n  tooltip?: TooltipProps['tooltip'];\n  tooltipPlacement?: TooltipProps['placement'];\n  tooltipVariant?: TooltipProps['variant'];\n  asChild?: TooltipProps['triggerAsChild'];\n  text?: string | (() => string);\n} & ComponentProps<'button'>;\n\nexport const Clipboard = ({\n  ref,\n  text: textProp,\n  children,\n  tooltip = 'Copy to Clipboard',\n  tooltipPlacement = 'top',\n  tooltipVariant: tooltipVariantProp = 'action',\n  asChild = false,\n  onClick,\n  className,\n  ...restButtonProps\n}: Props) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const [state, setState] = useState<'ready' | 'copied' | 'error'>('ready');\n  const text = typeof textProp === 'function' ? textProp() : textProp;\n\n  const copy = async (text: string) => {\n    try {\n      // For the clipboard feature to work reliably, the window must be in focus for security reasons.\n      // However, the button can be clicked without the window being focused.\n      if (!document.hasFocus()) window.focus();\n\n      await copyToClipboard(text);\n      setState('copied');\n    } catch {\n      setState('error');\n    }\n  };\n\n  const handleOnClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    // Open on click rather than waiting for hover. Radix opens on pointer-enter via a\n    // `delayDuration` timer (300ms here), so clicking faster than that left the outcome invisible\n    // until the timer caught up — the message was already rendered, just inside a closed tooltip.\n    setIsTooltipOpen(true);\n    if (text && state === 'ready') void copy(text);\n    onClick?.(event);\n  };\n\n  const handleOnOpenChange: ComponentProps<typeof Tooltip.Root>['onOpenChange'] = (open) => {\n    // Reset when the tooltip closes, allowing the user to leave the copy button.\n    if (!open && state !== 'ready') setState('ready');\n    setIsTooltipOpen(open);\n  };\n\n  const tooltipContent = (() => {\n    if (!text) return 'Nothing to copy';\n    if (state === 'error') return 'Failed to copy';\n    if (state === 'copied') return 'Copied to Clipboard';\n    return tooltip;\n  })();\n\n  const tooltipVariant: TooltipProps['variant'] =\n    state === 'ready' && !!text ? tooltipVariantProp : 'action';\n\n  // `tooltip={null}` leaves nothing to say until there is an outcome. Not rendering `Content` at all\n  // is what makes that work: hovering still opens the tooltip, there is simply nothing in it, and\n  // the copied / failed message appears in place the moment `state` changes. It also keeps Radix\n  // from pointing the trigger's `aria-describedby` at content that has no text.\n  const hasTooltipContent = tooltipContent !== null && tooltipContent !== undefined;\n\n  return (\n    <Tooltip.Root open={isTooltipOpen} onOpenChange={handleOnOpenChange}>\n      <Tooltip.Trigger\n        {...restButtonProps}\n        asChild={asChild}\n        keepOpenOnClick\n        onClick={handleOnClick}\n        className={cn('tw:cursor-pointer', className)}\n        ref={ref}\n      >\n        {children ?? text}\n      </Tooltip.Trigger>\n\n      {hasTooltipContent && (\n        <Tooltip.Content\n          keepOpenOnPointerDownOutside\n          placement={tooltipPlacement}\n          variant={tooltipVariant}\n        >\n          {tooltipContent}\n        </Tooltip.Content>\n      )}\n    </Tooltip.Root>\n  );\n};\n"],"mappings":";;;;;AAcA,MAAa,aAAa,EACxB,KACA,MAAM,UACN,UACA,UAAU,qBACV,mBAAmB,OACnB,gBAAgB,qBAAqB,UACrC,UAAU,OACV,SACA,WACA,GAAG,sBACQ;CACX,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,CAAC,OAAO,YAAY,SAAuC,OAAO;CACxE,MAAM,OAAO,OAAO,aAAa,aAAa,SAAS,IAAI;CAE3D,MAAM,OAAO,OAAO,SAAiB;EACnC,IAAI;GAGF,IAAI,CAAC,SAAS,SAAS,GAAG,OAAO,MAAM;GAEvC,MAAM,gBAAgB,IAAI;GAC1B,SAAS,QAAQ;EACnB,QAAQ;GACN,SAAS,OAAO;EAClB;CACF;CAEA,MAAM,iBAAuD,UAAU;EAIrE,iBAAiB,IAAI;EACrB,IAAI,QAAQ,UAAU,SAAS,KAAU,IAAI;EAC7C,UAAU,KAAK;CACjB;CAEA,MAAM,sBAA2E,SAAS;EAExF,IAAI,CAAC,QAAQ,UAAU,SAAS,SAAS,OAAO;EAChD,iBAAiB,IAAI;CACvB;CAEA,MAAM,wBAAwB;EAC5B,IAAI,CAAC,MAAM,OAAO;EAClB,IAAI,UAAU,SAAS,OAAO;EAC9B,IAAI,UAAU,UAAU,OAAO;EAC/B,OAAO;CACT,EAAA,CAAG;CAEH,MAAM,iBACJ,UAAU,WAAW,CAAC,CAAC,OAAO,qBAAqB;CAMrD,MAAM,oBAAoB,mBAAmB,QAAQ,mBAAmB,KAAA;CAExE,OACE,qBAAC,QAAQ,MAAT;EAAc,MAAM;EAAe,cAAc;EAAjD,UAAA,CACE,oBAAC,QAAQ,SAAT;GACE,GAAI;GACK;GACT,iBAAA;GACA,SAAS;GACT,WAAW,GAAG,qBAAqB,SAAS;GACvC;GAEJ,UAAA,YAAY;EACE,CAAA,GAEhB,qBACC,oBAAC,QAAQ,SAAT;GACE,8BAAA;GACA,WAAW;GACX,SAAS;GAER,UAAA;EACc,CAAA,CAEP;;AAElB"}
+{"version":3,"file":"Clipboard-ChPdiUy3.js","names":[],"sources":["../src/components/Clipboard/Clipboard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn, copyToClipboard } from '../../utils';\nimport { type Props as TooltipProps, Tooltip } from '../Tooltip';\n\ntype Props = {\n  tooltip?: TooltipProps['tooltip'];\n  tooltipPlacement?: TooltipProps['placement'];\n  tooltipVariant?: TooltipProps['variant'];\n  asChild?: TooltipProps['triggerAsChild'];\n  text?: string | (() => string);\n} & ComponentProps<'button'>;\n\nexport const Clipboard = ({\n  ref,\n  text: textProp,\n  children,\n  tooltip = 'Copy to Clipboard',\n  tooltipPlacement = 'top',\n  tooltipVariant: tooltipVariantProp = 'action',\n  asChild = false,\n  onClick,\n  className,\n  ...restButtonProps\n}: Props) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const [state, setState] = useState<'ready' | 'copied' | 'error'>('ready');\n  const text = typeof textProp === 'function' ? textProp() : textProp;\n\n  const copy = async (text: string) => {\n    try {\n      // For the clipboard feature to work reliably, the window must be in focus for security reasons.\n      // However, the button can be clicked without the window being focused.\n      if (!document.hasFocus()) window.focus();\n\n      await copyToClipboard(text);\n      setState('copied');\n    } catch {\n      setState('error');\n    }\n  };\n\n  const handleOnClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    // Open on click rather than waiting for hover. Radix opens on pointer-enter via a\n    // `delayDuration` timer (300ms here), so clicking faster than that left the outcome invisible\n    // until the timer caught up — the message was already rendered, just inside a closed tooltip.\n    setIsTooltipOpen(true);\n    if (text && state === 'ready') void copy(text);\n    onClick?.(event);\n  };\n\n  const handleOnOpenChange: ComponentProps<typeof Tooltip.Root>['onOpenChange'] = (open) => {\n    // Reset when the tooltip closes, allowing the user to leave the copy button.\n    if (!open && state !== 'ready') setState('ready');\n    setIsTooltipOpen(open);\n  };\n\n  const tooltipContent = (() => {\n    if (!text) return 'Nothing to copy';\n    if (state === 'error') return 'Failed to copy';\n    if (state === 'copied') return 'Copied to Clipboard';\n    return tooltip;\n  })();\n\n  const tooltipVariant: TooltipProps['variant'] =\n    state === 'ready' && !!text ? tooltipVariantProp : 'action';\n\n  // `tooltip={null}` leaves nothing to say until there is an outcome. Not rendering `Content` at all\n  // is what makes that work: hovering still opens the tooltip, there is simply nothing in it, and\n  // the copied / failed message appears in place the moment `state` changes. It also keeps Radix\n  // from pointing the trigger's `aria-describedby` at content that has no text.\n  const hasTooltipContent = tooltipContent !== null && tooltipContent !== undefined;\n\n  return (\n    <Tooltip.Root open={isTooltipOpen} onOpenChange={handleOnOpenChange}>\n      <Tooltip.Trigger\n        {...restButtonProps}\n        asChild={asChild}\n        keepOpenOnClick\n        onClick={handleOnClick}\n        className={cn('tw:cursor-pointer', className)}\n        ref={ref}\n      >\n        {children ?? text}\n      </Tooltip.Trigger>\n\n      {hasTooltipContent && (\n        <Tooltip.Content\n          keepOpenOnPointerDownOutside\n          placement={tooltipPlacement}\n          variant={tooltipVariant}\n        >\n          {tooltipContent}\n        </Tooltip.Content>\n      )}\n    </Tooltip.Root>\n  );\n};\n"],"mappings":";;;;;AAcA,MAAa,aAAa,EACxB,KACA,MAAM,UACN,UACA,UAAU,qBACV,mBAAmB,OACnB,gBAAgB,qBAAqB,UACrC,UAAU,OACV,SACA,WACA,GAAG,sBACQ;CACX,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,CAAC,OAAO,YAAY,SAAuC,OAAO;CACxE,MAAM,OAAO,OAAO,aAAa,aAAa,SAAS,IAAI;CAE3D,MAAM,OAAO,OAAO,SAAiB;EACnC,IAAI;GAGF,IAAI,CAAC,SAAS,SAAS,GAAG,OAAO,MAAM;GAEvC,MAAM,gBAAgB,IAAI;GAC1B,SAAS,QAAQ;EACnB,QAAQ;GACN,SAAS,OAAO;EAClB;CACF;CAEA,MAAM,iBAAuD,UAAU;EAIrE,iBAAiB,IAAI;EACrB,IAAI,QAAQ,UAAU,SAAS,KAAU,IAAI;EAC7C,UAAU,KAAK;CACjB;CAEA,MAAM,sBAA2E,SAAS;EAExF,IAAI,CAAC,QAAQ,UAAU,SAAS,SAAS,OAAO;EAChD,iBAAiB,IAAI;CACvB;CAEA,MAAM,wBAAwB;EAC5B,IAAI,CAAC,MAAM,OAAO;EAClB,IAAI,UAAU,SAAS,OAAO;EAC9B,IAAI,UAAU,UAAU,OAAO;EAC/B,OAAO;CACT,EAAA,CAAG;CAEH,MAAM,iBACJ,UAAU,WAAW,CAAC,CAAC,OAAO,qBAAqB;CAMrD,MAAM,oBAAoB,mBAAmB,QAAQ,mBAAmB,KAAA;CAExE,OACE,qBAAC,QAAQ,MAAT;EAAc,MAAM;EAAe,cAAc;EAAjD,UAAA,CACE,oBAAC,QAAQ,SAAT;GACE,GAAI;GACK;GACT,iBAAA;GACA,SAAS;GACT,WAAW,GAAG,qBAAqB,SAAS;GACvC;GAEJ,UAAA,YAAY;EACE,CAAA,GAEhB,qBACC,oBAAC,QAAQ,SAAT;GACE,8BAAA;GACA,WAAW;GACX,SAAS;GAER,UAAA;EACc,CAAA,CAEP;;AAElB"}

package/dist/{ClipboardButton-ClcluT0C.js → ClipboardButton-D9pDjgkB.js}

@@ -1,6 +1,6 @@
 import { Copy } from "./icons-Cek151jC.js";
-import { Button, ButtonInline } from "./Button-6xBX0nNl.js";
-import { Clipboard } from "./Clipboard-CBJZiviP.js";
+import { Button, ButtonInline } from "./Button-DsRrU5F1.js";
+import { Clipboard } from "./Clipboard-ChPdiUy3.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ClipboardButton/ClipboardButton.tsx
 const DEFAULT_ICON = /* @__PURE__ */ jsx(Copy, {});
@@ -40,4 +40,4 @@ const ClipboardInline = ({ text, tooltip, tooltipPlacement, tooltipVariant, chil
 //#endregion
 export { ClipboardButton, ClipboardInline };
 
-//# sourceMappingURL=ClipboardButton-ClcluT0C.js.map
+//# sourceMappingURL=ClipboardButton-D9pDjgkB.js.map

package/dist/{ClipboardButton-ClcluT0C.js.map → ClipboardButton-D9pDjgkB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ClipboardButton-ClcluT0C.js","names":[],"sources":["../src/blocks/ClipboardButton/ClipboardButton.tsx","../src/blocks/ClipboardButton/ClipboardInline.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;\n\ntype Props = ClipboardProps & ButtonProps & { icon?: ReactNode };\n\nconst DEFAULT_ICON: ReactNode = <Copy />;\nconst DEFAULT_ARIA_LABEL = 'Copy';\n\nexport const ClipboardButton = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  icon = DEFAULT_ICON,\n  variant = 'outline',\n  children,\n  ...rest\n}: Props) => {\n  // Icon-only (no text children): the `tooltip` is visual only, not an accessible\n  // name, so fall back to it (when it's a string) or a sensible default. A\n  // consumer-supplied `aria-label` in `rest` still wins.\n  // A non-empty string tooltip names the action; an empty/absent tooltip still\n  // needs a name, so fall back to the default rather than an empty aria-label.\n  const defaultAriaLabel =\n    typeof tooltip === 'string' && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;\n  const ariaLabel = rest['aria-label'] ?? (children == null ? defaultAriaLabel : undefined);\n\n  return (\n    <Clipboard\n      asChild\n      tooltip={tooltip}\n      tooltipPlacement={tooltipPlacement}\n      tooltipVariant={tooltipVariant}\n      text={text}\n    >\n      <Button {...rest} aria-label={ariaLabel} variant={variant} disabled={!text}>\n        {icon}\n        {children}\n      </Button>\n    </Clipboard>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { ButtonInline } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;\n\ntype Props = { hideIcon?: boolean } & ClipboardProps & ButtonProps;\n\nexport const ClipboardInline = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  children = 'Copy To Clipboard',\n  hideIcon = false,\n  ...rest\n}: Props) => (\n  <Clipboard\n    asChild\n    text={text}\n    tooltip={tooltip}\n    tooltipPlacement={tooltipPlacement}\n    tooltipVariant={tooltipVariant}\n  >\n    <ButtonInline {...rest} disabled={!text}>\n      {!hideIcon && <Copy className=\"tw:size-4\" />}\n      {children}\n    </ButtonInline>\n  </Clipboard>\n);\n"],"mappings":";;;;;AAeA,MAAM,eAA0B,oBAAC,MAAD,CAAO,CAAA;AACvC,MAAM,qBAAqB;AAE3B,MAAa,mBAAmB,EAE9B,MACA,SACA,kBACA,gBAGA,OAAO,cACP,UAAU,WACV,UACA,GAAG,WACQ;CAMX,MAAM,mBACJ,OAAO,YAAY,YAAY,QAAQ,KAAK,IAAI,UAAU;CAC5D,MAAM,YAAY,KAAK,kBAAkB,YAAY,OAAO,mBAAmB,KAAA;CAE/E,OACE,oBAAC,WAAD;EACE,SAAA;EACS;EACS;EACF;EACV;EAEN,UAAA,qBAAC,QAAD;GAAQ,GAAI;GAAM,cAAY;GAAoB;GAAS,UAAU,CAAC;GAAtE,UAAA,CACG,MACA,QACK;;CACC,CAAA;AAEf;;;ACvCA,MAAa,mBAAmB,EAE9B,MACA,SACA,kBACA,gBAGA,WAAW,qBACX,WAAW,OACX,GAAG,WAEH,oBAAC,WAAD;CACE,SAAA;CACM;CACG;CACS;CACF;CAEhB,UAAA,qBAAC,cAAD;EAAc,GAAI;EAAM,UAAU,CAAC;EAAnC,UAAA,CACG,CAAC,YAAY,oBAAC,MAAD,EAAM,WAAU,YAAa,CAAA,GAC1C,QACW;;AACL,CAAA"}
+{"version":3,"file":"ClipboardButton-D9pDjgkB.js","names":[],"sources":["../src/blocks/ClipboardButton/ClipboardButton.tsx","../src/blocks/ClipboardButton/ClipboardInline.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;\n\ntype Props = ClipboardProps & ButtonProps & { icon?: ReactNode };\n\nconst DEFAULT_ICON: ReactNode = <Copy />;\nconst DEFAULT_ARIA_LABEL = 'Copy';\n\nexport const ClipboardButton = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  icon = DEFAULT_ICON,\n  variant = 'outline',\n  children,\n  ...rest\n}: Props) => {\n  // Icon-only (no text children): the `tooltip` is visual only, not an accessible\n  // name, so fall back to it (when it's a string) or a sensible default. A\n  // consumer-supplied `aria-label` in `rest` still wins.\n  // A non-empty string tooltip names the action; an empty/absent tooltip still\n  // needs a name, so fall back to the default rather than an empty aria-label.\n  const defaultAriaLabel =\n    typeof tooltip === 'string' && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;\n  const ariaLabel = rest['aria-label'] ?? (children == null ? defaultAriaLabel : undefined);\n\n  return (\n    <Clipboard\n      asChild\n      tooltip={tooltip}\n      tooltipPlacement={tooltipPlacement}\n      tooltipVariant={tooltipVariant}\n      text={text}\n    >\n      <Button {...rest} aria-label={ariaLabel} variant={variant} disabled={!text}>\n        {icon}\n        {children}\n      </Button>\n    </Clipboard>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { ButtonInline } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;\n\ntype Props = { hideIcon?: boolean } & ClipboardProps & ButtonProps;\n\nexport const ClipboardInline = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  children = 'Copy To Clipboard',\n  hideIcon = false,\n  ...rest\n}: Props) => (\n  <Clipboard\n    asChild\n    text={text}\n    tooltip={tooltip}\n    tooltipPlacement={tooltipPlacement}\n    tooltipVariant={tooltipVariant}\n  >\n    <ButtonInline {...rest} disabled={!text}>\n      {!hideIcon && <Copy className=\"tw:size-4\" />}\n      {children}\n    </ButtonInline>\n  </Clipboard>\n);\n"],"mappings":";;;;;AAeA,MAAM,eAA0B,oBAAC,MAAD,CAAO,CAAA;AACvC,MAAM,qBAAqB;AAE3B,MAAa,mBAAmB,EAE9B,MACA,SACA,kBACA,gBAGA,OAAO,cACP,UAAU,WACV,UACA,GAAG,WACQ;CAMX,MAAM,mBACJ,OAAO,YAAY,YAAY,QAAQ,KAAK,IAAI,UAAU;CAC5D,MAAM,YAAY,KAAK,kBAAkB,YAAY,OAAO,mBAAmB,KAAA;CAE/E,OACE,oBAAC,WAAD;EACE,SAAA;EACS;EACS;EACF;EACV;EAEN,UAAA,qBAAC,QAAD;GAAQ,GAAI;GAAM,cAAY;GAAoB;GAAS,UAAU,CAAC;GAAtE,UAAA,CACG,MACA,QACK;;CACC,CAAA;AAEf;;;ACvCA,MAAa,mBAAmB,EAE9B,MACA,SACA,kBACA,gBAGA,WAAW,qBACX,WAAW,OACX,GAAG,WAEH,oBAAC,WAAD;CACE,SAAA;CACM;CACG;CACS;CACF;CAEhB,UAAA,qBAAC,cAAD;EAAc,GAAI;EAAM,UAAU,CAAC;EAAnC,UAAA,CACG,CAAC,YAAY,oBAAC,MAAD,EAAM,WAAU,YAAa,CAAA,GAC1C,QACW;;AACL,CAAA"}