@arbidocs/blocks 0.4.32 → 0.4.37

package/dist/{chunk-5B4PXAKI.cjs → chunk-7RGLTF76.cjs}

@@ -49,8 +49,10 @@ function TabButton({
     // Touch: an icon-only tab still meets the 44px target; a titled active tab truncates.
     isCompact && tab.icon && (isActive ? "max-w-[45vw]" : "pointer-coarse:min-w-11 justify-center"),
     tab.disabled && "cursor-not-allowed opacity-50",
+    tab.presentation === "count" && "rounded-none border-transparent bg-transparent pl-0 font-normal hover:bg-transparent",
     tab.tabClassName
   );
+  const countValue = tab.isProcessing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count;
   const countBadge = tab.count === void 0 ? null : (
     // A plain muted number, a footnote to the label. A filtered count switches to primary ink so
     // "this is narrowed" still reads without a fill.
@@ -65,11 +67,11 @@ function TabButton({
           // Compact rows drop counts to save width, but a tab whose glyph lives in the count has
           // nothing else to show: there the count IS the tab.
           isCompact && !tab.countIcon ? "hidden" : "inline-flex",
-          tab.hasActiveFilters ? "font-semibold text-primary" : "text-muted-foreground"
+          tab.hasActiveFilters ? "text-primary" : "text-muted-foreground"
         ),
         children: [
           tab.countIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center justify-center", children: tab.countIcon }),
-          tab.isProcessing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count
+          tab.countClassName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: tab.countClassName, children: countValue }) : countValue
         ]
       }
     )
@@ -160,6 +162,7 @@ function TabHeader({
   onTabChange,
   leading,
   leftContent,
+  firstTabContent,
   afterTabs,
   centerContent,
   absoluteCenterContent,
@@ -206,7 +209,7 @@ function TabHeader({
     "div",
     {
       ref: containerRef,
-      className: ui.cn("w-full bg-background pt-1 pb-2", className),
+      className: ui.cn("w-full bg-background pt-1 pr-3 pb-2", className),
       "data-slot": "tab-header",
       "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "tab-header" }),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-background", children: [
@@ -230,7 +233,7 @@ function TabHeader({
                   leading ? "pl-8" : "pl-3"
                 ),
                 children: leftContent || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-1", children: [
-                  tabs.map((tab) => {
+                  tabs.map((tab, index) => {
                     const tabButton = /* @__PURE__ */ jsxRuntime.jsx(
                       TabButton,
                       {
@@ -244,11 +247,23 @@ function TabHeader({
                       },
                       tab.id
                     );
-                    if (!tab.tooltip) return tabButton;
-                    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+                    const renderedTab = !tab.tooltip ? tabButton : /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: tabButton }),
                       /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: tab.tooltip }) })
                     ] }, tab.id);
+                    if (index !== 0 || !firstTabContent) return renderedTab;
+                    return /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        "data-slot": "count-tab-group",
+                        className: "flex shrink-0 items-end gap-1",
+                        children: [
+                          renderedTab,
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("self-center", COMPACT_SECTION), children: typeof firstTabContent === "function" ? firstTabContent(isCompact) : firstTabContent })
+                        ]
+                      },
+                      tab.id
+                    );
                   }),
                   afterTabs && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("self-center", COMPACT_SECTION), children: typeof afterTabs === "function" ? afterTabs(isCompact) : afterTabs })
                 ] })
