@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/{scroll-area-BP4gPZ4G.cjs.map → scroll-area-BU_TorPW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-BP4gPZ4G.cjs","names":["ChevronLeftIcon","ChevronRightIcon","cn","quietTextHover","controlStateColorTransition","focusRing","React","_Fragment","mergeRefs","ScrollAreaPrimitive"],"sources":["../src/ds/components/ScrollArea/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useAutoscroll } from '@/hooks/use-autoscroll';\nimport { mergeRefs } from '@/lib/merge-refs';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'vertical' | 'horizontal' | 'both';\ntype ScrollButtonDirection = 'left' | 'right';\n\nconst DEFAULT_SCROLL_BUTTON_SPEED = 100;\nconst DEFAULT_SCROLL_BUTTON_INTERVAL_TIME = 20;\nconst MIN_SCROLL_BUTTON_SPEED = 1;\nconst MIN_SCROLL_BUTTON_INTERVAL_TIME = 16;\n\ntype MaskFadeDepth = `${number}${'rem' | 'px'}`;\ntype MaskSide = boolean | MaskFadeDepth;\n\nconst DEFAULT_MASK_FADE_DEPTH: MaskFadeDepth = '2rem';\nconst NO_MASK_FADE: MaskFadeDepth = '0px';\n\nconst SCROLL_DRIVEN_FADE_CLASSES = [\n  'mask-t-from-[calc(100%-min(var(--scroll-area-fade-top),var(--scroll-area-overflow-y-start,0px)))]',\n  'mask-b-from-[calc(100%-min(var(--scroll-area-fade-bottom),var(--scroll-area-overflow-y-end,0px)))]',\n  'mask-l-from-[calc(100%-min(var(--scroll-area-fade-left),var(--scroll-area-overflow-x-start,0px)))]',\n  'mask-r-from-[calc(100%-min(var(--scroll-area-fade-right),var(--scroll-area-overflow-x-end,0px)))]',\n].join(' ');\n\nexport type MaskSides = {\n  top?: MaskSide;\n  bottom?: MaskSide;\n  left?: MaskSide;\n  right?: MaskSide;\n  /** Shorthand: sets both `left` and `right`. Per-side keys override. */\n  x?: MaskSide;\n  /** Shorthand: sets both `top` and `bottom`. Per-side keys override. */\n  y?: MaskSide;\n};\n\n/**\n * - `true` / omitted: fade the edges that match `orientation`, 2rem deep.\n * - `false`: no fade.\n * - object: per-side override on top of the orientation default; a length (`'5rem'`) sets that side's fade depth.\n *\n * A fade grows with the distance scrolled from its edge, up to its depth.\n */\nexport type ScrollAreaMask = boolean | MaskSides;\n\nexport type ScrollAreaScrollButtons =\n  | boolean\n  | {\n      /** Pixels to scroll per repeated interval. */\n      scrollSpeed?: number;\n      /** Milliseconds between repeated scroll steps while the button is held. */\n      scrollIntervalTime?: number;\n      leftLabel?: string;\n      rightLabel?: string;\n    };\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  maxHeight?: string;\n  autoScroll?: boolean;\n  /** With `autoScroll`, start pinned to the end. `false` resumes where the reader left a remounted area. */\n  autoScrollStartFollowing?: boolean;\n  /** With `autoScroll`, called when the reader scrolls away from the end or back to it. */\n  onAutoScrollFollowingChange?: (following: boolean) => void;\n  orientation?: Orientation;\n  /** Show left/right controls for horizontal overflow. Only applies to `horizontal` and `both` orientations. */\n  scrollButtons?: ScrollAreaScrollButtons;\n  /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */\n  mask?: ScrollAreaMask;\n  /**\n   * Reveal the overlay scrollbar when the pointer hovers the area. When `false`,\n   * the scrollbar only appears while actively scrolling. Defaults to `true`.\n   */\n  revealScrollbarOnHover?: boolean;\n  /**\n   * Keep the scrollbar visible whenever the content overflows, so readers can tell there is more\n   * to scroll to. Overrides `revealScrollbarOnHover`. Defaults to `false`.\n   */\n  alwaysShowScrollbar?: boolean;\n};\n\ntype ResolvedMask = Record<'top' | 'bottom' | 'left' | 'right', MaskFadeDepth | false>;\n\ntype ScrollAreaViewportStyle = React.CSSProperties & {\n  '--scroll-area-fade-top'?: MaskFadeDepth;\n  '--scroll-area-fade-bottom'?: MaskFadeDepth;\n  '--scroll-area-fade-left'?: MaskFadeDepth;\n  '--scroll-area-fade-right'?: MaskFadeDepth;\n};\n\nconst fadeDepth = (side: MaskSide) => (side === true ? DEFAULT_MASK_FADE_DEPTH : side);\n\nfunction resolveMask(mask: ScrollAreaMask | undefined, orientation: Orientation): ResolvedMask {\n  if (mask === false) return { top: false, bottom: false, left: false, right: false };\n\n  const verticalFade = (orientation === 'vertical' || orientation === 'both') && DEFAULT_MASK_FADE_DEPTH;\n  const horizontalFade = (orientation === 'horizontal' || orientation === 'both') && DEFAULT_MASK_FADE_DEPTH;\n  const sides: ResolvedMask = { top: verticalFade, bottom: verticalFade, left: horizontalFade, right: horizontalFade };\n\n  if (mask === true || mask === undefined) return sides;\n\n  if (mask.y !== undefined) {\n    sides.top = fadeDepth(mask.y);\n    sides.bottom = fadeDepth(mask.y);\n  }\n  if (mask.x !== undefined) {\n    sides.left = fadeDepth(mask.x);\n    sides.right = fadeDepth(mask.x);\n  }\n  if (mask.top !== undefined) sides.top = fadeDepth(mask.top);\n  if (mask.bottom !== undefined) sides.bottom = fadeDepth(mask.bottom);\n  if (mask.left !== undefined) sides.left = fadeDepth(mask.left);\n  if (mask.right !== undefined) sides.right = fadeDepth(mask.right);\n\n  return sides;\n}\n\nconst fadeDepthVars = (sides: ResolvedMask): ScrollAreaViewportStyle => ({\n  '--scroll-area-fade-top': sides.top || NO_MASK_FADE,\n  '--scroll-area-fade-bottom': sides.bottom || NO_MASK_FADE,\n  '--scroll-area-fade-left': sides.left || NO_MASK_FADE,\n  '--scroll-area-fade-right': sides.right || NO_MASK_FADE,\n});\n\nfunction clampScrollButtonNumber(value: number | undefined, fallback: number, min: number) {\n  const resolvedValue = value ?? fallback;\n  return Number.isFinite(resolvedValue) ? Math.max(min, resolvedValue) : Math.max(min, fallback);\n}\n\ntype ScrollButtonProps = {\n  direction: ScrollButtonDirection;\n  label: string;\n  onStartScrolling: (direction: ScrollButtonDirection, event?: React.PointerEvent<HTMLButtonElement>) => void;\n  onStopScrolling: () => void;\n  onKeyboardScroll: (direction: ScrollButtonDirection) => void;\n};\n\nconst ScrollButton = ({ direction, label, onStartScrolling, onStopScrolling, onKeyboardScroll }: ScrollButtonProps) => {\n  const Icon = direction === 'left' ? ChevronLeftIcon : ChevronRightIcon;\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      className={cn(\n        'absolute inset-y-1 z-10 hidden w-8 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent hover:bg-fill-subtle active:bg-fill',\n        quietTextHover,\n        controlStateColorTransition,\n        focusRing,\n        direction === 'left'\n          ? 'left-1 group-data-[overflow-x-start]/scroll-area:flex'\n          : 'right-1 group-data-[overflow-x-end]/scroll-area:flex',\n      )}\n      onPointerDown={event => onStartScrolling(direction, event)}\n      onPointerUp={onStopScrolling}\n      onPointerLeave={onStopScrolling}\n      onPointerCancel={onStopScrolling}\n      onBlur={onStopScrolling}\n      onClick={event => {\n        if (event.detail === 0) onKeyboardScroll(direction);\n      }}\n    >\n      <Icon aria-hidden=\"true\" className=\"size-4\" />\n    </button>\n  );\n};\n\ntype ScrollButtonsProps = {\n  areaRef: React.RefObject<HTMLDivElement | null>;\n  scrollButtons: Exclude<ScrollAreaScrollButtons, false | undefined>;\n};\n\nconst ScrollButtons = ({ areaRef, scrollButtons }: ScrollButtonsProps) => {\n  const scrollButtonInterval = React.useRef<ReturnType<typeof setInterval> | null>(null);\n  const scrollButtonOptions = typeof scrollButtons === 'object' ? scrollButtons : undefined;\n  const scrollButtonSpeed = clampScrollButtonNumber(\n    scrollButtonOptions?.scrollSpeed,\n    DEFAULT_SCROLL_BUTTON_SPEED,\n    MIN_SCROLL_BUTTON_SPEED,\n  );\n  const scrollButtonIntervalTime = clampScrollButtonNumber(\n    scrollButtonOptions?.scrollIntervalTime,\n    DEFAULT_SCROLL_BUTTON_INTERVAL_TIME,\n    MIN_SCROLL_BUTTON_INTERVAL_TIME,\n  );\n  const leftScrollButtonLabel = scrollButtonOptions?.leftLabel ?? 'Scroll left';\n  const rightScrollButtonLabel = scrollButtonOptions?.rightLabel ?? 'Scroll right';\n\n  const stopScrollButtonScrolling = React.useCallback(() => {\n    if (!scrollButtonInterval.current) return;\n    clearInterval(scrollButtonInterval.current);\n    scrollButtonInterval.current = null;\n  }, []);\n\n  const scrollByDirection = React.useCallback(\n    (direction: ScrollButtonDirection, multiplier = 1) => {\n      const viewport = areaRef.current;\n      if (!viewport) return;\n\n      viewport.scrollBy({\n        left: direction === 'right' ? scrollButtonSpeed * multiplier : -scrollButtonSpeed * multiplier,\n        behavior: 'smooth',\n      });\n    },\n    [areaRef, scrollButtonSpeed],\n  );\n\n  const startScrollButtonScrolling = React.useCallback(\n    (direction: ScrollButtonDirection, event?: React.PointerEvent<HTMLButtonElement>) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      event?.currentTarget.setPointerCapture?.(event.pointerId);\n\n      stopScrollButtonScrolling();\n      scrollByDirection(direction, 2);\n\n      scrollButtonInterval.current = setInterval(() => {\n        scrollByDirection(direction);\n      }, scrollButtonIntervalTime);\n    },\n    [scrollButtonIntervalTime, scrollByDirection, stopScrollButtonScrolling],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      stopScrollButtonScrolling();\n    };\n  }, [stopScrollButtonScrolling]);\n\n  return (\n    <>\n      <ScrollButton\n        direction=\"left\"\n        label={leftScrollButtonLabel}\n        onStartScrolling={startScrollButtonScrolling}\n        onStopScrolling={stopScrollButtonScrolling}\n        onKeyboardScroll={direction => scrollByDirection(direction, 2)}\n      />\n      <ScrollButton\n        direction=\"right\"\n        label={rightScrollButtonLabel}\n        onStartScrolling={startScrollButtonScrolling}\n        onStopScrolling={stopScrollButtonScrolling}\n        onKeyboardScroll={direction => scrollByDirection(direction, 2)}\n      />\n    </>\n  );\n};\n\ntype ScrollAreaViewportContextValue = {\n  areaRef: React.RefObject<HTMLDivElement | null>;\n  className: string;\n  style: React.CSSProperties;\n  contentStyle: React.CSSProperties | undefined;\n};\n\nconst ScrollAreaViewportContext = React.createContext<ScrollAreaViewportContextValue | null>(null);\n\nexport type ScrollAreaViewportProps = {\n  /**\n   * Viewport layout and scroll chaining overrides. Chaining stays native by default;\n   * use `overscroll-y-contain` to isolate vertical scrolling while allowing browser history swipes.\n   */\n  className?: string;\n  contentClassName?: string;\n  children?: React.ReactNode;\n  /** The scrolling element, e.g. a virtualizer's `getScrollElement`. */\n  ref?: React.Ref<HTMLDivElement>;\n  /**\n   * Renders the scrolling element as another component, for a library that has to own it\n   * (e.g. Base UI's `Select.List`, which Select scrolls to line the selected item up with the trigger).\n   */\n  render?: React.ComponentProps<typeof ScrollAreaPrimitive.Viewport>['render'];\n};\n\nfunction useScrollAreaViewportContext() {\n  const viewport = React.use(ScrollAreaViewportContext);\n  if (!viewport) throw new Error('ScrollAreaViewport must be a direct child of ScrollArea');\n  return viewport;\n}\n\nfunction ScrollAreaViewport({ className, contentClassName, children, ref, render }: ScrollAreaViewportProps) {\n  const viewport = useScrollAreaViewportContext();\n  const { areaRef } = viewport;\n  const viewportRef = React.useMemo(() => mergeRefs(areaRef, ref), [areaRef, ref]);\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      ref={viewportRef}\n      className={cn(viewport.className, className)}\n      style={viewport.style}\n      render={render}\n    >\n      <ScrollAreaPrimitive.Content className={contentClassName} style={viewport.contentStyle}>\n        <ScrollAreaViewportContext value={null}>{children}</ScrollAreaViewportContext>\n      </ScrollAreaPrimitive.Content>\n    </ScrollAreaPrimitive.Viewport>\n  );\n}\n\nfunction ScrollArea({\n  className,\n  children,\n  maxHeight,\n  autoScroll = false,\n  autoScrollStartFollowing,\n  onAutoScrollFollowingChange,\n  orientation = 'vertical',\n  scrollButtons,\n  mask,\n  revealScrollbarOnHover = true,\n  alwaysShowScrollbar = false,\n  ...props\n}: ScrollAreaProps) {\n  const areaRef = React.useRef<HTMLDivElement>(null);\n  useAutoscroll(areaRef, {\n    enabled: autoScroll,\n    startFollowing: autoScrollStartFollowing,\n    onFollowingChange: onAutoScrollFollowingChange,\n  });\n\n  const sides = resolveMask(mask, orientation);\n  const fadesAnySide = Object.values(sides).some(Boolean);\n\n  const viewportStyle = fadeDepthVars(sides);\n  if (maxHeight) viewportStyle.maxHeight = maxHeight;\n  if (orientation === 'vertical') {\n    viewportStyle.overflowX = 'hidden';\n    viewportStyle.overflowY = 'scroll';\n  } else if (orientation === 'horizontal') {\n    viewportStyle.overflowX = 'scroll';\n    viewportStyle.overflowY = 'hidden';\n  }\n\n  // Base UI's ScrollAreaContent forces `min-width: fit-content` so the\n  // content can grow wider than the viewport (required for horizontal scroll\n  // measurement). For vertical-only scroll we override it so children shrink\n  // to the viewport width instead of forcing horizontal scroll.\n  const contentStyle: React.CSSProperties | undefined =\n    orientation === 'vertical' ? { minWidth: '0px' } : orientation === 'horizontal' ? { minHeight: '0px' } : undefined;\n\n  const viewport: ScrollAreaViewportContextValue = {\n    areaRef,\n    className: cn('size-full', fadesAnySide && SCROLL_DRIVEN_FADE_CLASSES),\n    style: viewportStyle,\n    contentStyle,\n  };\n  const callerViewportCount = React.Children.toArray(children).filter(\n    child => React.isValidElement(child) && child.type === ScrollAreaViewport,\n  ).length;\n  if (callerViewportCount > 1) throw new Error('ScrollArea takes at most one ScrollAreaViewport');\n  const callerRendersViewport = callerViewportCount === 1;\n\n  return (\n    <ScrollAreaPrimitive.Root className={cn('group/scroll-area relative overflow-hidden', className)} {...props}>\n      <ScrollAreaViewportContext value={viewport}>\n        {callerRendersViewport ? children : <ScrollAreaViewport>{children}</ScrollAreaViewport>}\n      </ScrollAreaViewportContext>\n      {scrollButtons && orientation !== 'vertical' && <ScrollButtons areaRef={areaRef} scrollButtons={scrollButtons} />}\n      {(orientation === 'vertical' || orientation === 'both') && (\n        <ScrollBar orientation=\"vertical\" revealOnHover={revealScrollbarOnHover} alwaysVisible={alwaysShowScrollbar} />\n      )}\n      {(orientation === 'horizontal' || orientation === 'both') && (\n        <ScrollBar\n          orientation=\"horizontal\"\n          revealOnHover={revealScrollbarOnHover}\n          alwaysVisible={alwaysShowScrollbar}\n        />\n      )}\n      {orientation === 'both' && <ScrollAreaPrimitive.Corner />}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  revealOnHover = true,\n  alwaysVisible = false,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar> & { revealOnHover?: boolean; alwaysVisible?: boolean }) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none transition-opacity duration-normal ease-out-custom select-none',\n        alwaysVisible ? 'opacity-100' : 'opacity-0 data-[scrolling]:opacity-100 data-[scrolling]:duration-0',\n        revealOnHover && !alwaysVisible && 'data-[hovering]:opacity-100',\n        // Base UI pins the bar to both ends of the area (top/bottom or left/right), so it spans it\n        // without a size class. `--scroll-area-scrollbar-inset` pulls its ends in, so a rounded\n        // container (a popup) doesn't clip them; 0 by default.\n        orientation === 'vertical' && 'my-(--scroll-area-scrollbar-inset,0px) w-1.5 p-px',\n        orientation === 'horizontal' && 'mx-(--scroll-area-scrollbar-inset,0px) h-1.5 flex-col p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-muted-foreground/30 hover:bg-muted-foreground/60\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollAreaViewport, ScrollBar };\n"],"mappings":"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"}
+{"version":3,"file":"scroll-area-BU_TorPW.cjs","names":["ChevronLeftIcon","ChevronRightIcon","cn","quietTextHover","controlStateColorTransition","focusRing","React","_Fragment","mergeRefs","ScrollAreaPrimitive"],"sources":["../src/ds/components/ScrollArea/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useAutoscroll } from '@/hooks/use-autoscroll';\nimport { mergeRefs } from '@/lib/merge-refs';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'vertical' | 'horizontal' | 'both';\ntype ScrollButtonDirection = 'left' | 'right';\n\nconst DEFAULT_SCROLL_BUTTON_SPEED = 100;\nconst DEFAULT_SCROLL_BUTTON_INTERVAL_TIME = 20;\nconst MIN_SCROLL_BUTTON_SPEED = 1;\nconst MIN_SCROLL_BUTTON_INTERVAL_TIME = 16;\n\ntype MaskFadeDepth = `${number}${'rem' | 'px'}`;\ntype MaskSide = boolean | MaskFadeDepth;\n\nconst DEFAULT_MASK_FADE_DEPTH: MaskFadeDepth = '2rem';\nconst NO_MASK_FADE: MaskFadeDepth = '0px';\n\nconst SCROLL_DRIVEN_FADE_CLASSES = [\n  'mask-t-from-[calc(100%-min(var(--scroll-area-fade-top),var(--scroll-area-overflow-y-start,0px)))]',\n  'mask-b-from-[calc(100%-min(var(--scroll-area-fade-bottom),var(--scroll-area-overflow-y-end,0px)))]',\n  'mask-l-from-[calc(100%-min(var(--scroll-area-fade-left),var(--scroll-area-overflow-x-start,0px)))]',\n  'mask-r-from-[calc(100%-min(var(--scroll-area-fade-right),var(--scroll-area-overflow-x-end,0px)))]',\n].join(' ');\n\nexport type MaskSides = {\n  top?: MaskSide;\n  bottom?: MaskSide;\n  left?: MaskSide;\n  right?: MaskSide;\n  /** Shorthand: sets both `left` and `right`. Per-side keys override. */\n  x?: MaskSide;\n  /** Shorthand: sets both `top` and `bottom`. Per-side keys override. */\n  y?: MaskSide;\n};\n\n/**\n * - `true` / omitted: fade the edges that match `orientation`, 2rem deep.\n * - `false`: no fade.\n * - object: per-side override on top of the orientation default; a length (`'5rem'`) sets that side's fade depth.\n *\n * A fade grows with the distance scrolled from its edge, up to its depth.\n */\nexport type ScrollAreaMask = boolean | MaskSides;\n\nexport type ScrollAreaScrollButtons =\n  | boolean\n  | {\n      /** Pixels to scroll per repeated interval. */\n      scrollSpeed?: number;\n      /** Milliseconds between repeated scroll steps while the button is held. */\n      scrollIntervalTime?: number;\n      leftLabel?: string;\n      rightLabel?: string;\n    };\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  maxHeight?: string;\n  autoScroll?: boolean;\n  /** With `autoScroll`, start pinned to the end. `false` resumes where the reader left a remounted area. */\n  autoScrollStartFollowing?: boolean;\n  /** With `autoScroll`, called when the reader scrolls away from the end or back to it. */\n  onAutoScrollFollowingChange?: (following: boolean) => void;\n  orientation?: Orientation;\n  /** Show left/right controls for horizontal overflow. Only applies to `horizontal` and `both` orientations. */\n  scrollButtons?: ScrollAreaScrollButtons;\n  /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */\n  mask?: ScrollAreaMask;\n  /**\n   * Reveal the overlay scrollbar when the pointer hovers the area. When `false`,\n   * the scrollbar only appears while actively scrolling. Defaults to `true`.\n   */\n  revealScrollbarOnHover?: boolean;\n  /**\n   * Keep the scrollbar visible whenever the content overflows, so readers can tell there is more\n   * to scroll to. Overrides `revealScrollbarOnHover`. Defaults to `false`.\n   */\n  alwaysShowScrollbar?: boolean;\n};\n\ntype ResolvedMask = Record<'top' | 'bottom' | 'left' | 'right', MaskFadeDepth | false>;\n\ntype ScrollAreaViewportStyle = React.CSSProperties & {\n  '--scroll-area-fade-top'?: MaskFadeDepth;\n  '--scroll-area-fade-bottom'?: MaskFadeDepth;\n  '--scroll-area-fade-left'?: MaskFadeDepth;\n  '--scroll-area-fade-right'?: MaskFadeDepth;\n};\n\nconst fadeDepth = (side: MaskSide) => (side === true ? DEFAULT_MASK_FADE_DEPTH : side);\n\nfunction resolveMask(mask: ScrollAreaMask | undefined, orientation: Orientation): ResolvedMask {\n  if (mask === false) return { top: false, bottom: false, left: false, right: false };\n\n  const verticalFade = (orientation === 'vertical' || orientation === 'both') && DEFAULT_MASK_FADE_DEPTH;\n  const horizontalFade = (orientation === 'horizontal' || orientation === 'both') && DEFAULT_MASK_FADE_DEPTH;\n  const sides: ResolvedMask = { top: verticalFade, bottom: verticalFade, left: horizontalFade, right: horizontalFade };\n\n  if (mask === true || mask === undefined) return sides;\n\n  if (mask.y !== undefined) {\n    sides.top = fadeDepth(mask.y);\n    sides.bottom = fadeDepth(mask.y);\n  }\n  if (mask.x !== undefined) {\n    sides.left = fadeDepth(mask.x);\n    sides.right = fadeDepth(mask.x);\n  }\n  if (mask.top !== undefined) sides.top = fadeDepth(mask.top);\n  if (mask.bottom !== undefined) sides.bottom = fadeDepth(mask.bottom);\n  if (mask.left !== undefined) sides.left = fadeDepth(mask.left);\n  if (mask.right !== undefined) sides.right = fadeDepth(mask.right);\n\n  return sides;\n}\n\nconst fadeDepthVars = (sides: ResolvedMask): ScrollAreaViewportStyle => ({\n  '--scroll-area-fade-top': sides.top || NO_MASK_FADE,\n  '--scroll-area-fade-bottom': sides.bottom || NO_MASK_FADE,\n  '--scroll-area-fade-left': sides.left || NO_MASK_FADE,\n  '--scroll-area-fade-right': sides.right || NO_MASK_FADE,\n});\n\nfunction clampScrollButtonNumber(value: number | undefined, fallback: number, min: number) {\n  const resolvedValue = value ?? fallback;\n  return Number.isFinite(resolvedValue) ? Math.max(min, resolvedValue) : Math.max(min, fallback);\n}\n\ntype ScrollButtonProps = {\n  direction: ScrollButtonDirection;\n  label: string;\n  onStartScrolling: (direction: ScrollButtonDirection, event?: React.PointerEvent<HTMLButtonElement>) => void;\n  onStopScrolling: () => void;\n  onKeyboardScroll: (direction: ScrollButtonDirection) => void;\n};\n\nconst ScrollButton = ({ direction, label, onStartScrolling, onStopScrolling, onKeyboardScroll }: ScrollButtonProps) => {\n  const Icon = direction === 'left' ? ChevronLeftIcon : ChevronRightIcon;\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      className={cn(\n        'absolute inset-y-1 z-10 hidden w-8 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent hover:bg-fill-subtle active:bg-fill',\n        quietTextHover,\n        controlStateColorTransition,\n        focusRing,\n        direction === 'left'\n          ? 'left-1 group-data-[overflow-x-start]/scroll-area:flex'\n          : 'right-1 group-data-[overflow-x-end]/scroll-area:flex',\n      )}\n      onPointerDown={event => onStartScrolling(direction, event)}\n      onPointerUp={onStopScrolling}\n      onPointerLeave={onStopScrolling}\n      onPointerCancel={onStopScrolling}\n      onBlur={onStopScrolling}\n      onClick={event => {\n        if (event.detail === 0) onKeyboardScroll(direction);\n      }}\n    >\n      <Icon aria-hidden=\"true\" className=\"size-4\" />\n    </button>\n  );\n};\n\ntype ScrollButtonsProps = {\n  areaRef: React.RefObject<HTMLDivElement | null>;\n  scrollButtons: Exclude<ScrollAreaScrollButtons, false | undefined>;\n};\n\nconst ScrollButtons = ({ areaRef, scrollButtons }: ScrollButtonsProps) => {\n  const scrollButtonInterval = React.useRef<ReturnType<typeof setInterval> | null>(null);\n  const scrollButtonOptions = typeof scrollButtons === 'object' ? scrollButtons : undefined;\n  const scrollButtonSpeed = clampScrollButtonNumber(\n    scrollButtonOptions?.scrollSpeed,\n    DEFAULT_SCROLL_BUTTON_SPEED,\n    MIN_SCROLL_BUTTON_SPEED,\n  );\n  const scrollButtonIntervalTime = clampScrollButtonNumber(\n    scrollButtonOptions?.scrollIntervalTime,\n    DEFAULT_SCROLL_BUTTON_INTERVAL_TIME,\n    MIN_SCROLL_BUTTON_INTERVAL_TIME,\n  );\n  const leftScrollButtonLabel = scrollButtonOptions?.leftLabel ?? 'Scroll left';\n  const rightScrollButtonLabel = scrollButtonOptions?.rightLabel ?? 'Scroll right';\n\n  const stopScrollButtonScrolling = React.useCallback(() => {\n    if (!scrollButtonInterval.current) return;\n    clearInterval(scrollButtonInterval.current);\n    scrollButtonInterval.current = null;\n  }, []);\n\n  const scrollByDirection = React.useCallback(\n    (direction: ScrollButtonDirection, multiplier = 1) => {\n      const viewport = areaRef.current;\n      if (!viewport) return;\n\n      viewport.scrollBy({\n        left: direction === 'right' ? scrollButtonSpeed * multiplier : -scrollButtonSpeed * multiplier,\n        behavior: 'smooth',\n      });\n    },\n    [areaRef, scrollButtonSpeed],\n  );\n\n  const startScrollButtonScrolling = React.useCallback(\n    (direction: ScrollButtonDirection, event?: React.PointerEvent<HTMLButtonElement>) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      event?.currentTarget.setPointerCapture?.(event.pointerId);\n\n      stopScrollButtonScrolling();\n      scrollByDirection(direction, 2);\n\n      scrollButtonInterval.current = setInterval(() => {\n        scrollByDirection(direction);\n      }, scrollButtonIntervalTime);\n    },\n    [scrollButtonIntervalTime, scrollByDirection, stopScrollButtonScrolling],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      stopScrollButtonScrolling();\n    };\n  }, [stopScrollButtonScrolling]);\n\n  return (\n    <>\n      <ScrollButton\n        direction=\"left\"\n        label={leftScrollButtonLabel}\n        onStartScrolling={startScrollButtonScrolling}\n        onStopScrolling={stopScrollButtonScrolling}\n        onKeyboardScroll={direction => scrollByDirection(direction, 2)}\n      />\n      <ScrollButton\n        direction=\"right\"\n        label={rightScrollButtonLabel}\n        onStartScrolling={startScrollButtonScrolling}\n        onStopScrolling={stopScrollButtonScrolling}\n        onKeyboardScroll={direction => scrollByDirection(direction, 2)}\n      />\n    </>\n  );\n};\n\ntype ScrollAreaViewportContextValue = {\n  areaRef: React.RefObject<HTMLDivElement | null>;\n  className: string;\n  style: React.CSSProperties;\n  contentStyle: React.CSSProperties | undefined;\n};\n\nconst ScrollAreaViewportContext = React.createContext<ScrollAreaViewportContextValue | null>(null);\n\nexport type ScrollAreaViewportProps = {\n  /**\n   * Viewport layout and scroll chaining overrides. Chaining stays native by default;\n   * use `overscroll-y-contain` to isolate vertical scrolling while allowing browser history swipes.\n   */\n  className?: string;\n  contentClassName?: string;\n  children?: React.ReactNode;\n  /** The scrolling element, e.g. a virtualizer's `getScrollElement`. */\n  ref?: React.Ref<HTMLDivElement>;\n  /**\n   * Renders the scrolling element as another component, for a library that has to own it\n   * (e.g. Base UI's `Select.List`, which Select scrolls to line the selected item up with the trigger).\n   */\n  render?: React.ComponentProps<typeof ScrollAreaPrimitive.Viewport>['render'];\n};\n\nfunction useScrollAreaViewportContext() {\n  const viewport = React.use(ScrollAreaViewportContext);\n  if (!viewport) throw new Error('ScrollAreaViewport must be a direct child of ScrollArea');\n  return viewport;\n}\n\nfunction ScrollAreaViewport({ className, contentClassName, children, ref, render }: ScrollAreaViewportProps) {\n  const viewport = useScrollAreaViewportContext();\n  const { areaRef } = viewport;\n  const viewportRef = React.useMemo(() => mergeRefs(areaRef, ref), [areaRef, ref]);\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      ref={viewportRef}\n      className={cn(viewport.className, className)}\n      style={viewport.style}\n      render={render}\n    >\n      <ScrollAreaPrimitive.Content className={contentClassName} style={viewport.contentStyle}>\n        <ScrollAreaViewportContext value={null}>{children}</ScrollAreaViewportContext>\n      </ScrollAreaPrimitive.Content>\n    </ScrollAreaPrimitive.Viewport>\n  );\n}\n\nfunction ScrollArea({\n  className,\n  children,\n  maxHeight,\n  autoScroll = false,\n  autoScrollStartFollowing,\n  onAutoScrollFollowingChange,\n  orientation = 'vertical',\n  scrollButtons,\n  mask,\n  revealScrollbarOnHover = true,\n  alwaysShowScrollbar = false,\n  ...props\n}: ScrollAreaProps) {\n  const areaRef = React.useRef<HTMLDivElement>(null);\n  useAutoscroll(areaRef, {\n    enabled: autoScroll,\n    startFollowing: autoScrollStartFollowing,\n    onFollowingChange: onAutoScrollFollowingChange,\n  });\n\n  const sides = resolveMask(mask, orientation);\n  const fadesAnySide = Object.values(sides).some(Boolean);\n\n  const viewportStyle = fadeDepthVars(sides);\n  if (maxHeight) viewportStyle.maxHeight = maxHeight;\n  if (orientation === 'vertical') {\n    viewportStyle.overflowX = 'hidden';\n    viewportStyle.overflowY = 'scroll';\n  } else if (orientation === 'horizontal') {\n    viewportStyle.overflowX = 'scroll';\n    viewportStyle.overflowY = 'hidden';\n  }\n\n  // Base UI's ScrollAreaContent forces `min-width: fit-content` so the\n  // content can grow wider than the viewport (required for horizontal scroll\n  // measurement). For vertical-only scroll we override it so children shrink\n  // to the viewport width instead of forcing horizontal scroll.\n  const contentStyle: React.CSSProperties | undefined =\n    orientation === 'vertical' ? { minWidth: '0px' } : orientation === 'horizontal' ? { minHeight: '0px' } : undefined;\n\n  const viewport: ScrollAreaViewportContextValue = {\n    areaRef,\n    className: cn('size-full', fadesAnySide && SCROLL_DRIVEN_FADE_CLASSES),\n    style: viewportStyle,\n    contentStyle,\n  };\n  const callerViewportCount = React.Children.toArray(children).filter(\n    child => React.isValidElement(child) && child.type === ScrollAreaViewport,\n  ).length;\n  if (callerViewportCount > 1) throw new Error('ScrollArea takes at most one ScrollAreaViewport');\n  const callerRendersViewport = callerViewportCount === 1;\n\n  return (\n    <ScrollAreaPrimitive.Root className={cn('group/scroll-area relative overflow-hidden', className)} {...props}>\n      <ScrollAreaViewportContext value={viewport}>\n        {callerRendersViewport ? children : <ScrollAreaViewport>{children}</ScrollAreaViewport>}\n      </ScrollAreaViewportContext>\n      {scrollButtons && orientation !== 'vertical' && <ScrollButtons areaRef={areaRef} scrollButtons={scrollButtons} />}\n      {(orientation === 'vertical' || orientation === 'both') && (\n        <ScrollBar orientation=\"vertical\" revealOnHover={revealScrollbarOnHover} alwaysVisible={alwaysShowScrollbar} />\n      )}\n      {(orientation === 'horizontal' || orientation === 'both') && (\n        <ScrollBar\n          orientation=\"horizontal\"\n          revealOnHover={revealScrollbarOnHover}\n          alwaysVisible={alwaysShowScrollbar}\n        />\n      )}\n      {orientation === 'both' && <ScrollAreaPrimitive.Corner />}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  revealOnHover = true,\n  alwaysVisible = false,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar> & { revealOnHover?: boolean; alwaysVisible?: boolean }) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none transition-opacity duration-normal ease-out-custom select-none',\n        alwaysVisible ? 'opacity-100' : 'opacity-0 data-[scrolling]:opacity-100 data-[scrolling]:duration-0',\n        revealOnHover && !alwaysVisible && 'data-[hovering]:opacity-100',\n        // Base UI pins the bar to both ends of the area (top/bottom or left/right), so it spans it\n        // without a size class. `--scroll-area-scrollbar-inset` pulls its ends in, so a rounded\n        // container (a popup) doesn't clip them; 0 by default.\n        orientation === 'vertical' && 'my-(--scroll-area-scrollbar-inset,0px) w-1.5 p-px',\n        orientation === 'horizontal' && 'mx-(--scroll-area-scrollbar-inset,0px) h-1.5 flex-col p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-muted-foreground/30 hover:bg-muted-foreground/60\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollAreaViewport, ScrollBar };\n"],"mappings":"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"}

