@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/main-sidebar-DOwuzCVj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-sidebar-DOwuzCVj.js","sources":["../src/ds/components/MainSidebar/main-sidebar-bottom.tsx","../src/ds/components/MainSidebar/main-sidebar-context.tsx","../src/ds/components/MainSidebar/main-sidebar-mobile-trigger.tsx","../src/ds/components/MainSidebar/main-sidebar-nav.tsx","../src/ds/components/MainSidebar/main-sidebar-nav-header.tsx","../src/ds/components/MainSidebar/main-sidebar-nav-label.tsx","../src/ds/components/MainSidebar/main-sidebar-nav-item-classes.ts","../src/ds/components/MainSidebar/main-sidebar-nav-link.tsx","../src/ds/components/MainSidebar/main-sidebar-nav-list.tsx","../src/ds/components/MainSidebar/main-sidebar-nav-section.tsx","../src/ds/components/MainSidebar/main-sidebar-nav-separator.tsx","../src/ds/primitives/resize-handle-indicator.tsx","../src/ds/components/MainSidebar/main-sidebar-root.tsx","../src/ds/components/MainSidebar/main-sidebar-sections.tsx","../src/ds/components/MainSidebar/main-sidebar-trigger.tsx","../src/ds/components/MainSidebar/main-sidebar-link-active.ts","../src/ds/components/MainSidebar/main-sidebar.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarBottomProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarBottom({ className, children, ...props }: MainSidebarBottomProps) {\n  return (\n    <div className={cn('mt-auto', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n","import React from 'react';\nimport type { CSSProperties } from 'react';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst SIDEBAR_STATE_KEY = 'sidebar:state';\nconst SIDEBAR_WIDTH_KEY = 'sidebar:width';\n\nconst SIDEBAR_WIDTH_VAR = '--sidebar-width';\n\nexport type SidebarState = 'default' | 'collapsed';\n\ntype MainSidebarContext = {\n  state: SidebarState;\n  desktopState: SidebarState;\n  width: number;\n  minWidth: number;\n  maxWidth: number;\n  collapseBelow: number;\n  collapsedWidth: number;\n  isMobile: boolean;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  toggleSidebar: () => void;\n  setWidth: (width: number) => void;\n  collapse: () => void;\n  expand: () => void;\n  commit: () => void;\n  setGestureActive: (active: boolean) => void;\n  LinkComponent?: LinkComponent;\n};\n\n// Split: drawer open-state lives in its own context so NavLink/NavHeader\n// do not re-render when the mobile drawer toggles.\ntype MobileDrawerContext = {\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n};\n\nconst MainSidebarContext = React.createContext<Omit<MainSidebarContext, 'openMobile' | 'setOpenMobile'> | null>(null);\nconst MobileDrawerContext = React.createContext<MobileDrawerContext | null>(null);\n\nexport function useMainSidebar(): MainSidebarContext {\n  const ctx = React.useContext(MainSidebarContext);\n  const drawer = React.useContext(MobileDrawerContext);\n  if (!ctx || !drawer) {\n    throw new Error('useMainSidebar must be used within a MainSidebarProvider.');\n  }\n  return { ...ctx, ...drawer };\n}\n\nexport function useMaybeSidebar(): MainSidebarContext | null {\n  const ctx = React.useContext(MainSidebarContext);\n  const drawer = React.useContext(MobileDrawerContext);\n  if (!ctx || !drawer) return null;\n  return { ...ctx, ...drawer };\n}\n\n/** Reads only mobile drawer state. Cheap — no re-renders on sidebar resize. */\nexport function useMobileDrawer(): MobileDrawerContext {\n  const drawer = React.useContext(MobileDrawerContext);\n  if (!drawer) throw new Error('useMobileDrawer must be used within a MainSidebarProvider.');\n  return drawer;\n}\n\nexport type MainSidebarProviderProps = {\n  children: React.ReactNode;\n  /** Initial state before localStorage hydrates. Defaults to `'default'`. */\n  defaultState?: SidebarState;\n  /** Default expanded width in px. Defaults to `240`. */\n  defaultWidth?: number;\n  /** Minimum draggable width in px. Defaults to `200`. */\n  minWidth?: number;\n  /** Maximum draggable width in px. Defaults to `480`. */\n  maxWidth?: number;\n  /** Drag below this value snaps the sidebar closed. Defaults to `minWidth` (snap to collapsed when dragged below the expanded minimum). Pass `0` to disable snap. */\n  collapseBelow?: number;\n  /** Width in px when collapsed. Defaults to `64`. Set to `0` for fully hidden. */\n  collapsedWidth?: number;\n  /** Disable the global ⌘B / Ctrl+B toggle shortcut. Defaults to `false`. */\n  disableKeyboardShortcut?: boolean;\n  /** Scope-key for localStorage. Allows multiple independent sidebars per app. */\n  storageKey?: string;\n  /** Mobile breakpoint in px (max-width). Below this, sidebar renders as a drawer. Defaults to `1024`. */\n  mobileBreakpoint?: number;\n  /** Drawer max-width on mobile in px. Actual width is `min(75vw, mobileWidth)`. Defaults to `360`. */\n  mobileWidth?: number;\n  /** Default LinkComponent injected into NavLink/NavHeader. Falls back to plain `<a>` if omitted. */\n  LinkComponent?: LinkComponent;\n};\n\nconst clamp = (v: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, v));\n\nconst useIsoLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport function MainSidebarProvider({\n  children,\n  defaultState = 'default',\n  defaultWidth = 240,\n  minWidth = 200,\n  maxWidth = 480,\n  collapseBelow,\n  collapsedWidth = 64,\n  disableKeyboardShortcut = false,\n  storageKey,\n  mobileBreakpoint = 1024,\n  mobileWidth = 360,\n  LinkComponent,\n}: MainSidebarProviderProps) {\n  // Normalize props so bad inputs (defaultWidth < minWidth, min > max, etc.) never produce a broken layout.\n  const safeMin = Math.max(0, Math.min(minWidth, maxWidth));\n  const safeMax = Math.max(safeMin, maxWidth);\n  const safeCollapsed = Math.max(0, Math.min(collapsedWidth, safeMax));\n  const safeDefault = clamp(defaultWidth, safeMin, safeMax);\n  // Default snap-zone = minWidth: dragging below the expanded min snaps to collapsed,\n  // since below min the sidebar cannot render its expanded layout anyway.\n  // Pass `collapseBelow={0}` to disable snap.\n  const safeCollapseBelow = collapseBelow ?? safeMin;\n\n  const stateStorageKey = storageKey ? `${storageKey}:${SIDEBAR_STATE_KEY}` : SIDEBAR_STATE_KEY;\n  const widthStorageKey = storageKey ? `${storageKey}:${SIDEBAR_WIDTH_KEY}` : SIDEBAR_WIDTH_KEY;\n\n  // Hydrate synchronously from localStorage so first paint is already at the correct width.\n  // Falls back to clamped defaults during SSR or when storage is unavailable.\n  const readInitial = (): { state: SidebarState; width: number } => {\n    if (typeof window === 'undefined') return { state: defaultState, width: safeDefault };\n    try {\n      let nextState: SidebarState = defaultState;\n      let nextWidth = safeDefault;\n      const storedState = window.localStorage.getItem(stateStorageKey);\n      if (storedState === 'collapsed' || storedState === 'default') nextState = storedState;\n      const storedWidth = window.localStorage.getItem(widthStorageKey);\n      if (storedWidth !== null) {\n        const parsed = Number(storedWidth);\n        if (Number.isFinite(parsed)) nextWidth = clamp(parsed, safeMin, safeMax);\n      }\n      return { state: nextState, width: nextWidth };\n    } catch {\n      return { state: defaultState, width: safeDefault };\n    }\n  };\n  const initialRef = React.useRef<{ state: SidebarState; width: number } | null>(null);\n  if (initialRef.current === null) initialRef.current = readInitial();\n  const initial = initialRef.current;\n\n  const [state, setState] = React.useState<SidebarState>(initial.state);\n  const [width, setWidthState] = React.useState<number>(initial.width);\n  const [isMobile, setIsMobile] = React.useState(false);\n  const [openMobile, setOpenMobile] = React.useState(false);\n  const widthRef = React.useRef<number>(initial.width);\n  const stateRef = React.useRef<SidebarState>(initial.state);\n  stateRef.current = state;\n\n  const scopeRef = React.useRef<HTMLDivElement | null>(null);\n\n  // Watch viewport for mobile breakpoint.\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const mq = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);\n    const update = () => setIsMobile(mq.matches);\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [mobileBreakpoint]);\n\n  // Close mobile drawer when crossing back to desktop.\n  React.useEffect(() => {\n    if (!isMobile && openMobile) setOpenMobile(false);\n  }, [isMobile, openMobile]);\n\n  const writeCssVar = React.useCallback((px: number) => {\n    const el = scopeRef.current;\n    if (el) el.style.setProperty(SIDEBAR_WIDTH_VAR, `${px}px`);\n  }, []);\n\n  // Keep the CSS var in sync with collapsed state transitions.\n  useIsoLayoutEffect(() => {\n    writeCssVar(state === 'collapsed' ? safeCollapsed : widthRef.current);\n  }, [state, safeCollapsed, writeCssVar]);\n\n  const persistState = React.useCallback(\n    (next: SidebarState) => {\n      try {\n        window.localStorage.setItem(stateStorageKey, next);\n      } catch {}\n    },\n    [stateStorageKey],\n  );\n\n  const toggleSidebar = React.useCallback(() => {\n    if (isMobile) {\n      setOpenMobile(prev => !prev);\n      return;\n    }\n    setState(prev => {\n      const next = prev === 'default' ? 'collapsed' : 'default';\n      // Sync ref so a synchronous follow-up `commit()` (e.g. keyboard handler)\n      // persists the new state instead of the stale render-time value.\n      stateRef.current = next;\n      persistState(next);\n      return next;\n    });\n  }, [isMobile, persistState]);\n\n  const setWidth = React.useCallback(\n    (next: number) => {\n      const clamped = clamp(next, safeMin, safeMax);\n      widthRef.current = clamped;\n      writeCssVar(clamped);\n    },\n    [safeMin, safeMax, writeCssVar],\n  );\n\n  const collapse = React.useCallback(() => {\n    stateRef.current = 'collapsed';\n    persistState('collapsed');\n    setState('collapsed');\n  }, [persistState]);\n  const expand = React.useCallback(() => {\n    stateRef.current = 'default';\n    persistState('default');\n    setState('default');\n  }, [persistState]);\n\n  const commit = React.useCallback(() => {\n    setWidthState(widthRef.current);\n    try {\n      window.localStorage.setItem(stateStorageKey, stateRef.current);\n      window.localStorage.setItem(widthStorageKey, String(widthRef.current));\n    } catch {}\n  }, [stateStorageKey, widthStorageKey]);\n\n  const setGestureActive = React.useCallback((active: boolean) => {\n    const el = scopeRef.current;\n    if (!el) return;\n    if (active) el.setAttribute('data-sidebar-gesture', 'active');\n    else el.removeAttribute('data-sidebar-gesture');\n  }, []);\n\n  // Global ⌘B / Ctrl+B toggle. Skip when typing.\n  React.useEffect(() => {\n    if (disableKeyboardShortcut) return;\n    const onKeyDown = (ev: KeyboardEvent) => {\n      // `code` is layout-independent — works on non-Latin keyboards.\n      if (ev.code !== 'KeyB') return;\n      if (!(ev.metaKey || ev.ctrlKey)) return;\n      if (ev.altKey || ev.shiftKey) return;\n      const target = ev.target as HTMLElement | null;\n      if (target) {\n        const tag = target.tagName;\n        if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return;\n        if (target.isContentEditable) return;\n      }\n      ev.preventDefault();\n      toggleSidebar();\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [disableKeyboardShortcut, toggleSidebar]);\n\n  const effectiveState: SidebarState = isMobile ? 'default' : state;\n\n  const contextValue = React.useMemo(\n    () => ({\n      state: effectiveState,\n      desktopState: state,\n      width,\n      minWidth: safeMin,\n      maxWidth: safeMax,\n      collapseBelow: safeCollapseBelow,\n      collapsedWidth: safeCollapsed,\n      isMobile,\n      toggleSidebar,\n      setWidth,\n      collapse,\n      expand,\n      commit,\n      setGestureActive,\n      LinkComponent,\n    }),\n    [\n      effectiveState,\n      state,\n      width,\n      safeMin,\n      safeMax,\n      safeCollapseBelow,\n      safeCollapsed,\n      isMobile,\n      toggleSidebar,\n      setWidth,\n      collapse,\n      expand,\n      commit,\n      setGestureActive,\n      LinkComponent,\n    ],\n  );\n\n  const drawerValue = React.useMemo<MobileDrawerContext>(() => ({ openMobile, setOpenMobile }), [openMobile]);\n\n  // CSS var owned exclusively by writeCssVar (single source of truth).\n  // SSR seeds the initial value here; post-mount writeCssVar takes over.\n  const scopeStyle: CSSProperties = {\n    [SIDEBAR_WIDTH_VAR]: `${initial.state === 'collapsed' ? safeCollapsed : initial.width}px`,\n    ['--sidebar-width-mobile' as string]: `${mobileWidth}px`,\n    display: 'contents',\n  } as CSSProperties;\n\n  return (\n    <div\n      ref={scopeRef}\n      data-sidebar-scope\n      data-sidebar-state={state}\n      data-sidebar-mobile={isMobile ? 'true' : 'false'}\n      style={scopeStyle}\n      suppressHydrationWarning\n    >\n      <MainSidebarContext.Provider value={contextValue}>\n        <MobileDrawerContext.Provider value={drawerValue}>{children}</MobileDrawerContext.Provider>\n      </MainSidebarContext.Provider>\n    </div>\n  );\n}\n","import { MenuIcon } from 'lucide-react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useMainSidebar } from './main-sidebar-context';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarMobileTriggerProps = ComponentPropsWithoutRef<'button'> & {\n  /** Override the hamburger icon. */\n  icon?: React.ReactNode;\n};\n\nexport function MainSidebarMobileTrigger({\n  className,\n  icon,\n  'aria-label': ariaLabel = 'Open navigation menu',\n  onClick,\n  ...props\n}: MainSidebarMobileTriggerProps) {\n  // Always render; visibility toggled via scope's `data-sidebar-mobile` attribute.\n  // SSR-stable and respects the configured `mobileBreakpoint`.\n  const { isMobile, setOpenMobile } = useMainSidebar();\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-hidden={!isMobile}\n      tabIndex={isMobile ? 0 : -1}\n      data-mobile-only\n      {...props}\n      onClick={event => {\n        onClick?.(event);\n        if (!event.defaultPrevented) setOpenMobile(true);\n      }}\n      className={cn(\n        'inline-flex size-10 items-center justify-center rounded-md',\n        'in-data-[sidebar-mobile=false]:hidden',\n        'text-neutral4 hover:text-neutral6 hover:bg-sidebar-nav-hover',\n        'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1',\n        className,\n      )}\n    >\n      {icon ?? <MenuIcon className=\"size-5\" />}\n    </button>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavProps = ComponentPropsWithoutRef<'nav'>;\n\nexport function MainSidebarNav({\n  'aria-label': ariaLabel = 'Main',\n  children,\n  className,\n  ...props\n}: MainSidebarNavProps) {\n  return (\n    <nav aria-label={ariaLabel} className={cn('flex flex-col flex-1 min-h-0', className)} {...props}>\n      <ScrollArea className=\"flex-1 min-h-0\" viewPortClassName=\"px-0.5\">\n        {children}\n      </ScrollArea>\n    </nav>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebar } from './main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {\n  children?: React.ReactNode;\n  state?: SidebarState;\n  href?: string;\n  isActive?: boolean;\n  /** Override the Provider-level LinkComponent. Defaults to `<a>` when neither is set. */\n  LinkComponent?: LinkComponent;\n};\nexport function MainSidebarNavHeader({\n  children,\n  className,\n  state: stateProp,\n  href,\n  isActive,\n  LinkComponent: LinkProp,\n  ...props\n}: MainSidebarNavHeaderProps) {\n  const ctx = useMaybeSidebar();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const isMobile = ctx?.isMobile ?? false;\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const showTitle = state === 'default' && !isMobile;\n\n  return (\n    <div className={cn('min-w-0 min-h-8 flex items-center mt-2 mb-0.5', className)}>\n      {showTitle ? (\n        <header\n          {...props}\n          className={cn('min-w-0 max-w-full truncate text-ui-sm font-medium pl-3', {\n            'text-neutral5': isActive,\n            'text-neutral3/70': !isActive,\n          })}\n        >\n          {href ? (\n            <Link\n              href={href}\n              className={cn('block min-w-0 truncate transition-colors duration-normal', {\n                'hover:text-neutral5': !isActive,\n                'text-neutral5': isActive,\n              })}\n            >\n              {children}\n            </Link>\n          ) : (\n            children\n          )}\n        </header>\n      ) : (\n        <>\n          {/* Keep header in DOM (visually hidden) so consumers' `id` still resolves\n              for `MainSidebarSections`' `aria-labelledby`. */}\n          <VisuallyHidden asChild>\n            <header {...props}>{children}</header>\n          </VisuallyHidden>\n          <div aria-hidden=\"true\" className=\"mx-3 h-px flex-1 bg-border1\" />\n        </>\n      )}\n    </div>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebar } from './main-sidebar-context';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavLabelProps = ComponentPropsWithoutRef<'span'> & {\n  /** Override sidebar state. Defaults to context, then `'default'`. */\n  state?: SidebarState;\n};\n\n/**\n * Label slot for `MainSidebar.NavLink` rows.\n *\n * Auto-hides via `VisuallyHidden` when the sidebar is collapsed (icon-only row),\n * so screen readers still announce the label without it leaking outside the\n * 36px collapsed item. Handles single-line truncation when expanded.\n *\n * Required for `asChild` consumers — the default `link={...}` path wraps the\n * name internally, but slotted elements (`<button>`, custom links) bring their\n * own children, so the label needs to opt into the collapse-aware rendering.\n */\nexport function MainSidebarNavLabel({ children, className, state: stateProp, ...rest }: MainSidebarNavLabelProps) {\n  const ctx = useMaybeSidebar();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  if (state === 'collapsed') {\n    return <VisuallyHidden>{children}</VisuallyHidden>;\n  }\n  return (\n    <span {...rest} className={cn('min-w-0 flex-1 truncate text-left', className)}>\n      {children}\n    </span>\n  );\n}\n","import { cn } from '@/lib/utils';\n\ntype ItemStyleOptions = {\n  isActive?: boolean;\n  isCollapsed?: boolean;\n  isFeatured?: boolean;\n  level?: number;\n};\n\nconst nestedExpandedItemClasses = (level: number) => {\n  if (level <= 0) return 'w-full gap-2 py-1 px-3 justify-start';\n  if (level === 1) return 'w-full gap-2 py-1 pr-3 pl-8 justify-start text-ui-sm h-8';\n  if (level === 2) return 'w-full gap-2 py-1 pr-3 pl-10 justify-start text-ui-sm h-8';\n  return 'w-full gap-2 py-1 pr-3 pl-12 justify-start text-ui-sm h-8';\n};\n\n/**\n * Shared classes for any sidebar nav row element (anchor, button, custom).\n * Apply directly to the interactive element so `asChild` and custom slotted\n * elements all receive the same styling.\n */\nexport const navItemClasses = ({ isActive, isCollapsed, isFeatured, level = 0 }: ItemStyleOptions = {}) =>\n  cn(\n    'flex cursor-pointer items-center text-ui-md text-neutral3 rounded-lg h-9 min-w-0 whitespace-nowrap',\n    'transition-all duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0 [&_svg]:text-neutral3/70 [&_svg]:transition-colors [&_svg]:duration-normal motion-reduce:[&_svg]:transition-none',\n    'hover:bg-sidebar-nav-hover hover:text-neutral6 [&:hover_svg]:text-neutral5',\n    'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:shadow-focus-ring',\n    !isCollapsed && nestedExpandedItemClasses(level),\n    isCollapsed && 'w-full p-0 justify-center',\n    isActive &&\n      'text-neutral6 bg-sidebar-nav-active hover:bg-sidebar-nav-active hover:text-neutral6 [&_svg]:text-neutral6 [&:hover_svg]:text-neutral6',\n    isCollapsed && !isActive && '[&_svg]:text-neutral3',\n    isFeatured && 'my-2 bg-accent1Dark hover:bg-accent1Darker text-accent1 hover:text-accent1 border border-accent1/30',\n    isFeatured &&\n      'dark:bg-accent1 dark:hover:bg-accent1/90 dark:text-black dark:hover:text-black dark:border-transparent',\n    isFeatured &&\n      '[&_svg]:text-accent1 [&:hover_svg]:text-accent1 dark:[&_svg]:text-black/75 dark:[&:hover_svg]:text-black',\n  );\n","import React from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport type { SidebarState } from './main-sidebar-context';\nimport { useMaybeSidebar } from './main-sidebar-context';\nimport { navItemClasses } from './main-sidebar-nav-item-classes';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type NavLink = {\n  name: string;\n  url: string;\n  icon?: React.ReactNode;\n  children?: NavLink[];\n  isActive?: boolean;\n  variant?: 'default' | 'featured';\n  tooltipMsg?: string;\n  /** @deprecated Prefer nested `children`; accepted for callers still rendering manual sublinks. */\n  indent?: boolean;\n};\n\nexport type MainSidebarNavLinkProps = Omit<ComponentPropsWithoutRef<'li'>, 'children'> & {\n  link?: NavLink;\n  isActive?: boolean;\n  state?: SidebarState;\n  children?: React.ReactNode;\n  /** Override the Provider-level LinkComponent for this row. Defaults to `<a>` when neither is set. */\n  LinkComponent?: LinkComponent;\n  /** Nesting depth for manually composed subitems. Data-driven sections set this automatically. */\n  level?: number;\n  /** Nested list rendered below the row while keeping valid `<li><a /><ul /></li>` structure. */\n  subItems?: React.ReactNode;\n  /**\n   * When true, render `children` as the interactive element.\n   * Use for `<button>` items or custom router Links. Item classes are forwarded\n   * to the slotted element. `link.url` and `LinkComponent` are ignored; other\n   * `link` presentation fields still apply when supplied.\n   */\n  asChild?: boolean;\n};\n\ntype SlottedNavChildProps = {\n  className?: string;\n};\n\nexport function MainSidebarNavLink({\n  link,\n  state: stateProp,\n  children,\n  isActive,\n  className,\n  LinkComponent: LinkProp,\n  level: levelProp,\n  subItems,\n  asChild = false,\n  ...props\n}: MainSidebarNavLinkProps) {\n  // Auto-inherit state + LinkComponent from context; explicit props still win.\n  const ctx = useMaybeSidebar();\n  const state: SidebarState = stateProp ?? ctx?.state ?? 'default';\n  const Link: LinkComponent = LinkProp ?? ctx?.LinkComponent ?? 'a';\n  const isCollapsed = state === 'collapsed';\n  const isFeatured = link?.variant === 'featured';\n  const level = levelProp ?? (link?.indent ? 1 : 0);\n  const isExternal = Boolean(link?.url && /^(https?:)?\\/\\//.test(link.url));\n  const linkParams = isExternal ? { target: '_blank', rel: 'noreferrer' } : {};\n  const needsTooltip = link ? isCollapsed || Boolean(link.tooltipMsg) : false;\n\n  const itemClassName = navItemClasses({\n    isActive,\n    isCollapsed,\n    isFeatured,\n    level,\n  });\n\n  let interactiveEl: React.ReactNode = null;\n\n  if (asChild) {\n    if (!React.isValidElement<SlottedNavChildProps>(children)) {\n      throw new Error(\n        'MainSidebarNavLink requires a valid React element child when `asChild` is true so it can apply `SlottedNavChildProps` and merge `itemClassName`.',\n      );\n    }\n\n    interactiveEl = React.cloneElement(children, {\n      className: cn(itemClassName, children.props.className),\n    });\n  } else if (link) {\n    interactiveEl = (\n      <Link href={link.url} {...linkParams} className={itemClassName}>\n        {link.icon}\n        <MainSidebarNavLabel state={state}>{link.name}</MainSidebarNavLabel>\n        {children}\n      </Link>\n    );\n  }\n\n  return (\n    <li {...props} className={cn('flex flex-col relative min-w-0', className)}>\n      {link && needsTooltip && React.isValidElement(interactiveEl) ? (\n        <Tooltip>\n          <TooltipTrigger render={interactiveEl} />\n          <TooltipContent side=\"right\" align=\"center\" sideOffset={16}>\n            {link.tooltipMsg ? (isCollapsed ? `${link.name} | ${link.tooltipMsg}` : link.tooltipMsg) : link.name}\n          </TooltipContent>\n        </Tooltip>\n      ) : (\n        (interactiveEl ?? children)\n      )}\n      {!isCollapsed && subItems}\n    </li>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavListProps = ComponentPropsWithoutRef<'ul'>;\n\nexport function MainSidebarNavList({ className, children, ...props }: MainSidebarNavListProps) {\n  return (\n    <ul className={cn('grid grid-cols-[minmax(0,1fr)] gap-0.5 items-start content-center', className)} {...props}>\n      {children}\n    </ul>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { cn } from '@/lib/utils';\n\nexport type NavSection = {\n  key: string;\n  title?: string;\n  href?: string;\n  links: NavLink[];\n  separator?: boolean;\n  isHeaderActive?: boolean;\n};\n\nexport type MainSidebarNavSectionProps = ComponentPropsWithoutRef<'section'>;\n\nexport function MainSidebarNavSection({ className, children, ...props }: MainSidebarNavSectionProps) {\n  return (\n    <section className={cn('grid grid-cols-[minmax(0,1fr)] items-start content-center relative', className)} {...props}>\n      {children}\n    </section>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarNavSeparatorProps = ComponentPropsWithoutRef<'div'>;\n\nexport function MainSidebarNavSeparator({ className, ...props }: MainSidebarNavSeparatorProps) {\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      className={cn(\n        'min-h-5 relative',\n        '[&:after]:content-[\"\"] [&:after]:block [&:after]:absolute [&:after]:h-0 [&:after]:border-border1 [&:after]:border-t [&:after]:top-1/2 [&:after]:left-3 [&:after]:right-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\n// line: gradient hairline, fits a visible container edge.\n// pill: small floating pill, for handles with no container around.\nconst indicatorVariants = cva(\n  'block pointer-events-none transition-all duration-150 ease-out motion-reduce:transition-none',\n  {\n    variants: {\n      variant: {\n        line: 'h-3/4 w-px bg-linear-to-b from-transparent via-neutral6/25 to-transparent opacity-0',\n        pill: 'h-10 w-0.5 rounded-full bg-surface5',\n      },\n    },\n    defaultVariants: {\n      variant: 'line',\n    },\n  },\n);\n\nexport type ResizeHandleIndicatorProps = VariantProps<typeof indicatorVariants> & {\n  className?: string;\n};\n\n// Shared visual for resize handles (sidebar, panel separators).\n// Consumers reveal/emphasize it via their own state variant classes.\nexport const ResizeHandleIndicator = ({ variant, className }: ResizeHandleIndicatorProps) => (\n  <span aria-hidden className={cn(indicatorVariants({ variant }), className)} />\n);\n","import { useCallback, useEffect, useRef } from 'react';\nimport type { KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent } from 'react';\nimport { useMainSidebar } from './main-sidebar-context';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from '@/ds/components/Drawer';\nimport { ResizeHandleIndicator } from '@/ds/primitives/resize-handle-indicator';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst KEYBOARD_STEP = 10;\nconst DRAG_THRESHOLD = 5;\n\nexport function MainSidebarRoot({ children, className }: MainSidebarRootProps) {\n  const {\n    state,\n    width,\n    minWidth,\n    maxWidth,\n    collapseBelow,\n    collapsedWidth,\n    isMobile,\n    openMobile,\n    setOpenMobile,\n    setWidth,\n    collapse,\n    expand,\n    commit,\n    toggleSidebar,\n    setGestureActive,\n  } = useMainSidebar();\n  const isCollapsed = state === 'collapsed';\n  const isHidden = isCollapsed && collapsedWidth === 0;\n\n  const draggedRef = useRef(false);\n  // Tracks active drag so unmount mid-gesture can restore body styles.\n  const dragCleanupRef = useRef<(() => void) | null>(null);\n\n  // Restore global state if the component unmounts mid-drag.\n  useEffect(() => {\n    return () => {\n      dragCleanupRef.current?.();\n      dragCleanupRef.current = null;\n    };\n  }, []);\n\n  const onPointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (event.button !== 0) return;\n      event.preventDefault();\n\n      draggedRef.current = false;\n      // Active styles on press, not after drag threshold.\n      setGestureActive(true);\n\n      const startX = event.clientX;\n\n      const handle = event.currentTarget;\n      const pointerId = event.pointerId;\n\n      // Capture pointer: keeps :hover + col-resize cursor on handle for the\n      // whole drag, even when cursor leaves the hotzone (collapsed snap-zone).\n      try {\n        handle.setPointerCapture(pointerId);\n      } catch {\n        // Pointer already gone.\n      }\n\n      // WYSIWYG resize: sidebar width = cursor X relative to sidebar's left edge.\n      // Captured once — sidebar is `shrink-0`, left edge is stable during the gesture.\n      const sidebarEl = handle.parentElement;\n      const sidebarLeft = sidebarEl ? sidebarEl.getBoundingClientRect().left : 0;\n\n      const prevCursor = document.body.style.cursor;\n      const prevUserSelect = document.body.style.userSelect;\n\n      const onMove = (ev: PointerEvent) => {\n        if (ev.pointerId !== pointerId) return;\n        const dx = ev.clientX - startX;\n        if (!draggedRef.current) {\n          if (Math.abs(dx) <= DRAG_THRESHOLD) return;\n          draggedRef.current = true;\n          document.body.style.cursor = 'col-resize';\n          document.body.style.userSelect = 'none';\n        }\n\n        // Single rule, no started-state branch: cursor position alone defines state.\n        const cursorWidth = ev.clientX - sidebarLeft;\n\n        if (collapseBelow > 0 && cursorWidth < collapseBelow) {\n          collapse();\n          return;\n        }\n        expand();\n        setWidth(cursorWidth);\n      };\n      const cleanup = (ev?: PointerEvent) => {\n        if (ev && ev.pointerId !== pointerId) return;\n        window.removeEventListener('pointermove', onMove);\n        window.removeEventListener('pointerup', cleanup);\n        window.removeEventListener('pointercancel', cleanup);\n        document.body.style.cursor = prevCursor;\n        document.body.style.userSelect = prevUserSelect;\n        setGestureActive(false);\n        commit();\n        dragCleanupRef.current = null;\n      };\n      dragCleanupRef.current = () => cleanup();\n      // Window-level listeners: pointer moves off the narrow handle fire reliably,\n      // cursor leaving the window still gets `pointerup`.\n      window.addEventListener('pointermove', onMove);\n      window.addEventListener('pointerup', cleanup);\n      window.addEventListener('pointercancel', cleanup);\n    },\n    [collapseBelow, setWidth, expand, collapse, commit, setGestureActive],\n  );\n\n  const onClick = useCallback(() => {\n    if (draggedRef.current) {\n      draggedRef.current = false;\n      return;\n    }\n    toggleSidebar();\n  }, [toggleSidebar]);\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      switch (event.key) {\n        case 'Enter':\n        case ' ': {\n          event.preventDefault();\n          toggleSidebar();\n          return;\n        }\n        case 'ArrowLeft': {\n          event.preventDefault();\n          if (isCollapsed) return;\n          setWidth(width - KEYBOARD_STEP);\n          commit();\n          return;\n        }\n        case 'ArrowRight': {\n          event.preventDefault();\n          if (isCollapsed) {\n            expand();\n            commit();\n            return;\n          }\n          setWidth(width + KEYBOARD_STEP);\n          commit();\n          return;\n        }\n        case 'Home': {\n          event.preventDefault();\n          expand();\n          setWidth(minWidth);\n          commit();\n          return;\n        }\n        case 'End': {\n          event.preventDefault();\n          expand();\n          setWidth(maxWidth);\n          commit();\n          return;\n        }\n      }\n    },\n    [isCollapsed, width, minWidth, maxWidth, setWidth, expand, commit, toggleSidebar],\n  );\n\n  // Mobile: render as an off-canvas drawer via Base UI Drawer.\n  // Auto-close on link navigation (standard drawer UX). Don't gate on\n  // `defaultPrevented` — client-side router links call `preventDefault()` for\n  // SPA navigation, and we still want to close the drawer when they do.\n  const closeOnAnchor = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const anchor = (event.target as HTMLElement).closest('a');\n      if (!anchor || !anchor.hasAttribute('href')) return;\n      // Skip non-primary clicks and modifier-clicks (open in new tab/window).\n      if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n      // Skip explicit external/download targets.\n      if (anchor.target === '_blank' || anchor.hasAttribute('download')) return;\n      setOpenMobile(false);\n    },\n    [setOpenMobile],\n  );\n\n  if (isMobile) {\n    return (\n      <Drawer side=\"left\" open={openMobile} onOpenChange={setOpenMobile}>\n        <DrawerContent\n          className={cn(\n            'w-3/4 max-w-(--sidebar-width-mobile) rounded-none border-0 bg-surface2 shadow-xl overflow-hidden',\n            className,\n          )}\n        >\n          <VisuallyHidden asChild>\n            <DrawerTitle>Navigation</DrawerTitle>\n          </VisuallyHidden>\n          <VisuallyHidden asChild>\n            <DrawerDescription>Primary site navigation drawer</DrawerDescription>\n          </VisuallyHidden>\n          <div onClick={closeOnAnchor} className=\"flex flex-col h-full min-h-0 px-4 py-2 overflow-hidden\">\n            {children}\n          </div>\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  // Desktop: in-flow sidebar with resize handle.\n  const currentWidth = isCollapsed ? collapsedWidth : width;\n  return (\n    <div\n      className={cn(\n        'sidebar-layout group/sidebar relative shrink-0 self-stretch min-h-0',\n        'w-(--sidebar-width)',\n        'transition-[width] duration-220 ease-[cubic-bezier(0.32,0.72,0,1)]',\n        'motion-reduce:transition-none',\n        'in-data-[sidebar-gesture=active]:transition-none',\n        className,\n        // Order matters for tailwind-merge: these win over consumer-supplied border classes.\n        isHidden && 'border-r-0 border-transparent',\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col h-full min-h-0 overflow-hidden',\n          'transition-opacity duration-200 motion-reduce:transition-none',\n          isCollapsed ? 'px-2' : 'px-4',\n          isHidden && 'opacity-0 pointer-events-none px-0',\n        )}\n      >\n        {children}\n      </div>\n\n      <div\n        // Focusable window-splitter pattern (WAI-ARIA APG): `separator` with\n        // value props + keyboard semantics. Click toggles; Arrow keys resize.\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        // Collapsed: omit the numeric range so AT doesn't see contradictory\n        // values (valuenow=0/64 inside valuemin=200..valuemax=480). `valuetext`\n        // still describes the state.\n        aria-valuenow={isCollapsed ? undefined : currentWidth}\n        aria-valuemin={isCollapsed ? undefined : minWidth}\n        aria-valuemax={isCollapsed ? undefined : maxWidth}\n        aria-valuetext={isCollapsed ? 'collapsed' : `${currentWidth} pixels`}\n        aria-label={`Resize sidebar. Arrow keys to resize, Enter to ${isCollapsed ? 'expand' : 'collapse'}.`}\n        tabIndex={0}\n        onPointerDown={onPointerDown}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={cn(\n          'group absolute top-0 -right-1 z-10 h-full w-2 cursor-col-resize touch-none',\n          'flex items-center justify-center',\n          'focus-visible:outline-hidden',\n        )}\n      >\n        <ResizeHandleIndicator\n          className={cn(\n            'group-hover:opacity-100',\n            'group-focus-visible:opacity-100 group-focus-visible:via-accent1',\n            'in-data-[sidebar-gesture=active]:opacity-100 in-data-[sidebar-gesture=active]:via-neutral6/45',\n          )}\n        />\n      </div>\n    </div>\n  );\n}\n","import { useId } from 'react';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport type { NavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport type { NavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\n\nexport type MainSidebarSectionsProps = {\n  sections: NavSection[];\n  /**\n   * Called per link to decide the active state. Receives the section's links so\n   * callers can use section-aware active logic without re-scanning `sections`\n   * from the outside. Default: each link's `isActive`.\n   */\n  isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;\n  className?: string;\n};\n\ntype MainSidebarSectionLinkProps = {\n  link: NavLink;\n  activeCandidates: NavLink[];\n  level?: number;\n  isActive?: MainSidebarSectionsProps['isActive'];\n};\n\nfunction getLinkKey(link: NavLink) {\n  return `${link.url}:${link.name}`;\n}\n\nfunction MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }: MainSidebarSectionLinkProps) {\n  const childLinks = link.children ?? [];\n\n  return (\n    <MainSidebarNavLink\n      link={link}\n      isActive={isActive?.(link, activeCandidates) ?? link.isActive}\n      level={level}\n      subItems={\n        childLinks.length > 0 ? (\n          <MainSidebarNavList className=\"mt-0.5\">\n            {childLinks.map(child => (\n              <MainSidebarSectionLink\n                key={getLinkKey(child)}\n                link={child}\n                activeCandidates={activeCandidates}\n                level={level + 1}\n                isActive={isActive}\n              />\n            ))}\n          </MainSidebarNavList>\n        ) : null\n      }\n    />\n  );\n}\n\nexport function MainSidebarSections({ sections, isActive, className }: MainSidebarSectionsProps) {\n  const baseId = useId();\n\n  return (\n    <>\n      {sections.map(section => {\n        const showSeparator = section.links.length > 0 && section.separator;\n        const headerId = section.title ? `${baseId}-${section.key}` : undefined;\n        return (\n          <MainSidebarNavSection\n            key={section.key}\n            className={className}\n            aria-labelledby={headerId}\n            aria-label={!headerId ? section.key : undefined}\n          >\n            {/* Render separator and header independently — a section can have\n                both (titled group preceded by a divider). */}\n            {showSeparator ? <MainSidebarNavSeparator /> : null}\n            {section.title ? (\n              <MainSidebarNavHeader id={headerId} href={section.href} isActive={section.isHeaderActive}>\n                {section.title}\n              </MainSidebarNavHeader>\n            ) : null}\n            <MainSidebarNavList>\n              {section.links.map(link => (\n                <MainSidebarSectionLink\n                  key={getLinkKey(link)}\n                  link={link}\n                  activeCandidates={section.links}\n                  isActive={isActive}\n                />\n              ))}\n            </MainSidebarNavList>\n          </MainSidebarNavSection>\n        );\n      })}\n    </>\n  );\n}\n","import { KeyboardIcon, PanelRightIcon } from 'lucide-react';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useMainSidebar } from './main-sidebar-context';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type MainSidebarTriggerProps = ComponentPropsWithoutRef<'button'>;\n\nexport function MainSidebarTrigger({ className, onClick, ...props }: MainSidebarTriggerProps) {\n  // Use desktopState so the icon reflects the persisted desktop state\n  // even on mobile (where `state` is forced to 'default' for the drawer).\n  const { desktopState, toggleSidebar } = useMainSidebar();\n  const isCollapsed = desktopState === 'collapsed';\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <button\n            type=\"button\"\n            aria-label=\"Toggle sidebar\"\n            aria-expanded={!isCollapsed}\n            {...props}\n            onClick={event => {\n              onClick?.(event);\n              if (!event.defaultPrevented) toggleSidebar();\n            }}\n            className={cn(\n              'flex items-center justify-center text-neutral3 rounded-md',\n              'size-9',\n              isCollapsed ? 'mx-auto' : 'ml-auto',\n              'hover:bg-sidebar-nav-hover hover:text-neutral6',\n              'transition-all duration-normal ease-out-custom',\n              'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:shadow-focus-ring',\n              '[&_svg]:w-4 [&_svg]:h-4 [&_svg]:text-neutral3 [&:hover_svg]:text-neutral5 [&_svg]:transition-transform [&_svg]:duration-normal',\n              className,\n            )}\n          >\n            <PanelRightIcon\n              className={cn({\n                'rotate-180': isCollapsed,\n              })}\n            />\n          </button>\n        }\n      />\n\n      <TooltipContent>\n        Toggle Sidebar\n        <div className=\"flex items-center gap-1 [&>svg]:w-[1em] [&>svg]:h-[1em]\">\n          <KeyboardIcon /> Ctrl+B\n        </div>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n","import type { NavLink } from './main-sidebar-nav-link';\n\n/**\n * Strict active-path match with sibling-exclusion.\n * - `pathname === link.url` or starts with `link.url + '/'`\n * - Not active if any sibling link has a longer matching url (prevents `/a` lighting while `/a/b` matches).\n */\nexport function getIsLinkActive(link: NavLink, pathname: string, siblings: NavLink[] = []): boolean {\n  const matches = (url: string) => pathname === url || pathname.startsWith(url + '/');\n  const flattenLinks = (links: NavLink[]): NavLink[] =>\n    links.flatMap(item => [item, ...flattenLinks(item.children ?? [])]);\n\n  if (!matches(link.url)) return false;\n  const competingLinks = [...flattenLinks(link.children ?? []), ...flattenLinks(siblings)];\n  return !competingLinks.some(\n    other => other.url !== link.url && other.url.length > link.url.length && matches(other.url),\n  );\n}\n","import { MainSidebarBottom } from './main-sidebar-bottom';\nimport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nimport { MainSidebarNav } from './main-sidebar-nav';\nimport { MainSidebarNavHeader } from './main-sidebar-nav-header';\nimport { MainSidebarNavLabel } from './main-sidebar-nav-label';\nimport { MainSidebarNavLink } from './main-sidebar-nav-link';\nimport { MainSidebarNavList } from './main-sidebar-nav-list';\nimport { MainSidebarNavSection } from './main-sidebar-nav-section';\nimport { MainSidebarNavSeparator } from './main-sidebar-nav-separator';\nimport { MainSidebarRoot } from './main-sidebar-root';\nimport { MainSidebarSections } from './main-sidebar-sections';\nimport { MainSidebarTrigger } from './main-sidebar-trigger';\n\nexport { MainSidebarProvider, type SidebarState, type MainSidebarProviderProps } from './main-sidebar-context';\nexport { useMainSidebar, useMaybeSidebar } from './main-sidebar-context';\nexport { navItemClasses } from './main-sidebar-nav-item-classes';\nexport { type NavLink } from './main-sidebar-nav-link';\nexport { type NavSection } from './main-sidebar-nav-section';\nexport { MainSidebarTrigger } from './main-sidebar-trigger';\nexport { MainSidebarMobileTrigger } from './main-sidebar-mobile-trigger';\nexport { getIsLinkActive } from './main-sidebar-link-active';\n\nexport const MainSidebar = Object.assign(MainSidebarRoot, {\n  Bottom: MainSidebarBottom,\n  Nav: MainSidebarNav,\n  NavSection: MainSidebarNavSection,\n  NavLink: MainSidebarNavLink,\n  NavLabel: MainSidebarNavLabel,\n  NavHeader: MainSidebarNavHeader,\n  NavList: MainSidebarNavList,\n  NavSeparator: MainSidebarNavSeparator,\n  Sections: MainSidebarSections,\n  Trigger: MainSidebarTrigger,\n  MobileTrigger: MainSidebarMobileTrigger,\n});\n"],"names":["React"],"mappings":"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"}

package/dist/markdown-renderer-7SQ50R7L.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Markdown = require('react-markdown');
+const remarkGfm = require('remark-gfm');
+const code = require('./code-B3WONxnA.cjs');
+const copyButton = require('./copy-button-BqD3pp1G.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+function MarkdownRenderer({ children }) {
+  const processedText = children.replace(/\\n/g, "\n");
+  return /* @__PURE__ */ jsxRuntime.jsx(Markdown, { remarkPlugins: [remarkGfm], components: COMPONENTS, className: "space-y-3", children: processedText });
+}
+const CodeBlock = ({ children, className, language, ...restProps }) => {
+  const code$1 = typeof children === "string" ? children : childrenTakeAllStringContents(children);
+  const preClass = utils_cn.cn(
+    "overflow-x-scroll rounded-md border bg-surface1/50 p-4 font-mono text-sm [scrollbar-width:none]",
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/code relative mb-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(code.Code, { code: code$1, lang: language, className: preClass, ...restProps }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "invisible absolute right-2 top-2 flex gap-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: code$1, copyMessage: "Copied code to clipboard" }) })
+  ] });
+};
+function childrenTakeAllStringContents(element) {
+  if (typeof element === "string") {
+    return element;
+  }
+  if (element?.props?.children) {
+    let children = element.props.children;
+    if (Array.isArray(children)) {
+      return children.map((child) => childrenTakeAllStringContents(child)).join("");
+    } else {
+      return childrenTakeAllStringContents(children);
+    }
+  }
+  return "";
+}
+const COMPONENTS = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-xl", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-lg", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-base", ...props, children }),
+  h5: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "font-medium", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", ...props, children }),
+  a: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: "underline underline-offset-2", ...props, children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-neutral6 pl-4", ...props, children }),
+  code: ({ children, className, ...rest }) => {
+    const match = /language-(\w+)/.exec(className || "");
+    return match ? /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { className, language: match[1], ...rest, children }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "code",
+      {
+        className: utils_cn.cn(
+          "font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-surface1/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
+        ),
+        ...rest,
+        children
+      }
+    );
+  },
+  pre: ({ children }) => children,
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-decimal space-y-2 pl-6", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc space-y-2 pl-6", ...props, children }),
+  li: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "my-1.5", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full border-collapse overflow-y-auto rounded-md border border-neutral6/20", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      className: "border border-neutral6/20 px-4 py-2 text-left font-bold [[align=center]]:text-center [[align=right]]:text-right",
+      ...props,
+      children
+    }
+  ),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      className: "border border-neutral6/20 px-4 py-2 text-left [[align=center]]:text-center [[align=right]]:text-right",
+      ...props,
+      children
+    }
+  ),
+  tr: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "m-0 border-t p-0 even:bg-surface4", ...props, children }),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap leading-relaxed", ...props, children }),
+  hr: ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "border-neutral6/20", ...props })
+};
+
+exports.MarkdownRenderer = MarkdownRenderer;
+//# sourceMappingURL=markdown-renderer-7SQ50R7L.cjs.map

