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

package/dist/{DataPanel-Coc9h35I.cjs.map → DataPanel-BRRAvWYQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DataPanel-Coc9h35I.cjs","names":["Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","cn","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","Button","truncateString","TooltipContent","cn","Children","Fragment","cn","controlSizeClasses","Spinner","cn","controlSizeClasses","controlStateColorTransition","quietTextHover","Icon","transitions","Tooltip","TooltipTrigger","TooltipContent","_Fragment","Button","ArrowUpIcon","ArrowDownIcon","Txt","React","cn","frameSurfaceStyle","DrawerPrimitive","PortalContainerProvider","frameFillStyle","DataCodeSection","DataPanelSectionHeading"],"sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"icon-sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto p-2';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children, Fragment } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, frameSurfaceStyle, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,qBAAqB,EACnC,SACA,UAAU,eACV,QAAQ,eACR,OAAO,SACP,WACA,UAAU,WACkB;CAC5B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;EACE,MAAK;EACI;EACA;EACT,cAAY;EACH;EACT,WAAWC,cAAAA,GAAG,YAAY,SAAS;EAElC,UAAA,SAAS,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,OAAD,CAAQ,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,eAAD,CAAgB,CAAA;CACtC,CAAA;AAEZ;;AClCA,IAAa,2BAAA,GAA0BC,MAAAA,cAAAA,CAAgC,QAAQ;AAE/E,IAAa,6BAAA,GAA4BC,MAAAA,WAAAA,CAAW,uBAAuB;;ACM3E,IAAM,kBAAkB;AAKxB,SAAgB,iBAAiB,EAAE,UAAU,KAAK,aAAoC;CAGpF,IAFgB,oBAEZ,MAAY,UACd,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAU;EAAK,WAAWC,cAAAA,GAAG,iBAAiB,SAAS;EACpD;CACE,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAgB,SAAjB;EAA8B;EAAK,WAAWD,cAAAA,GAAG,iBAAiB,SAAS;EACxE;CACsB,CAAA;AAE7B;;;;;ACfA,SAAgB,gBAAgB,EAAE,IAAI,YAAY,IAAI,WAAW,MAAM,QAA8B;CACnG,MAAM,EAAE,UAAU,eAAeE,oCAAAA,mBAAmB;EAAE,MAAM;EAAI,WAAW;CAAM,CAAC;CAClF,MAAM,CAAC,MAAM,YAAA,GAAWC,MAAAA,SAAAA,CAAS,KAAK;CAEtC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,SAAD;EAAS,MAAM,YAAY;EAAM,cAAc;EAA/C,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD,EACE,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;GAAQ,MAAK;GAAS,SAAQ;GAAQ,MAAK;GAAW;GAAM,SAAS;GAClE,UAAA,WAAWC,wBAAAA,eAAe,IAAI,SAAS,IAAI,GAAG,MAAM,GAAG,SAAS;EAC3D,CAAA,EAEX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD,EAAA,UAAiB,WAAW,wBAAwB,oBAAoC,CAAA,CACjF;;AAEb;;AC5BA,SAAgB,gBAAgB,EAAE,WAAW,YAAkC;CAC7E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAWC,cAAAA,GAOT,6EAIA,iDACA,SACF;EAEC;CACE,CAAA;AAET;;;;;;ACpBA,SAAgB,uBAAuB,EAAE,YAAyC;CAChF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAA6E;CAAc,CAAA;AACnH;;;;;;ACAA,SAAgB,uBAAuB,EAAE,YAAyC;CAChF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACZ,UAAAC,MAAAA,SAAS,QAAQ,QAAQ,CAAC,CAAC,KAAK,OAAO,UACtC,iBAAA,GAAA,kBAAA,KAAA,CAACC,MAAAA,UAAD,EAAA,UAAA,CACG,QAAQ,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,eAAY;GAAO,WAAU;EAA2C,CAAA,GAC1F,KACO,EAAA,GAHK,KAGL,CACX;CACE,CAAA;AAET;;ACbA,SAAgB,iBAAiB,EAAE,WAAW,YAAmC;CAC/E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,WAAWC,cAAAA,GAKT,gFACAC,gCAAAA,mBAAmB,IACnB,iFACA,SACF;EAEC;CACC,CAAA;AAER;;AClBA,SAAgB,qBAAqB,EAAE,YAAuC;CAC5E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;IAAS,MAAK;IAAK,SAAQ;IAAQ,WAAU;GAAoB,CAAA;GAAC;GAAE,YAAY;EAC7E;;AAET;;;ACDA,SAAgB,kBAAkB,EAAE,YAAoC;CACtE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,WAAU;EAAiE;CAAa,CAAA;AACrG;AAeA,SAAgB,cAAc,EAAE,IAAI,MAAM,SAAS,UAAU,WAAW,GAAG,SAA6B;CACtG,MAAM,OAAO,MAAM;CACnB,MAAM,gBAAgB,QAAQ,MAAM,MAAM,QAAQ,MAAM,MAAM,MAAM,OAAO;CAE3E,MAAM,aAAa,WAAW;CAC9B,MAAM,OACJ,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;EACE,cAAY,CAAC,iBAAiB,OAAO,YAAY,WAAW,UAAU,KAAA;EACtE,UAAU,CAAC,iBAAiB,aAAa,IAAI,KAAA;EAC7C,WAAWC,cAAAA,GAGT,8EACAC,gCAAAA,mBAAmB,IACnBC,+BAAAA,6BACA,gBACIF,cAAAA,GAAGG,8BAAAA,gBAAgB,oDAAoD,IACvEH,cAAAA,GAAG,yBAAyB,cAAc,aAAa,GAC3D,SACF;EACA,GAAI;EAdN,UAAA,CAgBG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAACI,mBAAAA,MAAD;GAAM,MAAK;GAAK,WAAWJ,cAAAA,GAAG,+CAA+CK,+BAAAA,YAAY,OAAO;GAC7F,UAAA;EACG,CAAA,GAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAAoB;EAAe,CAAA,CAC/C;;CAGR,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,WAAU;EACX,UAAA,CAAC,aACA,OAEA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,SAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD,EAAgB,QAAQ,KAAO,CAAA,GAC/B,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD,EAAA,UAAiB,QAAwB,CAAA,CAClC,EAAA,CAAA;CAET,CAAA;AAER;;;AC3DA,SAAgB,qBAAqB,EACnC,YACA,QACA,gBAAgB,kBAChB,YAAY,cACZ,UAAU,WACkB;CAC5B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;EAAQ,MAAK;EAAmB;EAAS,SAAS;EAAe,SAAS;EAAY,UAAU,CAAC;EAC/F,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,aAAD,CAAc,CAAA;CACR,CAAA,GACR,iBAAA,GAAA,kBAAA,IAAA,CAACD,eAAAA,QAAD;EAAQ,MAAK;EAAmB;EAAS,SAAS;EAAW,SAAS;EAAQ,UAAU,CAAC;EACvF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,aAAAA,eAAD,CAAgB,CAAA;CACV,CAAA,CACR,EAAA,CAAA;AAEN;;ACzBA,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,SAAQ;EAAU,MAAK;EAAQ,WAAU;EAC3C,UAAA,YAAY;CACV,CAAA;AAET;;ACmDA,IAAM,eAAe;AAErB,IAAM,cAAc;CAAE,GAAG;CAAQ,GAAG;CAAQ,GAAG;AAAO;AACtD,IAAM,aAAa;CAAE,MAAM;CAAS,MAAM;CAAS,MAAM;AAAS;AAClE,IAAM,eAAe;CAAE,MAAM;CAAO,MAAM;CAAO,MAAM;AAAO;AAE9D,IAAM,iBAAiB;AAEvB,SAAgB,cAAc,OAAuB;CACnD,IAAI,MAAM,YAAY,UACpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,EAAiB,GAAI,MAAQ,CAAA;CAEtC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,EAAiB,GAAI,MAAQ,CAAA;AACtC;AAEA,SAAS,gBAAgB,EAAE,OAAO,aAAa,UAAU,aAAmC;CAC1F,MAAM,gBAAgBC,MAAM,MAAM;CAElC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAwB,UAAzB;EAAkC,OAAM;EACtC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;GACE,aAAU;GACV,gBAAa;GACb,cAAY;GACZ,oBAAkB,cAAc,gBAAgB,KAAA;GAEhD,WAAWC,cAAAA,GAAG,cAAcC,kCAAAA,mBAAmB,uCAAuC,SAAS;GANjG,UAAA,CAQG,eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,IAAI;IAAe,WAAU;IAChC,UAAA;GACG,CAAA,GAEP,QACM;;CACuB,CAAA;AAEtC;AAEA,SAAS,gBAAgB,EACvB,MACA,SACA,OACA,aACA,QAAQ,GACR,OAAO,MACP,UACA,aACuB;CAIvB,MAAM,CAAC,YAAY,iBAAiBF,MAAM,SAAgC,IAAI;CAE9E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAwB,UAAzB;EAAkC,OAAM;EACtC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,sBAAAA,OAAgB,MAAjB;GACQ;GACN,eAAc,aAAY;IACxB,IAAI,CAAC,UAAU,UAAU;GAC3B;GACA,gBAAe;GAEf,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,OAAgB,QAAjB,EAAA,UAAA,CAEE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,UAAjB,EAA0B,WAAU,iDAAkD,CAAA,GACtF,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,UAAjB;IAA0B,WAAU;IAClC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,OAAgB,OAAjB;KACE,aAAU;KACV,cAAY;KACZ,aAAW;KACX,WAAWF,cAAAA,GACT,8EACA,SAAS,OAAO,YAAY,SAAS,WAAW,KAClD;KACA,OACE,SAAS,QAAQ,QAAQ,IACrB,EAAE,OAAO,QAAQ,aAAa,MAAM,MAAM,QAAQ,KAAK,eAAe,MAAM,IAC5E,KAAA;KAXR,UAAA;MAeE,iBAAA,GAAA,kBAAA,IAAA,CAACE,sBAAAA,OAAgB,OAAjB;OAAuB,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,CAAO,CAAA;OAAG,WAAU;OAChD,UAAA;MACoB,CAAA;MACtB,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,aAAjB;OAA6B,WAAU;OAAW,UAAA;MAAyC,CAAA;MAG7F,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,SAAjB,EAAyB,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;OAAK,KAAK;OAAe,WAAU;MAAY,CAAA,EAAI,CAAA;MAEpF,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,yBAAD;OAAyB,WAAW;OAElC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAgB,SAAjB;QACE,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,CAAU,CAAA;QAClB,WAAWF,cAAAA,GAAG,cAAcI,kCAAAA,gBAAgB,6BAA6B,SAAS;QAEjF;OACsB,CAAA;MACF,CAAA;KACJ;;GACC,CAAA,CACJ,EAAA,CAAA;EACJ,CAAA;CACU,CAAA;AAEtC;;ACzJA,IAAa,YAAY,OAAO,OAAO,eAAe;CACpD,QAAQ;CACR,eAAe;CACf,eAAe;CACf,SAAS;CACT,UAAU;CACV,MAAM;CACN,aAAa;CACb,QAAQ;CACR,aAAa;CACb,aAAa;CACb,QAAQ;CACR,SAAS;CACT,aAAaC,wBAAAA;CACb,gBAAgBC,mCAAAA;AAClB,CAAC"}
+{"version":3,"file":"DataPanel-BRRAvWYQ.cjs","names":["Button","cn","XIcon","ArrowLeftIcon","createContext","useContext","cn","DrawerPrimitive","useCopyToClipboard","useState","Tooltip","TooltipTrigger","Button","truncateString","TooltipContent","cn","Children","Fragment","cn","controlSizeClasses","Spinner","cn","controlSizeClasses","controlStateColorTransition","quietTextHover","Icon","transitions","Tooltip","TooltipTrigger","TooltipContent","_Fragment","Button","ArrowUpIcon","ArrowDownIcon","Txt","React","cn","frameSurfaceStyle","DrawerPrimitive","PortalContainerProvider","frameFillStyle","DataCodeSection","DataPanelSectionHeading"],"sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"icon-sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto p-2';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children, Fragment } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, frameSurfaceStyle, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"mappings":"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"}

package/dist/{DataPanel-IgB9D5PO.js → DataPanel-pVr5LVaK.js}

@@ -1,19 +1,19 @@
+import { t as Button } from "./Button-Bi7aXd_G.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
-import { frameFillStyle, frameSurfaceStyle } from "./primitives/raised-surface.es.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { Icon } from "./icons/Icon.es.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-DJcze2VZ.js";
+import { useCopyToClipboard } from "./hooks/use-copy-to-clipboard.es.js";
+import { t as truncateString } from "./truncate-string-B8cByQzA.js";
 import { controlSizeClasses } from "./primitives/control-size.es.js";
+import { t as Spinner } from "./spinner-B9ykw74u.js";
+import { Icon } from "./icons/Icon.es.js";
 import { controlStateColorTransition, transitions } from "./primitives/transitions.es.js";
-import { t as Button } from "./Button-CLXTbAY8.js";
 import { quietTextHover } from "./primitives/typography.es.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
 import { PortalContainerProvider } from "./primitives/portal-container.es.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { t as truncateString } from "./truncate-string-B8cByQzA.js";
-import { useCopyToClipboard } from "./hooks/use-copy-to-clipboard.es.js";
+import { frameFillStyle, frameSurfaceStyle } from "./primitives/raised-surface.es.js";
 import "./components/Drawer.es.js";
-import { t as Spinner } from "./spinner-CnLgLj9R.js";
 import { t as DataPanelSectionHeading } from "./data-panel-section-heading-X3tHNMV1.js";
-import { t as DataCodeSection } from "./DataCodeSection-PY9XEg2C.js";
+import { t as DataCodeSection } from "./DataCodeSection-CTodi9wg.js";
 import * as React$1 from "react";
 import { Children, Fragment, createContext, useContext, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -289,4 +289,4 @@ var DataPanel = Object.assign(DataPanelRoot, {
 });
 export { DataPanel as t };
 
-//# sourceMappingURL=DataPanel-IgB9D5PO.js.map
+//# sourceMappingURL=DataPanel-pVr5LVaK.js.map

package/dist/{DataPanel-IgB9D5PO.js.map → DataPanel-pVr5LVaK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DataPanel-IgB9D5PO.js","names":["DrawerPrimitive","_Fragment","React","DrawerPrimitive"],"sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"icon-sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto p-2';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children, Fragment } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, frameSurfaceStyle, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"mappings":"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"}
+{"version":3,"file":"DataPanel-pVr5LVaK.js","names":["DrawerPrimitive","_Fragment","React","DrawerPrimitive"],"sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-context.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-copy-id.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-header-actions.tsx","../src/ds/components/DataPanel/data-panel-header-content.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-metadata.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { ArrowLeftIcon, XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  /** Accessible name; override it when the arrow leads somewhere other than \"closed\" (e.g. back to a parent view). */\n  label?: string;\n  /**\n   * `arrow` (default) is the leading \"leave this panel\" control, rendered first in the header.\n   * `x` dismisses a nested column in place and belongs in `HeaderActions`, on the right.\n   */\n  icon?: 'arrow' | 'x';\n  className?: string;\n  variant?: ButtonProps['variant'];\n}\n\nexport function DataPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  label = 'Close panel',\n  icon = 'arrow',\n  className,\n  variant = 'ghost',\n}: DataPanelCloseButtonProps) {\n  return (\n    <Button\n      size=\"icon-sm\"\n      variant={variant}\n      onClick={onClick}\n      aria-label={label}\n      tooltip={tooltip}\n      className={cn('shrink-0', className)}\n    >\n      {icon === 'x' ? <XIcon /> : <ArrowLeftIcon />}\n    </Button>\n  );\n}\n","import { createContext, useContext } from 'react';\n\nexport type DataPanelVariant = 'drawer' | 'inline';\n\n// Defaults to `drawer` so sub-components rendered outside a `DataPanel` keep their historical behavior.\nexport const DataPanelVariantContext = createContext<DataPanelVariant>('drawer');\n\nexport const useDataPanelVariant = () => useContext(DataPanelVariantContext);\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport type { ReactNode, Ref } from 'react';\n\nimport { useDataPanelVariant } from './data-panel-context';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  /** Layout overrides (e.g. padding) for the scroll container. */\n  className?: string;\n}\n\nconst CONTENT_CLASSES = 'min-h-0 flex-1 overflow-y-auto p-2';\n\n// In the drawer variant, `DrawerPrimitive.Content` marks the region as swipe-exempt\n// so scrolling or selecting text inside the panel body doesn't start a\n// swipe-to-dismiss. The inline variant has no drawer, so a plain div is enough.\nexport function DataPanelContent({ children, ref, className }: DataPanelContentProps) {\n  const variant = useDataPanelVariant();\n\n  if (variant === 'inline') {\n    return (\n      <div ref={ref} className={cn(CONTENT_CLASSES, className)}>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <DrawerPrimitive.Content ref={ref} className={cn(CONTENT_CLASSES, className)}>\n      {children}\n    </DrawerPrimitive.Content>\n  );\n}\n","import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { truncateString } from '@/lib/truncate-string';\n\nexport interface DataPanelCopyIdProps {\n  id: string;\n  /** Characters kept when the id is truncated. Defaults to 12. */\n  maxLength?: number;\n  /** Append `…` to a truncated id. Defaults to true. */\n  ellipsis?: boolean;\n  /** Leading icon (bare SVG) naming what the id identifies. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Truncated identifier rendered inline in a `DataPanel.Heading`; clicking copies the full value.\n */\nexport function DataPanelCopyId({ id, maxLength = 12, ellipsis = true, icon }: DataPanelCopyIdProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({ text: id, showToast: false });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip open={isCopied || open} onOpenChange={setOpen}>\n      <TooltipTrigger\n        render={\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" icon={icon} onClick={handleCopy}>\n            {ellipsis ? truncateString(id, maxLength) : id.slice(0, maxLength)}\n          </Button>\n        }\n      />\n      <TooltipContent>{isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Same box as the app `Header`. Leading `CloseButton`, then the heading\n        // (+ inline metadata via `HeaderContent`), then `HeaderActions` pushed to the right edge.\n        // `flex-wrap` drops the actions onto a second row when the panel is too narrow for one.\n        // `gap-0.5` is the slight gap between the close arrow and the heading.\n        // `py-1` keeps 28px controls + border within the 40px min height, so the divider\n        // lines up with an adjacent app `Header` instead of sitting 1px lower.\n        'flex min-h-header-default w-full flex-wrap items-center gap-0.5 px-2 py-1',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        // Same edge color as the app `Header` it docks beside.\n        'not-last:border-b not-last:border-surface-rim',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","export interface DataPanelHeaderActionsProps {\n  children: React.ReactNode;\n}\n\n/**\n * Right-side action slot of a `DataPanel.Header`. Mirrors `HeaderAction` with `gap-2`\n * (these are `size=\"sm\"` controls, like the page header actions) and wraps when the panel is too narrow.\n */\nexport function DataPanelHeaderActions({ children }: DataPanelHeaderActionsProps) {\n  return <div className=\"ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2 self-center\">{children}</div>;\n}\n","import { Children, Fragment } from 'react';\n\nexport interface DataPanelHeaderContentProps {\n  children: React.ReactNode;\n}\n\n/**\n * Left block of a `DataPanel.Header`: heading followed inline by optional blocks such as `Metadata`,\n * truncated when too long. A vertical separator is rendered between consecutive blocks.\n */\nexport function DataPanelHeaderContent({ children }: DataPanelHeaderContentProps) {\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {Children.toArray(children).map((child, index) => (\n        <Fragment key={index}>\n          {index > 0 && <div aria-hidden=\"true\" className=\"mx-1 h-4 w-px shrink-0 bg-border-strong\" />}\n          {child}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n","import { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        // Same recipe as a current `Crumb` in the page header, with tight horizontal spacing:\n        // inline children like `TraceIdButton` carry their own padding, so `gap-1` + `px-1`\n        // is enough to keep the title close to the leading close arrow and the inline metadata.\n        // `shrink-0`: the heading keeps its text; the inline `Metadata` row is what gets clipped.\n        'inline-flex max-w-full min-w-0 shrink-0 items-center gap-1 rounded-full px-1',\n        controlSizeClasses.sm,\n        'cursor-default text-foreground [&>b]:text-caption [&>b]:text-muted-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"flex min-h-32 items-center justify-center gap-2 px-3 py-4 text-caption text-placeholder\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-placeholder\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition, transitions } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface DataPanelMetadataProps {\n  children: React.ReactNode;\n}\n\n/** Row of `Meta` pills next to a `DataPanel.Heading`. Never wraps; overflowing pills are clipped. */\nexport function DataPanelMetadata({ children }: DataPanelMetadataProps) {\n  return <ul className=\"flex min-w-0 flex-nowrap items-center gap-0.5 overflow-hidden\">{children}</ul>;\n}\n\nexport interface DataPanelMetaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {\n  /** Element/component to render as (e.g. a router `Link`). Defaults to `span`. */\n  as?: React.ElementType;\n  href?: string;\n  to?: string;\n  /** Prefix icon (bare SVG). */\n  icon?: React.ReactNode;\n  /** Shown on hover/focus; for a static (non-link) meta a string tooltip also becomes the accessible name. */\n  tooltip?: React.ReactNode;\n  children: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport function DataPanelMeta({ as, icon, tooltip, children, className, ...props }: DataPanelMetaProps) {\n  const Root = as ?? 'span';\n  const isInteractive = Boolean(as || props.href || props.to || props.onClick);\n\n  const hasTooltip = tooltip != null;\n  const root = (\n    <Root\n      aria-label={!isInteractive && typeof tooltip === 'string' ? tooltip : undefined}\n      tabIndex={!isInteractive && hasTooltip ? 0 : undefined}\n      className={cn(\n        // Same box as a `size=\"sm\"` ghost `Button` (e.g. `TraceIdButton`), so pills line up\n        // with the heading and the trace ID on the same header row.\n        'inline-flex min-w-0 items-center gap-1.5 overflow-hidden rounded-full px-2',\n        controlSizeClasses.sm,\n        controlStateColorTransition,\n        isInteractive\n          ? cn(quietTextHover, 'cursor-pointer hover:bg-fill-subtle active:bg-fill')\n          : cn('text-muted-foreground', hasTooltip && 'cursor-help'),\n        className,\n      )}\n      {...props}\n    >\n      {icon && (\n        <Icon size=\"xs\" className={cn('shrink-0 opacity-50 group-hover:opacity-100', transitions.opacity)}>\n          {icon}\n        </Icon>\n      )}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </Root>\n  );\n\n  return (\n    <li className=\"group flex h-control-sm min-w-0 shrink-0 items-center\">\n      {!hasTooltip ? (\n        root\n      ) : (\n        <Tooltip>\n          <TooltipTrigger render={root} />\n          <TooltipContent>{tooltip}</TooltipContent>\n        </Tooltip>\n      )}\n    </li>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n  variant?: ButtonProps['variant'];\n}\n\n/** Two independent previous/next buttons, laid out by the parent `HeaderActions` gap. */\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Go to previous',\n  nextLabel = 'Go to next',\n  variant = 'ghost',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <>\n      <Button size=\"icon-sm\" variant={variant} tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"icon-sm\" variant={variant} tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-3 py-4\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport * as React from 'react';\n\nimport { DataPanelVariantContext } from './data-panel-context';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { frameFillStyle, frameSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// `drawer-popup` / `drawer-backdrop` carry the slide + fade transitions.\nimport '../Drawer/drawer.css';\n\ninterface DataPanelBaseProps {\n  /** Accessible name (screen-reader only; the visible title comes from `DataPanel.Heading`). */\n  title: string;\n  /** Accessible description (screen-reader only). */\n  description?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface DataPanelDrawerProps extends DataPanelBaseProps {\n  /** `drawer` (default): a modal side drawer portaled to the right edge of the page. */\n  variant?: 'drawer';\n  /** Whether the drawer is shown. */\n  open: boolean;\n  /** Called when the user dismisses the panel (close button, Escape, backdrop, swipe). */\n  onClose?: () => void;\n  /**\n   * Elevation level when several sibling panels are open at once (not nested in\n   * the React tree, so Base UI's own stacking doesn't apply). A deeper panel is\n   * narrower so the one beneath peeks out on the left. Siblings stack in mount\n   * order: render the deeper panel after the shallower one.\n   */\n  depth?: 1 | 2 | 3;\n  /**\n   * Drawer width. `md` (default) is a narrow detail panel whose width shrinks\n   * with `depth`. `half`/`wide`/`full` are for multi-column content (e.g. the\n   * trace panel); each `depth` level trims them by a small fixed amount so a\n   * same-size parent still peeks out beneath. Changing `size` while open\n   * animates the width.\n   */\n  size?: 'md' | 'half' | 'wide' | 'full';\n}\n\nexport interface DataPanelInlineProps extends DataPanelBaseProps {\n  /**\n   * `inline`: the panel card is rendered where it is mounted, in the normal\n   * document flow (no portal, backdrop, focus trap or dismissal gestures).\n   * Mount/unmount it to show/hide it. It fills its container's height, so give\n   * the parent a bounded height for `DataPanel.Content` to scroll.\n   */\n  variant: 'inline';\n  open?: never;\n  onClose?: never;\n  depth?: never;\n  size?: never;\n}\n\nexport type DataPanelProps = DataPanelDrawerProps | DataPanelInlineProps;\n\n// The edge comes from the surface's `--surface-rim` inset (no CSS border), like `MainCard`.\n// `p-px` reserves that rim pixel so the header divider doesn't paint over it.\nconst CARD_CLASSES = 'flex max-h-full w-full flex-col overflow-hidden p-px';\n\nconst DEPTH_WIDTH = { 1: 'w-xl', 2: 'w-lg', 3: 'w-md' } as const;\nconst SIZE_WIDTH = { half: 'w-1/2', wide: 'w-4/5', full: 'w-full' } as const;\nconst SIZE_PERCENT = { half: '50%', wide: '80%', full: '100%' } as const;\n// Each extra depth level trims a stacked non-`md` panel so the parent peeks out beneath it.\nconst DEPTH_PEEK_REM = 1.5;\n\nexport function DataPanelRoot(props: DataPanelProps) {\n  if (props.variant === 'inline') {\n    return <DataPanelInline {...props} />;\n  }\n  return <DataPanelDrawer {...props} />;\n}\n\nfunction DataPanelInline({ title, description, children, className }: DataPanelInlineProps) {\n  const descriptionId = React.useId();\n\n  return (\n    <DataPanelVariantContext.Provider value=\"inline\">\n      <section\n        data-slot=\"data-panel\"\n        data-variant=\"inline\"\n        aria-label={title}\n        aria-describedby={description ? descriptionId : undefined}\n        // Inline, the card docks beside the app frame, so it shares the frame's rounding.\n        className={cn(CARD_CLASSES, frameSurfaceStyle, 'h-full min-h-0 rounded-studio-frame', className)}\n      >\n        {description && (\n          <span id={descriptionId} className=\"sr-only\">\n            {description}\n          </span>\n        )}\n        {children}\n      </section>\n    </DataPanelVariantContext.Provider>\n  );\n}\n\nfunction DataPanelDrawer({\n  open,\n  onClose,\n  title,\n  description,\n  depth = 1,\n  size = 'md',\n  children,\n  className,\n}: DataPanelDrawerProps) {\n  // Swipe-exempt mount point for nested popups (Select, DropdownMenu, …) so they\n  // stay inside Base UI's modal focus region and don't start a drawer swipe on\n  // pointerdown. Same pattern as `SideDialogRoot`; see `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <DataPanelVariantContext.Provider value=\"drawer\">\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={nextOpen => {\n          if (!nextOpen) onClose?.();\n        }}\n        swipeDirection=\"right\"\n      >\n        <DrawerPrimitive.Portal>\n          {/* Lighter than the shared `--scrim`: a side panel should keep the page beneath readable. */}\n          <DrawerPrimitive.Backdrop className=\"drawer-backdrop fixed inset-0 z-50 bg-scrim/30\" />\n          <DrawerPrimitive.Viewport className=\"fixed inset-0 z-50\">\n            <DrawerPrimitive.Popup\n              data-slot=\"data-panel-popup\"\n              data-depth={depth}\n              data-size={size}\n              className={cn(\n                'drawer-popup fixed inset-y-0 right-0 z-50 flex max-w-full p-4 outline-none',\n                size === 'md' ? DEPTH_WIDTH[depth] : SIZE_WIDTH[size],\n              )}\n              style={\n                size !== 'md' && depth > 1\n                  ? { width: `calc(${SIZE_PERCENT[size]} - ${(depth - 1) * DEPTH_PEEK_REM}rem)` }\n                  : undefined\n              }\n            >\n              {/* Not a heading: the visible `DataPanel.Heading` already is one; this only names the dialog. */}\n              <DrawerPrimitive.Title render={<span />} className=\"sr-only\">\n                {title}\n              </DrawerPrimitive.Title>\n              {description && (\n                <DrawerPrimitive.Description className=\"sr-only\">{description}</DrawerPrimitive.Description>\n              )}\n\n              <DrawerPrimitive.Content render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n              <PortalContainerProvider container={portalHost}>\n                {/* Whole card is swipe-exempt: pointerdown on tabs/buttons/text must not start a dismiss gesture. */}\n                <DrawerPrimitive.Content\n                  render={<section />}\n                  className={cn(CARD_CLASSES, frameFillStyle, 'rounded-xl shadow-overlay', className)}\n                >\n                  {children}\n                </DrawerPrimitive.Content>\n              </PortalContainerProvider>\n            </DrawerPrimitive.Popup>\n          </DrawerPrimitive.Viewport>\n        </DrawerPrimitive.Portal>\n      </DrawerPrimitive.Root>\n    </DataPanelVariantContext.Provider>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelCopyId } from './data-panel-copy-id';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeaderActions } from './data-panel-header-actions';\nimport { DataPanelHeaderContent } from './data-panel-header-content';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelMeta, DataPanelMetadata } from './data-panel-metadata';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  HeaderContent: DataPanelHeaderContent,\n  HeaderActions: DataPanelHeaderActions,\n  Heading: DataPanelHeading,\n  Metadata: DataPanelMetadata,\n  Meta: DataPanelMeta,\n  CloseButton: DataPanelCloseButton,\n  CopyId: DataPanelCopyId,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"mappings":"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"}

package/dist/{Dialog-BvWF9HE-.cjs → Dialog-Duy3M1ny.cjs}

@@ -1,8 +1,8 @@
 require('./Dialog.css');const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
 const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_scroll_area = require("./scroll-area-BP4gPZ4G.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
+const require_scroll_area = require("./scroll-area-BU_TorPW.cjs");
 const require_components_Drawer = require("./components/Drawer.cjs.js");
 const require_hooks_use_is_mobile = require("./hooks/use-is-mobile.cjs.js");
 let react = require("react");
@@ -421,4 +421,4 @@ Object.defineProperty(exports, "dialogActionSizeClasses", {
 	}
 });
 
-//# sourceMappingURL=Dialog-BvWF9HE-.cjs.map
+//# sourceMappingURL=Dialog-Duy3M1ny.cjs.map

package/dist/{Dialog-BvWF9HE-.cjs.map → Dialog-Duy3M1ny.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dialog-BvWF9HE-.cjs","names":["createContext","useContext","useState","useRef","useId","_Fragment","Button","cn","dialogSurfaceStyle","useIsMobile","React","Drawer","DialogPrimitive","cn","Button","X","DrawerContent","ScrollArea","ScrollAreaViewport"],"sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog-action.tsx","../src/ds/components/Dialog/dialog-shell.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  intent: DialogIntent;\n  pending: boolean;\n  isDrawer: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n  intent: 'default',\n  pending: false,\n  isDrawer: false,\n});\n\nexport function useDialogContext() {\n  return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n  sm: 'min-h-control-sm',\n  md: 'min-h-control-md',\n  lg: 'min-h-control-lg',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n  type?: 'button';\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n  type: 'submit';\n  onConfirm?: never;\n  confirmation?: never;\n  holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n  onConfirm,\n  children,\n  disabled,\n  holdSeconds = 1.5,\n  ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\n  const { intent, pending } = useDialogContext();\n  const [holding, setHolding] = useState(false);\n  const [completed, setCompleted] = useState(false);\n  const [armed, setArmed] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const active = useRef(false);\n  const hintId = useId();\n\n  function cancel() {\n    clearTimeout(timer.current);\n    active.current = false;\n    setHolding(false);\n  }\n\n  function disarm() {\n    clearTimeout(armTimer.current);\n    setArmed(false);\n  }\n\n  function complete() {\n    setHolding(false);\n    setCompleted(true);\n    disarm();\n    onConfirm();\n  }\n\n  function start() {\n    if (disabled || active.current) return;\n    active.current = true;\n    setHolding(true);\n    timer.current = setTimeout(complete, holdSeconds * 1000);\n  }\n\n  function onClick(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n    if (event.detail !== 0 || disabled) return;\n    if (armed) {\n      complete();\n      return;\n    }\n    setArmed(true);\n    armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n  }\n\n  useEffect(() => {\n    function onVisibilityChange() {\n      if (document.hidden) cancel();\n    }\n    window.addEventListener('blur', cancel);\n    document.addEventListener('visibilitychange', onVisibilityChange);\n    return () => {\n      clearTimeout(timer.current);\n      clearTimeout(armTimer.current);\n      window.removeEventListener('blur', cancel);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n    };\n  }, []);\n\n  function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n    props.onPointerDown?.(event);\n    if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n    start();\n  }\n\n  function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    props.onKeyDown?.(event);\n    if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n    event.preventDefault();\n    if (!event.repeat) start();\n  }\n\n  return (\n    <>\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(\n          'group/hold relative isolate touch-none overflow-hidden select-none',\n          dialogActionLayoutClasses,\n          dialogActionSizeClasses[props.size ?? 'md'],\n          props.className,\n        )}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n        disabled={disabled}\n        aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n        data-holding={holding || undefined}\n        data-completed={completed || pending || undefined}\n        onClick={onClick}\n        onPointerDown={onPointerDown}\n        onPointerUp={event => {\n          cancel();\n          props.onPointerUp?.(event);\n        }}\n        onPointerLeave={event => {\n          cancel();\n          props.onPointerLeave?.(event);\n        }}\n        onPointerCancel={event => {\n          cancel();\n          props.onPointerCancel?.(event);\n        }}\n        onKeyDown={onKeyDown}\n        onKeyUp={event => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n            cancel();\n          }\n          props.onKeyUp?.(event);\n        }}\n        onBlur={event => {\n          cancel();\n          props.onBlur?.(event);\n        }}\n      >\n        <span>{children}</span>\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n            'transition-[clip-path] ease-linear motion-reduce:transition-none',\n            'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n            'group-data-[completed]/hold:[clip-path:inset(0)]',\n            intent === 'destructive'\n              ? 'bg-fill-destructive text-fill-destructive-foreground'\n              : 'bg-foreground text-sidebar',\n          )}\n          style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n        >\n          {children}\n        </span>\n      </Button>\n      <span id={hintId} className=\"sr-only\">\n        Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n        twice.\n      </span>\n      <span role=\"status\" className=\"sr-only\">\n        {armed ? 'Activate again to confirm.' : ''}\n      </span>\n    </>\n  );\n}\n\nexport function DialogAction({\n  confirmation = 'click',\n  holdSeconds = 1.5,\n  onConfirm,\n  disabled,\n  type = 'button',\n  ...props\n}: DialogActionProps) {\n  const { intent, pending } = useDialogContext();\n  const isDisabled = disabled || pending;\n  if (onConfirm && confirmation === 'hold') {\n    return (\n      <HoldAction\n        key={`${isDisabled}-${holdSeconds}`}\n        holdSeconds={holdSeconds}\n        {...props}\n        disabled={isDisabled}\n        onConfirm={onConfirm}\n      />\n    );\n  }\n  return (\n    <Button\n      size=\"md\"\n      {...props}\n      className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n      type={type}\n      variant={intent === 'destructive' ? 'destructive' : 'primary'}\n      disabled={isDisabled}\n      onClick={onConfirm}\n    />\n  );\n}\n","import { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport const DIALOG_DRAWER_BREAKPOINT_PX = 640;\n\nconst formFillsShellClassName = '[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0';\n\nexport const dialogPopupClassName = [\n  'dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden',\n  formFillsShellClassName,\n  dialogSurfaceStyle,\n].join(' ');\n\nexport const dialogContentSizeClasses: Record<DialogSize, string> = {\n  sm: 'max-h-[calc(100dvh-4rem)] max-w-sm',\n  md: 'max-h-[calc(100dvh-4rem)] max-w-lg',\n  lg: 'max-h-[calc(100dvh-4rem)] max-w-2xl',\n  xl: 'max-h-[calc(100dvh-4rem)] max-w-4xl',\n  full: 'h-[calc(100dvh-2rem)]',\n};\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent } from './dialog-context';\nimport { DIALOG_DRAWER_BREAKPOINT_PX, dialogContentSizeClasses, dialogPopupClassName } from './dialog-shell';\nimport type { DialogSize } from './dialog-shell';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { Drawer, DrawerContent } from '@/ds/components/Drawer';\nimport type { DrawerProps } from '@/ds/components/Drawer';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\ntype DialogOpenChangeDetails = Parameters<NonNullable<DialogPrimitive.Root.Props['onOpenChange']>>[1];\ntype DrawerOpenChangeDetails = Parameters<NonNullable<DrawerProps['onOpenChange']>>[1];\n\nexport type DialogProps = Omit<DialogPrimitive.Root.Props, 'handle' | 'onOpenChange'> & {\n  intent?: DialogIntent;\n  pending?: boolean;\n  /** `details` comes from the bottom drawer on phones, where a swipe can also close it. */\n  onOpenChange?: (open: boolean, details: DialogOpenChangeDetails | DrawerOpenChangeDetails) => void;\n};\n\nconst useIsDrawer = () => useIsMobile(DIALOG_DRAWER_BREAKPOINT_PX);\n\n// Below 640px every dialog is a bottom drawer. Open state lives here so crossing the breakpoint keeps it open.\nfunction Dialog({\n  intent = 'default',\n  pending = false,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  disablePointerDismissal,\n  ...props\n}: DialogProps) {\n  const isDrawer = useIsDrawer();\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const rootProps = {\n    ...props,\n    open: open ?? uncontrolledOpen,\n    disablePointerDismissal: disablePointerDismissal ?? intent === 'destructive',\n  };\n\n  function handleOpenChange(nextOpen: boolean, details: DialogOpenChangeDetails | DrawerOpenChangeDetails) {\n    if (!nextOpen && pending) {\n      details.cancel();\n      return;\n    }\n    setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen, details);\n  }\n\n  return (\n    <DialogContext.Provider value={{ intent, pending, isDrawer }}>\n      {isDrawer ? (\n        <Drawer {...rootProps} onOpenChange={handleOpenChange} />\n      ) : (\n        <DialogPrimitive.Root {...rootProps} onOpenChange={handleOpenChange} />\n      )}\n    </DialogContext.Provider>\n  );\n}\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn('dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n      {...props}\n    />\n  );\n}\n\nexport type { DialogSize };\n\n// No `render` or function `style`: the popup is a Dialog or a Drawer, and their state callbacks differ.\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className' | 'render' | 'style'> & {\n  className?: string;\n  style?: React.CSSProperties;\n  size?: DialogSize;\n  showOverlay?: boolean;\n  showCloseButton?: boolean;\n  overlayClassName?: string;\n};\n\nfunction DialogContent({\n  className,\n  children,\n  size = 'md',\n  showOverlay = true,\n  showCloseButton = true,\n  overlayClassName,\n  initialFocus,\n  ...props\n}: DialogContentProps) {\n  const { intent, pending, isDrawer } = useDialogContext();\n  const closeRef = React.useRef<HTMLButtonElement>(null);\n  const isDestructive = intent === 'destructive';\n  const popupProps = {\n    'data-slot': 'dialog-content',\n    'data-size': size,\n    'data-intent': intent,\n    role: isDestructive ? 'alertdialog' : 'dialog',\n    initialFocus: initialFocus ?? (isDestructive && showCloseButton ? closeRef : true),\n    'aria-busy': pending || undefined,\n    ...props,\n  };\n  const closeButton = showCloseButton && (\n    <DialogPrimitive.Close\n      ref={closeRef}\n      disabled={pending}\n      data-slot=\"dialog-close\"\n      className={cn('absolute right-4', isDrawer ? 'top-1.5' : 'top-4')}\n      render={\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Close\">\n          <X />\n        </Button>\n      }\n    />\n  );\n\n  if (isDrawer) {\n    return (\n      <DrawerContent\n        {...popupProps}\n        showCloseButton={false}\n        className={cn(\n          'pb-3',\n          size === 'full' && 'h-[calc(85vh+3rem)]',\n          showCloseButton && '[&_[data-slot=dialog-header]]:pr-12',\n          className,\n        )}\n      >\n        {children}\n        {closeButton}\n        {/* Fills the drawer's 3rem swipe bleed below the screen edge; an element so call-site padding can't shrink it. */}\n        <div aria-hidden className=\"h-12 shrink-0\" />\n      </DrawerContent>\n    );\n  }\n\n  return (\n    <DialogPortal>\n      {showOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Popup\n        {...popupProps}\n        className={cn(\n          dialogPopupClassName,\n          dialogContentSizeClasses[size],\n          showCloseButton && '[&_[data-slot=dialog-header]]:pr-12',\n          className,\n        )}\n      >\n        {children}\n        {closeButton}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport type DialogBodyProps = React.ComponentProps<'div'> & {\n  /** `scroll` fades and scrolls long content; `fill` takes the remaining height and leaves scrolling to its children. */\n  layout?: 'scroll' | 'fill';\n  /** Drops the inset so content such as split panes or code reaches the dialog's edges. */\n  flush?: boolean;\n};\n\nfunction DialogBody({ className, layout = 'scroll', flush = false, children, ...props }: DialogBodyProps) {\n  const bodyClassName = cn(\n    'flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground',\n    !flush && 'px-5 py-2',\n    className,\n  );\n  if (layout === 'fill') {\n    return (\n      <div data-slot=\"dialog-body\" className={cn('min-h-0 flex-1', bodyClassName)} {...props}>\n        {children}\n      </div>\n    );\n  }\n  return (\n    <ScrollArea className=\"flex min-h-0 min-w-0 flex-1 flex-col\" mask>\n      <ScrollAreaViewport className=\"h-auto min-h-0\">\n        <div data-slot=\"dialog-body\" className={bodyClassName} {...props}>\n          {children}\n        </div>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return <DialogPrimitive.Title className={cn('text-heading wrap-break-word text-foreground', className)} {...props} />;\n}\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn('text-body wrap-break-word text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nfunction DialogCancel({ disabled, size = 'md', ...props }: DialogCancelProps) {\n  const { pending } = useDialogContext();\n  return (\n    <DialogPrimitive.Close\n      render={\n        <Button\n          size={size}\n          variant=\"ghost\"\n          className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n          children={props.children}\n        />\n      }\n      {...props}\n      disabled={disabled || pending}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n  DialogCancel,\n  DialogAction,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Dialog-Duy3M1ny.cjs","names":["createContext","useContext","useState","useRef","useId","_Fragment","Button","cn","dialogSurfaceStyle","useIsMobile","React","Drawer","DialogPrimitive","cn","Button","X","DrawerContent","ScrollArea","ScrollAreaViewport"],"sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog-action.tsx","../src/ds/components/Dialog/dialog-shell.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  intent: DialogIntent;\n  pending: boolean;\n  isDrawer: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n  intent: 'default',\n  pending: false,\n  isDrawer: false,\n});\n\nexport function useDialogContext() {\n  return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n  sm: 'min-h-control-sm',\n  md: 'min-h-control-md',\n  lg: 'min-h-control-lg',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n  type?: 'button';\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n  type: 'submit';\n  onConfirm?: never;\n  confirmation?: never;\n  holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n  onConfirm,\n  children,\n  disabled,\n  holdSeconds = 1.5,\n  ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\n  const { intent, pending } = useDialogContext();\n  const [holding, setHolding] = useState(false);\n  const [completed, setCompleted] = useState(false);\n  const [armed, setArmed] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const active = useRef(false);\n  const hintId = useId();\n\n  function cancel() {\n    clearTimeout(timer.current);\n    active.current = false;\n    setHolding(false);\n  }\n\n  function disarm() {\n    clearTimeout(armTimer.current);\n    setArmed(false);\n  }\n\n  function complete() {\n    setHolding(false);\n    setCompleted(true);\n    disarm();\n    onConfirm();\n  }\n\n  function start() {\n    if (disabled || active.current) return;\n    active.current = true;\n    setHolding(true);\n    timer.current = setTimeout(complete, holdSeconds * 1000);\n  }\n\n  function onClick(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n    if (event.detail !== 0 || disabled) return;\n    if (armed) {\n      complete();\n      return;\n    }\n    setArmed(true);\n    armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n  }\n\n  useEffect(() => {\n    function onVisibilityChange() {\n      if (document.hidden) cancel();\n    }\n    window.addEventListener('blur', cancel);\n    document.addEventListener('visibilitychange', onVisibilityChange);\n    return () => {\n      clearTimeout(timer.current);\n      clearTimeout(armTimer.current);\n      window.removeEventListener('blur', cancel);\n      document.removeEventListener('visibilitychange', onVisibilityChange);\n    };\n  }, []);\n\n  function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n    props.onPointerDown?.(event);\n    if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n    start();\n  }\n\n  function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    props.onKeyDown?.(event);\n    if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n    event.preventDefault();\n    if (!event.repeat) start();\n  }\n\n  return (\n    <>\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(\n          'group/hold relative isolate touch-none overflow-hidden select-none',\n          dialogActionLayoutClasses,\n          dialogActionSizeClasses[props.size ?? 'md'],\n          props.className,\n        )}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n        disabled={disabled}\n        aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n        data-holding={holding || undefined}\n        data-completed={completed || pending || undefined}\n        onClick={onClick}\n        onPointerDown={onPointerDown}\n        onPointerUp={event => {\n          cancel();\n          props.onPointerUp?.(event);\n        }}\n        onPointerLeave={event => {\n          cancel();\n          props.onPointerLeave?.(event);\n        }}\n        onPointerCancel={event => {\n          cancel();\n          props.onPointerCancel?.(event);\n        }}\n        onKeyDown={onKeyDown}\n        onKeyUp={event => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n            cancel();\n          }\n          props.onKeyUp?.(event);\n        }}\n        onBlur={event => {\n          cancel();\n          props.onBlur?.(event);\n        }}\n      >\n        <span>{children}</span>\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n            'transition-[clip-path] ease-linear motion-reduce:transition-none',\n            'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n            'group-data-[completed]/hold:[clip-path:inset(0)]',\n            intent === 'destructive'\n              ? 'bg-fill-destructive text-fill-destructive-foreground'\n              : 'bg-foreground text-sidebar',\n          )}\n          style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n        >\n          {children}\n        </span>\n      </Button>\n      <span id={hintId} className=\"sr-only\">\n        Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n        twice.\n      </span>\n      <span role=\"status\" className=\"sr-only\">\n        {armed ? 'Activate again to confirm.' : ''}\n      </span>\n    </>\n  );\n}\n\nexport function DialogAction({\n  confirmation = 'click',\n  holdSeconds = 1.5,\n  onConfirm,\n  disabled,\n  type = 'button',\n  ...props\n}: DialogActionProps) {\n  const { intent, pending } = useDialogContext();\n  const isDisabled = disabled || pending;\n  if (onConfirm && confirmation === 'hold') {\n    return (\n      <HoldAction\n        key={`${isDisabled}-${holdSeconds}`}\n        holdSeconds={holdSeconds}\n        {...props}\n        disabled={isDisabled}\n        onConfirm={onConfirm}\n      />\n    );\n  }\n  return (\n    <Button\n      size=\"md\"\n      {...props}\n      className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n      type={type}\n      variant={intent === 'destructive' ? 'destructive' : 'primary'}\n      disabled={isDisabled}\n      onClick={onConfirm}\n    />\n  );\n}\n","import { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport const DIALOG_DRAWER_BREAKPOINT_PX = 640;\n\nconst formFillsShellClassName = '[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0';\n\nexport const dialogPopupClassName = [\n  'dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden',\n  formFillsShellClassName,\n  dialogSurfaceStyle,\n].join(' ');\n\nexport const dialogContentSizeClasses: Record<DialogSize, string> = {\n  sm: 'max-h-[calc(100dvh-4rem)] max-w-sm',\n  md: 'max-h-[calc(100dvh-4rem)] max-w-lg',\n  lg: 'max-h-[calc(100dvh-4rem)] max-w-2xl',\n  xl: 'max-h-[calc(100dvh-4rem)] max-w-4xl',\n  full: 'h-[calc(100dvh-2rem)]',\n};\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent } from './dialog-context';\nimport { DIALOG_DRAWER_BREAKPOINT_PX, dialogContentSizeClasses, dialogPopupClassName } from './dialog-shell';\nimport type { DialogSize } from './dialog-shell';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { Drawer, DrawerContent } from '@/ds/components/Drawer';\nimport type { DrawerProps } from '@/ds/components/Drawer';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\ntype DialogOpenChangeDetails = Parameters<NonNullable<DialogPrimitive.Root.Props['onOpenChange']>>[1];\ntype DrawerOpenChangeDetails = Parameters<NonNullable<DrawerProps['onOpenChange']>>[1];\n\nexport type DialogProps = Omit<DialogPrimitive.Root.Props, 'handle' | 'onOpenChange'> & {\n  intent?: DialogIntent;\n  pending?: boolean;\n  /** `details` comes from the bottom drawer on phones, where a swipe can also close it. */\n  onOpenChange?: (open: boolean, details: DialogOpenChangeDetails | DrawerOpenChangeDetails) => void;\n};\n\nconst useIsDrawer = () => useIsMobile(DIALOG_DRAWER_BREAKPOINT_PX);\n\n// Below 640px every dialog is a bottom drawer. Open state lives here so crossing the breakpoint keeps it open.\nfunction Dialog({\n  intent = 'default',\n  pending = false,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  disablePointerDismissal,\n  ...props\n}: DialogProps) {\n  const isDrawer = useIsDrawer();\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const rootProps = {\n    ...props,\n    open: open ?? uncontrolledOpen,\n    disablePointerDismissal: disablePointerDismissal ?? intent === 'destructive',\n  };\n\n  function handleOpenChange(nextOpen: boolean, details: DialogOpenChangeDetails | DrawerOpenChangeDetails) {\n    if (!nextOpen && pending) {\n      details.cancel();\n      return;\n    }\n    setUncontrolledOpen(nextOpen);\n    onOpenChange?.(nextOpen, details);\n  }\n\n  return (\n    <DialogContext.Provider value={{ intent, pending, isDrawer }}>\n      {isDrawer ? (\n        <Drawer {...rootProps} onOpenChange={handleOpenChange} />\n      ) : (\n        <DialogPrimitive.Root {...rootProps} onOpenChange={handleOpenChange} />\n      )}\n    </DialogContext.Provider>\n  );\n}\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn('dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n      {...props}\n    />\n  );\n}\n\nexport type { DialogSize };\n\n// No `render` or function `style`: the popup is a Dialog or a Drawer, and their state callbacks differ.\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className' | 'render' | 'style'> & {\n  className?: string;\n  style?: React.CSSProperties;\n  size?: DialogSize;\n  showOverlay?: boolean;\n  showCloseButton?: boolean;\n  overlayClassName?: string;\n};\n\nfunction DialogContent({\n  className,\n  children,\n  size = 'md',\n  showOverlay = true,\n  showCloseButton = true,\n  overlayClassName,\n  initialFocus,\n  ...props\n}: DialogContentProps) {\n  const { intent, pending, isDrawer } = useDialogContext();\n  const closeRef = React.useRef<HTMLButtonElement>(null);\n  const isDestructive = intent === 'destructive';\n  const popupProps = {\n    'data-slot': 'dialog-content',\n    'data-size': size,\n    'data-intent': intent,\n    role: isDestructive ? 'alertdialog' : 'dialog',\n    initialFocus: initialFocus ?? (isDestructive && showCloseButton ? closeRef : true),\n    'aria-busy': pending || undefined,\n    ...props,\n  };\n  const closeButton = showCloseButton && (\n    <DialogPrimitive.Close\n      ref={closeRef}\n      disabled={pending}\n      data-slot=\"dialog-close\"\n      className={cn('absolute right-4', isDrawer ? 'top-1.5' : 'top-4')}\n      render={\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Close\">\n          <X />\n        </Button>\n      }\n    />\n  );\n\n  if (isDrawer) {\n    return (\n      <DrawerContent\n        {...popupProps}\n        showCloseButton={false}\n        className={cn(\n          'pb-3',\n          size === 'full' && 'h-[calc(85vh+3rem)]',\n          showCloseButton && '[&_[data-slot=dialog-header]]:pr-12',\n          className,\n        )}\n      >\n        {children}\n        {closeButton}\n        {/* Fills the drawer's 3rem swipe bleed below the screen edge; an element so call-site padding can't shrink it. */}\n        <div aria-hidden className=\"h-12 shrink-0\" />\n      </DrawerContent>\n    );\n  }\n\n  return (\n    <DialogPortal>\n      {showOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Popup\n        {...popupProps}\n        className={cn(\n          dialogPopupClassName,\n          dialogContentSizeClasses[size],\n          showCloseButton && '[&_[data-slot=dialog-header]]:pr-12',\n          className,\n        )}\n      >\n        {children}\n        {closeButton}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport type DialogBodyProps = React.ComponentProps<'div'> & {\n  /** `scroll` fades and scrolls long content; `fill` takes the remaining height and leaves scrolling to its children. */\n  layout?: 'scroll' | 'fill';\n  /** Drops the inset so content such as split panes or code reaches the dialog's edges. */\n  flush?: boolean;\n};\n\nfunction DialogBody({ className, layout = 'scroll', flush = false, children, ...props }: DialogBodyProps) {\n  const bodyClassName = cn(\n    'flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground',\n    !flush && 'px-5 py-2',\n    className,\n  );\n  if (layout === 'fill') {\n    return (\n      <div data-slot=\"dialog-body\" className={cn('min-h-0 flex-1', bodyClassName)} {...props}>\n        {children}\n      </div>\n    );\n  }\n  return (\n    <ScrollArea className=\"flex min-h-0 min-w-0 flex-1 flex-col\" mask>\n      <ScrollAreaViewport className=\"h-auto min-h-0\">\n        <div data-slot=\"dialog-body\" className={bodyClassName} {...props}>\n          {children}\n        </div>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return <DialogPrimitive.Title className={cn('text-heading wrap-break-word text-foreground', className)} {...props} />;\n}\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn('text-body wrap-break-word text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nfunction DialogCancel({ disabled, size = 'md', ...props }: DialogCancelProps) {\n  const { pending } = useDialogContext();\n  return (\n    <DialogPrimitive.Close\n      render={\n        <Button\n          size={size}\n          variant=\"ghost\"\n          className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n          children={props.children}\n        />\n      }\n      {...props}\n      disabled={disabled || pending}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n  DialogCancel,\n  DialogAction,\n};\n"],"mappings":"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"}

