@persona/design-system 0.10.4 → 0.10.5

package/dist/components/BottomPanel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/BottomPanel/ResizeHandle.tsx","../../../components/BottomPanel/ResizableVerticalPanel.tsx","../../../components/BottomPanel/BottomPanel.tsx"],"sourcesContent":["import { type FC, type RefObject, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Spacing } from '@persona/design-tokens';\n\nconst DRAGGING_CLASSNAME = 'dragging';\n\ninterface ResizeHandleProps {\n  ariaLabel: string;\n  /** Fires on double-click or Enter/Space so the host can toggle/reset the size. */\n  onDoubleClick?: () => void;\n  /** Called on each pointer move with the new top edge position (clientY) in px. */\n  onMoveTo: (position: number) => void;\n  /** Called once when the drag ends (pointerup, cancel, or lost capture). */\n  onRelease?: () => void;\n  /** The panel being resized; its edge seeds the grab offset so the handle doesn't jump. */\n  panelRef: RefObject<HTMLDivElement>;\n}\n\n// The visible line is 2px tall on the panel's top border; the hitbox is Spacing[2] tall and\n// straddles that border so it is easy to grab without covering the header row's controls.\nconst ResizeHandleContainer = styled.div`\n  cursor: row-resize;\n  position: absolute;\n  height: ${Spacing[2]};\n  top: -${Spacing[1]};\n  left: 0;\n  right: 0;\n  z-index: ${Z_INDICES.dropdown};\n  touch-action: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: ${Spacing[1]};\n    left: 0;\n    right: 0;\n    height: 2px;\n    background-color: transparent;\n    transition: background-color 0.15s ease-in;\n    transition-delay: 0.025s;\n  }\n\n  &:hover::after,\n  &.${DRAGGING_CLASSNAME}::after {\n    background-color: ${({ theme }) => theme.color.border.active};\n  }\n`;\n\n/** Vertical resize handle pinned to the top edge of a bottom-anchored panel. */\nexport const ResizeHandle: FC<ResizeHandleProps> = ({\n  ariaLabel,\n  onDoubleClick,\n  onMoveTo,\n  onRelease,\n  panelRef,\n}) => {\n  const resizeHandleRef = useRef<HTMLDivElement>(null);\n  const panelOffsetRef = useRef(0);\n  const activePointerIdRef = useRef<number | null>(null);\n  const documentListenersRef = useRef<{\n    handleEnd: (event: PointerEvent) => void;\n    handleMove: (event: PointerEvent) => void;\n  } | null>(null);\n  // Document listeners are registered once per drag; reading the callbacks through\n  // refs keeps them on the latest props without re-registering mid-drag.\n  const onMoveToRef = useRef(onMoveTo);\n  const onReleaseRef = useRef(onRelease);\n  onMoveToRef.current = onMoveTo;\n  onReleaseRef.current = onRelease;\n\n  const removeDocumentListeners = () => {\n    const listeners = documentListenersRef.current;\n    if (!listeners) {\n      return;\n    }\n\n    document.removeEventListener('pointermove', listeners.handleMove);\n    document.removeEventListener('pointerup', listeners.handleEnd);\n    document.removeEventListener('pointercancel', listeners.handleEnd);\n    documentListenersRef.current = null;\n  };\n\n  // Pointer capture routes events through the handle (including over iframes), but\n  // some surfaces still drop pointerup. Document-level listeners during an active\n  // drag are the release safety net. Only the pointer that started the drag may\n  // move or end it.\n  const endDrag = (pointerId: number) => {\n    if (activePointerIdRef.current !== pointerId) {\n      return;\n    }\n\n    activePointerIdRef.current = null;\n    removeDocumentListeners();\n    try {\n      resizeHandleRef.current?.releasePointerCapture(pointerId);\n    } catch {\n      // No active capture (or unsupported, e.g. jsdom) — nothing to release.\n    }\n\n    resizeHandleRef.current?.classList.remove(DRAGGING_CLASSNAME);\n    panelOffsetRef.current = 0;\n    onReleaseRef.current?.();\n  };\n\n  const handleDocumentPointerMove = (event: PointerEvent) => {\n    if (activePointerIdRef.current !== event.pointerId) {\n      return;\n    }\n\n    onMoveToRef.current(event.clientY + panelOffsetRef.current);\n  };\n\n  const addDocumentListeners = () => {\n    removeDocumentListeners();\n\n    const listeners = {\n      handleEnd: (event: PointerEvent) => endDrag(event.pointerId),\n      handleMove: handleDocumentPointerMove,\n    };\n    documentListenersRef.current = listeners;\n    document.addEventListener('pointermove', listeners.handleMove);\n    document.addEventListener('pointerup', listeners.handleEnd);\n    document.addEventListener('pointercancel', listeners.handleEnd);\n  };\n\n  const endDragRef = useRef(endDrag);\n  endDragRef.current = endDrag;\n  useEffect(() => {\n    return () => {\n      const activePointerId = activePointerIdRef.current;\n      if (activePointerId != null) {\n        endDragRef.current(activePointerId);\n      }\n    };\n  }, []);\n\n  return (\n    <ResizeHandleContainer\n      aria-label={ariaLabel}\n      onDoubleClick={onDoubleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onDoubleClick?.();\n          e.preventDefault();\n        }\n      }}\n      onLostPointerCapture={(e) => endDrag(e.pointerId)}\n      onPointerCancel={(e) => endDrag(e.pointerId)}\n      onPointerDown={(e) => {\n        // Primary button / touch / pen only; ignore secondary and middle clicks,\n        // and a second pointer while a drag is already active.\n        if (e.button !== 0 || activePointerIdRef.current != null) {\n          return;\n        }\n        const panelRect = panelRef.current?.getBoundingClientRect();\n        panelOffsetRef.current = panelRect ? panelRect.top - e.clientY : 0;\n        activePointerIdRef.current = e.pointerId;\n        resizeHandleRef.current?.classList.add(DRAGGING_CLASSNAME);\n        addDocumentListeners();\n        try {\n          resizeHandleRef.current?.setPointerCapture(e.pointerId);\n        } catch {\n          // Pointer capture unsupported (e.g. jsdom) — document listeners still\n          // route move/up events for the duration of the drag.\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n      onPointerUp={(e) => endDrag(e.pointerId)}\n      ref={resizeHandleRef}\n      role='button'\n      tabIndex={0}\n    />\n  );\n};\n","import { type FC, type ReactNode, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport { PanelState, type ResizablePanelState } from '@persona/design-system/lib/useResizablePanel';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon, XIcon } from '@persona/icons';\nimport { semanticScrollbar } from 'design-system/mixins/scrollbar';\n\nimport { ResizeHandle } from './ResizeHandle';\n\ninterface ResizableVerticalPanelProps {\n  /** Panel body, rendered in the scrollable content area below the header. */\n  children: ReactNode;\n  /** Content for the header row, left of the maximize/minimize/close buttons. */\n  headerContent?: ReactNode;\n  /** State and drag/resize handlers from `useResizablePanel`. */\n  hookState: ResizablePanelState;\n  /** Minimum panel height in px. */\n  minHeight: number;\n}\n\nconst TriStatePanel = styled.div.attrs<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>(({ customHeight, minHeight, panelState }) => ({\n  style: {\n    height: panelState === PanelState.Maximized ? '100%' : `${customHeight ?? minHeight}px`,\n  },\n}))<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  background-color: ${({ theme }) => theme.color.background.primary};\n  position: relative;\n  min-height: ${({ minHeight }) => minHeight}px;\n  width: 100%;\n  border-top: 1px solid ${Color.BorderDivider};\n  z-index: ${Z_INDICES.topNav};\n`;\n\nconst TopRowContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  box-shadow: inset 0px -1px 0px 0px ${Color.BorderDivider};\n`;\n\nconst TopRightIconsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 ${Spacing[2]};\n  gap: ${Spacing[2]};\n  flex-direction: row;\n`;\n\nconst ContentContainer = styled.div`\n  /* offset by the top row container height */\n  height: calc(100% - ${Spacing[6]});\n  overflow: auto;\n  ${semanticScrollbar}\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n`;\n\n/**\n * Bottom-anchored panel with a drag-to-resize top edge, a header row, and\n * maximize/minimize/close controls.\n */\nexport const ResizableVerticalPanel: FC<ResizableVerticalPanelProps> = ({\n  children,\n  headerContent,\n  hookState,\n  minHeight,\n}) => {\n  const {\n    collapse,\n    handleDragMove: handlePanelDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  } = hookState;\n  const panelRef = useRef<HTMLDivElement>(null);\n  // Controls only make sense once the drawer is taller than its collapsed header.\n  const showControls = (size != null && size > minHeight) || panelState === PanelState.Maximized;\n  // Converts the dragged top edge (clientY) into a panel height bounded by the\n  // panel's container.\n  const handleDragMove = (clientY: number) => {\n    const panel = panelRef.current;\n    const container = panel?.parentElement;\n    if (!panel || !container) {\n      return;\n    }\n    const panelBottom = panel.getBoundingClientRect().bottom;\n    const containerTop = container.getBoundingClientRect().top;\n    handlePanelDragMove(panelBottom - clientY, panelBottom - containerTop);\n  };\n\n  return (\n    <TriStatePanel\n      aria-label='Bottom panel'\n      customHeight={size}\n      minHeight={minHeight}\n      panelState={panelState}\n      ref={panelRef}\n      role='region'\n    >\n      <ResizeHandle\n        ariaLabel='Drag to resize bottom panel'\n        onDoubleClick={toggleMaximized}\n        onMoveTo={handleDragMove}\n        onRelease={handleDragRelease}\n        panelRef={panelRef}\n      />\n\n      <TopRowContainer>\n        {headerContent}\n\n        {showControls && (\n          <TopRightIconsContainer>\n            {panelState === PanelState.Maximized ? (\n              <IconButton aria-label='Restore the bottom panel' onClick={restore} size='sm'>\n                <ArrowCollapseIcon />\n              </IconButton>\n            ) : (\n              <IconButton aria-label='Maximize the bottom panel' onClick={maximize} size='sm'>\n                <ArrowExpandIcon />\n              </IconButton>\n            )}\n            <IconButton aria-label='Close bottom panel' onClick={collapse} size='sm'>\n              <XIcon />\n            </IconButton>\n          </TopRightIconsContainer>\n        )}\n      </TopRowContainer>\n\n      <ContentContainer>{children}</ContentContainer>\n    </TriStatePanel>\n  );\n};\n","import {\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css } from 'styled-components';\n\nimport Badge from '@persona/design-system/components/Badge';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { PanelState, useResizablePanel } from '@persona/design-system/lib/useResizablePanel';\nimport { Spacing } from '@persona/design-tokens';\n\nimport { ResizableVerticalPanel } from './ResizableVerticalPanel';\n\n// One-pixel panel top border plus the 32px header row sets the collapsed drawer height.\nconst PANEL_MIN_HEIGHT = 33;\n// Where the drawer opens to when a collapsed tab is selected; the user can drag from there.\nconst OPEN_HEIGHT = 200;\n\nexport interface BottomPanelItemProps {\n  /** Tab text; also the key `openPanel(label)` looks up. Unique per BottomPanel. */\n  label: string;\n  /**\n   * Tab body. Every panel stays mounted while another tab is selected, so local\n   * state (scroll, expanded rows) survives a switch.\n   */\n  content: ReactNode;\n  /** Count shown as a badge on the tab. `0`/`undefined` hides it. */\n  badge?: number;\n}\n\nexport interface BottomPanelHandle {\n  /** Select the tab and expand the drawer if collapsed. No-op for an unknown label. */\n  openPanel: (label: string) => void;\n}\n\nexport interface BottomPanelProps {\n  /** Tabs to show, in order. */\n  panels: BottomPanelItemProps[];\n}\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  padding-left: ${Spacing[4]};\n`;\n\n// The header row draws the divider edge to edge; the tab bar must not add its own.\nconst HeaderTabBar = styled(TabBar)`\n  border-bottom: none;\n`;\n\nconst PanelContent = styled.div<{ $hidden: boolean }>`\n  ${({ $hidden }) =>\n    $hidden\n      ? css`\n          position: absolute;\n          inset: 0;\n          overflow: hidden;\n          visibility: hidden;\n          pointer-events: none;\n        `\n      : css`\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          min-height: 0;\n        `}\n`;\n\n/**\n * Resizable drawer anchored to the bottom of its container with one tab per\n * panel. Owns the tab bar, expand/collapse/resize, and always-mounted content;\n * the caller owns what each panel shows.\n */\nconst BottomPanel = forwardRef<BottomPanelHandle, BottomPanelProps>(function BottomPanel(\n  { panels },\n  ref,\n) {\n  const baseId = useId();\n  const [selected, setSelected] = useState<string | undefined>(panels[0]?.label);\n  // Falls back to the first panel when the selected label has left `panels`, and\n  // commits the fallback so the old label does not regain selection if it returns.\n  const hasSelected = panels.some((panel) => panel.label === selected);\n  const selectedLabel = hasSelected ? selected : panels[0]?.label;\n  useEffect(() => {\n    if (!hasSelected) {\n      setSelected(selectedLabel);\n    }\n  }, [hasSelected, selectedLabel]);\n\n  const resizablePanelState = useResizablePanel({\n    initialSize: PANEL_MIN_HEIGHT,\n    minSize: PANEL_MIN_HEIGHT,\n  });\n  const { expandTo, panelState, size } = resizablePanelState;\n\n  // Selecting a tab opens a collapsed drawer but leaves a maximized one as is.\n  const openPanel = useCallback(\n    (label: string) => {\n      if (panelState === PanelState.Drawer && (size == null || size <= PANEL_MIN_HEIGHT)) {\n        expandTo(OPEN_HEIGHT);\n      }\n      setSelected(label);\n    },\n    [expandTo, panelState, size],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      openPanel: (label: string) => {\n        if (panels.some((panel) => panel.label === label)) {\n          openPanel(label);\n        }\n      },\n    }),\n    [openPanel, panels],\n  );\n\n  return (\n    <ResizableVerticalPanel\n      headerContent={\n        <Header>\n          <HeaderTabBar>\n            {panels.map((panel, index) => (\n              <Tab\n                aria-controls={`${baseId}-panel-${index}`}\n                badge={panel.badge ? <Badge>{panel.badge}</Badge> : undefined}\n                id={`${baseId}-tab-${index}`}\n                key={panel.label}\n                onClick={() => openPanel(panel.label)}\n                selected={selectedLabel === panel.label}\n              >\n                {panel.label}\n              </Tab>\n            ))}\n          </HeaderTabBar>\n        </Header>\n      }\n      hookState={resizablePanelState}\n      minHeight={PANEL_MIN_HEIGHT}\n    >\n      {panels.map((panel, index) => {\n        const isSelected = selectedLabel === panel.label;\n        return (\n          <PanelContent\n            $hidden={!isSelected}\n            aria-hidden={!isSelected}\n            aria-labelledby={`${baseId}-tab-${index}`}\n            id={`${baseId}-panel-${index}`}\n            key={panel.label}\n            role='tabpanel'\n          >\n            {panel.content}\n          </PanelContent>\n        );\n      })}\n    </ResizableVerticalPanel>\n  );\n});\n\nexport default BottomPanel;\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/BottomPanel/ResizeHandle.tsx","../../../src/components/BottomPanel/ResizableVerticalPanel.tsx","../../../src/components/BottomPanel/BottomPanel.tsx"],"sourcesContent":["import { type FC, type RefObject, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Spacing } from '@persona/design-tokens';\n\nconst DRAGGING_CLASSNAME = 'dragging';\n\ninterface ResizeHandleProps {\n  ariaLabel: string;\n  /** Fires on double-click or Enter/Space so the host can toggle/reset the size. */\n  onDoubleClick?: () => void;\n  /** Called on each pointer move with the new top edge position (clientY) in px. */\n  onMoveTo: (position: number) => void;\n  /** Called once when the drag ends (pointerup, cancel, or lost capture). */\n  onRelease?: () => void;\n  /** The panel being resized; its edge seeds the grab offset so the handle doesn't jump. */\n  panelRef: RefObject<HTMLDivElement>;\n}\n\n// The visible line is 2px tall on the panel's top border; the hitbox is Spacing[2] tall and\n// straddles that border so it is easy to grab without covering the header row's controls.\nconst ResizeHandleContainer = styled.div`\n  cursor: row-resize;\n  position: absolute;\n  height: ${Spacing[2]};\n  top: -${Spacing[1]};\n  left: 0;\n  right: 0;\n  z-index: ${Z_INDICES.dropdown};\n  touch-action: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: ${Spacing[1]};\n    left: 0;\n    right: 0;\n    height: 2px;\n    background-color: transparent;\n    transition: background-color 0.15s ease-in;\n    transition-delay: 0.025s;\n  }\n\n  &:hover::after,\n  &.${DRAGGING_CLASSNAME}::after {\n    background-color: ${({ theme }) => theme.color.border.active};\n  }\n`;\n\n/** Vertical resize handle pinned to the top edge of a bottom-anchored panel. */\nexport const ResizeHandle: FC<ResizeHandleProps> = ({\n  ariaLabel,\n  onDoubleClick,\n  onMoveTo,\n  onRelease,\n  panelRef,\n}) => {\n  const resizeHandleRef = useRef<HTMLDivElement>(null);\n  const panelOffsetRef = useRef(0);\n  const activePointerIdRef = useRef<number | null>(null);\n  const documentListenersRef = useRef<{\n    handleEnd: (event: PointerEvent) => void;\n    handleMove: (event: PointerEvent) => void;\n  } | null>(null);\n  // Document listeners are registered once per drag; reading the callbacks through\n  // refs keeps them on the latest props without re-registering mid-drag.\n  const onMoveToRef = useRef(onMoveTo);\n  const onReleaseRef = useRef(onRelease);\n  onMoveToRef.current = onMoveTo;\n  onReleaseRef.current = onRelease;\n\n  const removeDocumentListeners = () => {\n    const listeners = documentListenersRef.current;\n    if (!listeners) {\n      return;\n    }\n\n    document.removeEventListener('pointermove', listeners.handleMove);\n    document.removeEventListener('pointerup', listeners.handleEnd);\n    document.removeEventListener('pointercancel', listeners.handleEnd);\n    documentListenersRef.current = null;\n  };\n\n  // Pointer capture routes events through the handle (including over iframes), but\n  // some surfaces still drop pointerup. Document-level listeners during an active\n  // drag are the release safety net. Only the pointer that started the drag may\n  // move or end it.\n  const endDrag = (pointerId: number) => {\n    if (activePointerIdRef.current !== pointerId) {\n      return;\n    }\n\n    activePointerIdRef.current = null;\n    removeDocumentListeners();\n    try {\n      resizeHandleRef.current?.releasePointerCapture(pointerId);\n    } catch {\n      // No active capture (or unsupported, e.g. jsdom) — nothing to release.\n    }\n\n    resizeHandleRef.current?.classList.remove(DRAGGING_CLASSNAME);\n    panelOffsetRef.current = 0;\n    onReleaseRef.current?.();\n  };\n\n  const handleDocumentPointerMove = (event: PointerEvent) => {\n    if (activePointerIdRef.current !== event.pointerId) {\n      return;\n    }\n\n    onMoveToRef.current(event.clientY + panelOffsetRef.current);\n  };\n\n  const addDocumentListeners = () => {\n    removeDocumentListeners();\n\n    const listeners = {\n      handleEnd: (event: PointerEvent) => endDrag(event.pointerId),\n      handleMove: handleDocumentPointerMove,\n    };\n    documentListenersRef.current = listeners;\n    document.addEventListener('pointermove', listeners.handleMove);\n    document.addEventListener('pointerup', listeners.handleEnd);\n    document.addEventListener('pointercancel', listeners.handleEnd);\n  };\n\n  const endDragRef = useRef(endDrag);\n  endDragRef.current = endDrag;\n  useEffect(() => {\n    return () => {\n      const activePointerId = activePointerIdRef.current;\n      if (activePointerId != null) {\n        endDragRef.current(activePointerId);\n      }\n    };\n  }, []);\n\n  return (\n    <ResizeHandleContainer\n      aria-label={ariaLabel}\n      onDoubleClick={onDoubleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onDoubleClick?.();\n          e.preventDefault();\n        }\n      }}\n      onLostPointerCapture={(e) => endDrag(e.pointerId)}\n      onPointerCancel={(e) => endDrag(e.pointerId)}\n      onPointerDown={(e) => {\n        // Primary button / touch / pen only; ignore secondary and middle clicks,\n        // and a second pointer while a drag is already active.\n        if (e.button !== 0 || activePointerIdRef.current != null) {\n          return;\n        }\n        const panelRect = panelRef.current?.getBoundingClientRect();\n        panelOffsetRef.current = panelRect ? panelRect.top - e.clientY : 0;\n        activePointerIdRef.current = e.pointerId;\n        resizeHandleRef.current?.classList.add(DRAGGING_CLASSNAME);\n        addDocumentListeners();\n        try {\n          resizeHandleRef.current?.setPointerCapture(e.pointerId);\n        } catch {\n          // Pointer capture unsupported (e.g. jsdom) — document listeners still\n          // route move/up events for the duration of the drag.\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n      onPointerUp={(e) => endDrag(e.pointerId)}\n      ref={resizeHandleRef}\n      role='button'\n      tabIndex={0}\n    />\n  );\n};\n","import { type FC, type ReactNode, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport { PanelState, type ResizablePanelState } from '@persona/design-system/lib/useResizablePanel';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon, XIcon } from '@persona/icons';\nimport { semanticScrollbar } from 'design-system/mixins/scrollbar';\n\nimport { ResizeHandle } from './ResizeHandle';\n\ninterface ResizableVerticalPanelProps {\n  /** Panel body, rendered in the scrollable content area below the header. */\n  children: ReactNode;\n  /** Content for the header row, left of the maximize/minimize/close buttons. */\n  headerContent?: ReactNode;\n  /** State and drag/resize handlers from `useResizablePanel`. */\n  hookState: ResizablePanelState;\n  /** Minimum panel height in px. */\n  minHeight: number;\n}\n\nconst TriStatePanel = styled.div.attrs<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>(({ customHeight, minHeight, panelState }) => ({\n  style: {\n    height: panelState === PanelState.Maximized ? '100%' : `${customHeight ?? minHeight}px`,\n  },\n}))<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  background-color: ${({ theme }) => theme.color.background.primary};\n  position: relative;\n  min-height: ${({ minHeight }) => minHeight}px;\n  width: 100%;\n  border-top: 1px solid ${Color.BorderDivider};\n  z-index: ${Z_INDICES.topNav};\n`;\n\nconst TopRowContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  box-shadow: inset 0px -1px 0px 0px ${Color.BorderDivider};\n`;\n\nconst TopRightIconsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 ${Spacing[2]};\n  gap: ${Spacing[2]};\n  flex-direction: row;\n`;\n\nconst ContentContainer = styled.div`\n  /* offset by the top row container height */\n  height: calc(100% - ${Spacing[6]});\n  overflow: auto;\n  ${semanticScrollbar}\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n`;\n\n/**\n * Bottom-anchored panel with a drag-to-resize top edge, a header row, and\n * maximize/minimize/close controls.\n */\nexport const ResizableVerticalPanel: FC<ResizableVerticalPanelProps> = ({\n  children,\n  headerContent,\n  hookState,\n  minHeight,\n}) => {\n  const {\n    collapse,\n    handleDragMove: handlePanelDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  } = hookState;\n  const panelRef = useRef<HTMLDivElement>(null);\n  // Controls only make sense once the drawer is taller than its collapsed header.\n  const showControls = (size != null && size > minHeight) || panelState === PanelState.Maximized;\n  // Converts the dragged top edge (clientY) into a panel height bounded by the\n  // panel's container.\n  const handleDragMove = (clientY: number) => {\n    const panel = panelRef.current;\n    const container = panel?.parentElement;\n    if (!panel || !container) {\n      return;\n    }\n    const panelBottom = panel.getBoundingClientRect().bottom;\n    const containerTop = container.getBoundingClientRect().top;\n    handlePanelDragMove(panelBottom - clientY, panelBottom - containerTop);\n  };\n\n  return (\n    <TriStatePanel\n      aria-label='Bottom panel'\n      customHeight={size}\n      minHeight={minHeight}\n      panelState={panelState}\n      ref={panelRef}\n      role='region'\n    >\n      <ResizeHandle\n        ariaLabel='Drag to resize bottom panel'\n        onDoubleClick={toggleMaximized}\n        onMoveTo={handleDragMove}\n        onRelease={handleDragRelease}\n        panelRef={panelRef}\n      />\n\n      <TopRowContainer>\n        {headerContent}\n\n        {showControls && (\n          <TopRightIconsContainer>\n            {panelState === PanelState.Maximized ? (\n              <IconButton aria-label='Restore the bottom panel' onClick={restore} size='sm'>\n                <ArrowCollapseIcon />\n              </IconButton>\n            ) : (\n              <IconButton aria-label='Maximize the bottom panel' onClick={maximize} size='sm'>\n                <ArrowExpandIcon />\n              </IconButton>\n            )}\n            <IconButton aria-label='Close bottom panel' onClick={collapse} size='sm'>\n              <XIcon />\n            </IconButton>\n          </TopRightIconsContainer>\n        )}\n      </TopRowContainer>\n\n      <ContentContainer>{children}</ContentContainer>\n    </TriStatePanel>\n  );\n};\n","import {\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css } from 'styled-components';\n\nimport Badge from '@persona/design-system/components/Badge';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { PanelState, useResizablePanel } from '@persona/design-system/lib/useResizablePanel';\nimport { Spacing } from '@persona/design-tokens';\n\nimport { ResizableVerticalPanel } from './ResizableVerticalPanel';\n\n// One-pixel panel top border plus the 32px header row sets the collapsed drawer height.\nconst PANEL_MIN_HEIGHT = 33;\n// Where the drawer opens to when a collapsed tab is selected; the user can drag from there.\nconst OPEN_HEIGHT = 200;\n\nexport interface BottomPanelItemProps {\n  /** Tab text; also the key `openPanel(label)` looks up. Unique per BottomPanel. */\n  label: string;\n  /**\n   * Tab body. Every panel stays mounted while another tab is selected, so local\n   * state (scroll, expanded rows) survives a switch.\n   */\n  content: ReactNode;\n  /** Count shown as a badge on the tab. `0`/`undefined` hides it. */\n  badge?: number;\n}\n\nexport interface BottomPanelHandle {\n  /** Select the tab and expand the drawer if collapsed. No-op for an unknown label. */\n  openPanel: (label: string) => void;\n}\n\nexport interface BottomPanelProps {\n  /** Tabs to show, in order. */\n  panels: BottomPanelItemProps[];\n}\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  padding-left: ${Spacing[4]};\n`;\n\n// The header row draws the divider edge to edge; the tab bar must not add its own.\nconst HeaderTabBar = styled(TabBar)`\n  border-bottom: none;\n`;\n\nconst PanelContent = styled.div<{ $hidden: boolean }>`\n  ${({ $hidden }) =>\n    $hidden\n      ? css`\n          position: absolute;\n          inset: 0;\n          overflow: hidden;\n          visibility: hidden;\n          pointer-events: none;\n        `\n      : css`\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          min-height: 0;\n        `}\n`;\n\n/**\n * Resizable drawer anchored to the bottom of its container with one tab per\n * panel. Owns the tab bar, expand/collapse/resize, and always-mounted content;\n * the caller owns what each panel shows.\n */\nconst BottomPanel = forwardRef<BottomPanelHandle, BottomPanelProps>(function BottomPanel(\n  { panels },\n  ref,\n) {\n  const baseId = useId();\n  const [selected, setSelected] = useState<string | undefined>(panels[0]?.label);\n  // Falls back to the first panel when the selected label has left `panels`, and\n  // commits the fallback so the old label does not regain selection if it returns.\n  const hasSelected = panels.some((panel) => panel.label === selected);\n  const selectedLabel = hasSelected ? selected : panels[0]?.label;\n  useEffect(() => {\n    if (!hasSelected) {\n      setSelected(selectedLabel);\n    }\n  }, [hasSelected, selectedLabel]);\n\n  const resizablePanelState = useResizablePanel({\n    initialSize: PANEL_MIN_HEIGHT,\n    minSize: PANEL_MIN_HEIGHT,\n  });\n  const { expandTo, panelState, size } = resizablePanelState;\n\n  // Selecting a tab opens a collapsed drawer but leaves a maximized one as is.\n  const openPanel = useCallback(\n    (label: string) => {\n      if (panelState === PanelState.Drawer && (size == null || size <= PANEL_MIN_HEIGHT)) {\n        expandTo(OPEN_HEIGHT);\n      }\n      setSelected(label);\n    },\n    [expandTo, panelState, size],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      openPanel: (label: string) => {\n        if (panels.some((panel) => panel.label === label)) {\n          openPanel(label);\n        }\n      },\n    }),\n    [openPanel, panels],\n  );\n\n  return (\n    <ResizableVerticalPanel\n      headerContent={\n        <Header>\n          <HeaderTabBar>\n            {panels.map((panel, index) => (\n              <Tab\n                aria-controls={`${baseId}-panel-${index}`}\n                badge={panel.badge ? <Badge>{panel.badge}</Badge> : undefined}\n                id={`${baseId}-tab-${index}`}\n                key={panel.label}\n                onClick={() => openPanel(panel.label)}\n                selected={selectedLabel === panel.label}\n              >\n                {panel.label}\n              </Tab>\n            ))}\n          </HeaderTabBar>\n        </Header>\n      }\n      hookState={resizablePanelState}\n      minHeight={PANEL_MIN_HEIGHT}\n    >\n      {panels.map((panel, index) => {\n        const isSelected = selectedLabel === panel.label;\n        return (\n          <PanelContent\n            $hidden={!isSelected}\n            aria-hidden={!isSelected}\n            aria-labelledby={`${baseId}-tab-${index}`}\n            id={`${baseId}-panel-${index}`}\n            key={panel.label}\n            role='tabpanel'\n          >\n            {panel.content}\n          </PanelContent>\n        );\n      })}\n    </ResizableVerticalPanel>\n  );\n});\n\nexport default BottomPanel;\n"],"mappings":"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"}