package/dist/markdown-renderer-7SQ50R7L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer-7SQ50R7L.cjs","sources":["../src/ds/components/MarkdownRenderer/markdown-renderer.tsx"],"sourcesContent":["import React from 'react';\nimport Markdown from 'react-markdown';\nimport type { Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { Code } from '@/ds/components/Code';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { cn } from '@/lib/utils';\n\nexport type MarkdownRendererProps = {\n  children: string;\n};\n\nexport function MarkdownRenderer({ children }: MarkdownRendererProps) {\n  const processedText = children.replace(/\\\\n/g, '\\n');\n\n  return (\n    <Markdown remarkPlugins={[remarkGfm]} components={COMPONENTS} className=\"space-y-3\">\n      {processedText}\n    </Markdown>\n  );\n}\n\ninterface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode;\n  className?: string;\n  language: string;\n}\n\nconst CodeBlock = ({ children, className, language, ...restProps }: CodeBlockProps) => {\n  const code = typeof children === 'string' ? children : childrenTakeAllStringContents(children);\n\n  const preClass = cn(\n    'overflow-x-scroll rounded-md border bg-surface1/50 p-4 font-mono text-sm [scrollbar-width:none]',\n    className,\n  );\n\n  return (\n    <div className=\"group/code relative mb-4\">\n      <Code code={code} lang={language} className={preClass} {...restProps} />\n\n      <div className=\"invisible absolute right-2 top-2 flex gap-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100\">\n        <CopyButton content={code} copyMessage=\"Copied code to clipboard\" />\n      </div>\n    </div>\n  );\n};\n\nfunction childrenTakeAllStringContents(element: any): string {\n  if (typeof element === 'string') {\n    return element;\n  }\n\n  if (element?.props?.children) {\n    let children = element.props.children;\n\n    if (Array.isArray(children)) {\n      return children.map(child => childrenTakeAllStringContents(child)).join('');\n    } else {\n      return childrenTakeAllStringContents(children);\n    }\n  }\n\n  return '';\n}\n\n// Create component wrappers with className\nconst COMPONENTS: Components = {\n  h1: ({ children, ...props }) => (\n    <h1 className=\"text-2xl font-semibold\" {...props}>\n      {children}\n    </h1>\n  ),\n  h2: ({ children, ...props }) => (\n    <h2 className=\"font-semibold text-xl\" {...props}>\n      {children}\n    </h2>\n  ),\n  h3: ({ children, ...props }) => (\n    <h3 className=\"font-semibold text-lg\" {...props}>\n      {children}\n    </h3>\n  ),\n  h4: ({ children, ...props }) => (\n    <h4 className=\"font-semibold text-base\" {...props}>\n      {children}\n    </h4>\n  ),\n  h5: ({ children, ...props }) => (\n    <h5 className=\"font-medium\" {...props}>\n      {children}\n    </h5>\n  ),\n  strong: ({ children, ...props }) => (\n    <strong className=\"font-semibold\" {...props}>\n      {children}\n    </strong>\n  ),\n  a: ({ children, ...props }) => (\n    <a className=\"underline underline-offset-2\" {...props}>\n      {children}\n    </a>\n  ),\n  blockquote: ({ children, ...props }) => (\n    <blockquote className=\"border-l-2 border-neutral6 pl-4\" {...props}>\n      {children}\n    </blockquote>\n  ),\n  code: ({ children, className, ...rest }: any) => {\n    const match = /language-(\\w+)/.exec(className || '');\n    return match ? (\n      <CodeBlock className={className} language={match[1]} {...rest}>\n        {children}\n      </CodeBlock>\n    ) : (\n      <code\n        className={cn(\n          'font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-surface1/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5',\n        )}\n        {...rest}\n      >\n        {children}\n      </code>\n    );\n  },\n  pre: ({ children }: any) => children,\n  ol: ({ children, ...props }) => (\n    <ol className=\"list-decimal space-y-2 pl-6\" {...props}>\n      {children}\n    </ol>\n  ),\n  ul: ({ children, ...props }) => (\n    <ul className=\"list-disc space-y-2 pl-6\" {...props}>\n      {children}\n    </ul>\n  ),\n  li: ({ children, ...props }) => (\n    <li className=\"my-1.5\" {...props}>\n      {children}\n    </li>\n  ),\n  table: ({ children, ...props }) => (\n    <table className=\"w-full border-collapse overflow-y-auto rounded-md border border-neutral6/20\" {...props}>\n      {children}\n    </table>\n  ),\n  th: ({ children, ...props }) => (\n    <th\n      className=\"border border-neutral6/20 px-4 py-2 text-left font-bold [[align=center]]:text-center [[align=right]]:text-right\"\n      {...props}\n    >\n      {children}\n    </th>\n  ),\n  td: ({ children, ...props }) => (\n    <td\n      className=\"border border-neutral6/20 px-4 py-2 text-left [[align=center]]:text-center [[align=right]]:text-right\"\n      {...props}\n    >\n      {children}\n    </td>\n  ),\n  tr: ({ children, ...props }) => (\n    <tr className=\"m-0 border-t p-0 even:bg-surface4\" {...props}>\n      {children}\n    </tr>\n  ),\n  p: ({ children, ...props }) => (\n    <p className=\"whitespace-pre-wrap leading-relaxed\" {...props}>\n      {children}\n    </p>\n  ),\n  hr: ({ ...props }) => <hr className=\"border-neutral6/20\" {...props} />,\n};\n\nexport default MarkdownRenderer;\n"],"names":["jsx","code","cn","jsxs","Code","CopyButton"],"mappings":";;;;;;;;;AAaO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAS,EAA0B;AACpE,EAAA,MAAM,aAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,MAAA,EAAQ,IAAI,CAAA;AAEnD,EAAA,uBACEA,cAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAe,CAAC,SAAS,GAAG,UAAA,EAAY,UAAA,EAAY,SAAA,EAAU,WAAA,EACrE,QAAA,EAAA,aAAA,EACH,CAAA;AAEJ;AAQA,MAAM,SAAA,GAAY,CAAC,EAAE,QAAA,EAAU,WAAW,QAAA,EAAU,GAAG,WAAU,KAAsB;AACrF,EAAA,MAAMC,SAAO,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,8BAA8B,QAAQ,CAAA;AAE7F,EAAA,MAAM,QAAA,GAAWC,WAAA;AAAA,IACf,iGAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAAH,cAAA,CAACI,mBAAKH,MAAA,EAAY,IAAA,EAAM,UAAU,SAAA,EAAW,QAAA,EAAW,GAAG,SAAA,EAAW,CAAA;AAAA,oBAEtED,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wJAAA,EACb,QAAA,kBAAAA,cAAA,CAACK,yBAAW,OAAA,EAASJ,MAAA,EAAM,WAAA,EAAY,0BAAA,EAA2B,CAAA,EACpE;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,SAAS,8BAA8B,OAAA,EAAsB;AAC3D,EAAA,IAAI,OAAO,YAAY,QAAA,EAAU;AAC/B,IAAA,OAAO,OAAA;AAAA,EACT;AAEA,EAAA,IAAI,OAAA,EAAS,OAAO,QAAA,EAAU;AAC5B,IAAA,IAAI,QAAA,GAAW,QAAQ,KAAA,CAAM,QAAA;AAE7B,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC3B,MAAA,OAAO,QAAA,CAAS,IAAI,CAAA,KAAA,KAAS,6BAAA,CAA8B,KAAK,CAAC,CAAA,CAAE,KAAK,EAAE,CAAA;AAAA,IAC5E,CAAA,MAAO;AACL,MAAA,OAAO,8BAA8B,QAAQ,CAAA;AAAA,IAC/C;AAAA,EACF;AAEA,EAAA,OAAO,EAAA;AACT;AAGA,MAAM,UAAA,GAAyB;AAAA,EAC7B,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wBAAA,EAA0B,GAAG,OACxC,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAyB,GAAG,OACvC,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAyB,GAAG,OACvC,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yBAAA,EAA2B,GAAG,OACzC,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EAAe,GAAG,OAC7B,QAAA,EACH,CAAA;AAAA,EAEF,MAAA,EAAQ,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBAC5BA,cAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,eAAA,EAAiB,GAAG,OACnC,QAAA,EACH,CAAA;AAAA,EAEF,CAAA,EAAG,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACvBA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAAgC,GAAG,OAC7C,QAAA,EACH,CAAA;AAAA,EAEF,UAAA,EAAY,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBAChCA,cAAA,CAAC,YAAA,EAAA,EAAW,SAAA,EAAU,iCAAA,EAAmC,GAAG,OACzD,QAAA,EACH,CAAA;AAAA,EAEF,MAAM,CAAC,EAAE,UAAU,SAAA,EAAW,GAAG,MAAK,KAAW;AAC/C,IAAA,MAAM,KAAA,GAAQ,gBAAA,CAAiB,IAAA,CAAK,SAAA,IAAa,EAAE,CAAA;AACnD,IAAA,OAAO,KAAA,mBACLA,cAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAsB,QAAA,EAAU,KAAA,CAAM,CAAC,CAAA,EAAI,GAAG,IAAA,EACtD,QAAA,EACH,CAAA,mBAEAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWE,WAAA;AAAA,UACT;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAAA,EACA,GAAA,EAAK,CAAC,EAAE,QAAA,EAAS,KAAW,QAAA;AAAA,EAC5B,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,6BAAA,EAA+B,GAAG,OAC7C,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,0BAAA,EAA4B,GAAG,OAC1C,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,QAAA,EAAU,GAAG,OACxB,QAAA,EACH,CAAA;AAAA,EAEF,KAAA,EAAO,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBAC3BA,cAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,6EAAA,EAA+E,GAAG,OAChG,QAAA,EACH,CAAA;AAAA,EAEF,IAAI,CAAC,EAAE,QAAA,EAAU,GAAG,OAAM,qBACxBA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,iHAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAAA,EAEF,IAAI,CAAC,EAAE,QAAA,EAAU,GAAG,OAAM,qBACxBA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uGAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACxBA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,mCAAA,EAAqC,GAAG,OACnD,QAAA,EACH,CAAA;AAAA,EAEF,CAAA,EAAG,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,qBACvBA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qCAAA,EAAuC,GAAG,OACpD,QAAA,EACH,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,GAAG,KAAA,EAAM,qBAAMA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EAAO;AACtE,CAAA;;;;"}

package/dist/markdown-renderer-furyWBRc.js

@@ -0,0 +1,86 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { C as Code } from './code-C5KVVzOZ.js';
+import { C as CopyButton } from './copy-button-BUOdkU40.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+function MarkdownRenderer({ children }) {
+  const processedText = children.replace(/\\n/g, "\n");
+  return /* @__PURE__ */ jsx(Markdown, { remarkPlugins: [remarkGfm], components: COMPONENTS, className: "space-y-3", children: processedText });
+}
+const CodeBlock = ({ children, className, language, ...restProps }) => {
+  const code = typeof children === "string" ? children : childrenTakeAllStringContents(children);
+  const preClass = cn(
+    "overflow-x-scroll rounded-md border bg-surface1/50 p-4 font-mono text-sm [scrollbar-width:none]",
+    className
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "group/code relative mb-4", children: [
+    /* @__PURE__ */ jsx(Code, { code, lang: language, className: preClass, ...restProps }),
+    /* @__PURE__ */ jsx("div", { className: "invisible absolute right-2 top-2 flex gap-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ jsx(CopyButton, { content: code, copyMessage: "Copied code to clipboard" }) })
+  ] });
+};
+function childrenTakeAllStringContents(element) {
+  if (typeof element === "string") {
+    return element;
+  }
+  if (element?.props?.children) {
+    let children = element.props.children;
+    if (Array.isArray(children)) {
+      return children.map((child) => childrenTakeAllStringContents(child)).join("");
+    } else {
+      return childrenTakeAllStringContents(children);
+    }
+  }
+  return "";
+}
+const COMPONENTS = {
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "font-semibold text-xl", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "font-semibold text-base", ...props, children }),
+  h5: ({ children, ...props }) => /* @__PURE__ */ jsx("h5", { className: "font-medium", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", ...props, children }),
+  a: ({ children, ...props }) => /* @__PURE__ */ jsx("a", { className: "underline underline-offset-2", ...props, children }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-neutral6 pl-4", ...props, children }),
+  code: ({ children, className, ...rest }) => {
+    const match = /language-(\w+)/.exec(className || "");
+    return match ? /* @__PURE__ */ jsx(CodeBlock, { className, language: match[1], ...rest, children }) : /* @__PURE__ */ jsx(
+      "code",
+      {
+        className: cn(
+          "font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-surface1/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
+        ),
+        ...rest,
+        children
+      }
+    );
+  },
+  pre: ({ children }) => children,
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-2 pl-6", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-2 pl-6", ...props, children }),
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx("li", { className: "my-1.5", ...props, children }),
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx("table", { className: "w-full border-collapse overflow-y-auto rounded-md border border-neutral6/20", ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: "border border-neutral6/20 px-4 py-2 text-left font-bold [[align=center]]:text-center [[align=right]]:text-right",
+      ...props,
+      children
+    }
+  ),
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: "border border-neutral6/20 px-4 py-2 text-left [[align=center]]:text-center [[align=right]]:text-right",
+      ...props,
+      children
+    }
+  ),
+  tr: ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { className: "m-0 border-t p-0 even:bg-surface4", ...props, children }),
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap leading-relaxed", ...props, children }),
+  hr: ({ ...props }) => /* @__PURE__ */ jsx("hr", { className: "border-neutral6/20", ...props })
+};
+
+export { MarkdownRenderer as M };
+//# sourceMappingURL=markdown-renderer-furyWBRc.js.map

