@keboola/design 10.1.0 → 11.0.0

package/dist/chunk-AIYO2632.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["useState","useMemo","use","useId","useEffect","jsx","Slot","useCallback","jsxs"],"mappings":"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","file":"chunk-AIYO2632.js","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"]}

package/dist/chunk-ANFZWPNE.js

@@ -0,0 +1,112 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { useId, useState, useLayoutEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }) => {
+  const maskId = useId();
+  const cutout = rect ? {
+    x: rect.left - padding,
+    y: rect.top - padding,
+    width: rect.width + padding * 2,
+    height: rect.height + padding * 2
+  } : null;
+  return (
+    // Sits above the standard portalled surface tier (z 1055) so stray popovers
+    // can't punch through the dim; the anchored callout must set a higher z.
+    // The wrapper ignores pointer events and only the painted dim (the masked
+    // rect) captures them, bubbling to the wrapper's `onClick`. A click inside
+    // the masked-out cut-out isn't painted, so it falls through to the target.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        onClick,
+        className: cn("tw:pointer-events-none tw:fixed tw:inset-0 tw:z-[1056]", className),
+        children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", className: "tw:size-full", children: [
+          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: maskId, children: [
+            /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
+            cutout && /* @__PURE__ */ jsx(
+              "rect",
+              {
+                x: cutout.x,
+                y: cutout.y,
+                width: cutout.width,
+                height: cutout.height,
+                rx: radius,
+                ry: radius,
+                fill: "black"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: "0",
+              y: "0",
+              width: "100%",
+              height: "100%",
+              mask: `url(#${maskId})`,
+              className: "tw:pointer-events-auto tw:fill-foreground/50"
+            }
+          )
+        ] })
+      }
+    )
+  );
+};
+var resolveElement = (target) => {
+  if (!target) return null;
+  if (typeof target !== "string") return target.current;
+  try {
+    return document.querySelector(target);
+  } catch (error) {
+    console.error(`useTargetRect: invalid target selector "${target}"`, error);
+    return null;
+  }
+};
+var useTargetRect = (target, enabled) => {
+  const [rect, setRect] = useState(null);
+  useLayoutEffect(() => {
+    if (!enabled || !target) {
+      setRect(null);
+      return;
+    }
+    let frame = 0;
+    let attemptsLeft = 60;
+    const same = (a, b) => {
+      if (a === null) return false;
+      return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;
+    };
+    const measure = () => {
+      const element = resolveElement(target);
+      if (!element) {
+        setRect(null);
+        if (attemptsLeft > 0) {
+          attemptsLeft -= 1;
+          frame = requestAnimationFrame(measure);
+        }
+        return;
+      }
+      const box = element.getBoundingClientRect();
+      const next = { top: box.top, left: box.left, width: box.width, height: box.height };
+      setRect((prev) => same(prev, next) ? prev : next);
+    };
+    const scheduleMeasure = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(measure);
+    };
+    measure();
+    window.addEventListener("resize", scheduleMeasure, { passive: true });
+    window.addEventListener("scroll", scheduleMeasure, { capture: true, passive: true });
+    return () => {
+      cancelAnimationFrame(frame);
+      window.removeEventListener("resize", scheduleMeasure);
+      window.removeEventListener("scroll", scheduleMeasure, true);
+    };
+  }, [target, enabled]);
+  return rect;
+};
+
+export { SpotlightBackdrop, useTargetRect };
+//# sourceMappingURL=chunk-ANFZWPNE.js.map
+//# sourceMappingURL=chunk-ANFZWPNE.js.map