@@ -283,5 +298,5 @@ function TabHeader({
 
 exports.DEFAULT_TAB_HEADER_LABELS = DEFAULT_TAB_HEADER_LABELS;
 exports.TabHeader = TabHeader;
-//# sourceMappingURL=chunk-5B4PXAKI.cjs.map
-//# sourceMappingURL=chunk-5B4PXAKI.cjs.map
+//# sourceMappingURL=chunk-7RGLTF76.cjs.map
+//# sourceMappingURL=chunk-7RGLTF76.cjs.map

package/dist/chunk-7RGLTF76.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/TabHeader.tsx"],"names":["useCallback","cn","jsx","jsxs","testIdOr","Fragment","Badge","Tooltip","TooltipTrigger","X","TooltipContent","useRef","useState","useEffect","observeResize"],"mappings":"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","file":"chunk-7RGLTF76.cjs","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { X } from 'lucide-react'\nimport { Badge, cn, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { observeResize } from '../lib/observe-resize'\n\n/** Fixed strings of the tab row. */\nexport interface TabHeaderLabels {\n  /** A tab's close button (a tab's own `closeTooltip` wins). */\n  closeTab: string\n}\n\nexport const DEFAULT_TAB_HEADER_LABELS: TabHeaderLabels = {\n  closeTab: 'Close tab',\n}\n\nexport interface Tab {\n  id: string\n  label: string | ReactNode\n  testId?: string\n  icon?: ReactNode\n  /**\n   * An entity pill (conversation, workspace, …) shown in place of the icon + label. The app\n   * renders it, so the block stays free of entity components.\n   */\n  pill?: ReactNode\n  count?: number\n  /** Where the count sits relative to the label. Defaults to 'trailing'. */\n  countPlacement?: 'leading' | 'trailing'\n  /** Glyph INSIDE the count, in front of the number, so icon and count read as one object. */\n  countIcon?: ReactNode\n  /** Classes for the number alone (e.g. a filled pill), leaving the glyph as it is. */\n  countClassName?: string\n  badge?: string | ReactNode\n  disabled?: boolean\n  tooltip?: string\n  actions?: ReactNode\n  /** Hover handlers from actions (e.g. a filter dropdown), attached to the whole tab wrapper. */\n  actionsHoverHandlers?: { onMouseEnter: () => void; onMouseLeave: () => void }\n  isProcessing?: boolean\n  isVariable?: boolean\n  onClose?: () => void\n  closeTooltip?: string\n  hasActiveFilters?: boolean\n  /** Entity count header without selectable-tab chrome (Facts, Tasks, Files). */\n  presentation?: 'tab' | 'count'\n  /** Extra classes for the tab button. */\n  tabClassName?: string\n}\n\n/** Forces buttons in a header section to a uniform compact size (28px, 14px text). */\nconst COMPACT_SECTION =\n  '[&_button]:h-7 [&_button]:px-2 [&_button]:py-0 [&_button]:text-sm [&_button]:font-medium ' +\n  '[&_[role=button]]:h-7 [&_[role=button]]:px-2 [&_[role=button]]:py-0 [&_[role=button]]:text-sm [&_[role=button]]:font-medium ' +\n  // Touch: the compact 28px floor is lifted to 44px (important beats the rules above).\n  'pointer-coarse:[&_button]:h-11! pointer-coarse:[&_[role=button]]:h-11!'\n\ninterface TabButtonProps {\n  tab: Tab\n  isActive: boolean\n  /** Closable-items row: a soft chip with a close button instead of an underline. */\n  isChip: boolean\n  isCompact: boolean\n  onTabChange: (tabId: string) => void\n  labels: TabHeaderLabels\n  testIds?: TabHeaderProps['testIds']\n}\n\nfunction TabButton({\n  tab,\n  isActive,\n  isChip,\n  isCompact,\n  onTabChange,\n  labels,\n  testIds,\n}: TabButtonProps) {\n  // Compact mode (narrow header) collapses every INACTIVE tab that has an icon to icon-only so\n  // the trailing controls are never pushed off the edge. The active tab keeps a truncated title:\n  // otherwise two icon-only tabs cannot be told apart on a phone. Collapsed tabs keep an\n  // accessible name and a title with their label; label-only tabs keep their text.\n  const hideLabel = isCompact && !!tab.icon && !isActive\n  const handleClick = useCallback(() => {\n    if (!tab.disabled) onTabChange(tab.id)\n  }, [tab.disabled, tab.id, onTabChange])\n\n  // div+role=button needs explicit keyboard handling; Space must not scroll the page.\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (tab.disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onTabChange(tab.id)\n      }\n    },\n    [tab.disabled, tab.id, onTabChange]\n  )\n\n  const handleClose = useCallback(\n    (e: MouseEvent) => {\n      e.stopPropagation()\n      tab.onClose?.()\n    },\n    [tab]\n  )\n\n  // Two looks, chosen by the row: a row that holds closable items (conversations, open panels)\n  // shows soft chips, the active one filled, so \"close\" has an obvious owner. Every other row is a\n  // plain underline: ink text + a 2px primary underline for the active tab, nothing else.\n  const className = cn(\n    'group relative z-[1] flex pointer-coarse:h-11 cursor-pointer items-center justify-start text-left text-sm transition-colors',\n    isChip\n      ? 'h-8 max-w-[260px] rounded-md px-2.5'\n      : 'h-9 max-w-[320px] border-b-2 bg-transparent px-2.5',\n    isChip\n      ? isActive\n        ? 'bg-muted font-semibold text-foreground'\n        : 'bg-transparent font-medium text-muted-foreground hover:bg-muted/60 hover:text-foreground'\n      : isActive\n        ? 'border-b-primary font-semibold text-foreground'\n        : 'border-b-transparent font-medium text-muted-foreground hover:text-foreground',\n    // Touch: an icon-only tab still meets the 44px target; a titled active tab truncates.\n    isCompact && tab.icon && (isActive ? 'max-w-[45vw]' : 'pointer-coarse:min-w-11 justify-center'),\n    tab.disabled && 'cursor-not-allowed opacity-50',\n    tab.presentation === 'count' &&\n      'rounded-none border-transparent bg-transparent pl-0 font-normal hover:bg-transparent',\n    tab.tabClassName\n  )\n\n  const countValue = tab.isProcessing ? (\n    <span className=\"animate-pulse\">{tab.count}</span>\n  ) : (\n    tab.count\n  )\n  const countBadge =\n    tab.count === undefined ? null : (\n      // A plain muted number, a footnote to the label. A filtered count switches to primary ink so\n      // \"this is narrowed\" still reads without a fill.\n      <span\n        data-testid={testIdOr(testIds?.count, { testId: 'tab-count' })}\n        className={cn(\n          'flex-shrink-0 items-center justify-center gap-1 font-normal leading-none tabular-nums',\n          tab.countIcon ? 'text-sm' : 'text-xs',\n          tab.countPlacement === 'leading' ? 'mr-1.5' : 'ml-1.5',\n          // Compact rows drop counts to save width, but a tab whose glyph lives in the count has\n          // nothing else to show: there the count IS the tab.\n          isCompact && !tab.countIcon ? 'hidden' : 'inline-flex',\n          tab.hasActiveFilters ? 'text-primary' : 'text-muted-foreground'\n        )}\n      >\n        {tab.countIcon && (\n          <span aria-hidden className=\"flex shrink-0 items-center justify-center\">\n            {tab.countIcon}\n          </span>\n        )}\n        {tab.countClassName ? <span className={tab.countClassName}>{countValue}</span> : countValue}\n      </span>\n    )\n\n  const content = tab.pill ? (\n    // The outer wrapper hosts the processing dot outside the pill's bounds; the inner span keeps\n    // the truncation the pill needs without clipping the dot.\n    <span className=\"relative inline-flex min-w-0 items-center\">\n      <span className=\"min-w-0 truncate overflow-hidden\">{tab.pill}</span>\n      {tab.isProcessing && (\n        <span className=\"absolute -right-1 -top-1 size-2 rounded-full border border-background bg-yellow-solid\" />\n      )}\n    </span>\n  ) : (\n    <>\n      {tab.icon && (\n        <span\n          className={cn(\n            'flex size-5 flex-shrink-0 items-center justify-center',\n            !hideLabel && 'mr-1.5'\n          )}\n        >\n          {tab.icon}\n        </span>\n      )}\n      {tab.countPlacement === 'leading' && countBadge}\n      <span className={cn('truncate', hideLabel ? 'hidden' : 'inline')}>{tab.label}</span>\n      {tab.countPlacement !== 'leading' && countBadge}\n      {tab.badge &&\n        (typeof tab.badge === 'string' ? (\n          <Badge\n            variant=\"outline\"\n            className={cn('ml-1.5 truncate', isCompact ? 'max-w-[120px]' : 'max-w-none')}\n          >\n            {tab.badge}\n          </Badge>\n        ) : (\n          <span className=\"ml-1.5 inline-flex items-center\">{tab.badge}</span>\n        ))}\n    </>\n  )\n\n  return (\n    <div\n      className={cn('flex items-end', isChip && 'pb-1')}\n      data-testid={testIdOr(tab.testId, { testId: `${tab.id}-tab` })}\n      onMouseEnter={tab.actionsHoverHandlers?.onMouseEnter}\n      onMouseLeave={tab.actionsHoverHandlers?.onMouseLeave}\n    >\n      {/* role=button on a div, not a <button>: a tab whose badge holds a real interactive element\n          (an entity tooltip trigger) would otherwise nest a button inside a button. */}\n      <div\n        role=\"button\"\n        tabIndex={tab.disabled ? -1 : 0}\n        aria-disabled={tab.disabled || undefined}\n        aria-current={isActive ? 'true' : undefined}\n        data-slot=\"tab\"\n        data-state={isActive ? 'active' : 'inactive'}\n        // Icon-only tabs expose the label for a11y and as a native title.\n        aria-label={hideLabel && typeof tab.label === 'string' ? tab.label : undefined}\n        title={hideLabel && !tab.tooltip && typeof tab.label === 'string' ? tab.label : undefined}\n        className={className}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {content}\n        {tab.actions && (\n          <span className=\"ml-auto flex-shrink-0\" onClick={(e) => e.stopPropagation()}>\n            {tab.actions}\n          </span>\n        )}\n        {tab.onClose && (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span\n                role=\"button\"\n                tabIndex={0}\n                className={cn(\n                  'ml-0.5 inline-flex !size-4 flex-shrink-0 items-center justify-center rounded-sm !p-0 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground pointer-coarse:!size-11',\n                  // A chip row keeps the close button quiet until the chip is the active one or is\n                  // hovered or focused; touch always shows it (there is no hover).\n                  isChip &&\n                    !isActive &&\n                    'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100'\n                )}\n                onClick={handleClose}\n                aria-label={tab.closeTooltip || labels.closeTab}\n                data-testid={testIdOr(testIds?.closeButton, { testId: 'close-tab-button' })}\n              >\n                <X className=\"size-3\" />\n              </span>\n            </TooltipTrigger>\n            <TooltipContent>\n              <p>{tab.closeTooltip || labels.closeTab}</p>\n            </TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport interface TabHeaderProps {\n  tabs: Tab[]\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n  /** Pinned to the far left before the tabs (e.g. the sidebar toggle). */\n  leading?: ReactNode\n  leftContent?: ReactNode\n  /** Controls attached to the first count tab, before any additional tabs. */\n  firstTabContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  afterTabs?: ReactNode | ((isCompact: boolean) => ReactNode)\n  centerContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  /** Pinned to the true horizontal center of the row, independent of left/right widths. */\n  absoluteCenterContent?: ReactNode\n  rightContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  className?: string\n  /** Header width below which tabs collapse to icons. */\n  compactBreakpoint?: number\n  labels?: Partial<TabHeaderLabels>\n  /**\n   * `chips` renders every tab as a soft chip (for rows of closable items), `underline` as a plain\n   * underline tab. Default: chips when any tab can be closed, underline otherwise.\n   */\n  variant?: 'underline' | 'chips'\n  /** Root id (default `tab-header`). */\n  testId?: string\n  /**\n   * Per-tab ids; defaults are the current ids. A tab's own id is `Tab.testId`, else `<tab id>-tab`\n   * (structural).\n   */\n  testIds?: Partial<Record<'count' | 'closeButton', string>>\n}\n\n/** Underline tab row with leading / center / right slots; collapses to icons when narrow. */\nexport function TabHeader({\n  tabs,\n  activeTabId,\n  onTabChange,\n  leading,\n  leftContent,\n  firstTabContent,\n  afterTabs,\n  centerContent,\n  absoluteCenterContent,\n  rightContent,\n  className,\n  compactBreakpoint = 640,\n  labels,\n  variant,\n  testId,\n  testIds,\n}: TabHeaderProps) {\n  const mergedLabels = { ...DEFAULT_TAB_HEADER_LABELS, ...labels }\n  const isChipRow = variant ? variant === 'chips' : tabs.some((tab) => !!tab.onClose)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const scrollerRef = useRef<HTMLDivElement>(null)\n  const [isCompact, setIsCompact] = useState(false)\n  const [canScrollEnd, setCanScrollEnd] = useState(false)\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n    return observeResize(container, (entries) => {\n      for (const entry of entries) setIsCompact(entry.contentRect.width < compactBreakpoint)\n    })\n  }, [compactBreakpoint])\n\n  // Overflow cue: track whether tabs are hidden past the trailing edge.\n  useEffect(() => {\n    const scroller = scrollerRef.current\n    if (!scroller) return\n    const update = () =>\n      setCanScrollEnd(scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1)\n    update()\n    scroller.addEventListener('scroll', update, { passive: true })\n    const stopObserving = observeResize(scroller, update)\n    return () => {\n      scroller.removeEventListener('scroll', update)\n      stopObserving()\n    }\n  }, [tabs.length])\n\n  // Keep the active tab visible when it changes (or on first render) in a scrolling row.\n  useEffect(() => {\n    const active = scrollerRef.current?.querySelector('[data-slot=\"tab\"][data-state=\"active\"]')\n    if (active && typeof active.scrollIntoView === 'function') {\n      active.scrollIntoView({ inline: 'nearest', block: 'nearest' })\n    }\n  }, [activeTabId])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('w-full bg-background pt-1 pr-3 pb-2', className)}\n      data-slot=\"tab-header\"\n      data-testid={testIdOr(testId, { testId: 'tab-header' })}\n    >\n      <div className=\"relative bg-background\">\n        {/* The hairline lives on this non-scrolling wrapper: overflow-y-hidden on the scroll row\n            would clip the active tab's underline overhang. The tabs paint over the line. */}\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border\"\n        />\n        {/* overflow-y-hidden is mandatory: overflow-x-auto alone makes the browser compute\n            overflow-y to `auto` too, surfacing a phantom vertical scrollbar from sub-pixel\n            overflow (e.g. the processing dot's -top-1). pt-1 keeps that dot inside the clip box. */}\n        <div className=\"relative flex min-h-[40px] items-end justify-between gap-4\">\n          {/* Leading slot: placed in the left margin (the pl-8 gap), claiming no extra width. */}\n          {leading && (\n            <div className=\"absolute bottom-1.5 left-1.5 z-10 flex items-center\">{leading}</div>\n          )}\n          {/* Only the tabs scroll: the center and right slots sit outside the scroller so they can\n              never overlap a tab, and a fade at the trailing edge signals that more tabs exist. */}\n          <div className=\"relative flex min-w-0 flex-shrink items-end\">\n            <div\n              ref={scrollerRef}\n              data-slot=\"tab-scroller\"\n              className={cn(\n                'flex min-w-0 items-end overflow-x-auto overflow-y-hidden pt-1',\n                leading ? 'pl-8' : 'pl-3'\n              )}\n            >\n              {leftContent || (\n                <div className=\"flex items-end gap-1\">\n                  {tabs.map((tab, index) => {\n                    const tabButton = (\n                      <TabButton\n                        key={tab.id}\n                        tab={tab}\n                        isActive={activeTabId === tab.id}\n                        isChip={isChipRow}\n                        // A lone tab competes with nothing: its label is the surface's title.\n                        isCompact={isCompact && tabs.length > 1}\n                        onTabChange={onTabChange}\n                        labels={mergedLabels}\n                        testIds={testIds}\n                      />\n                    )\n                    const renderedTab = !tab.tooltip ? (\n                      tabButton\n                    ) : (\n                      <Tooltip key={tab.id}>\n                        <TooltipTrigger asChild>{tabButton}</TooltipTrigger>\n                        {/* Below: the header can sit at the very top of the viewport. */}\n                        <TooltipContent side=\"bottom\">\n                          <p>{tab.tooltip}</p>\n                        </TooltipContent>\n                      </Tooltip>\n                    )\n                    if (index !== 0 || !firstTabContent) return renderedTab\n                    return (\n                      <div\n                        key={tab.id}\n                        data-slot=\"count-tab-group\"\n                        className=\"flex shrink-0 items-end gap-1\"\n                      >\n                        {renderedTab}\n                        <div className={cn('self-center', COMPACT_SECTION)}>\n                          {typeof firstTabContent === 'function'\n                            ? firstTabContent(isCompact)\n                            : firstTabContent}\n                        </div>\n                      </div>\n                    )\n                  })}\n                  {afterTabs && (\n                    <div className={cn('self-center', COMPACT_SECTION)}>\n                      {typeof afterTabs === 'function' ? afterTabs(isCompact) : afterTabs}\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {canScrollEnd && (\n              <span\n                aria-hidden\n                data-slot=\"tab-scroll-cue\"\n                className=\"pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent\"\n              />\n            )}\n          </div>\n\n          {centerContent && (\n            <div className={cn('flex min-w-fit flex-1 items-center self-center', COMPACT_SECTION)}>\n              {typeof centerContent === 'function' ? centerContent(isCompact) : centerContent}\n            </div>\n          )}\n\n          {/* pointer-events-none on the overlay so clicks reach the tabs beneath; the inner div\n              re-enables them for the actual content. */}\n          {absoluteCenterContent && (\n            <div className=\"pointer-events-none absolute inset-0 z-10 flex items-center justify-center\">\n              <div className=\"pointer-events-auto\">{absoluteCenterContent}</div>\n            </div>\n          )}\n\n          <div\n            className={cn(\n              'flex flex-shrink-0 items-center justify-end gap-2 self-center',\n              COMPACT_SECTION\n            )}\n          >\n            {typeof rightContent === 'function' ? rightContent(isCompact) : rightContent}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}