package/dist/components/Breadcrumbs/index.d.mts

@@ -1,2 +1,2 @@
-import { n as BreadcrumbsItemProps, r as BreadcrumbsProps, t as Breadcrumbs } from "../../Breadcrumbs-47jYLqNP.mjs";
+import { n as BreadcrumbsItemProps, r as BreadcrumbsProps, t as Breadcrumbs } from "../../Breadcrumbs-DRu_JfdI.mjs";
 export { Breadcrumbs, Breadcrumbs as default, BreadcrumbsItemProps, BreadcrumbsProps };

package/dist/components/Breadcrumbs/index.mjs

@@ -1,2 +1,2 @@
-import { t as Breadcrumbs } from "../../Breadcrumbs-gRAsKF4R.mjs";
+import { t as Breadcrumbs } from "../../Breadcrumbs-Dft2TR4v.mjs";
 export { Breadcrumbs, Breadcrumbs as default };

package/dist/components/Button/index.d.mts

@@ -1,3 +1,3 @@
-import { a as SuffixIconContainer, i as StyledButton, n as ButtonChildren, r as ButtonProps, t as Button } from "../../Button-CyjqQa5v.mjs";
-import { t as IconButton } from "../../IconButton-Bigvu1Q4.mjs";
+import { a as SuffixIconContainer, i as StyledButton, n as ButtonChildren, r as ButtonProps, t as Button } from "../../Button-Cg8KyT5M.mjs";
+import { t as IconButton } from "../../IconButton-KhCwTwPx.mjs";
 export { Button, Button as default, ButtonChildren, ButtonProps, IconButton, StyledButton, SuffixIconContainer };