package/dist/{select-Dg8L5ROX.cjs → select-CeukeSn_.cjs}

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_primitives_floating = require("./primitives/floating.cjs.js");
+const require_Button = require("./Button-BfICfyxD.cjs");
+const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
 const require_primitives_control_size = require("./primitives/control-size.cjs.js");
+const require_primitives_floating = require("./primitives/floating.cjs.js");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
 const require_primitives_menu_item = require("./primitives/menu-item.cjs.js");
 const require_primitives_menu_scroll_area = require("./primitives/menu-scroll-area.cjs.js");
 const require_primitives_portal_container = require("./primitives/portal-container.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -173,4 +173,4 @@ Object.defineProperty(exports, "SelectValue", {
 	}
 });
 
-//# sourceMappingURL=select-Dg8L5ROX.cjs.map
+//# sourceMappingURL=select-CeukeSn_.cjs.map

package/dist/{select-Dg8L5ROX.cjs.map → select-CeukeSn_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-Dg8L5ROX.cjs","names":["React","SelectPrimitive","cn","buttonVariants","fieldTriggerWidthStyle","controlTriggerOpenState","fieldTriggerErrorBorder","keepOwnAccessibleName","ButtonChevron","FLOATING_POSITION_METHOD","usePortalContainer","menuPositionerClass","menuPopupClass","menuScrollPopupClass","MenuScrollArea","menuItemClass","menuItemCheckClass","Check","menuSeparatorClass"],"sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } from '@base-ui/react/select';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport { ButtonChevron, buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          fieldTriggerWidthStyle,\n          'justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          fieldTriggerErrorBorder,\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n        {...keepOwnAccessibleName(props)}\n      >\n        {children}\n        <ButtonChevron size={size} />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\n    className?: string;\n    /**\n     * Kept for API compatibility with the previous Radix API. Radix supported\n     * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n     * positioning so this prop is accepted but has no effect.\n     */\n    position?: 'popper' | 'item-aligned';\n    /** Optional portal container, forwarded to `Select.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, menuScrollPopupClass, className)} {...props}>\n            {/* The viewport is Select's list, so Select scrolls it to line the selected item up with the\n                trigger. `role` is restated because the viewport's own `presentation` role would win. */}\n            <MenuScrollArea viewportRender={<SelectPrimitive.List role=\"listbox\" />}>{children}</MenuScrollArea>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item ref={ref} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport type SelectSeparatorProps = Omit<SelectPrimitive.Separator.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    data-slot=\"select-separator\"\n    className={cn(menuSeparatorClass, className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectSeparator };\n"],"mappings":"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"}
+{"version":3,"file":"select-CeukeSn_.cjs","names":["React","SelectPrimitive","cn","buttonVariants","fieldTriggerWidthStyle","controlTriggerOpenState","fieldTriggerErrorBorder","keepOwnAccessibleName","ButtonChevron","FLOATING_POSITION_METHOD","usePortalContainer","menuPositionerClass","menuPopupClass","menuScrollPopupClass","MenuScrollArea","menuItemClass","menuItemCheckClass","Check","menuSeparatorClass"],"sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } from '@base-ui/react/select';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport { ButtonChevron, buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          fieldTriggerWidthStyle,\n          'justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          fieldTriggerErrorBorder,\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n        {...keepOwnAccessibleName(props)}\n      >\n        {children}\n        <ButtonChevron size={size} />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\n    className?: string;\n    /**\n     * Kept for API compatibility with the previous Radix API. Radix supported\n     * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n     * positioning so this prop is accepted but has no effect.\n     */\n    position?: 'popper' | 'item-aligned';\n    /** Optional portal container, forwarded to `Select.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, menuScrollPopupClass, className)} {...props}>\n            {/* The viewport is Select's list, so Select scrolls it to line the selected item up with the\n                trigger. `role` is restated because the viewport's own `presentation` role would win. */}\n            <MenuScrollArea viewportRender={<SelectPrimitive.List role=\"listbox\" />}>{children}</MenuScrollArea>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item ref={ref} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport type SelectSeparatorProps = Omit<SelectPrimitive.Separator.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    data-slot=\"select-separator\"\n    className={cn(menuSeparatorClass, className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectSeparator };\n"],"mappings":"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"}