package/dist/chunk-ANFZWPNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SpotlightBackdrop/SpotlightBackdrop.tsx","../src/components/SpotlightBackdrop/useTargetRect.ts"],"names":[],"mappings":"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","file":"chunk-ANFZWPNE.js","sourcesContent":["import { type MouseEventHandler, useId } from 'react';\n\nimport { cn } from '../../utils';\n\nimport type { TargetRect } from './useTargetRect';\n\ntype Props = {\n  /** Target box to cut out of the dim layer, or `null` for a full dim (no highlight). */\n  rect: TargetRect | null;\n  /** Padding around the target inside the cut-out, in px. */\n  padding?: number;\n  /** Corner radius of the cut-out, in px. */\n  radius?: number;\n  className?: string;\n  /** Fired when the dim layer is clicked (e.g. to dismiss). Receives the click event. */\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n/**\n * Full-viewport dimmed layer with an SVG-mask cut-out around a target rect,\n * producing a spotlight highlight. With `rect={null}` it dims the whole viewport\n * (no cut-out). The dim tone uses the semantic `foreground` token, so it re-skins\n * with the active brand.\n *\n * **Presentational primitive** — pass a `rect` from `useTargetRect`, and compose\n * with `Popover` for an anchored callout. Tour / coachmark orchestration\n * (steps, next/prev, \"seen\" persistence) is intentionally app-owned; see the\n * \"Guided tour (recipe)\" story for the composition.\n */\nexport const SpotlightBackdrop = ({ rect, padding = 8, radius = 8, className, onClick }: Props) => {\n  const maskId = useId();\n\n  const cutout = rect\n    ? {\n        x: rect.left - padding,\n        y: rect.top - padding,\n        width: rect.width + padding * 2,\n        height: rect.height + padding * 2,\n      }\n    : null;\n\n  return (\n    // Sits above the standard portalled surface tier (z 1055) so stray popovers\n    // can't punch through the dim; the anchored callout must set a higher z.\n    // The wrapper ignores pointer events and only the painted dim (the masked\n    // rect) captures them, bubbling to the wrapper's `onClick`. A click inside\n    // the masked-out cut-out isn't painted, so it falls through to the target.\n    <div\n      aria-hidden\n      onClick={onClick}\n      className={cn('tw:pointer-events-none tw:fixed tw:inset-0 tw:z-[1056]', className)}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"tw:size-full\">\n        <defs>\n          <mask id={maskId}>\n            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n            {cutout && (\n              <rect\n                x={cutout.x}\n                y={cutout.y}\n                width={cutout.width}\n                height={cutout.height}\n                rx={radius}\n                ry={radius}\n                fill=\"black\"\n              />\n            )}\n          </mask>\n        </defs>\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          mask={`url(#${maskId})`}\n          className=\"tw:pointer-events-auto tw:fill-foreground/50\"\n        />\n      </svg>\n    </div>\n  );\n};\n","import { type RefObject, useLayoutEffect, useState } from 'react';\n\n/** Viewport-relative box of the highlighted target. */\nexport type TargetRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\n/** Element to track: a CSS selector, a React ref, or nothing (centered/no target). */\nexport type SpotlightTarget = string | RefObject<Element | null> | undefined;\n\nconst resolveElement = (target: SpotlightTarget): Element | null => {\n  if (!target) return null;\n  if (typeof target !== 'string') return target.current;\n  try {\n    return document.querySelector(target);\n  } catch (error) {\n    // An invalid selector throws a DOMException; don't crash the render.\n    console.error(`useTargetRect: invalid target selector \"${target}\"`, error);\n    return null;\n  }\n};\n\n/**\n * Resolves a `target` (CSS selector or React ref) to a live viewport rect and\n * keeps it in sync while `enabled` — re-measuring on resize and scroll so an\n * anchored overlay (e.g. `SpotlightBackdrop` + `Popover`) follows the element.\n * Returns `null` when disabled or the target is absent, so callers can fall\n * back to a centered/full-dim layout.\n */\nexport const useTargetRect = (target: SpotlightTarget, enabled: boolean): TargetRect | null => {\n  const [rect, setRect] = useState<TargetRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !target) {\n      setRect(null);\n      return;\n    }\n\n    let frame = 0;\n    // Cap the lazy-mount poll so a permanently-absent target settles on `null`\n    // instead of spinning a frame forever. ~1s at 60fps is ample for a target\n    // that mounts a tick or two after the overlay opens.\n    let attemptsLeft = 60;\n\n    const same = (a: TargetRect | null, b: TargetRect) => {\n      if (a === null) return false;\n      return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n    };\n\n    // Re-resolve on every measure: the target may mount lazily after the overlay\n    // opens, so we poll (rAF) until it appears — up to `attemptsLeft` frames —\n    // then track it on resize/scroll. Until then `rect` stays `null` and the\n    // caller falls back to a centered/full-dim layout. State only updates when\n    // the rect actually changed, avoiding needless re-renders.\n    const measure = () => {\n      const element = resolveElement(target);\n      if (!element) {\n        setRect(null);\n        if (attemptsLeft > 0) {\n          attemptsLeft -= 1;\n          frame = requestAnimationFrame(measure);\n        }\n        return;\n      }\n      const box = element.getBoundingClientRect();\n      const next = { top: box.top, left: box.left, width: box.width, height: box.height };\n      setRect((prev) => (same(prev, next) ? prev : next));\n    };\n\n    // Coalesce scroll/resize bursts to at most one measure per animation frame.\n    const scheduleMeasure = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(measure);\n    };\n\n    measure();\n    window.addEventListener('resize', scheduleMeasure, { passive: true });\n    window.addEventListener('scroll', scheduleMeasure, { capture: true, passive: true });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      window.removeEventListener('resize', scheduleMeasure);\n      window.removeEventListener('scroll', scheduleMeasure, true);\n    };\n  }, [target, enabled]);\n\n  return rect;\n};\n"]}

package/dist/chunk-ANZTVAJU.js

@@ -0,0 +1,73 @@
+import { cn } from './chunk-LXLIQ2D6.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonGroupVariant = cva(
+  ["tailwindcss-preflight", "tw:inline-flex", "tw:items-center", "tw:group/button-group"],
+  {
+    defaultVariants: {
+      variant: "inline",
+      space: "small"
+    },
+    variants: {
+      variant: {
+        inline: [],
+        block: [
+          "tw:w-full",
+          "tw:flex-col",
+          "tw:sm:flex-row",
+          "tw:[&_a]:flex-1",
+          "tw:[&>button:not([data-icon-only=true])]:flex-1"
+        ]
+      },
+      space: {
+        "extra-small": "tw:gap-1",
+        "little-small": "tw:gap-2",
+        small: "tw:gap-3",
+        medium: "tw:gap-4",
+        large: "tw:gap-6",
+        compact: [
+          "tw:border-collapse",
+          "tw:!gap-0",
+          // ensure that focus visible outline is at the top
+          "tw:[&>*:focus-visible]:!z-10",
+          "tw:[&>*:not(:first-child)]:rounded-l-none",
+          "tw:[&>*:not(:last-child)]:rounded-r-none",
+          "tw:[&>*:not(:last-child)]:border-r-0",
+          "tw:[&>*:not(:first-child)]:border-l-0",
+          // separator
+          "tw:[&>*:not(:first-child)]:before:content",
+          "tw:[&>*:not(:first-child)]:before:absolute",
+          "tw:[&>*:not(:first-child)]:before:left-0",
+          "tw:[&>*:not(:first-child)]:before:h-full",
+          "tw:[&>*:not(:first-child)]:before:w-px",
+          "tw:[&>*:not(:first-child)]:before:bg-black/10"
+        ]
+      }
+    }
+  }
+);
+var ButtonGroup = ({
+  ref,
+  children,
+  space = "small",
+  className,
+  variant,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...rest,
+      role: "group",
+      "data-variant": variant,
+      className: cn(buttonGroupVariant({ variant, space }), className),
+      children
+    }
+  );
+};
+
+export { ButtonGroup };
+//# sourceMappingURL=chunk-ANZTVAJU.js.map
+//# sourceMappingURL=chunk-ANZTVAJU.js.map

package/dist/chunk-ANZTVAJU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,kBAAA,GAAqB,GAAA;AAAA,EACzB,CAAC,uBAAA,EAAyB,gBAAA,EAAkB,iBAAA,EAAmB,uBAAuB,CAAA;AAAA,EACtF;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,QAAQ,EAAC;AAAA,QACT,KAAA,EAAO;AAAA,UACL,WAAA;AAAA,UACA,aAAA;AAAA,UACA,gBAAA;AAAA,UACA,iBAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,aAAA,EAAe,UAAA;AAAA,QACf,cAAA,EAAgB,UAAA;AAAA,QAChB,KAAA,EAAO,UAAA;AAAA,QACP,MAAA,EAAQ,UAAA;AAAA,QACR,KAAA,EAAO,UAAA;AAAA,QACP,OAAA,EAAS;AAAA,UACP,oBAAA;AAAA,UACA,WAAA;AAAA;AAAA,UAGA,8BAAA;AAAA,UAEA,2CAAA;AAAA,UACA,0CAAA;AAAA,UACA,sCAAA;AAAA,UACA,uCAAA;AAAA;AAAA,UAGA,2CAAA;AAAA,UACA,4CAAA;AAAA,UACA,0CAAA;AAAA,UACA,0CAAA;AAAA,UACA,wCAAA;AAAA,UACA;AAAA;AACF;AACF;AACF;AAEJ,CAAA;AAQO,IAAM,cAAc,CAAC;AAAA,EAC1B,GAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,SAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AACX,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,OAAA;AAAA,MACL,cAAA,EAAc,OAAA;AAAA,MAKd,SAAA,EAAW,GAAG,kBAAA,CAAmB,EAAE,SAAS,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MAE9D;AAAA;AAAA,GACH;AAEJ","file":"chunk-ANZTVAJU.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst buttonGroupVariant = cva(\n  ['tailwindcss-preflight', 'tw:inline-flex', 'tw:items-center', 'tw:group/button-group'],\n  {\n    defaultVariants: {\n      variant: 'inline',\n      space: 'small',\n    },\n    variants: {\n      variant: {\n        inline: [],\n        block: [\n          'tw:w-full',\n          'tw:flex-col',\n          'tw:sm:flex-row',\n          'tw:[&_a]:flex-1',\n          'tw:[&>button:not([data-icon-only=true])]:flex-1',\n        ],\n      },\n      space: {\n        'extra-small': 'tw:gap-1',\n        'little-small': 'tw:gap-2',\n        small: 'tw:gap-3',\n        medium: 'tw:gap-4',\n        large: 'tw:gap-6',\n        compact: [\n          'tw:border-collapse',\n          'tw:!gap-0',\n\n          // ensure that focus visible outline is at the top\n          'tw:[&>*:focus-visible]:!z-10',\n\n          'tw:[&>*:not(:first-child)]:rounded-l-none',\n          'tw:[&>*:not(:last-child)]:rounded-r-none',\n          'tw:[&>*:not(:last-child)]:border-r-0',\n          'tw:[&>*:not(:first-child)]:border-l-0',\n\n          // separator\n          'tw:[&>*:not(:first-child)]:before:content',\n          'tw:[&>*:not(:first-child)]:before:absolute',\n          'tw:[&>*:not(:first-child)]:before:left-0',\n          'tw:[&>*:not(:first-child)]:before:h-full',\n          'tw:[&>*:not(:first-child)]:before:w-px',\n          'tw:[&>*:not(:first-child)]:before:bg-black/10',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  children: ReactNode;\n  className?: string;\n} & VariantProps<typeof buttonGroupVariant> &\n  ComponentProps<'div'>;\n\nexport const ButtonGroup = ({\n  ref,\n  children,\n  space = 'small',\n  className,\n  variant,\n  ...rest\n}: Props) => {\n  return (\n    <div\n      ref={ref}\n      {...rest}\n      role=\"group\"\n      data-variant={variant}\n      // cn (tailwind-merge), not cva's raw className append: a caller passing e.g.\n      // `tw:hidden` must override the base `tw:inline-flex`. cva only concatenates, so both\n      // land on the element and the winner is decided by CSS source order — which flipped in\n      // v4 (`inline-flex` now sorts after `hidden`), leaving hover-reveal groups always visible.\n      className={cn(buttonGroupVariant({ variant, space }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/chunk-BD5BTJKX.js

@@ -0,0 +1,166 @@
+import { ModalTitle, ModalDescription, ModalOverlay } from './chunk-KZVC7OYG.js';
+import { Button } from './chunk-IXAYNBOY.js';
+import { X } from './chunk-RQVK4IYC.js';
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { Root, Close, Trigger, Portal, Content, Title } from '@radix-ui/react-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+
+var SheetBody = ({ className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...rest,
+    className: cn("tw:flex", "tw:flex-col", "tw:overflow-x-hidden", "tw:px-4", className)
+  }
+);
+var SheetOverlay = ({ ref, ...props }) => /* @__PURE__ */ jsx(ModalOverlay, { ref, ...props });
+var sheetContentVariants = cva(
+  [
+    // reset
+    "tailwindcss-preflight",
+    // positioning
+    "tw:fixed",
+    // Use standard tailwindcss class when, global override in tooltip.less file is removed.
+    "tw:z-[1051]",
+    "tw:flex",
+    "tw:flex-col",
+    "tw:bg-card",
+    "tw:text-card-foreground",
+    "tw:shadow-lg",
+    // argo chrome overrides
+    "tw:data-[argo=true]:border",
+    "tw:data-[argo=true]:border-border",
+    "tw:data-[argo=true]:focus-visible:outline-hidden",
+    "tw:data-[argo=true]:focus-visible:ring-2",
+    "tw:data-[argo=true]:focus-visible:ring-ring/50",
+    "tw:ease-in-out",
+    // opening animation
+    "tw:data-[state=open]:duration-200",
+    // close animation
+    "tw:data-[state=closed]:duration-200"
+  ],
+  {
+    defaultVariants: {
+      side: "right",
+      disableTransition: false
+    },
+    variants: {
+      disableTransition: {
+        true: [],
+        false: ["tw:data-[state=open]:animate-in", "tw:data-[state=closed]:animate-out"]
+      },
+      side: {
+        top: [
+          "tw:inset-x-0",
+          "tw:top-0",
+          "tw:h-auto",
+          "tw:data-[state=closed]:slide-out-to-top",
+          "tw:data-[state=open]:slide-in-from-top",
+          "tw:data-[argo=true]:rounded-b-lg"
+        ],
+        right: [
+          "tw:inset-y-0",
+          "tw:right-0",
+          "tw:h-full",
+          "tw:data-[state=closed]:slide-out-to-right",
+          "tw:data-[state=open]:slide-in-from-right",
+          "tw:data-[argo=true]:rounded-l-lg"
+        ],
+        bottom: [
+          "tw:inset-x-0",
+          "tw:bottom-0",
+          "tw:h-auto",
+          "tw:data-[state=closed]:slide-out-to-bottom",
+          "tw:data-[state=open]:slide-in-from-bottom",
+          "tw:drop-shadow-2xl",
+          // standard tailwindcss shadow is invisible for a bottom sheet because of positioning
+          "tw:data-[argo=true]:rounded-t-lg"
+        ],
+        left: [
+          "tw:inset-y-0",
+          "tw:left-0",
+          "tw:h-full",
+          "tw:data-[state=closed]:slide-out-to-left",
+          "tw:data-[state=open]:slide-in-from-left",
+          "tw:data-[argo=true]:rounded-r-lg"
+        ]
+      }
+    }
+  }
+);
+var SheetContent = ({
+  className,
+  children,
+  side = "right",
+  disableTransition = false,
+  hideOverlay = false,
+  keepOpenOnPointerDownOutside = false,
+  onPointerDownOutside,
+  onInteractOutside,
+  container,
+  ...props
+}) => {
+  const renderArgo = useArgoDesign();
+  const handleOnPointerDownOutside = (event) => {
+    if (keepOpenOnPointerDownOutside) event.preventDefault();
+    onPointerDownOutside?.(event);
+  };
+  const handleOnInteractOutside = (event) => {
+    if (keepOpenOnPointerDownOutside) event.preventDefault();
+    onInteractOutside?.(event);
+  };
+  return /* @__PURE__ */ jsxs(Portal, { container, children: [
+    !hideOverlay && /* @__PURE__ */ jsx(SheetOverlay, { disableTransition: disableTransition ?? false }),
+    /* @__PURE__ */ jsx(
+      Content,
+      {
+        ...props,
+        "aria-describedby": void 0,
+        className: cn(sheetContentVariants({ side, className, disableTransition })),
+        onPointerDownOutside: handleOnPointerDownOutside,
+        onInteractOutside: handleOnInteractOutside,
+        "data-side": side,
+        "data-argo": renderArgo,
+        children
+      }
+    )
+  ] });
+};
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("tw:mt-auto tw:flex tw:flex-col tw:gap-2 tw:p-4", className), ...props });
+var SheetHeader = ({
+  className,
+  children,
+  hideCloseIcon = false,
+  title,
+  description,
+  ...props
+}) => {
+  const isHeaderRendered = title || description || !hideCloseIcon;
+  return /* @__PURE__ */ jsxs("div", { className: cn("tw:flex", "tw:flex-col", "tw:gap-1.5", "tw:p-4", className), ...props, children: [
+    isHeaderRendered && /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:justify-end tw:gap-2", children: [
+        title && /* @__PURE__ */ jsx(ModalTitle, { children: title }),
+        !hideCloseIcon && /* @__PURE__ */ jsx(Close, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "invisible", size: "icon-sm", children: [
+          /* @__PURE__ */ jsx(X, {}),
+          /* @__PURE__ */ jsx("span", { className: "tw:sr-only", children: "Close" })
+        ] }) })
+      ] }),
+      description && /* @__PURE__ */ jsx(ModalDescription, { children: description })
+    ] }),
+    children
+  ] });
+};
+var SheetTitle = ({ className, visuallyHidden = false, ...props }) => /* @__PURE__ */ jsx(Title, { className: cn({ "tw:sr-only": visuallyHidden }, className), ...props });
+var Sheet = (props) => /* @__PURE__ */ jsx(Root, { ...props });
+Sheet.Close = Close;
+Sheet.Trigger = Trigger;
+Sheet.Content = SheetContent;
+Sheet.Title = SheetTitle;
+Sheet.Header = SheetHeader;
+Sheet.Footer = SheetFooter;
+Sheet.Body = SheetBody;
+
+export { Sheet };
+//# sourceMappingURL=chunk-BD5BTJKX.js.map
+//# sourceMappingURL=chunk-BD5BTJKX.js.map