package/dist/{Dialog-DaWtxwd9.js → Dialog-OBPu3rl2.js}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { dialogSurfaceStyle } from "./primitives/raised-surface.es.js";
-import { t as Button } from "./Button-CLXTbAY8.js";
-import { n as ScrollAreaViewport, t as ScrollArea } from "./scroll-area-C226l0v0.js";
+import { t as Button } from "./Button-Bi7aXd_G.js";
+import { n as ScrollAreaViewport, t as ScrollArea } from "./scroll-area-9-S7wfSs.js";
 import { Drawer, DrawerContent } from "./components/Drawer.es.js";
 import { useIsMobile } from "./hooks/use-is-mobile.es.js";
 import * as React$1 from "react";
@@ -331,4 +331,4 @@ function DialogCancel({ disabled, size = "md", ...props }) {
 }
 export { DialogContent as a, DialogHeader as c, DialogTitle as d, DialogTrigger as f, dialogActionSizeClasses as h, DialogClose as i, DialogOverlay as l, dialogActionLayoutClasses as m, DialogBody as n, DialogDescription as o, DialogAction as p, DialogCancel as r, DialogFooter as s, Dialog$1 as t, DialogPortal as u };
 
-//# sourceMappingURL=Dialog-DaWtxwd9.js.map
+//# sourceMappingURL=Dialog-OBPu3rl2.js.map