package/dist/{select-BdIZEdcy.js → select-dNX9If-s.js}

@@ -1,12 +1,12 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
+import { n as ButtonChevron, o as buttonVariants } from "./Button-Bi7aXd_G.js";
+import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.js";
 import { controlTriggerOpenState } from "./primitives/control-size.es.js";
+import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
 import { fieldTriggerErrorBorder, fieldTriggerWidthStyle } from "./primitives/form-element.es.js";
-import { n as ButtonChevron, o as buttonVariants } from "./Button-CLXTbAY8.js";
-import { n as keepOwnAccessibleName } from "./field-control-aria-BaRSUUMR.js";
 import { menuItemCheckClass, menuItemClass, menuPopupClass, menuPositionerClass, menuSeparatorClass } from "./primitives/menu-item.es.js";
 import { MenuScrollArea, menuScrollPopupClass } from "./primitives/menu-scroll-area.es.js";
 import { usePortalContainer } from "./primitives/portal-container.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check } from "lucide-react";
@@ -130,4 +130,4 @@ var SelectSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = "SelectSeparator";
 export { SelectSeparator as a, SelectItem as i, SelectContent as n, SelectTrigger as o, SelectGroup as r, SelectValue as s, Select$1 as t };
 
-//# sourceMappingURL=select-BdIZEdcy.js.map
+//# sourceMappingURL=select-dNX9If-s.js.map