package/dist/chunk-BD5BTJKX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sheet/SheetBody.tsx","../src/components/Sheet/SheetOverlay.tsx","../src/components/Sheet/SheetContent.tsx","../src/components/Sheet/SheetFooter.tsx","../src/components/Sheet/SheetHeader.tsx","../src/components/Sheet/SheetTitle.tsx","../src/components/Sheet/Sheet.tsx"],"names":["jsx","jsxs","Close"],"mappings":"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","file":"chunk-BD5BTJKX.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SheetBody = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    className={cn('tw:flex', 'tw:flex-col', 'tw:overflow-x-hidden', 'tw:px-4', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { ModalOverlay } from '../Modal/ModalOverlay';\n\ntype Props = ComponentProps<typeof ModalOverlay>;\n\n// Assuming it should have the same style as standard modal, if not remove the modal dependency and style it separately.\nexport const SheetOverlay = ({ ref, ...props }: Props) => <ModalOverlay ref={ref} {...props} />;\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-dialog';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { SheetOverlay } from './SheetOverlay';\n\nconst sheetContentVariants = cva(\n  [\n    // reset\n    'tailwindcss-preflight',\n\n    // positioning\n    'tw:fixed',\n\n    // Use standard tailwindcss class when, global override in tooltip.less file is removed.\n    'tw:z-[1051]',\n\n    'tw:flex',\n    'tw:flex-col',\n\n    'tw:bg-card',\n    'tw:text-card-foreground',\n    'tw:shadow-lg',\n\n    // argo chrome overrides\n    'tw:data-[argo=true]:border',\n    'tw:data-[argo=true]:border-border',\n    'tw:data-[argo=true]:focus-visible:outline-hidden',\n    'tw:data-[argo=true]:focus-visible:ring-2',\n    'tw:data-[argo=true]:focus-visible:ring-ring/50',\n\n    'tw:ease-in-out',\n    // opening animation\n    'tw:data-[state=open]:duration-200',\n\n    // close animation\n    'tw:data-[state=closed]:duration-200',\n  ],\n  {\n    defaultVariants: {\n      side: 'right',\n      disableTransition: false,\n    },\n    variants: {\n      disableTransition: {\n        true: [],\n        false: ['tw:data-[state=open]:animate-in', 'tw:data-[state=closed]:animate-out'],\n      },\n      side: {\n        top: [\n          'tw:inset-x-0',\n          'tw:top-0',\n          'tw:h-auto',\n          'tw:data-[state=closed]:slide-out-to-top',\n          'tw:data-[state=open]:slide-in-from-top',\n          'tw:data-[argo=true]:rounded-b-lg',\n        ],\n        right: [\n          'tw:inset-y-0',\n          'tw:right-0',\n          'tw:h-full',\n          'tw:data-[state=closed]:slide-out-to-right',\n          'tw:data-[state=open]:slide-in-from-right',\n          'tw:data-[argo=true]:rounded-l-lg',\n        ],\n\n        bottom: [\n          'tw:inset-x-0',\n          'tw:bottom-0',\n          'tw:h-auto',\n          'tw:data-[state=closed]:slide-out-to-bottom',\n          'tw:data-[state=open]:slide-in-from-bottom',\n          'tw:drop-shadow-2xl', // standard tailwindcss shadow is invisible for a bottom sheet because of positioning\n          'tw:data-[argo=true]:rounded-t-lg',\n        ],\n\n        left: [\n          'tw:inset-y-0',\n          'tw:left-0',\n          'tw:h-full',\n          'tw:data-[state=closed]:slide-out-to-left',\n          'tw:data-[state=open]:slide-in-from-left',\n          'tw:data-[argo=true]:rounded-r-lg',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  hideOverlay?: boolean;\n  keepOpenOnPointerDownOutside?: boolean;\n} & VariantProps<typeof sheetContentVariants> &\n  Pick<ComponentProps<typeof Portal>, 'container'>;\n\nexport const SheetContent = ({\n  className,\n  children,\n  side = 'right',\n  disableTransition = false,\n  hideOverlay = false,\n  keepOpenOnPointerDownOutside = false,\n  onPointerDownOutside,\n  onInteractOutside,\n  container,\n  ...props\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handleOnPointerDownOutside: ComponentProps<typeof Content>['onPointerDownOutside'] = (\n    event,\n  ) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onPointerDownOutside?.(event);\n  };\n\n  const handleOnInteractOutside: ComponentProps<typeof Content>['onInteractOutside'] = (event) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onInteractOutside?.(event);\n  };\n\n  return (\n    <Portal container={container}>\n      {!hideOverlay && <SheetOverlay disableTransition={disableTransition ?? false} />}\n      <Content\n        {...props}\n        /**\n         * Intentionally set undefined to avoid warning as suggested in docs, (https://www.radix-ui.com/primitives/docs/components/dialog#description)\n         * as of now we don't use modal description anywhere, if we decide to fix this issue, we fix it everywhere at once.\n         */\n        aria-describedby={undefined}\n        className={cn(sheetContentVariants({ side, className, disableTransition }))}\n        onPointerDownOutside={handleOnPointerDownOutside}\n        onInteractOutside={handleOnInteractOutside}\n        data-side={side}\n        data-argo={renderArgo}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SheetFooter = ({ className, ...props }: Props) => (\n  <div className={cn('tw:mt-auto tw:flex tw:flex-col tw:gap-2 tw:p-4', className)} {...props} />\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Close } from '@radix-ui/react-dialog';\n\nimport { X } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { ModalDescription } from '../Modal/ModalDescription';\nimport { ModalTitle } from '../Modal/ModalTitle';\n\ntype Props = {\n  title?: ReactNode;\n  description?: ReactNode;\n  hideCloseIcon?: boolean;\n} & ComponentProps<'div'>;\n\nexport const SheetHeader = ({\n  className,\n  children,\n  hideCloseIcon = false,\n  title,\n  description,\n  ...props\n}: Props) => {\n  const isHeaderRendered = title || description || !hideCloseIcon;\n\n  return (\n    <div className={cn('tw:flex', 'tw:flex-col', 'tw:gap-1.5', 'tw:p-4', className)} {...props}>\n      {isHeaderRendered && (\n        <div className=\"tw:flex tw:flex-col\">\n          <div className=\"tw:flex tw:justify-end tw:gap-2\">\n            {title && <ModalTitle>{title}</ModalTitle>}\n            {!hideCloseIcon && (\n              <Close asChild>\n                <Button variant=\"invisible\" size=\"icon-sm\">\n                  <X />\n                  <span className=\"tw:sr-only\">Close</span>\n                </Button>\n              </Close>\n            )}\n          </div>\n          {description && <ModalDescription>{description}</ModalDescription>}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Title } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Title> & {\n  visuallyHidden?: boolean;\n};\n\nexport const SheetTitle = ({ className, visuallyHidden = false, ...props }: Props) => (\n  <Title className={cn({ 'tw:sr-only': visuallyHidden }, className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { SheetBody } from './SheetBody';\nimport { SheetContent } from './SheetContent';\nimport { SheetFooter } from './SheetFooter';\nimport { SheetHeader } from './SheetHeader';\nimport { SheetTitle } from './SheetTitle';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const Sheet = (props: Props) => <Root {...props} />;\n\nSheet.Close = Close;\nSheet.Trigger = Trigger;\nSheet.Content = SheetContent;\nSheet.Title = SheetTitle;\n\nSheet.Header = SheetHeader;\nSheet.Footer = SheetFooter;\nSheet.Body = SheetBody;\n"]}