package/dist/markdown-renderer-furyWBRc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer-furyWBRc.js","sources":["../src/ds/components/MarkdownRenderer/markdown-renderer.tsx"],"sourcesContent":["import React from 'react';\nimport Markdown from 'react-markdown';\nimport type { Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { Code } from '@/ds/components/Code';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { cn } from '@/lib/utils';\n\nexport type MarkdownRendererProps = {\n  children: string;\n};\n\nexport function MarkdownRenderer({ children }: MarkdownRendererProps) {\n  const processedText = children.replace(/\\\\n/g, '\\n');\n\n  return (\n    <Markdown remarkPlugins={[remarkGfm]} components={COMPONENTS} className=\"space-y-3\">\n      {processedText}\n    </Markdown>\n  );\n}\n\ninterface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode;\n  className?: string;\n  language: string;\n}\n\nconst CodeBlock = ({ children, className, language, ...restProps }: CodeBlockProps) => {\n  const code = typeof children === 'string' ? children : childrenTakeAllStringContents(children);\n\n  const preClass = cn(\n    'overflow-x-scroll rounded-md border bg-surface1/50 p-4 font-mono text-sm [scrollbar-width:none]',\n    className,\n  );\n\n  return (\n    <div className=\"group/code relative mb-4\">\n      <Code code={code} lang={language} className={preClass} {...restProps} />\n\n      <div className=\"invisible absolute right-2 top-2 flex gap-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100\">\n        <CopyButton content={code} copyMessage=\"Copied code to clipboard\" />\n      </div>\n    </div>\n  );\n};\n\nfunction childrenTakeAllStringContents(element: any): string {\n  if (typeof element === 'string') {\n    return element;\n  }\n\n  if (element?.props?.children) {\n    let children = element.props.children;\n\n    if (Array.isArray(children)) {\n      return children.map(child => childrenTakeAllStringContents(child)).join('');\n    } else {\n      return childrenTakeAllStringContents(children);\n    }\n  }\n\n  return '';\n}\n\n// Create component wrappers with className\nconst COMPONENTS: Components = {\n  h1: ({ children, ...props }) => (\n    <h1 className=\"text-2xl font-semibold\" {...props}>\n      {children}\n    </h1>\n  ),\n  h2: ({ children, ...props }) => (\n    <h2 className=\"font-semibold text-xl\" {...props}>\n      {children}\n    </h2>\n  ),\n  h3: ({ children, ...props }) => (\n    <h3 className=\"font-semibold text-lg\" {...props}>\n      {children}\n    </h3>\n  ),\n  h4: ({ children, ...props }) => (\n    <h4 className=\"font-semibold text-base\" {...props}>\n      {children}\n    </h4>\n  ),\n  h5: ({ children, ...props }) => (\n    <h5 className=\"font-medium\" {...props}>\n      {children}\n    </h5>\n  ),\n  strong: ({ children, ...props }) => (\n    <strong className=\"font-semibold\" {...props}>\n      {children}\n    </strong>\n  ),\n  a: ({ children, ...props }) => (\n    <a className=\"underline underline-offset-2\" {...props}>\n      {children}\n    </a>\n  ),\n  blockquote: ({ children, ...props }) => (\n    <blockquote className=\"border-l-2 border-neutral6 pl-4\" {...props}>\n      {children}\n    </blockquote>\n  ),\n  code: ({ children, className, ...rest }: any) => {\n    const match = /language-(\\w+)/.exec(className || '');\n    return match ? (\n      <CodeBlock className={className} language={match[1]} {...rest}>\n        {children}\n      </CodeBlock>\n    ) : (\n      <code\n        className={cn(\n          'font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-surface1/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5',\n        )}\n        {...rest}\n      >\n        {children}\n      </code>\n    );\n  },\n  pre: ({ children }: any) => children,\n  ol: ({ children, ...props }) => (\n    <ol className=\"list-decimal space-y-2 pl-6\" {...props}>\n      {children}\n    </ol>\n  ),\n  ul: ({ children, ...props }) => (\n    <ul className=\"list-disc space-y-2 pl-6\" {...props}>\n      {children}\n    </ul>\n  ),\n  li: ({ children, ...props }) => (\n    <li className=\"my-1.5\" {...props}>\n      {children}\n    </li>\n  ),\n  table: ({ children, ...props }) => (\n    <table className=\"w-full border-collapse overflow-y-auto rounded-md border border-neutral6/20\" {...props}>\n      {children}\n    </table>\n  ),\n  th: ({ children, ...props }) => (\n    <th\n      className=\"border border-neutral6/20 px-4 py-2 text-left font-bold [[align=center]]:text-center [[align=right]]:text-right\"\n      {...props}\n    >\n      {children}\n    </th>\n  ),\n  td: ({ children, ...props }) => (\n    <td\n      className=\"border border-neutral6/20 px-4 py-2 text-left [[align=center]]:text-center [[align=right]]:text-right\"\n      {...props}\n    >\n      {children}\n    </td>\n  ),\n  tr: ({ children, ...props }) => (\n    <tr className=\"m-0 border-t p-0 even:bg-surface4\" {...props}>\n      {children}\n    </tr>\n  ),\n  p: ({ children, ...props }) => (\n    <p className=\"whitespace-pre-wrap leading-relaxed\" {...props}>\n      {children}\n    </p>\n  ),\n  hr: ({ ...props }) => <hr className=\"border-neutral6/20\" {...props} />,\n};\n\nexport default MarkdownRenderer;\n"],"names":[],"mappings":"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"}

package/dist/metrics-card-BTBHMGM_.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as cn } from './cn-BakJzhuv.js';
+import { S as Spinner } from './spinner-CzdgR9lk.js';
+import { D as DashboardCard } from './dashboard-card-DoOrPHcL.js';
+import { M as MetricsKpiCard } from './metrics-kpi-card-1lwPKo4-.js';
+
+function MetricsCardActions({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1 shrink-0", className), children });
+}
+
+function MetricsCardContent({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("overflow-x-auto ", className), children });
+}
+
+function MetricsCardDescription({ children, className }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-ui-md text-neutral2 leading-tight mt-0.5", className), children });
+}
+
+function MetricsCardError({
+  message = "Failed to load data",
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3 items-center justify-center", className), children: /* @__PURE__ */ jsx("p", { className: "text-ui-sm text-accent2", children: message }) });
+}
+
+function MetricsCardLoading({ className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx(Spinner, { size: "md", variant: "pulse", className: "text-neutral1" }) });
+}
+
+function MetricsCardNoData({ message = "No data yet", className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center h-full", className), children: /* @__PURE__ */ jsx("p", { className: "text-neutral1 text-sm", children: message }) });
+}
+
+function MetricsCardRoot({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    DashboardCard,
+    {
+      className: cn(
+        "flex-1 grid grid-rows-[4rem_1fr] min-h-72 gap-2 min-w-80 md:min-w-[22rem] lg:min-w-[24rem] xl:min-w-[26rem] 2xl:min-w-[30rem]",
+        className
+      ),
+      children
+    }
+  );
+}
+
+function MetricsCardSummary({ value, label, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("grid justify-end content-start text-right gap-1", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "text-ui-lg font-semibold text-neutral4 leading-none", children: value }),
+    label && /* @__PURE__ */ jsx("span", { className: "text-ui-md text-neutral2", children: label })
+  ] });
+}
+
+function MetricsCardTitle({
+  children,
+  className,
+  as: Tag = "h2"
+}) {
+  return /* @__PURE__ */ jsx(Tag, { className: cn("text-ui-md font-normal text-neutral4", className), children });
+}
+
+function MetricsCardTitleAndDescription(props) {
+  if ("children" in props) {
+    return /* @__PURE__ */ jsx("div", { className: props.className, children: props.children });
+  }
+  const { title, description, titleAs } = props;
+  return /* @__PURE__ */ jsxs("div", { className: props.className, children: [
+    /* @__PURE__ */ jsx(MetricsCardTitle, { as: titleAs, children: title }),
+    description && /* @__PURE__ */ jsx(MetricsCardDescription, { children: description })
+  ] });
+}
+
+function MetricsCardTopBar({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-start gap-4 [&>:first-child]:flex-1 [&>:first-child]:min-w-0", className), children });
+}
+
+const MetricsCard = Object.assign(MetricsCardRoot, {
+  Root: MetricsCardRoot,
+  Kpi: MetricsKpiCard,
+  TopBar: MetricsCardTopBar,
+  Actions: MetricsCardActions,
+  TitleAndDescription: MetricsCardTitleAndDescription,
+  Title: MetricsCardTitle,
+  Description: MetricsCardDescription,
+  Summary: MetricsCardSummary,
+  Loading: MetricsCardLoading,
+  Error: MetricsCardError,
+  Content: MetricsCardContent,
+  NoData: MetricsCardNoData
+});
+
+export { MetricsCard as M };
+//# sourceMappingURL=metrics-card-BTBHMGM_.js.map

package/dist/metrics-card-BTBHMGM_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-card-BTBHMGM_.js","sources":["../src/ds/components/MetricsCard/metrics-card-actions.tsx","../src/ds/components/MetricsCard/metrics-card-content.tsx","../src/ds/components/MetricsCard/metrics-card-description.tsx","../src/ds/components/MetricsCard/metrics-card-error.tsx","../src/ds/components/MetricsCard/metrics-card-loading.tsx","../src/ds/components/MetricsCard/metrics-card-no-data.tsx","../src/ds/components/MetricsCard/metrics-card-root.tsx","../src/ds/components/MetricsCard/metrics-card-summary.tsx","../src/ds/components/MetricsCard/metrics-card-title.tsx","../src/ds/components/MetricsCard/metrics-card-title-and-description.tsx","../src/ds/components/MetricsCard/metrics-card-top-bar.tsx","../src/ds/components/MetricsCard/metrics-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\n/** Container for icon buttons / small actions in the top bar of a MetricsCard,\n *  placed alongside `TitleAndDescription` + `Summary`. */\nexport function MetricsCardActions({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('flex items-center gap-1 shrink-0', className)}>{children}</div>;\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardContent({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('overflow-x-auto ', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardDescription({ children, className }: { children: string; className?: string }) {\n  return <p className={cn('text-ui-md text-neutral2 leading-tight mt-0.5', className)}>{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardError({\n  message = 'Failed to load data',\n  className,\n}: {\n  message?: string;\n  className?: string;\n}) {\n  return (\n    <div className={cn('flex flex-col gap-3 items-center justify-center', className)}>\n      <p className=\"text-ui-sm text-accent2\">{message}</p>\n    </div>\n  );\n}\n","import { Spinner } from '@/ds/components/Spinner/spinner';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardLoading({ className }: { className?: string }) {\n  return (\n    <div className={cn('flex items-center justify-center', className)}>\n      <Spinner size=\"md\" variant=\"pulse\" className=\"text-neutral1\" />\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardNoData({ message = 'No data yet', className }: { message?: string; className?: string }) {\n  return (\n    <div className={cn('flex items-center justify-center h-full', className)}>\n      <p className=\"text-neutral1 text-sm\">{message}</p>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { DashboardCard } from '@/ds/components/DashboardCard';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardRoot({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <DashboardCard\n      className={cn(\n        'flex-1 grid grid-rows-[4rem_1fr] min-h-72 gap-2 min-w-80 md:min-w-[22rem] lg:min-w-[24rem] xl:min-w-[26rem] 2xl:min-w-[30rem]',\n        className,\n      )}\n    >\n      {children}\n    </DashboardCard>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardSummary({ value, label, className }: { value: string; label?: string; className?: string }) {\n  return (\n    <div className={cn('grid justify-end content-start text-right gap-1', className)}>\n      <span className=\"text-ui-lg font-semibold text-neutral4 leading-none\">{value}</span>\n      {label && <span className=\"text-ui-md text-neutral2\">{label}</span>}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport function MetricsCardTitle({\n  children,\n  className,\n  as: Tag = 'h2',\n}: {\n  children: string;\n  className?: string;\n  as?: 'h2' | 'h3' | 'h4';\n}) {\n  return <Tag className={cn('text-ui-md font-normal text-neutral4', className)}>{children}</Tag>;\n}\n","import type { ReactNode } from 'react';\n\nimport { MetricsCardDescription } from './metrics-card-description';\nimport { MetricsCardTitle } from './metrics-card-title';\n\ntype PropsWithTitleDescription = {\n  title: string;\n  description?: string;\n  titleAs?: 'h2' | 'h3' | 'h4';\n  children?: never;\n  className?: string;\n};\n\ntype PropsWithChildren = {\n  title?: never;\n  description?: never;\n  children: ReactNode;\n  className?: string;\n};\n\nexport function MetricsCardTitleAndDescription(props: PropsWithTitleDescription | PropsWithChildren) {\n  if ('children' in props) {\n    return <div className={props.className}>{props.children}</div>;\n  }\n\n  const { title, description, titleAs } = props;\n\n  return (\n    <div className={props.className}>\n      <MetricsCardTitle as={titleAs}>{title}</MetricsCardTitle>\n      {description && <MetricsCardDescription>{description}</MetricsCardDescription>}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function MetricsCardTopBar({ children, className }: { children: ReactNode; className?: string }) {\n  return (\n    <div className={cn('flex items-start gap-4 [&>:first-child]:flex-1 [&>:first-child]:min-w-0', className)}>\n      {children}\n    </div>\n  );\n}\n","import { MetricsCardActions } from './metrics-card-actions';\nimport { MetricsCardContent } from './metrics-card-content';\nimport { MetricsCardDescription } from './metrics-card-description';\nimport { MetricsCardError } from './metrics-card-error';\nimport { MetricsCardLoading } from './metrics-card-loading';\nimport { MetricsCardNoData } from './metrics-card-no-data';\nimport { MetricsCardRoot } from './metrics-card-root';\nimport { MetricsCardSummary } from './metrics-card-summary';\nimport { MetricsCardTitle } from './metrics-card-title';\nimport { MetricsCardTitleAndDescription } from './metrics-card-title-and-description';\nimport { MetricsCardTopBar } from './metrics-card-top-bar';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\n\nexport const MetricsCard = Object.assign(MetricsCardRoot, {\n  Root: MetricsCardRoot,\n  Kpi: MetricsKpiCard,\n  TopBar: MetricsCardTopBar,\n  Actions: MetricsCardActions,\n  TitleAndDescription: MetricsCardTitleAndDescription,\n  Title: MetricsCardTitle,\n  Description: MetricsCardDescription,\n  Summary: MetricsCardSummary,\n  Loading: MetricsCardLoading,\n  Error: MetricsCardError,\n  Content: MetricsCardContent,\n  NoData: MetricsCardNoData,\n});\n"],"names":[],"mappings":"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"}

package/dist/metrics-card-CriQ3I_h.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+const spinner = require('./spinner-CbKwvEp3.cjs');
+const dashboardCard = require('./dashboard-card-C5Jr9KgG.cjs');
+const metricsKpiCard = require('./metrics-kpi-card-C4rSquAu.cjs');
+
+function MetricsCardActions({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center gap-1 shrink-0", className), children });
+}
+
+function MetricsCardContent({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("overflow-x-auto ", className), children });
+}
+
+function MetricsCardDescription({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils_cn.cn("text-ui-md text-neutral2 leading-tight mt-0.5", className), children });
+}
+
+function MetricsCardError({
+  message = "Failed to load data",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col gap-3 items-center justify-center", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-sm text-accent2", children: message }) });
+}
+
+function MetricsCardLoading({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: "md", variant: "pulse", className: "text-neutral1" }) });
+}
+
+function MetricsCardNoData({ message = "No data yet", className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center justify-center h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral1 text-sm", children: message }) });
+}
+
+function MetricsCardRoot({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dashboardCard.DashboardCard,
+    {
+      className: utils_cn.cn(
+        "flex-1 grid grid-rows-[4rem_1fr] min-h-72 gap-2 min-w-80 md:min-w-[22rem] lg:min-w-[24rem] xl:min-w-[26rem] 2xl:min-w-[30rem]",
+        className
+      ),
+      children
+    }
+  );
+}
+
+function MetricsCardSummary({ value, label, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("grid justify-end content-start text-right gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-lg font-semibold text-neutral4 leading-none", children: value }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-md text-neutral2", children: label })
+  ] });
+}
+
+function MetricsCardTitle({
+  children,
+  className,
+  as: Tag = "h2"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: utils_cn.cn("text-ui-md font-normal text-neutral4", className), children });
+}
+
+function MetricsCardTitleAndDescription(props) {
+  if ("children" in props) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: props.className, children: props.children });
+  }
+  const { title, description, titleAs } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: props.className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MetricsCardTitle, { as: titleAs, children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(MetricsCardDescription, { children: description })
+  ] });
+}
+
+function MetricsCardTopBar({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-start gap-4 [&>:first-child]:flex-1 [&>:first-child]:min-w-0", className), children });
+}
+
+const MetricsCard = Object.assign(MetricsCardRoot, {
+  Root: MetricsCardRoot,
+  Kpi: metricsKpiCard.MetricsKpiCard,
+  TopBar: MetricsCardTopBar,
+  Actions: MetricsCardActions,
+  TitleAndDescription: MetricsCardTitleAndDescription,
+  Title: MetricsCardTitle,
+  Description: MetricsCardDescription,
+  Summary: MetricsCardSummary,
+  Loading: MetricsCardLoading,
+  Error: MetricsCardError,
+  Content: MetricsCardContent,
+  NoData: MetricsCardNoData
+});
+
+exports.MetricsCard = MetricsCard;
+//# sourceMappingURL=metrics-card-CriQ3I_h.cjs.map