package/dist/{select-BdIZEdcy.js.map → select-dNX9If-s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-BdIZEdcy.js","names":["React","Select","SelectPrimitive"],"sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } from '@base-ui/react/select';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport { ButtonChevron, buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          fieldTriggerWidthStyle,\n          'justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          fieldTriggerErrorBorder,\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n        {...keepOwnAccessibleName(props)}\n      >\n        {children}\n        <ButtonChevron size={size} />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\n    className?: string;\n    /**\n     * Kept for API compatibility with the previous Radix API. Radix supported\n     * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n     * positioning so this prop is accepted but has no effect.\n     */\n    position?: 'popper' | 'item-aligned';\n    /** Optional portal container, forwarded to `Select.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, menuScrollPopupClass, className)} {...props}>\n            {/* The viewport is Select's list, so Select scrolls it to line the selected item up with the\n                trigger. `role` is restated because the viewport's own `presentation` role would win. */}\n            <MenuScrollArea viewportRender={<SelectPrimitive.List role=\"listbox\" />}>{children}</MenuScrollArea>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item ref={ref} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport type SelectSeparatorProps = Omit<SelectPrimitive.Separator.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    data-slot=\"select-separator\"\n    className={cn(menuSeparatorClass, className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectSeparator };\n"],"mappings":"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"}
+{"version":3,"file":"select-dNX9If-s.js","names":["React","Select","SelectPrimitive"],"sources":["../src/ds/components/Select/select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@base-ui/react/select';\nimport type { SelectPopupProps, SelectPositionerProps } from '@base-ui/react/select';\nimport { Check } from 'lucide-react';\nimport * as React from 'react';\n\nimport { ButtonChevron, buttonVariants } from '../Button/Button';\nimport type { TextButtonSize } from '../Button/Button';\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * Select migrated from `@radix-ui/react-select` to Base UI (`@base-ui/react/select`).\n *\n * The public API (`Select`, `SelectGroup`, `SelectValue`, `SelectTrigger`,\n * `SelectContent`, `SelectItem`) is intentionally kept stable so existing\n * consumers do not need changes.\n *\n * Notable behavioral differences vs. Radix that consumers should be aware of:\n * - `onValueChange` now receives a second `eventDetails` argument. Existing\n *   handlers typed as `(value: string) => void` keep working (extra arg ignored).\n * - The dropdown no longer overlaps the trigger by default\n *   (`alignItemWithTrigger={false}`), matching the previous Radix `popper`\n *   positioning behavior.\n *\n * Implementation note: unlike Radix, Base UI's `Select.Value` can only resolve\n * a selected value to its label once the popup has mounted (it reads labels\n * from rendered items). To preserve the Radix behavior where the trigger shows\n * the selected label even while closed, `Select` auto-derives an `items` map\n * from the `SelectItem`s declared inside `SelectContent` and passes it to\n * `Select.Root`. Consumers can still pass an explicit `items` prop to override.\n */\ntype SelectItemNode = React.ReactElement<{ value: unknown; children?: React.ReactNode }>;\n\nfunction isSelectItem(node: React.ReactNode): node is SelectItemNode {\n  return React.isValidElement(node) && (node.type as { displayName?: string })?.displayName === 'SelectItem';\n}\n\n/** Recursively collect `{ value, label }` pairs from declared `SelectItem`s. */\nfunction collectItems(children: React.ReactNode, acc: Array<{ value: unknown; label: React.ReactNode }>): void {\n  React.Children.forEach(children, child => {\n    if (!React.isValidElement(child)) return;\n    if (isSelectItem(child)) {\n      acc.push({ value: child.props.value, label: child.props.children });\n      return;\n    }\n    const nested = (child.props as { children?: React.ReactNode })?.children;\n    if (nested != null) collectItems(nested, acc);\n  });\n}\n\ntype SelectRootProps<Value> = SelectPrimitive.Root.Props<Value>;\ntype SelectChangeDetails = Parameters<NonNullable<SelectRootProps<unknown>['onValueChange']>>[1];\n\n/**\n * `onValueChange` is intentionally narrowed to a non-null value: these selects\n * always hold a value once changed, which keeps existing `(value) => void`\n * consumer handlers valid (Base UI's own callback type is `Value | null`).\n */\ntype SelectProps<Value = string> = Omit<SelectRootProps<Value>, 'onValueChange'> & {\n  onValueChange?: (value: Value, eventDetails: SelectChangeDetails) => void;\n};\n\nfunction Select<Value = string>({ children, items, onValueChange, ...props }: SelectProps<Value>) {\n  const derivedItems = React.useMemo(() => {\n    if (items != null) return items;\n    const acc: Array<{ value: unknown; label: React.ReactNode }> = [];\n    collectItems(children, acc);\n    return acc.length > 0 ? acc : undefined;\n  }, [items, children]);\n\n  return (\n    <SelectPrimitive.Root\n      items={derivedItems}\n      onValueChange={onValueChange ? (value, eventDetails) => onValueChange(value as Value, eventDetails) : undefined}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\nSelect.displayName = 'Select';\n\nconst SelectGroup = SelectPrimitive.Group;\n\nexport type SelectValueProps = Omit<SelectPrimitive.Value.Props, 'className'> & {\n  className?: string;\n};\n\n/**\n * Displays the selected value. Radix's `Select.Value` took a `placeholder`\n * prop and rendered the selected item's text automatically; Base UI's\n * `Select.Value` behaves the same way (renders the value, falls back to\n * `placeholder` when nothing is selected), so this is a thin passthrough.\n */\nconst SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Value ref={ref} className={cn('truncate', className)} {...props} />\n));\nSelectValue.displayName = 'SelectValue';\n\n/**\n * A select is a form field, so it reuses the Button's size/shape recipe with\n * these looks: `default` (the Input's overlay surface — the default here too,\n * so a select sits next to an Input as the same kind of thing) and `ghost`\n * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT\n * offered (a field is not a call-to-action).\n */\nexport type SelectTriggerVariant = 'default' | 'ghost';\ntype SelectTriggerLegacyVariant = 'primary';\n\nexport type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {\n  className?: string;\n  size?: TextButtonSize;\n  variant?: SelectTriggerVariant | SelectTriggerLegacyVariant;\n};\n\nfunction normalizeSelectTriggerVariant(\n  variant: SelectTriggerVariant | SelectTriggerLegacyVariant,\n): SelectTriggerVariant {\n  return variant === 'primary' ? 'default' : variant;\n}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  ({ className, children, size = 'md', variant = 'default', ...props }, ref) => {\n    const visualVariant = normalizeSelectTriggerVariant(variant);\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        // A select = a button + a trailing chevron: reuse the Button recipe\n        // (variant colors, size = height/text/padding/radius, unified border\n        // focus, disabled) and layer only the select-specific extras.\n        className={cn(\n          buttonVariants({ variant: visualVariant, size }),\n          visualVariant === 'default' && fieldTriggerStyle,\n          // Fill the field and push the value left / chevron right (Button's\n          // base centers its content with `justify-center`).\n          fieldTriggerWidthStyle,\n          'justify-between',\n          // Read as \"active\" while the menu is open, per variant (see map above).\n          controlTriggerOpenState[visualVariant],\n          'data-[placeholder]:text-muted-foreground',\n          fieldTriggerErrorBorder,\n          '[&>span]:truncate',\n          className,\n        )}\n        {...props}\n        {...keepOwnAccessibleName(props)}\n      >\n        {children}\n        <ButtonChevron size={size} />\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'SelectTrigger';\n\ntype SelectContentPositionerProps = Omit<SelectPositionerProps, keyof SelectPopupProps>;\n\nexport type SelectContentProps = Omit<SelectPopupProps, 'className'> &\n  SelectContentPositionerProps & {\n    className?: string;\n    /**\n     * Kept for API compatibility with the previous Radix API. Radix supported\n     * `position=\"popper\" | \"item-aligned\"`; Base UI always uses popper-style\n     * positioning so this prop is accepted but has no effect.\n     */\n    position?: 'popper' | 'item-aligned';\n    /** Optional portal container, forwarded to `Select.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      className,\n      children,\n      position: _position,\n      container,\n      side = 'bottom',\n      align = 'start',\n      sideOffset = 4,\n      alignItemWithTrigger = false,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the dropdown stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: SelectContentPositionerProps = {\n      side,\n      align,\n      sideOffset,\n      alignItemWithTrigger,\n      anchor,\n      positionMethod,\n      alignOffset,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <SelectPrimitive.Portal container={resolvedContainer}>\n        <SelectPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <SelectPrimitive.Popup ref={ref} className={cn(menuPopupClass, menuScrollPopupClass, className)} {...props}>\n            {/* The viewport is Select's list, so Select scrolls it to line the selected item up with the\n                trigger. `role` is restated because the viewport's own `presentation` role would win. */}\n            <MenuScrollArea viewportRender={<SelectPrimitive.List role=\"listbox\" />}>{children}</MenuScrollArea>\n          </SelectPrimitive.Popup>\n        </SelectPrimitive.Positioner>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'SelectContent';\n\nexport type SelectItemProps = Omit<SelectPrimitive.Item.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item ref={ref} className={cn(menuItemClass, className)} {...props}>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    <SelectPrimitive.ItemIndicator className={menuItemCheckClass}>\n      <Check />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = 'SelectItem';\n\nexport type SelectSeparatorProps = Omit<SelectPrimitive.Separator.Props, 'className'> & {\n  className?: string;\n};\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    data-slot=\"select-separator\"\n    className={cn(menuSeparatorClass, className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'SelectSeparator';\n\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectSeparator };\n"],"mappings":"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"}

package/dist/{settings-BaUeaO96.js → settings-BEw_bg12.js}

@@ -1,5 +1,5 @@
+import { t as Txt } from "./Txt-5efBsb2p.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
 import { createContext, useContext, useId } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/ds/new/settings/settings-header.tsx
@@ -103,4 +103,4 @@ function SettingsLayout({ title, titleAccessory, description, action, inset = fa
 }
 export { SettingsTitle as a, SettingsHeader as i, SettingsDescription as n, SettingsGroup as r, SettingsLayout as t };
 
-//# sourceMappingURL=settings-BaUeaO96.js.map
+//# sourceMappingURL=settings-BEw_bg12.js.map

package/dist/{settings-BaUeaO96.js.map → settings-BEw_bg12.js.map}

@@ -1 +1 @@
-{"version":3,"file":"settings-BaUeaO96.js","names":["_Fragment"],"sources":["../src/ds/new/settings/settings-header.tsx","../src/ds/new/settings/settings-layout.tsx"],"sourcesContent":["import { createContext, useContext, useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst SettingsTitleIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsGroup({ className, ...props }: ComponentProps<'section'>) {\n  const titleId = useId();\n\n  return (\n    <SettingsTitleIdContext.Provider value={titleId}>\n      <section\n        aria-labelledby={titleId}\n        className={cn('flex min-w-0 scroll-mt-4 flex-col gap-2', className)}\n        {...props}\n      />\n    </SettingsTitleIdContext.Provider>\n  );\n}\n\nexport function SettingsHeader({\n  action,\n  children,\n  className,\n  ...props\n}: ComponentProps<'header'> & { action?: ReactNode }) {\n  return (\n    <header\n      className={cn('flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-1\">{children}</div>\n      {action != null && <div className=\"shrink-0\">{action}</div>}\n    </header>\n  );\n}\n\nexport function SettingsTitle({\n  accessory,\n  className,\n  ...props\n}: Omit<ComponentProps<'h2'>, 'id'> & { accessory?: ReactNode }) {\n  const titleId = useContext(SettingsTitleIdContext);\n\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n      <Txt as=\"h2\" id={titleId} variant=\"subheading\" tone=\"ink\" className={className} {...props} />\n      {accessory}\n    </div>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className={className} {...props} />;\n}\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface SettingsLayoutProps {\n  title?: ReactNode;\n  titleAccessory?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  inset?: boolean;\n  variant?: 'default' | 'header';\n  children: ReactNode;\n}\n\nexport function SettingsLayout({\n  title,\n  titleAccessory,\n  description,\n  action,\n  inset = false,\n  variant,\n  children,\n}: SettingsLayoutProps) {\n  if (title === undefined || title === null) {\n    return variant === 'header' ? (\n      children\n    ) : (\n      <div data-slot=\"settings-layout-content\" className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\">\n        <div className=\"min-w-0 space-y-8\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-slot=\"settings-page-header\"\n        className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6\"\n      >\n        <div className={cn('flex min-w-0 flex-wrap items-start justify-between gap-4', inset && 'pl-4')}>\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <Txt as=\"h1\" variant=\"heading\" tone=\"muted\" className=\"min-w-0 truncate font-body tracking-normal\">\n                {title}\n              </Txt>\n              {titleAccessory !== undefined && titleAccessory !== null ? (\n                <div className=\"shrink-0\">{titleAccessory}</div>\n              ) : null}\n            </div>\n            {description !== undefined && description !== null ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"m-0 wrap-break-word\">\n                {description}\n              </Txt>\n            ) : null}\n          </div>\n          {action ? <div className=\"shrink-0\">{action}</div> : null}\n        </div>\n      </div>\n      {variant === 'header' ? (\n        children\n      ) : (\n        <div\n          data-slot=\"settings-layout-content\"\n          className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\"\n        >\n          <div className=\"min-w-0 space-y-6\">{children}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,yBAAyB,cAAkC,KAAA,CAAS;AAE1E,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAoC;CAChF,MAAM,UAAU,MAAM;CAEtB,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACtC,UAAA,oBAAC,WAAD;GACE,mBAAiB;GACjB,WAAW,GAAG,2CAA2C,SAAS;GAClE,GAAI;EACL,CAAA;CAC8B,CAAA;AAErC;AAEA,SAAgB,eAAe,EAC7B,QACA,UACA,WACA,GAAG,SACiD;CACpD,OACE,qBAAC,UAAD;EACE,WAAW,GAAG,+EAA+E,SAAS;EACtG,GAAI;EAFN,UAAA,CAIE,oBAAC,OAAD;GAAK,WAAU;GAA+B;EAAc,CAAA,GAC3D,UAAU,QAAQ,oBAAC,OAAD;GAAK,WAAU;GAAY,UAAA;EAAY,CAAA,CACpD;;AAEZ;AAEA,SAAgB,cAAc,EAC5B,WACA,WACA,GAAG,SAC4D;CAC/D,MAAM,UAAU,WAAW,sBAAsB;CAEjD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,KAAD;GAAK,IAAG;GAAK,IAAI;GAAS,SAAQ;GAAa,MAAK;GAAiB;GAAW,GAAI;EAAQ,CAAA,GAC3F,SACE;;AAET;AAEA,SAAgB,oBAAoB,EAAE,WAAW,GAAG,SAA8B;CAChF,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAI,SAAQ;EAAU,MAAK;EAAmB;EAAW,GAAI;CAAQ,CAAA;AACtF;;ACzCA,SAAgB,eAAe,EAC7B,OACA,gBACA,aACA,QACA,QAAQ,OACR,SACA,YACsB;CACtB,IAAI,UAAU,KAAA,KAAa,UAAU,MACnC,OAAO,YAAY,WACjB,WAEA,oBAAC,OAAD;EAAK,aAAU;EAA0B,WAAU;EACjD,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAqB;EAAc,CAAA;CAC/C,CAAA;CAIT,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAEV,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,4DAA4D,SAAS,MAAM;GAA9F,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,KAAD;MAAK,IAAG;MAAK,SAAQ;MAAU,MAAK;MAAQ,WAAU;MACnD,UAAA;KACE,CAAA,GACJ,mBAAmB,KAAA,KAAa,mBAAmB,OAClD,oBAAC,OAAD;MAAK,WAAU;MAAY,UAAA;KAAoB,CAAA,IAC7C,IACD;IACJ,CAAA,GAAA,gBAAgB,KAAA,KAAa,gBAAgB,OAC5C,oBAAC,KAAD;KAAK,IAAG;KAAI,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAC/C,UAAA;IACE,CAAA,IACH,IACD;GACJ,CAAA,GAAA,SAAS,oBAAC,OAAD;IAAK,WAAU;IAAY,UAAA;GAAY,CAAA,IAAI,IAClD;;CACF,CAAA,GACJ,YAAY,WACX,WAEA,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAEV,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAqB;EAAc,CAAA;CAC/C,CAAA,CAEP,EAAA,CAAA;AAEN"}
+{"version":3,"file":"settings-BEw_bg12.js","names":["_Fragment"],"sources":["../src/ds/new/settings/settings-header.tsx","../src/ds/new/settings/settings-layout.tsx"],"sourcesContent":["import { createContext, useContext, useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst SettingsTitleIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsGroup({ className, ...props }: ComponentProps<'section'>) {\n  const titleId = useId();\n\n  return (\n    <SettingsTitleIdContext.Provider value={titleId}>\n      <section\n        aria-labelledby={titleId}\n        className={cn('flex min-w-0 scroll-mt-4 flex-col gap-2', className)}\n        {...props}\n      />\n    </SettingsTitleIdContext.Provider>\n  );\n}\n\nexport function SettingsHeader({\n  action,\n  children,\n  className,\n  ...props\n}: ComponentProps<'header'> & { action?: ReactNode }) {\n  return (\n    <header\n      className={cn('flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-1\">{children}</div>\n      {action != null && <div className=\"shrink-0\">{action}</div>}\n    </header>\n  );\n}\n\nexport function SettingsTitle({\n  accessory,\n  className,\n  ...props\n}: Omit<ComponentProps<'h2'>, 'id'> & { accessory?: ReactNode }) {\n  const titleId = useContext(SettingsTitleIdContext);\n\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n      <Txt as=\"h2\" id={titleId} variant=\"subheading\" tone=\"ink\" className={className} {...props} />\n      {accessory}\n    </div>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className={className} {...props} />;\n}\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface SettingsLayoutProps {\n  title?: ReactNode;\n  titleAccessory?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  inset?: boolean;\n  variant?: 'default' | 'header';\n  children: ReactNode;\n}\n\nexport function SettingsLayout({\n  title,\n  titleAccessory,\n  description,\n  action,\n  inset = false,\n  variant,\n  children,\n}: SettingsLayoutProps) {\n  if (title === undefined || title === null) {\n    return variant === 'header' ? (\n      children\n    ) : (\n      <div data-slot=\"settings-layout-content\" className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\">\n        <div className=\"min-w-0 space-y-8\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-slot=\"settings-page-header\"\n        className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6\"\n      >\n        <div className={cn('flex min-w-0 flex-wrap items-start justify-between gap-4', inset && 'pl-4')}>\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <Txt as=\"h1\" variant=\"heading\" tone=\"muted\" className=\"min-w-0 truncate font-body tracking-normal\">\n                {title}\n              </Txt>\n              {titleAccessory !== undefined && titleAccessory !== null ? (\n                <div className=\"shrink-0\">{titleAccessory}</div>\n              ) : null}\n            </div>\n            {description !== undefined && description !== null ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"m-0 wrap-break-word\">\n                {description}\n              </Txt>\n            ) : null}\n          </div>\n          {action ? <div className=\"shrink-0\">{action}</div> : null}\n        </div>\n      </div>\n      {variant === 'header' ? (\n        children\n      ) : (\n        <div\n          data-slot=\"settings-layout-content\"\n          className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\"\n        >\n          <div className=\"min-w-0 space-y-6\">{children}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,yBAAyB,cAAkC,KAAA,CAAS;AAE1E,SAAgB,cAAc,EAAE,WAAW,GAAG,SAAoC;CAChF,MAAM,UAAU,MAAM;CAEtB,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACtC,UAAA,oBAAC,WAAD;GACE,mBAAiB;GACjB,WAAW,GAAG,2CAA2C,SAAS;GAClE,GAAI;EACL,CAAA;CAC8B,CAAA;AAErC;AAEA,SAAgB,eAAe,EAC7B,QACA,UACA,WACA,GAAG,SACiD;CACpD,OACE,qBAAC,UAAD;EACE,WAAW,GAAG,+EAA+E,SAAS;EACtG,GAAI;EAFN,UAAA,CAIE,oBAAC,OAAD;GAAK,WAAU;GAA+B;EAAc,CAAA,GAC3D,UAAU,QAAQ,oBAAC,OAAD;GAAK,WAAU;GAAY,UAAA;EAAY,CAAA,CACpD;;AAEZ;AAEA,SAAgB,cAAc,EAC5B,WACA,WACA,GAAG,SAC4D;CAC/D,MAAM,UAAU,WAAW,sBAAsB;CAEjD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,KAAD;GAAK,IAAG;GAAK,IAAI;GAAS,SAAQ;GAAa,MAAK;GAAiB;GAAW,GAAI;EAAQ,CAAA,GAC3F,SACE;;AAET;AAEA,SAAgB,oBAAoB,EAAE,WAAW,GAAG,SAA8B;CAChF,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAI,SAAQ;EAAU,MAAK;EAAmB;EAAW,GAAI;CAAQ,CAAA;AACtF;;ACzCA,SAAgB,eAAe,EAC7B,OACA,gBACA,aACA,QACA,QAAQ,OACR,SACA,YACsB;CACtB,IAAI,UAAU,KAAA,KAAa,UAAU,MACnC,OAAO,YAAY,WACjB,WAEA,oBAAC,OAAD;EAAK,aAAU;EAA0B,WAAU;EACjD,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAqB;EAAc,CAAA;CAC/C,CAAA;CAIT,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAEV,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,4DAA4D,SAAS,MAAM;GAA9F,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,KAAD;MAAK,IAAG;MAAK,SAAQ;MAAU,MAAK;MAAQ,WAAU;MACnD,UAAA;KACE,CAAA,GACJ,mBAAmB,KAAA,KAAa,mBAAmB,OAClD,oBAAC,OAAD;MAAK,WAAU;MAAY,UAAA;KAAoB,CAAA,IAC7C,IACD;IACJ,CAAA,GAAA,gBAAgB,KAAA,KAAa,gBAAgB,OAC5C,oBAAC,KAAD;KAAK,IAAG;KAAI,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAC/C,UAAA;IACE,CAAA,IACH,IACD;GACJ,CAAA,GAAA,SAAS,oBAAC,OAAD;IAAK,WAAU;IAAY,UAAA;GAAY,CAAA,IAAI,IAClD;;CACF,CAAA,GACJ,YAAY,WACX,WAEA,oBAAC,OAAD;EACE,aAAU;EACV,WAAU;EAEV,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAqB;EAAc,CAAA;CAC/C,CAAA,CAEP,EAAA,CAAA;AAEN"}

package/dist/{settings-CUVqhBbf.cjs → settings-Bminohri.cjs}

@@ -1,5 +1,5 @@
+const require_Txt = require("./Txt-_00wWxTd.cjs");
 const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/new/settings/settings-header.tsx
@@ -132,4 +132,4 @@ Object.defineProperty(exports, "SettingsTitle", {
 	}
 });
 
-//# sourceMappingURL=settings-CUVqhBbf.cjs.map
+//# sourceMappingURL=settings-Bminohri.cjs.map

package/dist/{settings-CUVqhBbf.cjs.map → settings-Bminohri.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"settings-CUVqhBbf.cjs","names":["createContext","useId","cn","useContext","Txt","_Fragment","cn","Txt"],"sources":["../src/ds/new/settings/settings-header.tsx","../src/ds/new/settings/settings-layout.tsx"],"sourcesContent":["import { createContext, useContext, useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst SettingsTitleIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsGroup({ className, ...props }: ComponentProps<'section'>) {\n  const titleId = useId();\n\n  return (\n    <SettingsTitleIdContext.Provider value={titleId}>\n      <section\n        aria-labelledby={titleId}\n        className={cn('flex min-w-0 scroll-mt-4 flex-col gap-2', className)}\n        {...props}\n      />\n    </SettingsTitleIdContext.Provider>\n  );\n}\n\nexport function SettingsHeader({\n  action,\n  children,\n  className,\n  ...props\n}: ComponentProps<'header'> & { action?: ReactNode }) {\n  return (\n    <header\n      className={cn('flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-1\">{children}</div>\n      {action != null && <div className=\"shrink-0\">{action}</div>}\n    </header>\n  );\n}\n\nexport function SettingsTitle({\n  accessory,\n  className,\n  ...props\n}: Omit<ComponentProps<'h2'>, 'id'> & { accessory?: ReactNode }) {\n  const titleId = useContext(SettingsTitleIdContext);\n\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n      <Txt as=\"h2\" id={titleId} variant=\"subheading\" tone=\"ink\" className={className} {...props} />\n      {accessory}\n    </div>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className={className} {...props} />;\n}\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface SettingsLayoutProps {\n  title?: ReactNode;\n  titleAccessory?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  inset?: boolean;\n  variant?: 'default' | 'header';\n  children: ReactNode;\n}\n\nexport function SettingsLayout({\n  title,\n  titleAccessory,\n  description,\n  action,\n  inset = false,\n  variant,\n  children,\n}: SettingsLayoutProps) {\n  if (title === undefined || title === null) {\n    return variant === 'header' ? (\n      children\n    ) : (\n      <div data-slot=\"settings-layout-content\" className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\">\n        <div className=\"min-w-0 space-y-8\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-slot=\"settings-page-header\"\n        className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6\"\n      >\n        <div className={cn('flex min-w-0 flex-wrap items-start justify-between gap-4', inset && 'pl-4')}>\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <Txt as=\"h1\" variant=\"heading\" tone=\"muted\" className=\"min-w-0 truncate font-body tracking-normal\">\n                {title}\n              </Txt>\n              {titleAccessory !== undefined && titleAccessory !== null ? (\n                <div className=\"shrink-0\">{titleAccessory}</div>\n              ) : null}\n            </div>\n            {description !== undefined && description !== null ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"m-0 wrap-break-word\">\n                {description}\n              </Txt>\n            ) : null}\n          </div>\n          {action ? <div className=\"shrink-0\">{action}</div> : null}\n        </div>\n      </div>\n      {variant === 'header' ? (\n        children\n      ) : (\n        <div\n          data-slot=\"settings-layout-content\"\n          className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\"\n        >\n          <div className=\"min-w-0 space-y-6\">{children}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"settings-Bminohri.cjs","names":["createContext","useId","cn","useContext","Txt","_Fragment","cn","Txt"],"sources":["../src/ds/new/settings/settings-header.tsx","../src/ds/new/settings/settings-layout.tsx"],"sourcesContent":["import { createContext, useContext, useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst SettingsTitleIdContext = createContext<string | undefined>(undefined);\n\nexport function SettingsGroup({ className, ...props }: ComponentProps<'section'>) {\n  const titleId = useId();\n\n  return (\n    <SettingsTitleIdContext.Provider value={titleId}>\n      <section\n        aria-labelledby={titleId}\n        className={cn('flex min-w-0 scroll-mt-4 flex-col gap-2', className)}\n        {...props}\n      />\n    </SettingsTitleIdContext.Provider>\n  );\n}\n\nexport function SettingsHeader({\n  action,\n  children,\n  className,\n  ...props\n}: ComponentProps<'header'> & { action?: ReactNode }) {\n  return (\n    <header\n      className={cn('flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between sm:gap-4', className)}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-col gap-1\">{children}</div>\n      {action != null && <div className=\"shrink-0\">{action}</div>}\n    </header>\n  );\n}\n\nexport function SettingsTitle({\n  accessory,\n  className,\n  ...props\n}: Omit<ComponentProps<'h2'>, 'id'> & { accessory?: ReactNode }) {\n  const titleId = useContext(SettingsTitleIdContext);\n\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n      <Txt as=\"h2\" id={titleId} variant=\"subheading\" tone=\"ink\" className={className} {...props} />\n      {accessory}\n    </div>\n  );\n}\n\nexport function SettingsDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className={className} {...props} />;\n}\n","import type { ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface SettingsLayoutProps {\n  title?: ReactNode;\n  titleAccessory?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  inset?: boolean;\n  variant?: 'default' | 'header';\n  children: ReactNode;\n}\n\nexport function SettingsLayout({\n  title,\n  titleAccessory,\n  description,\n  action,\n  inset = false,\n  variant,\n  children,\n}: SettingsLayoutProps) {\n  if (title === undefined || title === null) {\n    return variant === 'header' ? (\n      children\n    ) : (\n      <div data-slot=\"settings-layout-content\" className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\">\n        <div className=\"min-w-0 space-y-8\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-slot=\"settings-page-header\"\n        className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-clip px-4 pt-5 pb-0 sm:pt-6\"\n      >\n        <div className={cn('flex min-w-0 flex-wrap items-start justify-between gap-4', inset && 'pl-4')}>\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <Txt as=\"h1\" variant=\"heading\" tone=\"muted\" className=\"min-w-0 truncate font-body tracking-normal\">\n                {title}\n              </Txt>\n              {titleAccessory !== undefined && titleAccessory !== null ? (\n                <div className=\"shrink-0\">{titleAccessory}</div>\n              ) : null}\n            </div>\n            {description !== undefined && description !== null ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"m-0 wrap-break-word\">\n                {description}\n              </Txt>\n            ) : null}\n          </div>\n          {action ? <div className=\"shrink-0\">{action}</div> : null}\n        </div>\n      </div>\n      {variant === 'header' ? (\n        children\n      ) : (\n        <div\n          data-slot=\"settings-layout-content\"\n          className=\"mx-auto w-full max-w-5xl min-w-0 overflow-x-hidden px-4 py-5\"\n        >\n          <div className=\"min-w-0 space-y-6\">{children}</div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/{span-payload-primitives-CKKIAVPJ.js → span-payload-primitives-BKkRpVVO.js}

@@ -1,17 +1,17 @@
+import { SpanPayloadJson } from "./domains/traces/components/span-payload/span-payload-json.es.js";
+import { getDelegatedTool, getDelegatedToolHref } from "./domains/traces/components/span-payload/span-payload-registry.es.js";
+import { BadgeWrapper } from "./domains/chat/components/badge-wrapper.es.js";
+import { f as ActivityHeadline } from "./activity-ClFChYfl.js";
+import { i as presentTool } from "./tool-presentation-C2bYQ7gB.js";
+import { t as DataKeysAndValues } from "./DataKeysAndValues-B56je3sK.js";
 import { useLinkComponent } from "./lib/framework.es.js";
-import { t as cn } from "./utils-DQx8TpNT.js";
-import "./primitives/raised-surface.es.js";
-import { t as ScrollArea } from "./scroll-area-C226l0v0.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { r as presentTool } from "./tool-presentation-CvibOP1J.js";
-import { f as ActivityHeadline } from "./activity-C8Ql81WM.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/Collapsible.es.js";
 import { DisclosureChevron } from "./components/DisclosureChevron.es.js";
-import { t as MarkdownRenderer } from "./MarkdownRenderer-CI30RqdB.js";
-import { BadgeWrapper } from "./domains/chat/components/badge-wrapper.es.js";
-import { t as DataKeysAndValues } from "./DataKeysAndValues-PwOmGxyp.js";
-import { getDelegatedTool, getDelegatedToolHref } from "./domains/traces/components/span-payload/span-payload-registry.es.js";
-import { SpanPayloadJson } from "./domains/traces/components/span-payload/span-payload-json.es.js";
+import { t as MarkdownRenderer } from "./MarkdownRenderer-CY8LGt-l.js";
+import { t as ScrollArea } from "./scroll-area-9-S7wfSs.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import "./primitives/raised-surface.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-payload-tool.tsx
 var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -161,4 +161,4 @@ function SpanPayloadToolCalls({ toolCalls }) {
 }
 export { SpanPayloadListName as a, SpanPayloadTool as c, SpanPayloadList as i, SpanToolNameValue as l, SpanPayloadField as n, SpanPayloadMarkdown as o, SpanPayloadLabel as r, SpanPayloadToolCalls as s, SpanPayloadCollapsible as t };
 
-//# sourceMappingURL=span-payload-primitives-CKKIAVPJ.js.map
+//# sourceMappingURL=span-payload-primitives-BKkRpVVO.js.map

package/dist/{span-payload-primitives-CKKIAVPJ.js.map → span-payload-primitives-BKkRpVVO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-CKKIAVPJ.js","names":[],"sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField } from './span-payload-primitives';\nimport { getDelegatedTool, getDelegatedToolHref } from './span-payload-registry';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */\nexport function SpanToolNameValue({ toolName }: { toolName: string }) {\n  const { Link, paths } = useLinkComponent();\n  const href = getDelegatedToolHref(paths, toolName);\n  if (!href) return <DataKeysAndValues.Value>{toolName}</DataKeysAndValues.Value>;\n  return (\n    <DataKeysAndValues.ValueLink href={href} as={Link}>\n      {toolName}\n    </DataKeysAndValues.ValueLink>\n  );\n}\n\nexport function SpanPayloadTool({ value }: { value: unknown }) {\n  const { Link, paths } = useLinkComponent();\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const delegated = getDelegatedTool(call.toolName);\n  // The header toggles the body, so the workflow or agent link sits in the body rather than in it.\n  const delegatedHref = getDelegatedToolHref(paths, call.toolName);\n  const hasBody = Boolean(delegatedHref) || input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {delegated && delegatedHref && (\n              <DataKeysAndValues>\n                <DataKeysAndValues.Key>{delegated.kind === 'workflow' ? 'Workflow' : 'Agent'}</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueLink href={delegatedHref} as={Link}>\n                  {delegated.key}\n                </DataKeysAndValues.ValueLink>\n              </DataKeysAndValues>\n            )}\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport interface SpanPayloadListItem {\n  key: string;\n  /** The item name, a link when it has a page to open. */\n  name: ReactNode;\n  description?: string;\n}\n\n/**\n * A scrollable list of named items with an optional description (tools, skills…). The scrollbar\n * stays visible while the list overflows, so readers can tell there are more items below.\n * `card` frames it on its own surface, for a list that stands alone in a section.\n */\nexport function SpanPayloadList({ items, slot, card }: { items: SpanPayloadListItem[]; slot: string; card?: boolean }) {\n  return (\n    <ScrollArea\n      maxHeight=\"12rem\"\n      alwaysShowScrollbar\n      className={cn(card && cn(raisedSurfaceStyle, 'rounded-lg [--scroll-area-scrollbar-inset:0.5rem]'))}\n    >\n      <ul data-slot={slot} className={cn('flex flex-col gap-2', card ? 'p-3 pr-4' : 'pr-3')}>\n        {items.map(item => (\n          <li key={item.key} className=\"flex min-w-0 flex-col\">\n            {item.name}\n            {item.description && (\n              // Payload content reads in ink like the messages around it; grey is kept for the labels.\n              <Txt as=\"span\" variant=\"body-sm\" className=\"line-clamp-2\" title={item.description}>\n                {item.description}\n              </Txt>\n            )}\n          </li>\n        ))}\n      </ul>\n    </ScrollArea>\n  );\n}\n\n/** A list item name rendered as plain text. */\nexport function SpanPayloadListName({ children }: { children: string }) {\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n      {children}\n    </Txt>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-BKkRpVVO.js","names":[],"sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField } from './span-payload-primitives';\nimport { getDelegatedTool, getDelegatedToolHref } from './span-payload-registry';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { useLinkComponent } from '@/lib/framework';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/** A tool name in a key/value list, linked to its page when the tool is a workflow or sub-agent. */\nexport function SpanToolNameValue({ toolName }: { toolName: string }) {\n  const { Link, paths } = useLinkComponent();\n  const href = getDelegatedToolHref(paths, toolName);\n  if (!href) return <DataKeysAndValues.Value>{toolName}</DataKeysAndValues.Value>;\n  return (\n    <DataKeysAndValues.ValueLink href={href} as={Link}>\n      {toolName}\n    </DataKeysAndValues.ValueLink>\n  );\n}\n\nexport function SpanPayloadTool({ value }: { value: unknown }) {\n  const { Link, paths } = useLinkComponent();\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const delegated = getDelegatedTool(call.toolName);\n  // The header toggles the body, so the workflow or agent link sits in the body rather than in it.\n  const delegatedHref = getDelegatedToolHref(paths, call.toolName);\n  const hasBody = Boolean(delegatedHref) || input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {delegated && delegatedHref && (\n              <DataKeysAndValues>\n                <DataKeysAndValues.Key>{delegated.kind === 'workflow' ? 'Workflow' : 'Agent'}</DataKeysAndValues.Key>\n                <DataKeysAndValues.ValueLink href={delegatedHref} as={Link}>\n                  {delegated.key}\n                </DataKeysAndValues.ValueLink>\n              </DataKeysAndValues>\n            )}\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return (\n    <Txt as=\"span\" variant=\"meta\" tone=\"faint\" className=\"block uppercase\">\n      {children}\n    </Txt>\n  );\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta text-placeholder uppercase\">\n        <DisclosureChevron direction=\"right\" className=\"size-3\" />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport interface SpanPayloadListItem {\n  key: string;\n  /** The item name, a link when it has a page to open. */\n  name: ReactNode;\n  description?: string;\n}\n\n/**\n * A scrollable list of named items with an optional description (tools, skills…). The scrollbar\n * stays visible while the list overflows, so readers can tell there are more items below.\n * `card` frames it on its own surface, for a list that stands alone in a section.\n */\nexport function SpanPayloadList({ items, slot, card }: { items: SpanPayloadListItem[]; slot: string; card?: boolean }) {\n  return (\n    <ScrollArea\n      maxHeight=\"12rem\"\n      alwaysShowScrollbar\n      className={cn(card && cn(raisedSurfaceStyle, 'rounded-lg [--scroll-area-scrollbar-inset:0.5rem]'))}\n    >\n      <ul data-slot={slot} className={cn('flex flex-col gap-2', card ? 'p-3 pr-4' : 'pr-3')}>\n        {items.map(item => (\n          <li key={item.key} className=\"flex min-w-0 flex-col\">\n            {item.name}\n            {item.description && (\n              // Payload content reads in ink like the messages around it; grey is kept for the labels.\n              <Txt as=\"span\" variant=\"body-sm\" className=\"line-clamp-2\" title={item.description}>\n                {item.description}\n              </Txt>\n            )}\n          </li>\n        ))}\n      </ul>\n    </ScrollArea>\n  );\n}\n\n/** A list item name rendered as plain text. */\nexport function SpanPayloadListName({ children }: { children: string }) {\n  return (\n    <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n      {children}\n    </Txt>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/{span-payload-primitives-D4tHWN2W.cjs → span-payload-primitives-D2NWznGy.cjs}

@@ -1,17 +1,17 @@
+const require_domains_traces_components_span_payload_span_payload_json = require("./domains/traces/components/span-payload/span-payload-json.cjs.js");
+const require_domains_traces_components_span_payload_span_payload_registry = require("./domains/traces/components/span-payload/span-payload-registry.cjs.js");
+const require_domains_chat_components_badge_wrapper = require("./domains/chat/components/badge-wrapper.cjs.js");
+const require_activity = require("./activity-BprmG6yH.cjs");
+const require_tool_presentation = require("./tool-presentation-DPp9h-n2.cjs");
+const require_DataKeysAndValues = require("./DataKeysAndValues-BbKeVxrQ.cjs");
 const require_lib_framework = require("./lib/framework.cjs.js");
-const require_utils = require("./utils-uDc1ofX1.cjs");
-require("./primitives/raised-surface.cjs.js");
-const require_scroll_area = require("./scroll-area-BP4gPZ4G.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_tool_presentation = require("./tool-presentation-D6nzVruN.cjs");
-const require_activity = require("./activity-CcQZeDYi.cjs");
 const require_components_Collapsible = require("./components/Collapsible.cjs.js");
 const require_components_DisclosureChevron = require("./components/DisclosureChevron.cjs.js");
-const require_MarkdownRenderer = require("./MarkdownRenderer-y65WGBhC.cjs");
-const require_domains_chat_components_badge_wrapper = require("./domains/chat/components/badge-wrapper.cjs.js");
-const require_DataKeysAndValues = require("./DataKeysAndValues-DsH6AbAo.cjs");
-const require_domains_traces_components_span_payload_span_payload_registry = require("./domains/traces/components/span-payload/span-payload-registry.cjs.js");
-const require_domains_traces_components_span_payload_span_payload_json = require("./domains/traces/components/span-payload/span-payload-json.cjs.js");
+const require_MarkdownRenderer = require("./MarkdownRenderer-CUYpmuPh.cjs");
+const require_scroll_area = require("./scroll-area-BU_TorPW.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+require("./primitives/raised-surface.cjs.js");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-payload-tool.tsx
 var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -214,4 +214,4 @@ Object.defineProperty(exports, "SpanToolNameValue", {
 	}
 });
 
-//# sourceMappingURL=span-payload-primitives-D4tHWN2W.cjs.map
+//# sourceMappingURL=span-payload-primitives-D2NWznGy.cjs.map