package/dist/components/Button/index.mjs

@@ -1,2 +1,2 @@
-import { a as SuffixIconContainer, i as StyledButton, n as Button, r as ButtonChildren, t as IconButton } from "../../IconButton-HWx5Hlmi.mjs";
+import { a as SuffixIconContainer, i as StyledButton, n as Button, r as ButtonChildren, t as IconButton } from "../../IconButton-DftINsp7.mjs";
 export { Button, Button as default, ButtonChildren, IconButton, StyledButton, SuffixIconContainer };

package/dist/components/ButtonGroup/index.mjs

@@ -1,13 +1,13 @@
-import { a as styled, r as css } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { a as styled, r as css } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
 import { semanticOnly } from "../../lib/semanticColor.mjs";
 import { withAlpha } from "../../lib/color.mjs";
-import { o as buttonPalette, t as IconButton } from "../../IconButton-HWx5Hlmi.mjs";
-import { n as useFormField } from "../../useFormField-CbNYbDdp.mjs";
-import { BorderRadius } from "@persona/design-tokens";
+import { o as buttonPalette, t as IconButton } from "../../IconButton-DftINsp7.mjs";
+import { n as useFormField } from "../../useFormField-pOVkb5BK.mjs";
 import { forwardRef } from "react";
+import { BorderRadius } from "@persona/design-tokens";
 import { jsx } from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-//#region components/ButtonGroup/ButtonGroup.tsx
