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

package/dist/DataPanel-IgB9D5PO.js.map

@@ -1 +0,0 @@
-{"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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"}

package/dist/Dialog-BvWF9HE-.cjs

@@ -1,424 +0,0 @@
-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_components_Drawer = require("./components/Drawer.cjs.js");
-const require_hooks_use_is_mobile = require("./hooks/use-is-mobile.cjs.js");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react, 1);
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-let _base_ui_react_dialog = require("@base-ui/react/dialog");
-// src/ds/components/Dialog/dialog-context.ts
-var DialogContext = (0, react.createContext)({
-	intent: "default",
-	pending: false,
-	isDrawer: false
-});
-function useDialogContext() {
-	return (0, react.useContext)(DialogContext);
-}
-var dialogActionSizeClasses = {
-	sm: "min-h-control-sm",
-	md: "min-h-control-md",
-	lg: "min-h-control-lg"
-};
-var dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
-// src/ds/components/Dialog/dialog-action.tsx
-var ARM_WINDOW_MS = 4e3;
-function HoldAction({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }) {
-	const { intent, pending } = useDialogContext();
-	const [holding, setHolding] = (0, react.useState)(false);
-	const [completed, setCompleted] = (0, react.useState)(false);
-	const [armed, setArmed] = (0, react.useState)(false);
-	const timer = (0, react.useRef)(void 0);
-	const armTimer = (0, react.useRef)(void 0);
-	const active = (0, react.useRef)(false);
-	const hintId = (0, react.useId)();
-	function cancel() {
-		clearTimeout(timer.current);
-		active.current = false;
-		setHolding(false);
-	}
-	function disarm() {
-		clearTimeout(armTimer.current);
-		setArmed(false);
-	}
-	function complete() {
-		setHolding(false);
-		setCompleted(true);
-		disarm();
-		onConfirm();
-	}
-	function start() {
-		if (disabled || active.current) return;
-		active.current = true;
-		setHolding(true);
-		timer.current = setTimeout(complete, holdSeconds * 1e3);
-	}
-	function onClick(event) {
-		event.preventDefault();
-		if (event.detail !== 0 || disabled) return;
-		if (armed) {
-			complete();
-			return;
-		}
-		setArmed(true);
-		armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);
-	}
-	(0, react.useEffect)(() => {
-		function onVisibilityChange() {
-			if (document.hidden) cancel();
-		}
-		window.addEventListener("blur", cancel);
-		document.addEventListener("visibilitychange", onVisibilityChange);
-		return () => {
-			clearTimeout(timer.current);
-			clearTimeout(armTimer.current);
-			window.removeEventListener("blur", cancel);
-			document.removeEventListener("visibilitychange", onVisibilityChange);
-		};
-	}, []);
-	function onPointerDown(event) {
-		props.onPointerDown?.(event);
-		if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;
-		start();
-	}
-	function onKeyDown(event) {
-		props.onKeyDown?.(event);
-		if (event.defaultPrevented || event.key !== " " && event.key !== "Enter") return;
-		event.preventDefault();
-		if (!event.repeat) start();
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Button.Button, {
-			size: "md",
-			...props,
-			className: require_utils.cn("group/hold relative isolate touch-none overflow-hidden select-none", dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? "md"], props.className),
-			type: "button",
-			variant: intent === "destructive" ? "destructive-ghost" : "ghost",
-			disabled,
-			"aria-describedby": [props["aria-describedby"], hintId].filter(Boolean).join(" "),
-			"data-holding": holding || void 0,
-			"data-completed": completed || pending || void 0,
-			onClick,
-			onPointerDown,
-			onPointerUp: (event) => {
-				cancel();
-				props.onPointerUp?.(event);
-			},
-			onPointerLeave: (event) => {
-				cancel();
-				props.onPointerLeave?.(event);
-			},
-			onPointerCancel: (event) => {
-				cancel();
-				props.onPointerCancel?.(event);
-			},
-			onKeyDown,
-			onKeyUp: (event) => {
-				if (event.key === " " || event.key === "Enter") {
-					event.preventDefault();
-					cancel();
-				}
-				props.onKeyUp?.(event);
-			},
-			onBlur: (event) => {
-				cancel();
-				props.onBlur?.(event);
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				"aria-hidden": "true",
-				className: require_utils.cn("pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]", "transition-[clip-path] ease-linear motion-reduce:transition-none", "group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]", "group-data-[completed]/hold:[clip-path:inset(0)]", intent === "destructive" ? "bg-fill-destructive text-fill-destructive-foreground" : "bg-foreground text-sidebar"),
-				style: { transitionDuration: holding ? `${holdSeconds}s` : "0s" },
-				children
-			})]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			id: hintId,
-			className: "sr-only",
-			children: [
-				"Hold Space or Enter for ",
-				holdSeconds,
-				" seconds to confirm. Release to cancel. Screen reader users can activate twice."
-			]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			role: "status",
-			className: "sr-only",
-			children: armed ? "Activate again to confirm." : ""
-		})
-	] });
-}
-function DialogAction({ confirmation = "click", holdSeconds = 1.5, onConfirm, disabled, type = "button", ...props }) {
-	const { intent, pending } = useDialogContext();
-	const isDisabled = disabled || pending;
-	if (onConfirm && confirmation === "hold") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoldAction, {
-		holdSeconds,
-		...props,
-		disabled: isDisabled,
-		onConfirm
-	}, `${isDisabled}-${holdSeconds}`);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-		size: "md",
-		...props,
-		className: require_utils.cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? "md"], props.className),
-		type,
-		variant: intent === "destructive" ? "destructive" : "primary",
-		disabled: isDisabled,
-		onClick: onConfirm
-	});
-}
-var dialogPopupClassName = [
-	"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",
-	"[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0",
-	require_primitives_raised_surface.dialogSurfaceStyle
-].join(" ");
-var dialogContentSizeClasses = {
-	sm: "max-h-[calc(100dvh-4rem)] max-w-sm",
-	md: "max-h-[calc(100dvh-4rem)] max-w-lg",
-	lg: "max-h-[calc(100dvh-4rem)] max-w-2xl",
-	xl: "max-h-[calc(100dvh-4rem)] max-w-4xl",
-	full: "h-[calc(100dvh-2rem)]"
-};
-// src/ds/components/Dialog/dialog.tsx
-var useIsDrawer = () => require_hooks_use_is_mobile.useIsMobile(640);
-function Dialog({ intent = "default", pending = false, open, defaultOpen = false, onOpenChange, disablePointerDismissal, ...props }) {
-	const isDrawer = useIsDrawer();
-	const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
-	const rootProps = {
-		...props,
-		open: open ?? uncontrolledOpen,
-		disablePointerDismissal: disablePointerDismissal ?? intent === "destructive"
-	};
-	function handleOpenChange(nextOpen, details) {
-		if (!nextOpen && pending) {
-			details.cancel();
-			return;
-		}
-		setUncontrolledOpen(nextOpen);
-		onOpenChange?.(nextOpen, details);
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
-		value: {
-			intent,
-			pending,
-			isDrawer
-		},
-		children: isDrawer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Drawer.Drawer, {
-			...rootProps,
-			onOpenChange: handleOpenChange
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Root, {
-			...rootProps,
-			onOpenChange: handleOpenChange
-		})
-	});
-}
-var DialogTrigger = _base_ui_react_dialog.Dialog.Trigger;
-var DialogPortal = _base_ui_react_dialog.Dialog.Portal;
-var DialogClose = _base_ui_react_dialog.Dialog.Close;
-function DialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Backdrop, {
-		"data-slot": "dialog-overlay",
-		className: require_utils.cn("dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
-		...props
-	});
-}
-function DialogContent({ className, children, size = "md", showOverlay = true, showCloseButton = true, overlayClassName, initialFocus, ...props }) {
-	const { intent, pending, isDrawer } = useDialogContext();
-	const closeRef = react.useRef(null);
-	const isDestructive = intent === "destructive";
-	const popupProps = {
-		"data-slot": "dialog-content",
-		"data-size": size,
-		"data-intent": intent,
-		role: isDestructive ? "alertdialog" : "dialog",
-		initialFocus: initialFocus ?? (isDestructive && showCloseButton ? closeRef : true),
-		"aria-busy": pending || void 0,
-		...props
-	};
-	const closeButton = showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
-		ref: closeRef,
-		disabled: pending,
-		"data-slot": "dialog-close",
-		className: require_utils.cn("absolute right-4", isDrawer ? "top-1.5" : "top-4"),
-		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": "Close",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {})
-		})
-	});
-	if (isDrawer) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Drawer.DrawerContent, {
-		...popupProps,
-		showCloseButton: false,
-		className: require_utils.cn("pb-3", size === "full" && "h-[calc(85vh+3rem)]", showCloseButton && "[&_[data-slot=dialog-header]]:pr-12", className),
-		children: [
-			children,
-			closeButton,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				"aria-hidden": true,
-				className: "h-12 shrink-0"
-			})
-		]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, { children: [showOverlay && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogOverlay, { className: overlayClassName }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_dialog.Dialog.Popup, {
-		...popupProps,
-		className: require_utils.cn(dialogPopupClassName, dialogContentSizeClasses[size], showCloseButton && "[&_[data-slot=dialog-header]]:pr-12", className),
-		children: [children, closeButton]
-	})] });
-}
-function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "dialog-header",
-		className: require_utils.cn("flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2", className),
-		...props
-	});
-}
-function DialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "dialog-footer",
-		className: require_utils.cn("flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2", className),
-		...props
-	});
-}
-function DialogBody({ className, layout = "scroll", flush = false, children, ...props }) {
-	const bodyClassName = require_utils.cn("flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground", !flush && "px-5 py-2", className);
-	if (layout === "fill") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "dialog-body",
-		className: require_utils.cn("min-h-0 flex-1", bodyClassName),
-		...props,
-		children
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_scroll_area.ScrollArea, {
-		className: "flex min-h-0 min-w-0 flex-1 flex-col",
-		mask: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_scroll_area.ScrollAreaViewport, {
-			className: "h-auto min-h-0",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				"data-slot": "dialog-body",
-				className: bodyClassName,
-				...props,
-				children
-			})
-		})
-	});
-}
-function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Title, {
-		className: require_utils.cn("text-heading wrap-break-word text-foreground", className),
-		...props
-	});
-}
-function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Description, {
-		className: require_utils.cn("text-body wrap-break-word text-muted-foreground", className),
-		...props
-	});
-}
-function DialogCancel({ disabled, size = "md", ...props }) {
-	const { pending } = useDialogContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
-		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-			size,
-			variant: "ghost",
-			className: require_utils.cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
-			children: props.children
-		}),
-		...props,
-		disabled: disabled || pending
-	});
-}
-Object.defineProperty(exports, "Dialog", {
-	enumerable: true,
-	get: function() {
-		return Dialog;
-	}
-});
-Object.defineProperty(exports, "DialogAction", {
-	enumerable: true,
-	get: function() {
-		return DialogAction;
-	}
-});
-Object.defineProperty(exports, "DialogBody", {
-	enumerable: true,
-	get: function() {
-		return DialogBody;
-	}
-});
-Object.defineProperty(exports, "DialogCancel", {
-	enumerable: true,
-	get: function() {
-		return DialogCancel;
-	}
-});
-Object.defineProperty(exports, "DialogClose", {
-	enumerable: true,
-	get: function() {
-		return DialogClose;
-	}
-});
-Object.defineProperty(exports, "DialogContent", {
-	enumerable: true,
-	get: function() {
-		return DialogContent;
-	}
-});
-Object.defineProperty(exports, "DialogDescription", {
-	enumerable: true,
-	get: function() {
-		return DialogDescription;
-	}
-});
-Object.defineProperty(exports, "DialogFooter", {
-	enumerable: true,
-	get: function() {
-		return DialogFooter;
-	}
-});
-Object.defineProperty(exports, "DialogHeader", {
-	enumerable: true,
-	get: function() {
-		return DialogHeader;
-	}
-});
-Object.defineProperty(exports, "DialogOverlay", {
-	enumerable: true,
-	get: function() {
-		return DialogOverlay;
-	}
-});
-Object.defineProperty(exports, "DialogPortal", {
-	enumerable: true,
-	get: function() {
-		return DialogPortal;
-	}
-});
-Object.defineProperty(exports, "DialogTitle", {
-	enumerable: true,
-	get: function() {
-		return DialogTitle;
-	}
-});
-Object.defineProperty(exports, "DialogTrigger", {
-	enumerable: true,
-	get: function() {
-		return DialogTrigger;
-	}
-});
-Object.defineProperty(exports, "dialogActionLayoutClasses", {
-	enumerable: true,
-	get: function() {
-		return dialogActionLayoutClasses;
-	}
-});
-Object.defineProperty(exports, "dialogActionSizeClasses", {
-	enumerable: true,
-	get: function() {
-		return dialogActionSizeClasses;
-	}
-});
-
-//# sourceMappingURL=Dialog-BvWF9HE-.cjs.map

package/dist/Dialog-BvWF9HE-.cjs.map

@@ -1 +0,0 @@
-{"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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"}