+//#region src/components/ButtonGroup/ButtonGroup.tsx
 const OptionItem = styled(IconButton)`
   display: flex;
   justify-content: center;

package/dist/components/ButtonGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type {\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n} from '@radix-ui/react-toggle-group';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius } from '@persona/design-tokens';\nimport IconButton from 'design-system/components/Button/IconButton';\nimport { buttonPalette } from 'design-system/components/Button/palette';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport { withAlpha } from 'design-system/lib/color';\nimport { semanticOnly } from 'design-system/lib/semanticColor';\n\nexport interface ButtonGroupProps {\n  id?: string;\n  className?: string;\n  fullWidth?: boolean;\n}\n\nconst OptionItem = styled(IconButton)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  border-radius: ${BorderRadius.Md};\n  width: 32px;\n  height: 32px;\n  background-color: ${({ theme }) => buttonPalette(theme, 'basic').default};\n  white-space: nowrap;\n\n  // radix-toggle-group adds a wrapping div to the options, so this is to\n  // make sure the content is always center-aligned\n  & > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-state='on'] {\n    background-color: ${({ theme }) => buttonPalette(theme, 'basic').active};\n  }\n\n  ${semanticOnly(\n    (tokens) => css`\n      &:disabled {\n        background-color: ${withAlpha(tokens.ActionNeutral, tokens.Opacity65)};\n      }\n    `,\n  )}\n\n  &:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  &[tabindex='0'] {\n    z-index: 1;\n  }\n`;\n\nconst ButtonGroupContainer = styled.div<{ fullWidth?: boolean }>`\n  display: inline-flex;\n  justify-content: space-between;\n  border-radius: 4px;\n  width: ${({ fullWidth }) => (fullWidth ? `100%` : `max-content`)};\n  gap: 1px;\n\n  > * {\n    ${({ fullWidth }) =>\n      fullWidth &&\n      css`\n        flex: 1;\n      `}\n  }\n`;\n\nexport const ButtonGroup = ({\n  children,\n  fullWidth,\n  ...props\n}: (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ButtonGroupProps) => {\n  const { disabled } = props;\n  const field = useFormField({ inputId: props.id, disabled });\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      disabled={field.disabled}\n      aria-describedby={field.helperTextId}\n      aria-errormessage={field.hasError ? field.helperTextId : undefined}\n      aria-invalid={field.hasError}\n    >\n      <ButtonGroupContainer fullWidth={fullWidth} {...props}>\n        {children}\n      </ButtonGroupContainer>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport default ButtonGroup;\n\nconst ButtonItem = forwardRef<HTMLButtonElement, ToggleGroupPrimitive.ToggleGroupItemProps>(\n  function ButtonItem(props: ToggleGroupPrimitive.ToggleGroupItemProps, forwardedRef) {\n    return <OptionItem ref={forwardedRef} {...props} />;\n  },\n);\n\nexport const ButtonGroupItem = forwardRef<\n  HTMLButtonElement,\n  ToggleGroupPrimitive.ToggleGroupItemProps\n>(function ButtonGroupItem({ children, ...props }, forwardedRef) {\n  return (\n    <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} asChild>\n      <ButtonItem {...props}>{children}</ButtonItem>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,aAAa,OAAO,WAAW;;;;;;mBAMlB,aAAa,GAAG;;;uBAGZ,EAAE,YAAY,cAAc,OAAO,QAAQ,CAAC,QAAQ;;;;;;;;;;;;yBAYlD,EAAE,YAAY,cAAc,OAAO,QAAQ,CAAC,OAAO;;;IAGxE,cACC,WAAW,GAAG;;4BAES,UAAU,OAAO,eAAe,OAAO,UAAU,CAAC;;MAG3E,CAAC;;;;;;;;;;;;;;;;;;;;AAqBJ,MAAM,uBAAuB,OAAO,GAA4B;;;;YAIpD,EAAE,gBAAiB,YAAY,SAAS,cAAe;;;;OAI5D,EAAE,gBACH,aACA,GAAG;;QAED;;;AAIR,MAAa,eAAe,EAC1B,UACA,WACA,GAAG,YACyE;CAC5E,MAAM,EAAE,aAAa;CACrB,MAAM,QAAQ,aAAa;EAAE,SAAS,MAAM;EAAI;EAAU,CAAC;AAE3D,QACE,oBAAC,qBAAqB,MAAtB;EACE,GAAI;EACJ,UAAU,MAAM;EAChB,oBAAkB,MAAM;EACxB,qBAAmB,MAAM,WAAW,MAAM,eAAe,KAAA;EACzD,gBAAc,MAAM;YAEpB,oBAAC,sBAAD;GAAiC;GAAW,GAAI;GAC7C;GACoB,CAAA;EACG,CAAA;;AAMhC,MAAM,aAAa,WACjB,SAAS,WAAW,OAAkD,cAAc;AAClF,QAAO,oBAAC,YAAD;EAAY,KAAK;EAAc,GAAI;EAAS,CAAA;EAEtD;AAED,MAAa,kBAAkB,WAG7B,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS,cAAc;AAC/D,QACE,oBAAC,qBAAqB,MAAtB;EAA2B,GAAI;EAAO,KAAK;EAAc,SAAA;YACvD,oBAAC,YAAD;GAAY,GAAI;GAAQ;GAAsB,CAAA;EACpB,CAAA;EAE9B"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type {\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n} from '@radix-ui/react-toggle-group';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius } from '@persona/design-tokens';\nimport IconButton from 'design-system/components/Button/IconButton';\nimport { buttonPalette } from 'design-system/components/Button/palette';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport { withAlpha } from 'design-system/lib/color';\nimport { semanticOnly } from 'design-system/lib/semanticColor';\n\nexport interface ButtonGroupProps {\n  id?: string;\n  className?: string;\n  fullWidth?: boolean;\n}\n\nconst OptionItem = styled(IconButton)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  border-radius: ${BorderRadius.Md};\n  width: 32px;\n  height: 32px;\n  background-color: ${({ theme }) => buttonPalette(theme, 'basic').default};\n  white-space: nowrap;\n\n  // radix-toggle-group adds a wrapping div to the options, so this is to\n  // make sure the content is always center-aligned\n  & > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-state='on'] {\n    background-color: ${({ theme }) => buttonPalette(theme, 'basic').active};\n  }\n\n  ${semanticOnly(\n    (tokens) => css`\n      &:disabled {\n        background-color: ${withAlpha(tokens.ActionNeutral, tokens.Opacity65)};\n      }\n    `,\n  )}\n\n  &:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  &[tabindex='0'] {\n    z-index: 1;\n  }\n`;\n\nconst ButtonGroupContainer = styled.div<{ fullWidth?: boolean }>`\n  display: inline-flex;\n  justify-content: space-between;\n  border-radius: 4px;\n  width: ${({ fullWidth }) => (fullWidth ? `100%` : `max-content`)};\n  gap: 1px;\n\n  > * {\n    ${({ fullWidth }) =>\n      fullWidth &&\n      css`\n        flex: 1;\n      `}\n  }\n`;\n\nexport const ButtonGroup = ({\n  children,\n  fullWidth,\n  ...props\n}: (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ButtonGroupProps) => {\n  const { disabled } = props;\n  const field = useFormField({ inputId: props.id, disabled });\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      disabled={field.disabled}\n      aria-describedby={field.helperTextId}\n      aria-errormessage={field.hasError ? field.helperTextId : undefined}\n      aria-invalid={field.hasError}\n    >\n      <ButtonGroupContainer fullWidth={fullWidth} {...props}>\n        {children}\n      </ButtonGroupContainer>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport default ButtonGroup;\n\nconst ButtonItem = forwardRef<HTMLButtonElement, ToggleGroupPrimitive.ToggleGroupItemProps>(\n  function ButtonItem(props: ToggleGroupPrimitive.ToggleGroupItemProps, forwardedRef) {\n    return <OptionItem ref={forwardedRef} {...props} />;\n  },\n);\n\nexport const ButtonGroupItem = forwardRef<\n  HTMLButtonElement,\n  ToggleGroupPrimitive.ToggleGroupItemProps\n>(function ButtonGroupItem({ children, ...props }, forwardedRef) {\n  return (\n    <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} asChild>\n      <ButtonItem {...props}>{children}</ButtonItem>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,aAAa,OAAO,WAAW;;;;;;mBAMlB,aAAa,GAAG;;;uBAGZ,EAAE,YAAY,cAAc,OAAO,QAAQ,CAAC,QAAQ;;;;;;;;;;;;yBAYlD,EAAE,YAAY,cAAc,OAAO,QAAQ,CAAC,OAAO;;;IAGxE,cACC,WAAW,GAAG;;4BAES,UAAU,OAAO,eAAe,OAAO,UAAU,CAAC;;MAG3E,CAAC;;;;;;;;;;;;;;;;;;;;AAqBJ,MAAM,uBAAuB,OAAO,GAA4B;;;;YAIpD,EAAE,gBAAiB,YAAY,SAAS,cAAe;;;;OAI5D,EAAE,gBACH,aACA,GAAG;;QAED;;;AAIR,MAAa,eAAe,EAC1B,UACA,WACA,GAAG,YACyE;CAC5E,MAAM,EAAE,aAAa;CACrB,MAAM,QAAQ,aAAa;EAAE,SAAS,MAAM;EAAI;EAAU,CAAC;AAE3D,QACE,oBAAC,qBAAqB,MAAtB;EACE,GAAI;EACJ,UAAU,MAAM;EAChB,oBAAkB,MAAM;EACxB,qBAAmB,MAAM,WAAW,MAAM,eAAe,KAAA;EACzD,gBAAc,MAAM;YAEpB,oBAAC,sBAAD;GAAiC;GAAW,GAAI;GAC7C;GACoB,CAAA;EACG,CAAA;;AAMhC,MAAM,aAAa,WACjB,SAAS,WAAW,OAAkD,cAAc;AAClF,QAAO,oBAAC,YAAD;EAAY,KAAK;EAAc,GAAI;EAAS,CAAA;EAEtD;AAED,MAAa,kBAAkB,WAG7B,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS,cAAc;AAC/D,QACE,oBAAC,qBAAqB,MAAtB;EAA2B,GAAI;EAAO,KAAK;EAAc,SAAA;YACvD,oBAAC,YAAD;GAAY,GAAI;GAAQ;GAAsB,CAAA;EACpB,CAAA;EAE9B"}

package/dist/components/Card/index.d.mts

@@ -1,3 +1,3 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "../../Header-ayDu4VWE.mjs";
-import { n as SectionProps, r as _default, t as CardProps } from "../../Card-CzRHVUFo.mjs";
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "../../Header-fwlbzxYx.mjs";
+import { n as SectionProps, r as _default, t as CardProps } from "../../Card-CfECLwQ6.mjs";
 export { ActionsContainer, CardProps, Header, HeaderContainer, HeaderProps, Root, SectionProps, Title, TitleContainer, _default as default };

package/dist/components/Card/index.mjs

@@ -1,2 +1,2 @@
-import { a as Root, i as HeaderContainer, n as ActionsContainer, o as Title, r as Header, s as TitleContainer, t as Card_default } from "../../Card-BXNxWX5C.mjs";
+import { a as Root, i as HeaderContainer, n as ActionsContainer, o as Title, r as Header, s as TitleContainer, t as Card_default } from "../../Card-DuQHyroh.mjs";
 export { ActionsContainer, Header, HeaderContainer, Root, Title, TitleContainer, Card_default as default };

package/dist/components/CardV2/index.d.mts

@@ -1,4 +1,4 @@
-import { i as TextAction, n as IconAction, r as MenuAction } from "../../Action-DT8WqfEg.mjs";
+import { i as TextAction, n as IconAction, r as MenuAction } from "../../Action-Bmo8B-Q3.mjs";
 import { CARD_HEADING_STICKY_OFFSET } from "../../SectionHeading.mjs";
 import _default from "../../Card2.mjs";
 export { CARD_HEADING_STICKY_OFFSET, _default as Card, _default as default, type IconAction, type MenuAction, type TextAction };

package/dist/components/CardV2/index.mjs

@@ -1,2 +1,2 @@
-import { n as CARD_HEADING_STICKY_OFFSET, t as Card_default } from "../../CardV2-Dp4eHSE-.mjs";
+import { n as CARD_HEADING_STICKY_OFFSET, t as Card_default } from "../../CardV2-BRJbRSts.mjs";
 export { CARD_HEADING_STICKY_OFFSET, Card_default as Card, Card_default as default };

package/dist/components/Checkbox/index.d.mts

@@ -1,2 +1,2 @@
-import { n as CheckboxProps, t as Checkbox } from "../../Checkbox-B2MZShdu.mjs";
+import { n as CheckboxProps, t as Checkbox } from "../../Checkbox-ZywrdT_h.mjs";
 export { Checkbox, Checkbox as default, CheckboxProps };

package/dist/components/Checkbox/index.mjs

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "../../Checkbox-BaJ-dGdX.mjs";
+import { t as Checkbox } from "../../Checkbox-Dr4LMKHV.mjs";
 export { Checkbox, Checkbox as default };

package/dist/components/CodeHighlight/PrismWithLanguages.mjs

@@ -1,5 +1,5 @@
 import { Prism } from "prism-react-renderer";
-//#region components/CodeHighlight/PrismWithLanguages.tsx
+//#region src/components/CodeHighlight/PrismWithLanguages.tsx
 Prism.languages.handlebars = {
 	comment: /\{\{![\s\S]*?\}\}/,
 	delimiter: {

package/dist/components/CodeHighlight/PrismWithLanguages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PrismWithLanguages.mjs","names":[],"sources":["../../../components/CodeHighlight/PrismWithLanguages.tsx"],"sourcesContent":["import { Prism } from 'prism-react-renderer';\n\nPrism.languages.handlebars = {\n  comment: /\\{\\{![\\s\\S]*?\\}\\}/,\n  delimiter: {\n    pattern: /^\\{\\{\\{?|\\}\\}\\}?$/,\n    alias: 'punctuation',\n  },\n  string: /([\"'])(?:\\\\.|(?!\\1)[^\\\\\\r\\n])*\\1/,\n  number: /\\b0x[\\dA-Fa-f]+\\b|(?:\\b\\d+(?:\\.\\d*)?|\\B\\.\\d+)(?:[Ee][+-]?\\d+)?/,\n  boolean: /\\b(?:false|true)\\b/,\n  block: {\n    pattern: /^(\\s*(?:~\\s*)?)[#/]\\S+?(?=\\s*(?:~\\s*)?$|\\s)/,\n    lookbehind: true,\n    alias: 'keyword',\n  },\n  brackets: {\n    pattern: /\\[[^\\]]+\\]/,\n    inside: {\n      punctuation: /\\[|\\]/,\n      variable: /[\\s\\S]+/,\n    },\n  },\n  punctuation: /[!\"#%&':()*+,./;<=>@[\\\\\\]^`{|}~]/,\n  variable: /[^!\"#%&'()*+,/;<=>@[\\\\\\]^`{|}~\\s]+/,\n};\n\n// Fallback only: a build that bundles the real bash grammar keeps it. String precedes comment so\n// that a `#` inside quotes stays part of the string.\nPrism.languages.bash ??= {\n  string: /([\"'])(?:\\\\[\\s\\S]|(?!\\1)[^\\\\])*\\1/,\n  comment: {\n    pattern: /(^|[^\"{\\\\$])#.*/,\n    lookbehind: true,\n  },\n  variable: /\\$(?:[\\w#?*!@-]+|\\{[^}]*\\})/,\n  function: {\n    pattern: /(^|[|&;]\\s*)[\\w./-]+/,\n    lookbehind: true,\n  },\n  operator: /\\|\\||&&|\\d?>>?|<<[-<]?|[|&<>]/,\n  number: /\\b\\d+\\b/,\n  punctuation: /[{}[\\];()]/,\n};\n\nPrism.languages.shell ??= Prism.languages.bash;\n\nPrism.languages.mustache = Prism.languages.handlebars;\n\nexport default Prism;\n"],"mappings":";;AAEA,MAAM,UAAU,aAAa;CAC3B,SAAS;CACT,WAAW;EACT,SAAS;EACT,OAAO;EACR;CACD,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,OAAO;EACL,SAAS;EACT,YAAY;EACZ,OAAO;EACR;CACD,UAAU;EACR,SAAS;EACT,QAAQ;GACN,aAAa;GACb,UAAU;GACX;EACF;CACD,aAAa;CACb,UAAU;CACX;AAID,MAAM,UAAU,SAAS;CACvB,QAAQ;CACR,SAAS;EACP,SAAS;EACT,YAAY;EACb;CACD,UAAU;CACV,UAAU;EACR,SAAS;EACT,YAAY;EACb;CACD,UAAU;CACV,QAAQ;CACR,aAAa;CACd;AAED,MAAM,UAAU,UAAU,MAAM,UAAU;AAE1C,MAAM,UAAU,WAAW,MAAM,UAAU;AAE3C,IAAA,6BAAe"}
+{"version":3,"file":"PrismWithLanguages.mjs","names":[],"sources":["../../../src/components/CodeHighlight/PrismWithLanguages.tsx"],"sourcesContent":["import { Prism } from 'prism-react-renderer';\n\nPrism.languages.handlebars = {\n  comment: /\\{\\{![\\s\\S]*?\\}\\}/,\n  delimiter: {\n    pattern: /^\\{\\{\\{?|\\}\\}\\}?$/,\n    alias: 'punctuation',\n  },\n  string: /([\"'])(?:\\\\.|(?!\\1)[^\\\\\\r\\n])*\\1/,\n  number: /\\b0x[\\dA-Fa-f]+\\b|(?:\\b\\d+(?:\\.\\d*)?|\\B\\.\\d+)(?:[Ee][+-]?\\d+)?/,\n  boolean: /\\b(?:false|true)\\b/,\n  block: {\n    pattern: /^(\\s*(?:~\\s*)?)[#/]\\S+?(?=\\s*(?:~\\s*)?$|\\s)/,\n    lookbehind: true,\n    alias: 'keyword',\n  },\n  brackets: {\n    pattern: /\\[[^\\]]+\\]/,\n    inside: {\n      punctuation: /\\[|\\]/,\n      variable: /[\\s\\S]+/,\n    },\n  },\n  punctuation: /[!\"#%&':()*+,./;<=>@[\\\\\\]^`{|}~]/,\n  variable: /[^!\"#%&'()*+,/;<=>@[\\\\\\]^`{|}~\\s]+/,\n};\n\n// Fallback only: a build that bundles the real bash grammar keeps it. String precedes comment so\n// that a `#` inside quotes stays part of the string.\nPrism.languages.bash ??= {\n  string: /([\"'])(?:\\\\[\\s\\S]|(?!\\1)[^\\\\])*\\1/,\n  comment: {\n    pattern: /(^|[^\"{\\\\$])#.*/,\n    lookbehind: true,\n  },\n  variable: /\\$(?:[\\w#?*!@-]+|\\{[^}]*\\})/,\n  function: {\n    pattern: /(^|[|&;]\\s*)[\\w./-]+/,\n    lookbehind: true,\n  },\n  operator: /\\|\\||&&|\\d?>>?|<<[-<]?|[|&<>]/,\n  number: /\\b\\d+\\b/,\n  punctuation: /[{}[\\];()]/,\n};\n\nPrism.languages.shell ??= Prism.languages.bash;\n\nPrism.languages.mustache = Prism.languages.handlebars;\n\nexport default Prism;\n"],"mappings":";;AAEA,MAAM,UAAU,aAAa;CAC3B,SAAS;CACT,WAAW;EACT,SAAS;EACT,OAAO;EACR;CACD,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,OAAO;EACL,SAAS;EACT,YAAY;EACZ,OAAO;EACR;CACD,UAAU;EACR,SAAS;EACT,QAAQ;GACN,aAAa;GACb,UAAU;GACX;EACF;CACD,aAAa;CACb,UAAU;CACX;AAID,MAAM,UAAU,SAAS;CACvB,QAAQ;CACR,SAAS;EACP,SAAS;EACT,YAAY;EACb;CACD,UAAU;CACV,UAAU;EACR,SAAS;EACT,YAAY;EACb;CACD,UAAU;CACV,QAAQ;CACR,aAAa;CACd;AAED,MAAM,UAAU,UAAU,MAAM,UAAU;AAE1C,MAAM,UAAU,WAAW,MAAM,UAAU;AAE3C,IAAA,6BAAe"}

package/dist/components/CodeHighlight/index.mjs

@@ -1,18 +1,18 @@
-import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
-import { t as useToggle } from "../../useToggle-DRzCDqrc.mjs";
+import { a as styled } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
+import { t as useToggle } from "../../useToggle-1z8JE7Ym.mjs";
 import { Z_INDICES } from "../../lib/zindex.mjs";
 import { focusOutline } from "../../mixins/focus.mjs";
 import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
-import { n as Button } from "../../IconButton-HWx5Hlmi.mjs";
+import { n as Button } from "../../IconButton-DftINsp7.mjs";
 import PrismWithLanguages_default from "./PrismWithLanguages.mjs";
-import { Color, Spacing } from "@persona/design-tokens";
 import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
 import { ArrowCollapseIcon, ArrowExpandIcon } from "@persona/icons";
 import { ChevronDownIcon as ChevronDownIcon$1, ChevronRightIcon as ChevronRightIcon$1 } from "@persona/icons/12px";
 import { Highlight, themes } from "prism-react-renderer";
-//#region components/CodeHighlight/CodeHighlight.tsx
+//#region src/components/CodeHighlight/CodeHighlight.tsx
 const LINE_HEIGHT = 1.5;
 const Wrapper = styled.div`
   font-family: ${({ theme }) => theme.text.fontFamily.mono};
@@ -375,7 +375,7 @@ const THEME = {
 	]
 };
 //#endregion
-//#region components/CodeHighlight/index.ts
+//#region src/components/CodeHighlight/index.ts
 var CodeHighlight_default = CodeHighlight;
 //#endregion
 export { CodeHighlight_default as default };

package/dist/components/CodeHighlight/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Prism","ChevronRightIcon","ChevronDownIcon"],"sources":["../../../components/CodeHighlight/CodeHighlight.tsx","../../../components/CodeHighlight/index.ts"],"sourcesContent":["import { Highlight, type Language, type PrismTheme, themes } from 'prism-react-renderer';\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon } from '@persona/icons';\nimport { ChevronDownIcon, ChevronRightIcon } from '@persona/icons/12px';\nimport useToggle from 'design-system/lib/useToggle';\nimport { semanticScrollbar } from 'design-system/mixins/scrollbar';\n\nimport Prism from './PrismWithLanguages';\n\nconst LINE_HEIGHT = 1.5;\n\nexport const Wrapper = styled.div`\n  font-family: ${({ theme }) => theme.text.fontFamily.mono};\n  font-size: ${({ theme }) => theme.text.paragraph.sm.fontSize};\n  line-height: ${LINE_HEIGHT};\n  text-align: center;\n  position: relative;\n`;\n\nexport const ExpandButtonContainer = styled.div`\n  position: absolute;\n  top: ${Spacing[2]};\n  right: ${Spacing[4]};\n  display: flex;\n  gap: ${Spacing[1]};\n  z-index: ${Z_INDICES.withShadow};\n`;\n\nexport const CollapseTriangle = styled.button<{ $isCollapsed: boolean }>`\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  margin-right: ${Spacing[1]};\n  color: ${Color.TextSecondary};\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover {\n    color: ${Color.TextActive};\n  }\n\n  ${focusOutline}\n`;\n\nexport const Pre = styled.pre<{ expanded: boolean; rowsToShow?: number }>`\n  max-height: ${({ theme, expanded, rowsToShow }) => {\n    if (expanded || rowsToShow == null) {\n      return 'unset';\n    }\n\n    const charHeight = parseFloat(theme.text.paragraph.sm.fontSize);\n    const rowHeight = charHeight * LINE_HEIGHT;\n    const marginHeight = charHeight * 2; // margin is 1rem\n    // Row height + top/bottom padding\n    return `${rowsToShow * rowHeight + marginHeight}px`;\n  }};\n\n  border-radius: ${({ theme }) => theme.element.borderRadius};\n  font-family: inherit;\n  text-align: left;\n  padding: 1rem; // Custom padding to match typical code block formatting\n  overflow: auto;\n  ${semanticScrollbar}\n\n  a {\n    /* overwrite dashboard global styles */\n    font-size: inherit;\n    line-height: inherit;\n    text-decoration: underline;\n  }\n`;\n\nexport const Line = styled.div`\n  display: table-row;\n`;\n\nexport const LineNo = styled.span`\n  display: table-cell;\n  text-align: right;\n  padding-right: 1rem; // Custom padding for line number gutter spacing\n  user-select: none;\n  opacity: 0.5;\n`;\n\nexport const LineContent = styled.span`\n  display: table-cell;\n`;\n\nexport const IndentSpacer = styled.span`\n  display: inline-block;\n  width: 16px; // Match collapse triangle icon (12px) + margin (4px) for alignment\n`;\n\nexport const CollapsedItemCount = styled.span`\n  color: ${Color.TextSecondary};\n`;\n\n// mirrored from lib -- not exported\ntype Token = {\n  types: string[];\n  content: string;\n  empty?: boolean;\n};\n\ntype CollapsibleRegion = {\n  startLine: number;\n  endLine: number;\n  type: 'object' | 'array';\n  itemCount: number;\n};\n\n// Analyzes JSON structure from Prism tokens to find collapsible regions\n// This correctly handles brackets/braces inside strings by using tokenization\nconst analyzeJsonStructure = (\n  tokens: Token[][],\n  jsonString: string,\n): Map<number, CollapsibleRegion> => {\n  const collapsibleRegions = new Map<number, CollapsibleRegion>();\n\n  try {\n    // Validate JSON is parseable\n    const parsed = JSON.parse(jsonString);\n\n    // Use a stack to track opening brackets/braces with their line numbers\n    const stack: Array<{ line: number; char: '{' | '['; depth: number }> = [];\n    let depth = 0;\n\n    tokens.forEach((line, lineNum) => {\n      line.forEach((token) => {\n        // Only process punctuation tokens (not strings)\n        if (token.types.includes('punctuation')) {\n          if (token.content === '{' || token.content === '[') {\n            stack.push({ line: lineNum, char: token.content, depth });\n            depth++;\n          } else if (token.content === '}' || token.content === ']') {\n            depth--;\n            const opening = stack.pop();\n\n            if (opening && opening.line < lineNum) {\n              // This is a multi-line object/array\n              const startLine = opening.line;\n              const endLine = lineNum;\n\n              // Skip root-level (depth 0) regions\n              if (opening.depth === 0) {\n                return;\n              }\n\n              // Count items in this region\n              const itemCount = countItemsInRegion(\n                parsed,\n                tokens,\n                startLine,\n                endLine,\n                opening.char,\n              );\n\n              // Only add regions with items (skip empty objects/arrays)\n              if (itemCount > 0) {\n                collapsibleRegions.set(startLine, {\n                  startLine,\n                  endLine,\n                  type: opening.char === '{' ? 'object' : 'array',\n                  itemCount,\n                });\n              }\n            }\n          }\n        }\n      });\n    });\n  } catch {\n    // If JSON is invalid, return empty map\n    return new Map();\n  }\n\n  return collapsibleRegions;\n};\n\n// Count items in a collapsible region by counting commas at the same depth\nconst countItemsInRegion = (\n  _parsed: unknown,\n  tokens: Token[][],\n  startLine: number,\n  endLine: number,\n  openChar: '{' | '[',\n): number => {\n  let itemCount = 0;\n  let depth = 0;\n\n  // Iterate through lines in the region\n  for (let i = startLine; i <= endLine; i++) {\n    tokens[i]?.forEach((token) => {\n      if (!token.types.includes('punctuation')) {\n        return;\n      }\n\n      // Track depth\n      if (token.content === openChar) {\n        depth++;\n      } else if (token.content === (openChar === '{' ? '}' : ']')) {\n        depth--;\n      }\n\n      // Count commas at depth 1 (immediate children)\n      if (token.content === ',' && depth === 1) {\n        itemCount++;\n      }\n    });\n  }\n\n  // Items = commas + 1 (if any content exists)\n  return itemCount > 0 ? itemCount + 1 : 0;\n};\n\ninterface CodeHighlightProps {\n  id?: string;\n  children: string;\n  language?: Language;\n  rowsToShow?: number;\n  light?: boolean;\n  className?: string;\n  resolveEntityLink?: (token: string) => string | undefined;\n}\n\nconst CodeHighlight = ({\n  id,\n  children = '',\n  language = 'markup',\n  rowsToShow,\n  light = false,\n  className,\n  resolveEntityLink,\n}: CodeHighlightProps) => {\n  const [expanded, { toggle: toggleExpanded }] = useToggle();\n  const rowCount = useMemo(() => children.match(/\\n/g)?.length ?? 0, [children]);\n\n  // JSON folding state\n  const [collapsedLines, setCollapsedLines] = useState<Set<number>>(new Set());\n  const [hasCollapsibleRegions, setHasCollapsibleRegions] = useState(false);\n  const collapsibleRegionsRef = useRef<Map<number, CollapsibleRegion>>(new Map());\n\n  // Sync hasCollapsibleRegions state from ref after render (avoids state update during render)\n  useLayoutEffect(() => {\n    if (language !== 'json') {\n      if (hasCollapsibleRegions) {\n        setHasCollapsibleRegions(false);\n      }\n      return;\n    }\n\n    const hasRegions = collapsibleRegionsRef.current.size > 0;\n    if (hasRegions !== hasCollapsibleRegions) {\n      setHasCollapsibleRegions(hasRegions);\n    }\n  });\n\n  const toggleLineCollapse = useCallback(\n    (lineNumber: number, event?: React.KeyboardEvent | React.MouseEvent) => {\n      // Prevent default if it's a keyboard event to avoid page scrolling\n      if (event && 'key' in event) {\n        event.preventDefault();\n      }\n\n      setCollapsedLines((prev) => {\n        const next = new Set(prev);\n        if (next.has(lineNumber)) {\n          next.delete(lineNumber);\n        } else {\n          next.add(lineNumber);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const collapseAll = useCallback(() => {\n    setCollapsedLines(new Set(collapsibleRegionsRef.current.keys()));\n  }, []);\n\n  const expandAll = useCallback(() => {\n    setCollapsedLines(new Set());\n  }, []);\n\n  const allowExpanding = rowsToShow != null && rowsToShow < rowCount;\n\n  return (\n    <Wrapper className={className}>\n      {(allowExpanding || hasCollapsibleRegions) && (\n        <ExpandButtonContainer>\n          {hasCollapsibleRegions && (\n            <>\n              <Button\n                id={`code-highlight__${id}__collapse-all`}\n                size='sm'\n                variant='inverse'\n                onClick={collapseAll}\n                aria-label='Collapse all JSON regions'\n                data-test='code-highlight__collapse-all'\n              >\n                Collapse All\n              </Button>\n              <Button\n                id={`code-highlight__${id}__expand-all`}\n                size='sm'\n                variant='inverse'\n                onClick={expandAll}\n                aria-label='Expand all JSON regions'\n                data-test='code-highlight__expand-all'\n              >\n                Expand All\n              </Button>\n            </>\n          )}\n          {allowExpanding && (\n            <Button\n              id={`code-highlight__${id}__expand-button`}\n              size='sm'\n              width='icon'\n              onClick={toggleExpanded}\n              variant='inverse'\n              data-test='code-highlight__expand'\n            >\n              {expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n            </Button>\n          )}\n        </ExpandButtonContainer>\n      )}\n      <Highlight\n        data-test='code-highlight'\n        theme={light ? themes.nightOwlLight : THEME}\n        code={children}\n        prism={Prism}\n        language={language}\n      >\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          // Compute collapsible regions from tokens (only for JSON)\n          const collapsibleRegions =\n            language === 'json' ? analyzeJsonStructure(tokens, children) : new Map();\n\n          // Update ref (state will be synced in useLayoutEffect)\n          collapsibleRegionsRef.current = collapsibleRegions;\n\n          const isJsonFoldingEnabled = collapsibleRegions.size > 0;\n\n          // Determine which lines should be hidden based on collapsed state\n          const hiddenLines = new Set<number>();\n          collapsedLines.forEach((collapsedLine) => {\n            const region = collapsibleRegions.get(collapsedLine);\n            if (region) {\n              // Hide all lines between start and end (exclusive)\n              for (let i = region.startLine + 1; i <= region.endLine; i++) {\n                hiddenLines.add(i);\n              }\n            }\n          });\n\n          return (\n            <Pre\n              className={className}\n              style={style}\n              data-test={id}\n              expanded={expanded}\n              rowsToShow={rowsToShow}\n            >\n              {tokens.map((line, i) => {\n                // Skip hidden lines\n                if (hiddenLines.has(i)) {\n                  return null;\n                }\n\n                const region = collapsibleRegions.get(i);\n                const isCollapsed = collapsedLines.has(i);\n                const isCollapsible = region != null;\n\n                return (\n                  <Line key={i} {...getLineProps({ line, key: i })}>\n                    <LineNo>{i + 1}</LineNo>\n                    <LineContent>\n                      {isCollapsible && (\n                        <CollapseTriangle\n                          $isCollapsed={isCollapsed}\n                          onClick={(e) => toggleLineCollapse(i, e)}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              toggleLineCollapse(i, e);\n                            }\n                          }}\n                          aria-expanded={!isCollapsed}\n                          aria-label={`${isCollapsed ? 'Expand' : 'Collapse'} JSON ${region?.type} with ${region?.itemCount} items`}\n                          type='button'\n                          tabIndex={0}\n                          data-test={`code-highlight__collapse-toggle__${i}`}\n                        >\n                          {isCollapsed ? <ChevronRightIcon /> : <ChevronDownIcon />}\n                        </CollapseTriangle>\n                      )}\n                      {!isCollapsible && isJsonFoldingEnabled && <IndentSpacer />}\n                      {isCollapsed && region ? (\n                        // Render collapsed representation\n                        <>\n                          {line.map((token, key) => {\n                            const tokenProps = getTokenProps({ token, key });\n                            // Only render up to the opening bracket\n                            if (token.content === '{' || token.content === '[') {\n                              return (\n                                <span key={key}>\n                                  <span {...tokenProps} />\n                                  <CollapsedItemCount>\n                                    {` ${region.itemCount} ${region.itemCount === 1 ? 'item' : 'items'} `}\n                                  </CollapsedItemCount>\n                                  <span {...tokenProps}>\n                                    {region.type === 'object' ? '}' : ']'}\n                                  </span>\n                                </span>\n                              );\n                            }\n                            // Render tokens before the bracket\n                            return <span key={key} {...tokenProps} />;\n                          })}\n                        </>\n                      ) : (\n                        // Render normal line\n                        <>\n                          {line.map((token, key) => {\n                            const tokenProps = getTokenProps({ token, key });\n                            const tokenLink =\n                              resolveEntityLink != null && token.types[0] === 'string'\n                                ? resolveEntityLink(\n                                    token.content.slice(1, token.content.length - 1),\n                                  )\n                                : undefined;\n\n                            return tokenLink != null ? (\n                              <span {...tokenProps}>\n                                &quot;\n                                <Link to={tokenLink} {...tokenProps}>\n                                  {tokenProps.children.slice(1, tokenProps.children.length - 1)}\n                                </Link>\n                                &quot;\n                              </span>\n                            ) : (\n                              <span key={key} {...tokenProps} />\n                            );\n                          })}\n                        </>\n                      )}\n                    </LineContent>\n                  </Line>\n                );\n              })}\n            </Pre>\n          );\n        }}\n      </Highlight>\n    </Wrapper>\n  );\n};\n\nexport default CodeHighlight;\n\n// Based off of https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/duotoneDark.js\n// NOTE: This theme uses hardcoded hex colors instead of design tokens because it's a specialized\n// syntax highlighting theme for the prism-react-renderer library. The colors are carefully chosen\n// for code readability and are not semantic UI colors from our design system.\nconst THEME: PrismTheme = {\n  plain: {\n    backgroundColor: '#161320', // edited\n    color: '#9a86fd',\n  },\n  styles: [\n    {\n      types: ['comment', 'prolog', 'doctype', 'cdata', 'punctuation'],\n      style: {\n        color: '#6c6783',\n      },\n    },\n    {\n      types: ['namespace'],\n      style: {\n        opacity: 0.7,\n      },\n    },\n    {\n      types: ['tag', 'operator', 'number', 'keyword'],\n      style: {\n        color: '#e09142',\n        fontWeight: 'bold', // added for more contrast\n      },\n    },\n    {\n      types: ['property', 'function'],\n      style: {\n        color: '#9a86fd',\n      },\n    },\n    {\n      types: ['tag-id', 'selector', 'atrule-id'],\n      style: {\n        color: '#eeebff',\n      },\n    },\n    {\n      types: ['attr-name'],\n      style: {\n        color: '#c4b9fe',\n      },\n    },\n    {\n      types: [\n        'boolean',\n        'string',\n        'entity',\n        'url',\n        'attr-value',\n        'control',\n        'directive',\n        'unit',\n        'statement',\n        'regex',\n        'at-rule',\n        'placeholder',\n        'variable',\n      ],\n      style: {\n        color: '#ffcc99',\n      },\n    },\n    {\n      types: ['deleted'],\n      style: {\n        textDecorationLine: 'line-through',\n      },\n    },\n    {\n      types: ['inserted'],\n      style: {\n        textDecorationLine: 'underline',\n      },\n    },\n    {\n      types: ['italic'],\n      style: {\n        fontStyle: 'italic',\n      },\n    },\n    {\n      types: ['important', 'bold'],\n      style: {\n        fontWeight: 'bold',\n      },\n    },\n    {\n      types: ['important'],\n      style: {\n        color: '#c4b9fe',\n      },\n    },\n  ],\n};\n","import CodeHighlight from './CodeHighlight';\n\nexport default CodeHighlight;\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["Prism","ChevronRightIcon","ChevronDownIcon"],"sources":["../../../src/components/CodeHighlight/CodeHighlight.tsx","../../../src/components/CodeHighlight/index.ts"],"sourcesContent":["import { Highlight, type Language, type PrismTheme, themes } from 'prism-react-renderer';\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon } from '@persona/icons';\nimport { ChevronDownIcon, ChevronRightIcon } from '@persona/icons/12px';\nimport useToggle from 'design-system/lib/useToggle';\nimport { semanticScrollbar } from 'design-system/mixins/scrollbar';\n\nimport Prism from './PrismWithLanguages';\n\nconst LINE_HEIGHT = 1.5;\n\nexport const Wrapper = styled.div`\n  font-family: ${({ theme }) => theme.text.fontFamily.mono};\n  font-size: ${({ theme }) => theme.text.paragraph.sm.fontSize};\n  line-height: ${LINE_HEIGHT};\n  text-align: center;\n  position: relative;\n`;\n\nexport const ExpandButtonContainer = styled.div`\n  position: absolute;\n  top: ${Spacing[2]};\n  right: ${Spacing[4]};\n  display: flex;\n  gap: ${Spacing[1]};\n  z-index: ${Z_INDICES.withShadow};\n`;\n\nexport const CollapseTriangle = styled.button<{ $isCollapsed: boolean }>`\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  margin-right: ${Spacing[1]};\n  color: ${Color.TextSecondary};\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover {\n    color: ${Color.TextActive};\n  }\n\n  ${focusOutline}\n`;\n\nexport const Pre = styled.pre<{ expanded: boolean; rowsToShow?: number }>`\n  max-height: ${({ theme, expanded, rowsToShow }) => {\n    if (expanded || rowsToShow == null) {\n      return 'unset';\n    }\n\n    const charHeight = parseFloat(theme.text.paragraph.sm.fontSize);\n    const rowHeight = charHeight * LINE_HEIGHT;\n    const marginHeight = charHeight * 2; // margin is 1rem\n    // Row height + top/bottom padding\n    return `${rowsToShow * rowHeight + marginHeight}px`;\n  }};\n\n  border-radius: ${({ theme }) => theme.element.borderRadius};\n  font-family: inherit;\n  text-align: left;\n  padding: 1rem; // Custom padding to match typical code block formatting\n  overflow: auto;\n  ${semanticScrollbar}\n\n  a {\n    /* overwrite dashboard global styles */\n    font-size: inherit;\n    line-height: inherit;\n    text-decoration: underline;\n  }\n`;\n\nexport const Line = styled.div`\n  display: table-row;\n`;\n\nexport const LineNo = styled.span`\n  display: table-cell;\n  text-align: right;\n  padding-right: 1rem; // Custom padding for line number gutter spacing\n  user-select: none;\n  opacity: 0.5;\n`;\n\nexport const LineContent = styled.span`\n  display: table-cell;\n`;\n\nexport const IndentSpacer = styled.span`\n  display: inline-block;\n  width: 16px; // Match collapse triangle icon (12px) + margin (4px) for alignment\n`;\n\nexport const CollapsedItemCount = styled.span`\n  color: ${Color.TextSecondary};\n`;\n\n// mirrored from lib -- not exported\ntype Token = {\n  types: string[];\n  content: string;\n  empty?: boolean;\n};\n\ntype CollapsibleRegion = {\n  startLine: number;\n  endLine: number;\n  type: 'object' | 'array';\n  itemCount: number;\n};\n\n// Analyzes JSON structure from Prism tokens to find collapsible regions\n// This correctly handles brackets/braces inside strings by using tokenization\nconst analyzeJsonStructure = (\n  tokens: Token[][],\n  jsonString: string,\n): Map<number, CollapsibleRegion> => {\n  const collapsibleRegions = new Map<number, CollapsibleRegion>();\n\n  try {\n    // Validate JSON is parseable\n    const parsed = JSON.parse(jsonString);\n\n    // Use a stack to track opening brackets/braces with their line numbers\n    const stack: Array<{ line: number; char: '{' | '['; depth: number }> = [];\n    let depth = 0;\n\n    tokens.forEach((line, lineNum) => {\n      line.forEach((token) => {\n        // Only process punctuation tokens (not strings)\n        if (token.types.includes('punctuation')) {\n          if (token.content === '{' || token.content === '[') {\n            stack.push({ line: lineNum, char: token.content, depth });\n            depth++;\n          } else if (token.content === '}' || token.content === ']') {\n            depth--;\n            const opening = stack.pop();\n\n            if (opening && opening.line < lineNum) {\n              // This is a multi-line object/array\n              const startLine = opening.line;\n              const endLine = lineNum;\n\n              // Skip root-level (depth 0) regions\n              if (opening.depth === 0) {\n                return;\n              }\n\n              // Count items in this region\n              const itemCount = countItemsInRegion(\n                parsed,\n                tokens,\n                startLine,\n                endLine,\n                opening.char,\n              );\n\n              // Only add regions with items (skip empty objects/arrays)\n              if (itemCount > 0) {\n                collapsibleRegions.set(startLine, {\n                  startLine,\n                  endLine,\n                  type: opening.char === '{' ? 'object' : 'array',\n                  itemCount,\n                });\n              }\n            }\n          }\n        }\n      });\n    });\n  } catch {\n    // If JSON is invalid, return empty map\n    return new Map();\n  }\n\n  return collapsibleRegions;\n};\n\n// Count items in a collapsible region by counting commas at the same depth\nconst countItemsInRegion = (\n  _parsed: unknown,\n  tokens: Token[][],\n  startLine: number,\n  endLine: number,\n  openChar: '{' | '[',\n): number => {\n  let itemCount = 0;\n  let depth = 0;\n\n  // Iterate through lines in the region\n  for (let i = startLine; i <= endLine; i++) {\n    tokens[i]?.forEach((token) => {\n      if (!token.types.includes('punctuation')) {\n        return;\n      }\n\n      // Track depth\n      if (token.content === openChar) {\n        depth++;\n      } else if (token.content === (openChar === '{' ? '}' : ']')) {\n        depth--;\n      }\n\n      // Count commas at depth 1 (immediate children)\n      if (token.content === ',' && depth === 1) {\n        itemCount++;\n      }\n    });\n  }\n\n  // Items = commas + 1 (if any content exists)\n  return itemCount > 0 ? itemCount + 1 : 0;\n};\n\ninterface CodeHighlightProps {\n  id?: string;\n  children: string;\n  language?: Language;\n  rowsToShow?: number;\n  light?: boolean;\n  className?: string;\n  resolveEntityLink?: (token: string) => string | undefined;\n}\n\nconst CodeHighlight = ({\n  id,\n  children = '',\n  language = 'markup',\n  rowsToShow,\n  light = false,\n  className,\n  resolveEntityLink,\n}: CodeHighlightProps) => {\n  const [expanded, { toggle: toggleExpanded }] = useToggle();\n  const rowCount = useMemo(() => children.match(/\\n/g)?.length ?? 0, [children]);\n\n  // JSON folding state\n  const [collapsedLines, setCollapsedLines] = useState<Set<number>>(new Set());\n  const [hasCollapsibleRegions, setHasCollapsibleRegions] = useState(false);\n  const collapsibleRegionsRef = useRef<Map<number, CollapsibleRegion>>(new Map());\n\n  // Sync hasCollapsibleRegions state from ref after render (avoids state update during render)\n  useLayoutEffect(() => {\n    if (language !== 'json') {\n      if (hasCollapsibleRegions) {\n        setHasCollapsibleRegions(false);\n      }\n      return;\n    }\n\n    const hasRegions = collapsibleRegionsRef.current.size > 0;\n    if (hasRegions !== hasCollapsibleRegions) {\n      setHasCollapsibleRegions(hasRegions);\n    }\n  });\n\n  const toggleLineCollapse = useCallback(\n    (lineNumber: number, event?: React.KeyboardEvent | React.MouseEvent) => {\n      // Prevent default if it's a keyboard event to avoid page scrolling\n      if (event && 'key' in event) {\n        event.preventDefault();\n      }\n\n      setCollapsedLines((prev) => {\n        const next = new Set(prev);\n        if (next.has(lineNumber)) {\n          next.delete(lineNumber);\n        } else {\n          next.add(lineNumber);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const collapseAll = useCallback(() => {\n    setCollapsedLines(new Set(collapsibleRegionsRef.current.keys()));\n  }, []);\n\n  const expandAll = useCallback(() => {\n    setCollapsedLines(new Set());\n  }, []);\n\n  const allowExpanding = rowsToShow != null && rowsToShow < rowCount;\n\n  return (\n    <Wrapper className={className}>\n      {(allowExpanding || hasCollapsibleRegions) && (\n        <ExpandButtonContainer>\n          {hasCollapsibleRegions && (\n            <>\n              <Button\n                id={`code-highlight__${id}__collapse-all`}\n                size='sm'\n                variant='inverse'\n                onClick={collapseAll}\n                aria-label='Collapse all JSON regions'\n                data-test='code-highlight__collapse-all'\n              >\n                Collapse All\n              </Button>\n              <Button\n                id={`code-highlight__${id}__expand-all`}\n                size='sm'\n                variant='inverse'\n                onClick={expandAll}\n                aria-label='Expand all JSON regions'\n                data-test='code-highlight__expand-all'\n              >\n                Expand All\n              </Button>\n            </>\n          )}\n          {allowExpanding && (\n            <Button\n              id={`code-highlight__${id}__expand-button`}\n              size='sm'\n              width='icon'\n              onClick={toggleExpanded}\n              variant='inverse'\n              data-test='code-highlight__expand'\n            >\n              {expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n            </Button>\n          )}\n        </ExpandButtonContainer>\n      )}\n      <Highlight\n        data-test='code-highlight'\n        theme={light ? themes.nightOwlLight : THEME}\n        code={children}\n        prism={Prism}\n        language={language}\n      >\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          // Compute collapsible regions from tokens (only for JSON)\n          const collapsibleRegions =\n            language === 'json' ? analyzeJsonStructure(tokens, children) : new Map();\n\n          // Update ref (state will be synced in useLayoutEffect)\n          collapsibleRegionsRef.current = collapsibleRegions;\n\n          const isJsonFoldingEnabled = collapsibleRegions.size > 0;\n\n          // Determine which lines should be hidden based on collapsed state\n          const hiddenLines = new Set<number>();\n          collapsedLines.forEach((collapsedLine) => {\n            const region = collapsibleRegions.get(collapsedLine);\n            if (region) {\n              // Hide all lines between start and end (exclusive)\n              for (let i = region.startLine + 1; i <= region.endLine; i++) {\n                hiddenLines.add(i);\n              }\n            }\n          });\n\n          return (\n            <Pre\n              className={className}\n              style={style}\n              data-test={id}\n              expanded={expanded}\n              rowsToShow={rowsToShow}\n            >\n              {tokens.map((line, i) => {\n                // Skip hidden lines\n                if (hiddenLines.has(i)) {\n                  return null;\n                }\n\n                const region = collapsibleRegions.get(i);\n                const isCollapsed = collapsedLines.has(i);\n                const isCollapsible = region != null;\n\n                return (\n                  <Line key={i} {...getLineProps({ line, key: i })}>\n                    <LineNo>{i + 1}</LineNo>\n                    <LineContent>\n                      {isCollapsible && (\n                        <CollapseTriangle\n                          $isCollapsed={isCollapsed}\n                          onClick={(e) => toggleLineCollapse(i, e)}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              toggleLineCollapse(i, e);\n                            }\n                          }}\n                          aria-expanded={!isCollapsed}\n                          aria-label={`${isCollapsed ? 'Expand' : 'Collapse'} JSON ${region?.type} with ${region?.itemCount} items`}\n                          type='button'\n                          tabIndex={0}\n                          data-test={`code-highlight__collapse-toggle__${i}`}\n                        >\n                          {isCollapsed ? <ChevronRightIcon /> : <ChevronDownIcon />}\n                        </CollapseTriangle>\n                      )}\n                      {!isCollapsible && isJsonFoldingEnabled && <IndentSpacer />}\n                      {isCollapsed && region ? (\n                        // Render collapsed representation\n                        <>\n                          {line.map((token, key) => {\n                            const tokenProps = getTokenProps({ token, key });\n                            // Only render up to the opening bracket\n                            if (token.content === '{' || token.content === '[') {\n                              return (\n                                <span key={key}>\n                                  <span {...tokenProps} />\n                                  <CollapsedItemCount>\n                                    {` ${region.itemCount} ${region.itemCount === 1 ? 'item' : 'items'} `}\n                                  </CollapsedItemCount>\n                                  <span {...tokenProps}>\n                                    {region.type === 'object' ? '}' : ']'}\n                                  </span>\n                                </span>\n                              );\n                            }\n                            // Render tokens before the bracket\n                            return <span key={key} {...tokenProps} />;\n                          })}\n                        </>\n                      ) : (\n                        // Render normal line\n                        <>\n                          {line.map((token, key) => {\n                            const tokenProps = getTokenProps({ token, key });\n                            const tokenLink =\n                              resolveEntityLink != null && token.types[0] === 'string'\n                                ? resolveEntityLink(\n                                    token.content.slice(1, token.content.length - 1),\n                                  )\n                                : undefined;\n\n                            return tokenLink != null ? (\n                              <span {...tokenProps}>\n                                &quot;\n                                <Link to={tokenLink} {...tokenProps}>\n                                  {tokenProps.children.slice(1, tokenProps.children.length - 1)}\n                                </Link>\n                                &quot;\n                              </span>\n                            ) : (\n                              <span key={key} {...tokenProps} />\n                            );\n                          })}\n                        </>\n                      )}\n                    </LineContent>\n                  </Line>\n                );\n              })}\n            </Pre>\n          );\n        }}\n      </Highlight>\n    </Wrapper>\n  );\n};\n\nexport default CodeHighlight;\n\n// Based off of https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/duotoneDark.js\n// NOTE: This theme uses hardcoded hex colors instead of design tokens because it's a specialized\n// syntax highlighting theme for the prism-react-renderer library. The colors are carefully chosen\n// for code readability and are not semantic UI colors from our design system.\nconst THEME: PrismTheme = {\n  plain: {\n    backgroundColor: '#161320', // edited\n    color: '#9a86fd',\n  },\n  styles: [\n    {\n      types: ['comment', 'prolog', 'doctype', 'cdata', 'punctuation'],\n      style: {\n        color: '#6c6783',\n      },\n    },\n    {\n      types: ['namespace'],\n      style: {\n        opacity: 0.7,\n      },\n    },\n    {\n      types: ['tag', 'operator', 'number', 'keyword'],\n      style: {\n        color: '#e09142',\n        fontWeight: 'bold', // added for more contrast\n      },\n    },\n    {\n      types: ['property', 'function'],\n      style: {\n        color: '#9a86fd',\n      },\n    },\n    {\n      types: ['tag-id', 'selector', 'atrule-id'],\n      style: {\n        color: '#eeebff',\n      },\n    },\n    {\n      types: ['attr-name'],\n      style: {\n        color: '#c4b9fe',\n      },\n    },\n    {\n      types: [\n        'boolean',\n        'string',\n        'entity',\n        'url',\n        'attr-value',\n        'control',\n        'directive',\n        'unit',\n        'statement',\n        'regex',\n        'at-rule',\n        'placeholder',\n        'variable',\n      ],\n      style: {\n        color: '#ffcc99',\n      },\n    },\n    {\n      types: ['deleted'],\n      style: {\n        textDecorationLine: 'line-through',\n      },\n    },\n    {\n      types: ['inserted'],\n      style: {\n        textDecorationLine: 'underline',\n      },\n    },\n    {\n      types: ['italic'],\n      style: {\n        fontStyle: 'italic',\n      },\n    },\n    {\n      types: ['important', 'bold'],\n      style: {\n        fontWeight: 'bold',\n      },\n    },\n    {\n      types: ['important'],\n      style: {\n        color: '#c4b9fe',\n      },\n    },\n  ],\n};\n","import CodeHighlight from './CodeHighlight';\n\nexport default CodeHighlight;\n"],"mappings":"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"}

package/dist/components/Combobox/index.d.mts

@@ -1,3 +1,3 @@
-import { D as flattenOptions, a as ComboboxOptionGroup, i as ComboboxOption, o as ComboboxOptionsOrGroups, t as CaretButton } from "../../ComboboxBase-BlNi9OnF.mjs";
-import { n as ComboboxProps, t as Combobox } from "../../Combobox-D0dMN5eY.mjs";
+import { D as flattenOptions, a as ComboboxOptionGroup, i as ComboboxOption, o as ComboboxOptionsOrGroups, t as CaretButton } from "../../ComboboxBase-D2rDQHYZ.mjs";
+import { n as ComboboxProps, t as Combobox } from "../../Combobox-BXkcQ2aY.mjs";
 export { CaretButton, Combobox, Combobox as default, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, ComboboxProps, flattenOptions };

package/dist/components/Combobox/index.mjs

@@ -1,2 +1,2 @@
-import { n as CaretButton, r as flattenOptions, t as Combobox } from "../../Combobox-CBM-oY-e.mjs";
+import { n as CaretButton, r as flattenOptions, t as Combobox } from "../../Combobox-DQxaOCLA.mjs";
 export { CaretButton, Combobox, Combobox as default, flattenOptions };

package/dist/components/ConfigFormGroup/index.mjs

@@ -1,3 +1,3 @@
-import { n as useFormGroup, t as FormGroupContext } from "../../useFormGroup-CsKC93Pt.mjs";
-import { t as ConfigFormGroup } from "../../ConfigFormGroup-CidT_cE9.mjs";
+import { n as useFormGroup, t as FormGroupContext } from "../../useFormGroup-DSQkoWLh.mjs";
+import { t as ConfigFormGroup } from "../../ConfigFormGroup-BCTWCws5.mjs";
 export { ConfigFormGroup, ConfigFormGroup as default, FormGroupContext, useFormGroup };

package/dist/components/DataTable/TableControls/index.d.mts

@@ -1,22 +1,22 @@
-import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-RIz-xjxs.mjs";
-import { a as FilterConditionOperator, c as FilterFieldType, d as FilterRuleValue, f as FilterRuleValueChange, g as isEmptyState, h as TopLevelFilterRule, i as EMPTY_FILTER_STATE, l as FilterOperator, m as FilterStateV2, n as CompoundExpression, o as FilterField, p as FilterSize, r as DateRangeFilterValue, s as FilterFieldSource, t as AndGroup, u as FilterRule } from "../../../types-EodOhsjw.mjs";
-import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-B5E-GN91.mjs";
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-C-UrXVlB.mjs";
-import { t as FilterBar } from "../../../FilterBar-BQWpTi2b.mjs";
-import { a as ComboboxFilterConfig, c as FilterRenderOptions, d as InputFilterConfig, f as MultiSelectFilterConfig, i as BaseFilterConfig, l as FilterTypeDefinition, o as DateRangeFilterConfig, p as SelectFilterConfig, r as BaseActiveFilter, s as FilterConfig, t as ActiveFilter, u as FilterTypeResolver } from "../../../types-CrRWZ0Ia.mjs";
-import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-BvOlDkJy.mjs";
-import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "../../../TableControls-ETB0Xk5X.mjs";
-import { n as DataTableCompactBar } from "../../../CompactBar-D9egXqY_.mjs";
-import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-CzJCMrSe.mjs";
-import { a as resolveFilterTypeDefinition, i as isFilterActive, n as FiltersContainer, r as getActiveFilters } from "../../../filters-jG9Y3UKb.mjs";
-import { t as dateRuleIntent } from "../../../date-rule-intent-C5C8HB1v.mjs";
-import { t as resolveDateRangeRuleValue } from "../../../date-range-rule-value-Dk6pZHnD.mjs";
-import { t as FilterBarProps } from "../../../index-DTAcGzW4.mjs";
-import { a as useFilterBarSize, i as FilterSizeTokens, t as FILTER_SIZE_TOKENS } from "../../../filter-size-context-5xQ3ycnC.mjs";
-import { n as PillShellProps, t as PillShell } from "../../../PillShell-DqglbFHe.mjs";
-import { _ as isNumericComparisonOperator, a as emptyValueForRule, b as reconcileValueForOperator, c as getDefaultOperatorForType, d as getOperatorsForType, n as NumericComparisonOperator, p as isCompleteDateRange, t as NUMERIC_COMPARISON_OPERATORS, u as getOperatorsForField, v as isRangeOperator, y as isValuelessOperator } from "../../../operators-Seez5p9U.mjs";
-import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "../../../url-state-CwaRVyXR.mjs";
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "../../../useFilterStateV2-Bzo27PR-.mjs";
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "../../../validation-D6NPueNk.mjs";
-import { t as ValueControlProps } from "../../../types-SOkNtcBq.mjs";
+import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-kJ_eWf8f.mjs";
+import { a as FilterConditionOperator, c as FilterFieldType, d as FilterRuleValue, f as FilterRuleValueChange, g as isEmptyState, h as TopLevelFilterRule, i as EMPTY_FILTER_STATE, l as FilterOperator, m as FilterStateV2, n as CompoundExpression, o as FilterField, p as FilterSize, r as DateRangeFilterValue, s as FilterFieldSource, t as AndGroup, u as FilterRule } from "../../../types-DbOD5vE_.mjs";
+import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-a44G08fS.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-CMyFwEY7.mjs";
+import { t as FilterBar } from "../../../FilterBar-BpMguIXl.mjs";
+import { a as ComboboxFilterConfig, c as FilterRenderOptions, d as InputFilterConfig, f as MultiSelectFilterConfig, i as BaseFilterConfig, l as FilterTypeDefinition, o as DateRangeFilterConfig, p as SelectFilterConfig, r as BaseActiveFilter, s as FilterConfig, t as ActiveFilter, u as FilterTypeResolver } from "../../../types-CayYd8EX.mjs";
+import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-vYnU0d4k.mjs";
+import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "../../../TableControls-DAjx1TYG.mjs";
+import { n as DataTableCompactBar } from "../../../CompactBar-zYfXjFmn.mjs";
+import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-BEIvE9qN.mjs";
+import { a as resolveFilterTypeDefinition, i as isFilterActive, n as FiltersContainer, r as getActiveFilters } from "../../../filters-DjXkx8GJ.mjs";
+import { t as dateRuleIntent } from "../../../date-rule-intent-C1aptAoX.mjs";
+import { t as resolveDateRangeRuleValue } from "../../../date-range-rule-value-CrVBpQcf.mjs";
+import { t as FilterBarProps } from "../../../index-FgIOTuJ4.mjs";
+import { a as useFilterBarSize, i as FilterSizeTokens, t as FILTER_SIZE_TOKENS } from "../../../filter-size-context-CbT4pi3S.mjs";
+import { n as PillShellProps, t as PillShell } from "../../../PillShell-B35z66jZ.mjs";
+import { _ as isNumericComparisonOperator, a as emptyValueForRule, b as reconcileValueForOperator, c as getDefaultOperatorForType, d as getOperatorsForType, n as NumericComparisonOperator, p as isCompleteDateRange, t as NUMERIC_COMPARISON_OPERATORS, u as getOperatorsForField, v as isRangeOperator, y as isValuelessOperator } from "../../../operators-gCG7uZ6y.mjs";
+import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "../../../url-state-CmgyDnG7.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "../../../useFilterStateV2-CPBt0qwc.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "../../../validation-BaqPVG1C.mjs";
+import { t as ValueControlProps } from "../../../types-B4KbdEDc.mjs";
 export { ActiveFilter, AndGroup, BaseActiveFilter, BaseFilterConfig, ComboboxFilterConfig, CompoundExpression, ControlBar, ControlBarProps, DataTableCompactBar, DateRangeFilterConfig, DateRangeFilterValue, EMPTY_FILTER_STATE, FILTER_SIZE_TOKENS, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar, FilterBarProps, FilterConditionOperator, FilterConfig, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRenderOptions, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterSizeTokens, FilterStateV2, FilterTypeDefinition, FilterTypeResolver, FiltersContainer, InputFilterConfig, MultiSelectFilterConfig, NUMERIC_COMPARISON_OPERATORS, NumericComparisonOperator, PillShell, PillShellProps, RawFieldInfo, ResolveValueControlOptions, SelectFilterConfig, TableControlsContext, TableControlsContextProps, TableControlsFiltersV2Props, TableControlsProps, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TopLevelFilterRule, UrlStateCodecResult, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getActiveFilters, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterActive, isFilterStateV2, isNumericComparisonOperator, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveFilterTypeDefinition, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };

package/dist/components/DataTable/TableControls/index.mjs

@@ -1,2 +1,2 @@
-import { A as isNumericComparisonOperator, B as useTableControls, C as useFilterBarSize, D as getOperatorsForField, E as getDefaultOperatorForType, F as getActiveFilters, H as DataTableCompactBar, I as isFilterActive, L as resolveFilterTypeDefinition, M as isValuelessOperator, N as reconcileValueForOperator, O as getOperatorsForType, P as FiltersContainer, R as TableControlsContext, S as FILTER_SIZE_TOKENS, T as emptyValueForRule, V as ControlBar, _ as EMPTY_FILTER_STATE, a as encodeFilterStateToUrlParam, b as resolveValueControl, c as FilterBar_default, d as TableViewConfiguration, f as TableViewConfigurationDropdown, g as pruneToRegistry, h as isFilterStateV2, i as decodeFilterStateFromUrl, j as isRangeOperator, k as isCompleteDateRange, l as resolveDateRangeRuleValue, m as hasCompleteValue, n as applyFilterStateToSearchParams, o as FieldRegistry, p as useFilterStateV2, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as TableControls, v as isEmptyState, w as NUMERIC_COMPARISON_OPERATORS, x as dateRuleIntent, y as PillShell, z as TableControlsProvider } from "../../../TableControls-qxoq5abn.mjs";
+import { A as isNumericComparisonOperator, B as useTableControls, C as useFilterBarSize, D as getOperatorsForField, E as getDefaultOperatorForType, F as getActiveFilters, H as DataTableCompactBar, I as isFilterActive, L as resolveFilterTypeDefinition, M as isValuelessOperator, N as reconcileValueForOperator, O as getOperatorsForType, P as FiltersContainer, R as TableControlsContext, S as FILTER_SIZE_TOKENS, T as emptyValueForRule, V as ControlBar, _ as EMPTY_FILTER_STATE, a as encodeFilterStateToUrlParam, b as resolveValueControl, c as FilterBar_default, d as TableViewConfiguration, f as TableViewConfigurationDropdown, g as pruneToRegistry, h as isFilterStateV2, i as decodeFilterStateFromUrl, j as isRangeOperator, k as isCompleteDateRange, l as resolveDateRangeRuleValue, m as hasCompleteValue, n as applyFilterStateToSearchParams, o as FieldRegistry, p as useFilterStateV2, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as TableControls, v as isEmptyState, w as NUMERIC_COMPARISON_OPERATORS, x as dateRuleIntent, y as PillShell, z as TableControlsProvider } from "../../../TableControls-BDXOQMr7.mjs";
 export { ControlBar, DataTableCompactBar, EMPTY_FILTER_STATE, FILTER_SIZE_TOKENS, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar_default as FilterBar, FiltersContainer, NUMERIC_COMPARISON_OPERATORS, PillShell, TableControlsContext, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getActiveFilters, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterActive, isFilterStateV2, isNumericComparisonOperator, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveFilterTypeDefinition, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };

package/dist/components/DataTable/index.d.mts

@@ -1,9 +1,9 @@
-import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-DxJyE_U8.mjs";
-import { r as useTableColumns, t as RenderFormatFn } from "../../useTableColumns-DSXRInPb.mjs";
-import { a as FloatingActionBarContainer, i as DataTableProps, n as DataTableContainer, r as DataTableControls, t as DataTable } from "../../DataTable-D15C5lfd.mjs";
-import { t as FloatingActionBar } from "../../FloatingActionBar-CpvLefPm.mjs";
-import { t as Inserter } from "../../Inserter-BKVrJ4M5.mjs";
-import { n as getFilterFnName, t as generateClientFilters } from "../../clientFilterUtils-BqDn44aM.mjs";
-import { t as getColumnWidths } from "../../constants-BaMvTUbS.mjs";
-import { a as renderAsDate, c as renderAsNumber, d as renderAsSticker, f as renderAsString, i as renderAsCopyableString, l as renderAsPDSFormat, n as renderAsCheckbox, o as renderAsDatetime, p as renderAsURL, r as renderAsCheckboxHeader, s as renderAsLightweightImage, t as PDSFormatOptions, u as renderAsPii } from "../../helpers-DCIto6aY.mjs";
+import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-DJobO07d.mjs";
+import { r as useTableColumns, t as RenderFormatFn } from "../../useTableColumns-BK-KYY0L.mjs";
+import { a as FloatingActionBarContainer, i as DataTableProps, n as DataTableContainer, r as DataTableControls, t as DataTable } from "../../DataTable-C000E74h.mjs";
+import { t as FloatingActionBar } from "../../FloatingActionBar-DPA9v_yH.mjs";
+import { t as Inserter } from "../../Inserter-BnQVEqHV.mjs";
+import { n as getFilterFnName, t as generateClientFilters } from "../../clientFilterUtils-DYKgw2Yq.mjs";
+import { t as getColumnWidths } from "../../constants-D1hoZ5LO.mjs";
+import { a as renderAsDate, c as renderAsNumber, d as renderAsSticker, f as renderAsString, i as renderAsCopyableString, l as renderAsPDSFormat, n as renderAsCheckbox, o as renderAsDatetime, p as renderAsURL, r as renderAsCheckboxHeader, s as renderAsLightweightImage, t as PDSFormatOptions, u as renderAsPii } from "../../helpers-CdxEL7ri.mjs";
 export { BulkAction, ClientFilterConfig, ClientFilterType, ColumnConfig, DataTable, DataTable as default, DataTableColumnBaseFormat, DataTableColumnCheckboxFormat, DataTableColumnDateFormat, DataTableColumnDatetimeFormat, DataTableColumnFormat, DataTableColumnIDFormat, DataTableColumnImageFormat, DataTableColumnNumberFormat, DataTableColumnPiiFormat, DataTableColumnStickerFormat, DataTableColumnStringFormat, DataTableColumnURLFormat, DataTableColumns, DataTableContainer, DataTableControls, DataTableProps, DataTableVariables, DateConfig, DatetimeConfig, FloatingActionBar, FloatingActionBarContainer, HeadlessFilterConfig, Inserter, PDSFormatOptions, RenderFormatFn, RenderValueStickerFormatConfig, RowAction, RowDataWithDetails, RowDataWithSubrows, RowDataWithSubrowsToAlwaysShowIds, RowDataWithTourTarget, SortProps, StickerMapping, generateClientFilters, getColumnWidths, getFilterFnName, renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL, useTableColumns };

package/dist/components/DataTable/index.mjs

@@ -1,2 +1,2 @@
-import { S as getFilterFnName, _ as renderAsString, a as useTableColumns, b as getColumnWidths, c as renderAsCheckboxHeader, d as renderAsDatetime, f as renderAsLightweightImage, g as renderAsSticker, h as renderAsPii, i as FloatingActionBarContainer, l as renderAsCopyableString, m as renderAsPDSFormat, n as DataTableContainer, o as Inserter, p as renderAsNumber, r as DataTableControls, s as renderAsCheckbox, t as DataTable, u as renderAsDate, v as renderAsURL, x as generateClientFilters, y as FloatingActionBar } from "../../DataTable-DQ8axNfo.mjs";
+import { S as getFilterFnName, _ as renderAsString, a as useTableColumns, b as getColumnWidths, c as renderAsCheckboxHeader, d as renderAsDatetime, f as renderAsLightweightImage, g as renderAsSticker, h as renderAsPii, i as FloatingActionBarContainer, l as renderAsCopyableString, m as renderAsPDSFormat, n as DataTableContainer, o as Inserter, p as renderAsNumber, r as DataTableControls, s as renderAsCheckbox, t as DataTable, u as renderAsDate, v as renderAsURL, x as generateClientFilters, y as FloatingActionBar } from "../../DataTable-DEJHWrsy.mjs";
 export { DataTable, DataTable as default, DataTableContainer, DataTableControls, FloatingActionBar, FloatingActionBarContainer, Inserter, generateClientFilters, getColumnWidths, getFilterFnName, renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL, useTableColumns };

package/dist/components/DataTable/types.d.mts

@@ -1,2 +1,2 @@
-import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-DxJyE_U8.mjs";
+import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-DJobO07d.mjs";
 export { BulkAction, ClientFilterConfig, ClientFilterType, ColumnConfig, DataTableColumnBaseFormat, DataTableColumnCheckboxFormat, DataTableColumnDateFormat, DataTableColumnDatetimeFormat, DataTableColumnFormat, DataTableColumnIDFormat, DataTableColumnImageFormat, DataTableColumnNumberFormat, DataTableColumnPiiFormat, DataTableColumnStickerFormat, DataTableColumnStringFormat, DataTableColumnURLFormat, DataTableColumns, DataTableVariables, DateConfig, DatetimeConfig, HeadlessFilterConfig, RenderValueStickerFormatConfig, RowAction, RowDataWithDetails, RowDataWithSubrows, RowDataWithSubrowsToAlwaysShowIds, RowDataWithTourTarget, SortProps, StickerMapping };

package/dist/components/DatePicker/index.d.mts

@@ -1,6 +1,6 @@
-import { n as DatePickerProps, t as DatePicker } from "../../DatePicker-DRhY_0st.mjs";
-import { i as DateRangePickerProps, n as DateRange, r as DateRangePicker, t as DateFilterChange } from "../../DateRangePicker-CLuBLF1q.mjs";
-import { t as DateField } from "../../DateField-CwSq77Ri.mjs";
-import { t as Calendar } from "../../Calendar-CkjYG7Mj.mjs";
-import { n as RangeCalendarProps, t as RangeCalendar } from "../../RangeCalendar-CK5ArbIQ.mjs";
+import { n as DatePickerProps, t as DatePicker } from "../../DatePicker-8kUpFFh8.mjs";
+import { i as DateRangePickerProps, n as DateRange, r as DateRangePicker, t as DateFilterChange } from "../../DateRangePicker-Nv4uNuIW.mjs";
+import { t as DateField } from "../../DateField-g7malFm-.mjs";
+import { t as Calendar } from "../../Calendar-D-6WOLJ1.mjs";
+import { n as RangeCalendarProps, t as RangeCalendar } from "../../RangeCalendar-BiugsdSP.mjs";
 export { Calendar, DateField, DateFilterChange, DatePicker, DatePicker as default, DatePickerProps, DateRange, DateRangePicker, DateRangePickerProps, RangeCalendar, RangeCalendarProps };

package/dist/components/DatePicker/index.mjs

@@ -1,2 +1,2 @@
-import { a as RangeCalendar, i as DateField, n as Calendar, r as DateRangePicker, t as DatePicker } from "../../DatePicker-D0cvVbzq.mjs";
+import { a as RangeCalendar, i as DateField, n as Calendar, r as DateRangePicker, t as DatePicker } from "../../DatePicker-D-_ibUd1.mjs";
 export { Calendar, DateField, DatePicker, DatePicker as default, DateRangePicker, RangeCalendar };

package/dist/components/DropdownButton/index.mjs

@@ -1,2 +1,2 @@
-import { t as DropdownButton } from "../../DropdownButton-5oNcpsOq.mjs";
+import { t as DropdownButton } from "../../DropdownButton-BiFRlSVD.mjs";
 export { DropdownButton, DropdownButton as default };

package/dist/components/DropdownMenu/index.d.mts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-nxFNS1kH.mjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-CQbS7ML5.mjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/components/DropdownMenu/index.mjs

@@ -1,2 +1,2 @@
-import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-CedsmO5h.mjs";
+import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-Q8S-9rXm.mjs";
 export { DropdownMenu, DropdownMenu_default as default };