silver-ui 0.3.0 → 0.4.0

package/dist/{chunk-5MDH6QZE.js → chunk-2XAA3CM5.js}

@@ -1,10 +1,9 @@
 import { toPixelSize } from './chunk-KLMODPEE.js';
 import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { createElement } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-// src/components/Stack/Stack.recipe.ts
+// src/components/Stack/internal/Stack.recipe.ts
 var stackRecipe = cva({
   base: {
     display: "flex",
@@ -49,8 +48,6 @@ var stackRecipe = cva({
     wrap: "nowrap"
   }
 });
-
-// src/components/Stack/Stack.tsx
 var mainAlignValues = {
   start: "flex-start",
   center: "center",
@@ -94,16 +91,16 @@ function Stack({
     height: toPixelSize(height),
     ...style
   };
-  return createElement(
+  return /* @__PURE__ */ jsx(
     Element,
     {
       ...htmlProps,
       className: cx(stackRecipe({ direction, gap, wrap }), className),
       "data-testid": dataTestId,
       ref,
-      style: stackStyle
-    },
-    children
+      style: stackStyle,
+      children
+    }
   );
 }
 Stack.displayName = "Stack";
@@ -161,5 +158,5 @@ function VStack({
 VStack.displayName = "VStack";
 
 export { HStack, VStack };
-//# sourceMappingURL=chunk-5MDH6QZE.js.map
-//# sourceMappingURL=chunk-5MDH6QZE.js.map
+//# sourceMappingURL=chunk-2XAA3CM5.js.map
+//# sourceMappingURL=chunk-2XAA3CM5.js.map

package/dist/chunk-2XAA3CM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stack/internal/Stack.recipe.ts","../src/components/Stack/internal/Stack.tsx","../src/components/Stack/HStack.tsx","../src/components/Stack/VStack.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-2XAA3CM5.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stackRecipe = cva({\n  base: {\n    display: 'flex',\n    minW: 0,\n  },\n  variants: {\n    direction: {\n      horizontal: {\n        flexDirection: 'row',\n      },\n      vertical: {\n        flexDirection: 'column',\n      },\n    },\n    gap: {\n      0: {gap: '0'},\n      0.5: {gap: '0.5'},\n      1: {gap: '1'},\n      1.5: {gap: '1.5'},\n      2: {gap: '2'},\n      3: {gap: '3'},\n      4: {gap: '4'},\n      5: {gap: '5'},\n      6: {gap: '6'},\n      8: {gap: '8'},\n      10: {gap: '10'},\n    },\n    wrap: {\n      nowrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      'wrap-reverse': {\n        flexWrap: 'wrap-reverse',\n      },\n    },\n  },\n  defaultVariants: {\n    direction: 'vertical',\n    wrap: 'nowrap',\n  },\n});\n\nexport type StackVariants = RecipeVariantProps<typeof stackRecipe>;\n","import type {\n  CSSProperties,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {cx} from '../../../internal/cx';\nimport type {SpacingToken} from '../../../internal/spacingTokens';\nimport {toPixelSize, type SizeValue} from '../../../internal/toPixelSize';\nimport {stackRecipe} from './Stack.recipe';\n\nexport type {SizeValue};\nexport type StackDirection = 'horizontal' | 'vertical';\nexport type StackMainAlignment =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch';\nexport type StackAlignment = StackMainAlignment | StackCrossAlignment;\nexport type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type StackGap = SpacingToken;\n\n/**\n * @internal\n * Props for the base `Stack` component.\n */\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Cross-axis alignment.\n   */\n  align?: StackCrossAlignment;\n  /**\n   * HTML element type to render.\n   */\n  as?: ElementType;\n  /**\n   * Stack content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Layout direction.\n   */\n  direction?: StackDirection;\n  /**\n   * Gap between children.\n   */\n  gap?: StackGap;\n  /**\n   * Horizontal alignment (overrides align/justify for horizontal axis).\n   */\n  hAlign?: StackAlignment;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Main-axis alignment.\n   */\n  justify?: StackMainAlignment;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Vertical alignment (overrides align/justify for vertical axis).\n   */\n  vAlign?: StackAlignment;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n  /**\n   * Flex wrap behavior.\n   */\n  wrap?: StackWrap;\n}\n\nconst mainAlignValues: Record<StackMainAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nconst crossAlignValues: Record<StackCrossAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n};\n\n/**\n * @internal\n * Base flex stack layout primitive. Not exported to consumers — use\n * `HStack` or `VStack` instead, which provide direction-specific\n * type safety for alignment props.\n */\nexport function Stack({\n  align,\n  children,\n  className,\n  'data-testid': dataTestId,\n  direction = 'vertical',\n  as: Element = 'div',\n  gap,\n  hAlign,\n  height,\n  justify,\n  ref,\n  style,\n  vAlign,\n  width,\n  wrap = 'nowrap',\n  ...htmlProps\n}: StackProps): React.JSX.Element {\n  const resolvedHAlign =\n    hAlign ?? (direction === 'horizontal' ? justify : align);\n  const resolvedVAlign =\n    vAlign ?? (direction === 'horizontal' ? align : justify);\n  const mainAlign =\n    direction === 'horizontal' ? resolvedHAlign : resolvedVAlign;\n  const crossAlign =\n    direction === 'horizontal' ? resolvedVAlign : resolvedHAlign;\n  const stackStyle: CSSProperties = {\n    justifyContent:\n      mainAlign != null && mainAlign in mainAlignValues\n        ? mainAlignValues[mainAlign as StackMainAlignment]\n        : undefined,\n    alignItems:\n      crossAlign != null && crossAlign in crossAlignValues\n        ? crossAlignValues[crossAlign as StackCrossAlignment]\n        : undefined,\n    width: toPixelSize(width),\n    height: toPixelSize(height),\n    ...style,\n  };\n\n  return (\n    <Element\n      {...htmlProps}\n      className={cx(stackRecipe({direction, gap, wrap}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={stackStyle}>\n      {children}\n    </Element>\n  );\n}\n\nStack.displayName = 'Stack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './internal/Stack';\n\nexport interface HStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackMainAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackCrossAlignment;\n}\n\nexport function HStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: HStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"horizontal\"\n      hAlign={hAlign ?? justify}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? align}\n    />\n  );\n}\n\nHStack.displayName = 'HStack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './internal/Stack';\n\nexport interface VStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackCrossAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackMainAlignment;\n}\n\nexport function VStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: VStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"vertical\"\n      hAlign={hAlign ?? align}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? justify}\n    />\n  );\n}\n\nVStack.displayName = 'VStack';\n"]}

package/dist/{chunk-EMHLPPQZ.js → chunk-3CJC4QE6.js}

@@ -1,6 +1,6 @@
-import { useHoverLayer, HoverLayerTrigger } from './chunk-ZNUOFLCQ.js';
-import { cx } from './chunk-GUKZNXTB.js';
+import { useHoverLayer, HoverLayerTrigger } from './chunk-HINS4GY6.js';
 import { css } from './chunk-OD4DHHZH.js';
+import { cx } from './chunk-PPNETWIP.js';
 import { useEffect, useCallback, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -140,5 +140,5 @@ function Tooltip({
 Tooltip.displayName = "Tooltip";
 
 export { Tooltip, useTooltip };
-//# sourceMappingURL=chunk-EMHLPPQZ.js.map
-//# sourceMappingURL=chunk-EMHLPPQZ.js.map
+//# sourceMappingURL=chunk-3CJC4QE6.js.map
+//# sourceMappingURL=chunk-3CJC4QE6.js.map

package/dist/chunk-3CJC4QE6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/useTooltip.tsx","../src/components/Tooltip/Tooltip.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-3CJC4QE6.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n  useHoverLayer,\n  type HoverLayerFocusTrigger,\n} from '../../internal/useHoverLayer';\nimport type {\n  ContextRenderProps,\n  LayerAlignment,\n  LayerPlacement,\n} from '../../internal/useLayer';\n\nexport type TooltipFocusTrigger = HoverLayerFocusTrigger;\n\nexport interface UseTooltipOptions {\n  alignment?: LayerAlignment;\n  delay?: number;\n  focusTrigger?: TooltipFocusTrigger;\n  hideDelay?: number;\n  isEnabled?: boolean;\n  onHide?: () => void;\n  onShow?: () => void;\n  placement?: LayerPlacement;\n}\n\nexport interface TooltipRenderProps extends ContextRenderProps {\n  contentStyle?: CSSProperties;\n}\n\nexport interface UseTooltipReturn {\n  /**\n   * ID of the anchor element, used for CSS anchor positioning.\n   */\n  anchorId: string;\n  /**\n   * ID of the tooltip element. Pass to `aria-describedby` on the trigger.\n   */\n  describedBy: string;\n  /**\n   * Attaches hover/focus/keyboard listeners only.\n   * Use when another element handles positioning (e.g., a wrapper provides the anchor).\n   */\n  interactionRef: RefCallback<HTMLElement>;\n  /**\n   * Attaches CSS anchor positioning only.\n   * Use when another element handles interaction listeners.\n   */\n  positionRef: RefCallback<HTMLElement>;\n  /**\n   * Combined ref that attaches both positioning and interaction.\n   * Use this for the common case where one element is both the anchor and trigger.\n   * Do not combine with `interactionRef` or `positionRef` — use one or the other.\n   */\n  ref: RefCallback<HTMLElement>;\n  /**\n   * Renders the tooltip content into the layer.\n   */\n  renderTooltip: (children: ReactNode, props?: TooltipRenderProps) => ReactNode;\n}\n\nconst styles = {\n  tooltipContainer: css({\n    bg: 'fg',\n    color: 'bg',\n    borderRadius: 'md',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n    boxShadow: 'md',\n    '--silver-text-color': 'currentColor',\n    '--silver-text-color-muted':\n      'color-mix(in srgb, currentColor 70%, transparent)',\n  }),\n  tooltipContent: css({\n    px: '2',\n    py: '1',\n    maxW: 'xs',\n    wordBreak: 'break-word',\n  }),\n  marginByPlacement: {\n    above: css({mb: '1'}),\n    below: css({mt: '1'}),\n    start: css({mr: '1'}),\n    end: css({ml: '1'}),\n  },\n} as const;\n\nexport function useTooltip(options: UseTooltipOptions = {}): UseTooltipReturn {\n  const {\n    placement = 'above',\n    alignment = 'center',\n    delay = 200,\n    hideDelay = 0,\n    focusTrigger = 'auto',\n    isEnabled = true,\n    onShow,\n    onHide,\n  } = options;\n\n  const hoverLayer = useHoverLayer({\n    delay,\n    focusTrigger,\n    hideDelay,\n    isEnabled,\n    onFocusIn: event => {\n      const target = event.target as HTMLElement;\n      return target.matches(':focus-visible');\n    },\n    onHide,\n    onShow,\n  });\n\n  const {interactionRef, layer, ref} = hoverLayer;\n\n  useEffect(() => {\n    if (!layer.isOpen) {\n      return;\n    }\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        layer.hide();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [layer, layer.isOpen]);\n\n  const renderTooltip = useCallback(\n    (children: ReactNode, props?: TooltipRenderProps): ReactNode => {\n      const renderPlacement = props?.placement ?? placement;\n      return layer.render(\n        <div className={styles.tooltipContent} style={props?.contentStyle}>\n          {children}\n        </div>,\n        {\n          placement: renderPlacement,\n          alignment: props?.alignment ?? alignment,\n          className: cx(\n            styles.tooltipContainer,\n            styles.marginByPlacement[renderPlacement],\n            props?.className,\n          ),\n          role: 'tooltip',\n          style: props?.style,\n        },\n      );\n    },\n    [alignment, layer, placement],\n  );\n\n  return useMemo(\n    () => ({\n      ref,\n      positionRef: layer.ref,\n      interactionRef,\n      anchorId: layer.anchorId,\n      describedBy: layer.id,\n      renderTooltip,\n    }),\n    [ref, layer.ref, interactionRef, layer.anchorId, layer.id, renderTooltip],\n  );\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {HoverLayerTrigger} from '../../internal/HoverLayerTrigger';\nimport type {LayerAlignment, LayerPlacement} from '../../internal/useLayer';\nimport {useTooltip, type TooltipFocusTrigger} from './useTooltip';\n\nexport type {TooltipFocusTrigger} from './useTooltip';\n\nexport interface TooltipProps {\n  /**\n   * Cross-axis alignment of the tooltip relative to the anchor.\n   * @default 'center'\n   */\n  alignment?: LayerAlignment;\n  /**\n   * Element(s) that the tooltip is anchored to.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the wrapper.\n   */\n  className?: string;\n  /**\n   * Content rendered inside the tooltip popup.\n   */\n  content: ReactNode;\n  /**\n   * Inline styles applied to the tooltip content area.\n   */\n  contentStyle?: CSSProperties;\n  /**\n   * Test ID applied to the wrapper.\n   */\n  'data-testid'?: string;\n  /**\n   * Delay in milliseconds before the tooltip appears.\n   * @default 200\n   */\n  delay?: number;\n  /**\n   * How focus interactions trigger the tooltip.\n   * @default 'auto'\n   */\n  focusTrigger?: TooltipFocusTrigger;\n  /**\n   * Whether to show a dashed underline on text-only children.\n   * @default 'auto'\n   */\n  hasHoverIndication?: 'auto' | boolean;\n  /**\n   * Delay in milliseconds before the tooltip hides after leaving.\n   * @default 0\n   */\n  hideDelay?: number;\n  /**\n   * Whether the tooltip can be shown.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Preferred placement of the tooltip relative to the anchor.\n   * @default 'above'\n   */\n  placement?: LayerPlacement;\n  /**\n   * Ref forwarded to the wrapper element.\n   */\n  ref?: Ref<HTMLDivElement | HTMLSpanElement>;\n  /**\n   * Inline styles applied to the wrapper.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Displays contextual information in a popup anchored to a trigger element.\n *\n * For attaching a tooltip to an external ref (without wrapping children),\n * use the `useTooltip` hook directly.\n */\nexport function Tooltip({\n  children,\n  content,\n  contentStyle,\n  placement = 'above',\n  alignment = 'center',\n  delay = 200,\n  hideDelay = 0,\n  focusTrigger = 'auto',\n  isEnabled = true,\n  hasHoverIndication = 'auto',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TooltipProps): React.JSX.Element {\n  const tooltip = useTooltip({\n    placement,\n    alignment,\n    delay,\n    hideDelay,\n    focusTrigger,\n    isEnabled,\n  });\n\n  return (\n    <HoverLayerTrigger\n      className={className}\n      data-testid={dataTestId}\n      describedBy={tooltip.describedBy}\n      hasHoverIndication={hasHoverIndication}\n      layer={tooltip.renderTooltip(content, {contentStyle})}\n      nonTextWrapperElement=\"div\"\n      style={style}\n      triggerRef={tooltip.ref}\n      wrapperRef={ref}>\n      {children}\n    </HoverLayerTrigger>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n"]}

package/dist/{chunk-P3SMNZCT.js → chunk-3JPUXC5U.js}

@@ -1,6 +1,6 @@
 import { DialogContext } from './chunk-BKKLUIIU.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { sva } from './chunk-EHCAF6D3.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useRef, useId, useMemo, useEffect, useState, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -210,5 +210,5 @@ function useDialog(defaultOptions) {
 }
 
 export { Dialog, useDialog };
-//# sourceMappingURL=chunk-P3SMNZCT.js.map
-//# sourceMappingURL=chunk-P3SMNZCT.js.map
+//# sourceMappingURL=chunk-3JPUXC5U.js.map
+//# sourceMappingURL=chunk-3JPUXC5U.js.map

package/dist/{chunk-P3SMNZCT.js.map → chunk-3JPUXC5U.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Dialog/Dialog.recipe.ts","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/useDialog.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"chunk-P3SMNZCT.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dialogRecipe = sva({\n  slots: ['root', 'inner'],\n  base: {\n    root: {\n      position: 'fixed',\n      m: 'auto',\n      p: 0,\n      borderWidth: 0,\n      bg: 'bg',\n      color: 'fg',\n      borderRadius: 'md',\n      boxShadow: 'xl',\n      flexDirection: 'column',\n      overscrollBehavior: 'contain',\n      _backdrop: {\n        bg: 'overlay.scrim',\n        backdropFilter: 'blur(2px)',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    inner: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      minH: 0,\n      overflow: 'hidden',\n      borderRadius: 'inherit',\n    },\n  },\n  variants: {\n    // When closed, the native <dialog> UA style (display: none) applies; opening\n    // switches on the flex column layout.\n    isOpen: {\n      true: {root: {display: 'flex'}},\n      false: {},\n    },\n    variant: {\n      standard: {},\n      fullscreen: {\n        root: {\n          w: '100dvw',\n          h: '100dvh',\n          maxW: '100dvw',\n          maxH: '100dvh',\n          borderRadius: 0,\n          m: 0,\n          inset: 0,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    variant: 'standard',\n  },\n});\n\nexport type DialogVariants = RecipeVariantProps<typeof dialogRecipe>;\n","/* eslint-disable jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions */\nimport {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {dialogRecipe} from './Dialog.recipe';\nimport {DialogContext} from './DialogContext';\n\nexport type DialogVariant = 'fullscreen' | 'standard';\nexport type DialogRole = 'alertdialog' | 'dialog';\nexport type DialogDismissBehavior =\n  | boolean\n  | {\n      isBackdropDismissEnabled?: boolean;\n      isEscapeDismissEnabled?: boolean;\n    };\n\nexport interface DialogPosition {\n  bottom?: number | string;\n  left?: number | string;\n  right?: number | string;\n  top?: number | string;\n}\n\nexport interface DialogProps {\n  /**\n   * Dialog body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Controls whether Escape and backdrop clicks request dismissal. Pass a\n   * boolean to enable or disable both behaviors together.\n   * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n   */\n  dismissBehavior?: DialogDismissBehavior;\n  /**\n   * Whether the dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the dialog. When provided, sets `aria-label`\n   * directly. When omitted, the dialog uses `aria-labelledby` to\n   * reference the heading rendered by a child `LayoutHeader`.\n   *\n   * Omit this prop when using a `LayoutHeader` inside the dialog.\n   * Set it when the dialog has no visible heading.\n   */\n  label?: string;\n  /**\n   * Maximum height of the dialog. Numbers are treated as pixels.\n   * @default '75vh'\n   */\n  maxHeight?: number | string;\n  /**\n   * Called when the dialog requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Fixed positioning offsets for the dialog.\n   */\n  position?: Readonly<DialogPosition>;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * ARIA role exposed by the dialog.\n   * @default 'dialog'\n   */\n  role?: DialogRole;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'standard'\n   */\n  variant?: DialogVariant;\n  /**\n   * Dialog width. Numbers are treated as pixels.\n   * @default 400\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nfunction getDismissBehavior(\n  dismissBehavior: DialogDismissBehavior | undefined,\n): {isBackdropDismissEnabled: boolean; isEscapeDismissEnabled: boolean} {\n  if (dismissBehavior == null) {\n    return {isBackdropDismissEnabled: true, isEscapeDismissEnabled: true};\n  }\n\n  if (typeof dismissBehavior === 'boolean') {\n    return {\n      isBackdropDismissEnabled: dismissBehavior,\n      isEscapeDismissEnabled: dismissBehavior,\n    };\n  }\n\n  return {\n    isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,\n    isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true,\n  };\n}\n\n/**\n * A modal dialog surface with backdrop, focus management,\n * and configurable dismiss behavior.\n */\nexport function Dialog({\n  isOpen,\n  label,\n  onOpenChange,\n  width = 400,\n  maxHeight = '75vh',\n  position,\n  variant = 'standard',\n  dismissBehavior,\n  children,\n  className,\n  'data-testid': dataTestId,\n  role = 'dialog',\n  style,\n  ref,\n}: DialogProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n  const isFullscreen = variant === 'fullscreen';\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    getDismissBehavior(dismissBehavior);\n  const dialogContextValue = useMemo(\n    () => ({onOpenChange, titleId}),\n    [onOpenChange, titleId],\n  );\n  const classes = dialogRecipe({isOpen, variant});\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      const autofocusTarget =\n        dialog.querySelector<HTMLElement>('[data-autofocus=\"true\"]') ??\n        dialog.querySelector<HTMLElement>('[data-dialog-autofocus=\"true\"]');\n      autofocusTarget?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [isOpen]);\n\n  const positionStyle =\n    position != null && !isFullscreen\n      ? {\n          bottom:\n            position.bottom == null ? 'auto' : formatSize(position.bottom),\n          left: position.left == null ? 'auto' : formatSize(position.left),\n          margin: 0,\n          right: position.right == null ? 'auto' : formatSize(position.right),\n          top: position.top == null ? 'auto' : formatSize(position.top),\n        }\n      : undefined;\n\n  return (\n    <dialog\n      aria-label={label}\n      aria-labelledby={label == null ? titleId : undefined}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        if (isEscapeDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget && isBackdropDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      role={role === 'dialog' ? undefined : role}\n      style={{\n        width: isFullscreen ? undefined : formatSize(width),\n        maxHeight: isFullscreen ? undefined : formatSize(maxHeight),\n        ...positionStyle,\n        ...style,\n      }}>\n      <DialogContext value={dialogContextValue}>\n        <div className={classes.inner}>{children}</div>\n      </DialogContext>\n    </dialog>\n  );\n}\n\nDialog.displayName = 'Dialog';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Dialog, type DialogProps} from './Dialog';\n\nexport type DialogOptions = Partial<\n  Omit<DialogProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDialogReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DialogOptions) => void;\n}\n\nexport function useDialog(defaultOptions?: DialogOptions): UseDialogReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  const [options, setOptions] = useState<DialogOptions | undefined>(\n    defaultOptions,\n  );\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DialogOptions) => {\n      setContent(nextContent);\n      setOptions(previous => ({...previous, ...nextOptions}));\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Dialog\n        {...(defaultOptions ?? {})}\n        {...(options ?? {})}\n        isOpen={isOpen}\n        label={options?.label ?? defaultOptions?.label ?? 'Dialog'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Dialog>\n    ),\n    [content, defaultOptions, isOpen, options],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}
+{"version":3,"sources":["../src/components/Dialog/Dialog.recipe.ts","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/useDialog.tsx"],"names":["useMemo","jsx"],"mappings":";;;;;;;;AAEO,IAAM,eAAe,GAAA,CAAI;AAAA,EAC9B,KAAA,EAAO,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,EACvB,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,OAAA;AAAA,MACV,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,WAAA,EAAa,CAAA;AAAA,MACb,EAAA,EAAI,IAAA;AAAA,MACJ,KAAA,EAAO,IAAA;AAAA,MACP,YAAA,EAAc,IAAA;AAAA,MACd,SAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAe,QAAA;AAAA,MACf,kBAAA,EAAoB,SAAA;AAAA,MACpB,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,eAAA;AAAA,QACJ,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,aAAA,EAAe;AAAA,QACb,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,SAAA;AAAA,QACd,aAAA,EAAe;AAAA;AACjB,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,IAAA,EAAM,UAAA;AAAA,MACN,IAAA,EAAM,CAAA;AAAA,MACN,QAAA,EAAU,QAAA;AAAA,MACV,YAAA,EAAc;AAAA;AAChB,GACF;AAAA,EACA,QAAA,EAAU;AAAA;AAAA;AAAA,IAGR,MAAA,EAAQ;AAAA,MACN,MAAM,EAAC,IAAA,EAAM,EAAC,OAAA,EAAS,QAAM,EAAC;AAAA,MAC9B,OAAO;AAAC,KACV;AAAA,IACA,OAAA,EAAS;AAAA,MACP,UAAU,EAAC;AAAA,MACX,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,CAAA,EAAG,QAAA;AAAA,UACH,CAAA,EAAG,QAAA;AAAA,UACH,IAAA,EAAM,QAAA;AAAA,UACN,IAAA,EAAM,QAAA;AAAA,UACN,YAAA,EAAc,CAAA;AAAA,UACd,CAAA,EAAG,CAAA;AAAA,UACH,KAAA,EAAO;AAAA;AACT;AACF;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ,KAAA;AAAA,IACR,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;ACuCD,SAAS,WAAW,KAAA,EAAgC;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAEA,SAAS,mBACP,eAAA,EACsE;AACtE,EAAA,IAAI,mBAAmB,IAAA,EAAM;AAC3B,IAAA,OAAO,EAAC,wBAAA,EAA0B,IAAA,EAAM,sBAAA,EAAwB,IAAA,EAAI;AAAA,EACtE;AAEA,EAAA,IAAI,OAAO,oBAAoB,SAAA,EAAW;AACxC,IAAA,OAAO;AAAA,MACL,wBAAA,EAA0B,eAAA;AAAA,MAC1B,sBAAA,EAAwB;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA,EAA0B,gBAAgB,wBAAA,IAA4B,IAAA;AAAA,IACtE,sBAAA,EAAwB,gBAAgB,sBAAA,IAA0B;AAAA,GACpE;AACF;AAMO,SAAS,MAAA,CAAO;AAAA,EACrB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,SAAA,GAAY,MAAA;AAAA,EACZ,QAAA;AAAA,EACA,OAAA,GAAU,UAAA;AAAA,EACV,eAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAChD,EAAA,MAAM,UAAA,GAAa,OAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,eAAe,OAAA,KAAY,YAAA;AACjC,EAAA,MAAM,EAAC,wBAAA,EAA0B,sBAAA,EAAsB,GACrD,mBAAmB,eAAe,CAAA;AACpC,EAAA,MAAM,kBAAA,GAAqB,OAAA;AAAA,IACzB,OAAO,EAAC,YAAA,EAAc,OAAA,EAAO,CAAA;AAAA,IAC7B,CAAC,cAAc,OAAO;AAAA,GACxB;AACA,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,EAAC,MAAA,EAAQ,SAAQ,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,UAAU,IAAA,EAAM;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,UAAA,CAAW,UAAU,QAAA,CAAS,aAAA;AAC9B,MAAA,IAAI,CAAC,OAAO,IAAA,EAAM;AAChB,QAAA,MAAA,CAAO,SAAA,EAAU;AAAA,MACnB;AACA,MAAA,MAAM,kBACJ,MAAA,CAAO,aAAA,CAA2B,yBAAyB,CAAA,IAC3D,MAAA,CAAO,cAA2B,gCAAgC,CAAA;AACpE,MAAA,eAAA,EAAiB,KAAA,EAAM;AAAA,IACzB,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,MAAA,MAAA,CAAO,KAAA,EAAM;AACb,MAAA,UAAA,CAAW,SAAS,KAAA,EAAM;AAC1B,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA;AAAA,IACF;AACA,IAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,IAAA,CAAK,KAAA,CAAM,QAAA;AAC7C,IAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAAA,IACjC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,aAAA,GACJ,QAAA,IAAY,IAAA,IAAQ,CAAC,YAAA,GACjB;AAAA,IACE,QACE,QAAA,CAAS,MAAA,IAAU,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,MAAM,CAAA;AAAA,IAC/D,MAAM,QAAA,CAAS,IAAA,IAAQ,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,IAC/D,MAAA,EAAQ,CAAA;AAAA,IACR,OAAO,QAAA,CAAS,KAAA,IAAS,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,KAAK,CAAA;AAAA,IAClE,KAAK,QAAA,CAAS,GAAA,IAAO,OAAO,MAAA,GAAS,UAAA,CAAW,SAAS,GAAG;AAAA,GAC9D,GACA,MAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,iBAAA,EAAiB,KAAA,IAAS,IAAA,GAAO,OAAA,GAAU,MAAA;AAAA,MAC3C,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,UAAU,CAAA,KAAA,KAAS;AACjB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAI,sBAAA,EAAwB;AAC1B,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF,CAAA;AAAA,MACA,SAAS,CAAA,KAAA,KAAS;AAChB,QAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,IAAiB,wBAAA,EAA0B;AACpE,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF,CAAA;AAAA,MACA,GAAA,EAAK,SAAA,CAAU,GAAA,EAAK,SAAS,CAAA;AAAA,MAC7B,IAAA,EAAM,IAAA,KAAS,QAAA,GAAW,MAAA,GAAY,IAAA;AAAA,MACtC,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,YAAA,GAAe,MAAA,GAAY,UAAA,CAAW,KAAK,CAAA;AAAA,QAClD,SAAA,EAAW,YAAA,GAAe,MAAA,GAAY,UAAA,CAAW,SAAS,CAAA;AAAA,QAC1D,GAAG,aAAA;AAAA,QACH,GAAG;AAAA,OACL;AAAA,MACA,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,kBAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAQ,QAAA,EAAS,CAAA,EAC3C;AAAA;AAAA,GACF;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AC5Nd,SAAS,UAAU,cAAA,EAAiD;AACzE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAoB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA;AAAA,IAC5B;AAAA,GACF;AAEA,EAAA,MAAM,IAAA,GAAO,WAAA;AAAA,IACX,CAAC,aAAwB,WAAA,KAAgC;AACvD,MAAA,UAAA,CAAW,WAAW,CAAA;AACtB,MAAA,UAAA,CAAW,eAAa,EAAC,GAAG,QAAA,EAAU,GAAG,aAAW,CAAE,CAAA;AACtD,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,OAAO,WAAA,CAAY,MAAM,UAAU,KAAK,CAAA,EAAG,EAAE,CAAA;AAEnD,EAAA,MAAM,OAAA,GAAUA,OAAAA;AAAA,IACd,sBACEC,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAI,kBAAkB,EAAC;AAAA,QACvB,GAAI,WAAW,EAAC;AAAA,QACjB,MAAA;AAAA,QACA,KAAA,EAAO,OAAA,EAAS,KAAA,IAAS,cAAA,EAAgB,KAAA,IAAS,QAAA;AAAA,QAClD,YAAA,EAAc,SAAA;AAAA,QACb,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IAEF,CAAC,OAAA,EAAS,cAAA,EAAgB,MAAA,EAAQ,OAAO;AAAA,GAC3C;AAEA,EAAA,OAAO,EAAC,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAI;AACrC","file":"chunk-3JPUXC5U.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dialogRecipe = sva({\n  slots: ['root', 'inner'],\n  base: {\n    root: {\n      position: 'fixed',\n      m: 'auto',\n      p: 0,\n      borderWidth: 0,\n      bg: 'bg',\n      color: 'fg',\n      borderRadius: 'md',\n      boxShadow: 'xl',\n      flexDirection: 'column',\n      overscrollBehavior: 'contain',\n      _backdrop: {\n        bg: 'overlay.scrim',\n        backdropFilter: 'blur(2px)',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    inner: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      minH: 0,\n      overflow: 'hidden',\n      borderRadius: 'inherit',\n    },\n  },\n  variants: {\n    // When closed, the native <dialog> UA style (display: none) applies; opening\n    // switches on the flex column layout.\n    isOpen: {\n      true: {root: {display: 'flex'}},\n      false: {},\n    },\n    variant: {\n      standard: {},\n      fullscreen: {\n        root: {\n          w: '100dvw',\n          h: '100dvh',\n          maxW: '100dvw',\n          maxH: '100dvh',\n          borderRadius: 0,\n          m: 0,\n          inset: 0,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    variant: 'standard',\n  },\n});\n\nexport type DialogVariants = RecipeVariantProps<typeof dialogRecipe>;\n","/* eslint-disable jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions */\nimport {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {dialogRecipe} from './Dialog.recipe';\nimport {DialogContext} from './DialogContext';\n\nexport type DialogVariant = 'fullscreen' | 'standard';\nexport type DialogRole = 'alertdialog' | 'dialog';\nexport type DialogDismissBehavior =\n  | boolean\n  | {\n      isBackdropDismissEnabled?: boolean;\n      isEscapeDismissEnabled?: boolean;\n    };\n\nexport interface DialogPosition {\n  bottom?: number | string;\n  left?: number | string;\n  right?: number | string;\n  top?: number | string;\n}\n\nexport interface DialogProps {\n  /**\n   * Dialog body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Controls whether Escape and backdrop clicks request dismissal. Pass a\n   * boolean to enable or disable both behaviors together.\n   * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n   */\n  dismissBehavior?: DialogDismissBehavior;\n  /**\n   * Whether the dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the dialog. When provided, sets `aria-label`\n   * directly. When omitted, the dialog uses `aria-labelledby` to\n   * reference the heading rendered by a child `LayoutHeader`.\n   *\n   * Omit this prop when using a `LayoutHeader` inside the dialog.\n   * Set it when the dialog has no visible heading.\n   */\n  label?: string;\n  /**\n   * Maximum height of the dialog. Numbers are treated as pixels.\n   * @default '75vh'\n   */\n  maxHeight?: number | string;\n  /**\n   * Called when the dialog requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Fixed positioning offsets for the dialog.\n   */\n  position?: Readonly<DialogPosition>;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * ARIA role exposed by the dialog.\n   * @default 'dialog'\n   */\n  role?: DialogRole;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'standard'\n   */\n  variant?: DialogVariant;\n  /**\n   * Dialog width. Numbers are treated as pixels.\n   * @default 400\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nfunction getDismissBehavior(\n  dismissBehavior: DialogDismissBehavior | undefined,\n): {isBackdropDismissEnabled: boolean; isEscapeDismissEnabled: boolean} {\n  if (dismissBehavior == null) {\n    return {isBackdropDismissEnabled: true, isEscapeDismissEnabled: true};\n  }\n\n  if (typeof dismissBehavior === 'boolean') {\n    return {\n      isBackdropDismissEnabled: dismissBehavior,\n      isEscapeDismissEnabled: dismissBehavior,\n    };\n  }\n\n  return {\n    isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,\n    isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true,\n  };\n}\n\n/**\n * A modal dialog surface with backdrop, focus management,\n * and configurable dismiss behavior.\n */\nexport function Dialog({\n  isOpen,\n  label,\n  onOpenChange,\n  width = 400,\n  maxHeight = '75vh',\n  position,\n  variant = 'standard',\n  dismissBehavior,\n  children,\n  className,\n  'data-testid': dataTestId,\n  role = 'dialog',\n  style,\n  ref,\n}: DialogProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n  const isFullscreen = variant === 'fullscreen';\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    getDismissBehavior(dismissBehavior);\n  const dialogContextValue = useMemo(\n    () => ({onOpenChange, titleId}),\n    [onOpenChange, titleId],\n  );\n  const classes = dialogRecipe({isOpen, variant});\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      const autofocusTarget =\n        dialog.querySelector<HTMLElement>('[data-autofocus=\"true\"]') ??\n        dialog.querySelector<HTMLElement>('[data-dialog-autofocus=\"true\"]');\n      autofocusTarget?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [isOpen]);\n\n  const positionStyle =\n    position != null && !isFullscreen\n      ? {\n          bottom:\n            position.bottom == null ? 'auto' : formatSize(position.bottom),\n          left: position.left == null ? 'auto' : formatSize(position.left),\n          margin: 0,\n          right: position.right == null ? 'auto' : formatSize(position.right),\n          top: position.top == null ? 'auto' : formatSize(position.top),\n        }\n      : undefined;\n\n  return (\n    <dialog\n      aria-label={label}\n      aria-labelledby={label == null ? titleId : undefined}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        if (isEscapeDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget && isBackdropDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      role={role === 'dialog' ? undefined : role}\n      style={{\n        width: isFullscreen ? undefined : formatSize(width),\n        maxHeight: isFullscreen ? undefined : formatSize(maxHeight),\n        ...positionStyle,\n        ...style,\n      }}>\n      <DialogContext value={dialogContextValue}>\n        <div className={classes.inner}>{children}</div>\n      </DialogContext>\n    </dialog>\n  );\n}\n\nDialog.displayName = 'Dialog';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Dialog, type DialogProps} from './Dialog';\n\nexport type DialogOptions = Partial<\n  Omit<DialogProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDialogReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DialogOptions) => void;\n}\n\nexport function useDialog(defaultOptions?: DialogOptions): UseDialogReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  const [options, setOptions] = useState<DialogOptions | undefined>(\n    defaultOptions,\n  );\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DialogOptions) => {\n      setContent(nextContent);\n      setOptions(previous => ({...previous, ...nextOptions}));\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Dialog\n        {...(defaultOptions ?? {})}\n        {...(options ?? {})}\n        isOpen={isOpen}\n        label={options?.label ?? defaultOptions?.label ?? 'Dialog'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Dialog>\n    ),\n    [content, defaultOptions, isOpen, options],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}

package/dist/{chunk-OJCJPYXE.js → chunk-3OIUA2NY.js}

@@ -1,7 +1,8 @@
-import { Item } from './chunk-AMG3S252.js';
-import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { Item } from './chunk-QY6OMQW6.js';
+import { getNecessity, Field } from './chunk-RLOGQBFD.js';
 import { getStatusMessageID, getDescribedBy } from './chunk-WOIWI2UO.js';
-import { sva } from './chunk-EHCAF6D3.js';
+import { isReactNode } from './chunk-2PSZAWLC.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cva } from './chunk-FMEIPGUP.js';
 import { createContext, useId, useMemo, use } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -140,7 +141,7 @@ function RadioGroup({
   const nameId = useId();
   const inputId = useId();
   const labelId = `${inputId}-label`;
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const descriptionID = isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = getStatusMessageID(inputId, status);
   const describedBy = getDescribedBy(descriptionID, statusMessageID);
   const contextValue = useMemo(
@@ -217,7 +218,7 @@ function RadioGroupItem({
     /* @__PURE__ */ jsx(
       "input",
       {
-        "aria-describedby": description != null ? descriptionId : void 0,
+        "aria-describedby": isReactNode(description) ? descriptionId : void 0,
         checked: isChecked,
         className: classes.input,
         disabled: isDisabled,
@@ -236,7 +237,7 @@ function RadioGroupItem({
     {
       className,
       "data-testid": dataTestId,
-      description: description != null ? /* @__PURE__ */ jsx("span", { id: descriptionId, children: description }) : void 0,
+      description: isReactNode(description) ? /* @__PURE__ */ jsx("span", { id: descriptionId, children: description }) : void 0,
       endContent,
       endContentPosition: "inline",
       isDisabled,
@@ -252,5 +253,5 @@ function RadioGroupItem({
 RadioGroupItem.displayName = "RadioGroupItem";
 
 export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=chunk-OJCJPYXE.js.map
-//# sourceMappingURL=chunk-OJCJPYXE.js.map
+//# sourceMappingURL=chunk-3OIUA2NY.js.map
+//# sourceMappingURL=chunk-3OIUA2NY.js.map

package/dist/chunk-3OIUA2NY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadioGroup/RadioGroup.recipe.ts","../src/components/RadioGroup/RadioGroupContext.tsx","../src/components/RadioGroup/RadioGroup.tsx","../src/components/RadioGroup/RadioGroupItem.tsx"],"names":["useId","jsx"],"mappings":"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","file":"chunk-3OIUA2NY.js","sourcesContent":["import {cva, sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Group container layout — single element with an orientation variant.\n */\nexport const radioGroupRecipe = cva({\n  base: {\n    display: 'flex',\n  },\n  variants: {\n    orientation: {\n      vertical: {\n        flexDirection: 'column',\n        gap: '0.5',\n      },\n      horizontal: {\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        columnGap: '4',\n        rowGap: '0',\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nexport type RadioGroupVariants = RecipeVariantProps<typeof radioGroupRecipe>;\n\n/**\n * Individual radio item — multi-slot recipe for the control, its visual\n * radio circle, the selection dot, and the clickable label.\n */\nexport const radioGroupItemRecipe = sva({\n  slots: ['controlWrap', 'input', 'radio', 'dot', 'label'],\n  base: {\n    controlWrap: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      borderRadius: 'full',\n      isolation: 'isolate',\n      '&:has(input:focus-visible)': {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      m: 0,\n      p: 0,\n      opacity: 0,\n      cursor: 'pointer',\n      zIndex: 1,\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    radio: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'full',\n      bg: 'bg',\n      pointerEvents: 'none',\n    },\n    dot: {\n      borderRadius: 'full',\n      bg: 'fg.onPrimary',\n    },\n    label: {\n      cursor: 'pointer',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        controlWrap: {w: '5', h: '5'},\n        radio: {w: '4.5', h: '4.5'},\n        dot: {w: '2', h: '2'},\n      },\n      md: {\n        controlWrap: {w: '6', h: '6'},\n        radio: {w: '5.5', h: '5.5'},\n        dot: {w: '2.5', h: '2.5'},\n      },\n      lg: {\n        controlWrap: {w: '7', h: '7'},\n        radio: {w: '6.5', h: '6.5'},\n        dot: {w: '3', h: '3'},\n      },\n    },\n    isChecked: {\n      true: {\n        radio: {bg: 'primary', borderColor: 'primary'},\n      },\n    },\n    isDisabled: {\n      true: {\n        radio: {opacity: 0.55},\n        label: {color: 'fg.disabled', cursor: 'not-allowed'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    isChecked: false,\n    isDisabled: false,\n  },\n});\n\nexport type RadioGroupItemVariants = RecipeVariantProps<\n  typeof radioGroupItemRecipe\n>;\n","import {createContext} from 'react';\n\nexport type RadioGroupOrientation = 'horizontal' | 'vertical';\nexport type RadioGroupSize = 'sm' | 'md' | 'lg';\n\nexport interface RadioGroupContextValue {\n  isDisabled: boolean;\n  isRequired?: boolean;\n  name: string;\n  onChange: (value: string) => void;\n  orientation: RadioGroupOrientation;\n  size: RadioGroupSize;\n  value: string;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nRadioGroupContext.displayName = 'RadioGroupContext';\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport isReactNode from '../../internal/isReactNode';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputStatus,\n} from '../Field';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {radioGroupRecipe} from './RadioGroup.recipe';\nimport {\n  RadioGroupContext,\n  type RadioGroupOrientation,\n  type RadioGroupSize,\n} from './RadioGroupContext';\n\nexport type {RadioGroupOrientation} from './RadioGroupContext';\n\nexport type RadioGroupProps = {\n  /**\n   * Radio list items to render.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the field root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether all radio items are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Label text for the radio group.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Callback fired when the selected value changes.\n   * Memoize with `useCallback` to avoid unnecessary re-renders of radio items.\n   */\n  onChange: (value: string) => void;\n  /**\n   * Layout direction of the radio items.\n   * @default 'vertical'\n   */\n  orientation?: RadioGroupOrientation;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the radio controls.\n   * @default 'md'\n   */\n  size?: RadioGroupSize;\n  /**\n   * Validation status displayed below the group.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n  /**\n   * The currently selected value.\n   */\n  value: string;\n} & FieldNecessity;\n\n/**\n * A controlled radio group for single-value selection.\n */\nexport function RadioGroup({\n  children,\n  className,\n  'data-testid': dataTestId,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelTooltip,\n  onChange,\n  orientation = 'vertical',\n  ref,\n  size = 'md',\n  status,\n  style,\n  value,\n}: RadioGroupProps): React.JSX.Element {\n  const nameId = useId();\n  const inputId = useId();\n  const labelId = `${inputId}-label`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const contextValue = useMemo(\n    () => ({\n      isDisabled,\n      isRequired,\n      name: nameId,\n      onChange,\n      orientation,\n      size,\n      value,\n    }),\n    [isDisabled, isRequired, nameId, onChange, orientation, size, value],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      data-testid={dataTestId}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelAs=\"span\"\n      labelId={labelId}\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      statusVariant=\"detached\"\n      style={style}>\n      <div\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-labelledby={labelId}\n        aria-orientation={orientation}\n        aria-required={isRequired ?? undefined}\n        className={radioGroupRecipe({orientation})}\n        id={inputId}\n        role=\"radiogroup\">\n        <RadioGroupContext value={contextValue}>{children}</RadioGroupContext>\n      </div>\n    </Field>\n  );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n","import {use, useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport isReactNode from '../../internal/isReactNode';\nimport {Item} from '../Item';\nimport {radioGroupItemRecipe} from './RadioGroup.recipe';\nimport {RadioGroupContext} from './RadioGroupContext';\n\nexport interface RadioGroupItemProps {\n  /**\n   * Additional CSS class names applied to the item root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the item label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the label and description.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether this radio item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the radio item.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the item root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Content rendered after the radio control and before the label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the item root.\n   */\n  style?: CSSProperties;\n  /**\n   * Value represented by this radio item.\n   */\n  value: string;\n}\n\n/**\n * An individual radio option within a `RadioGroup`.\n */\nexport function RadioGroupItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  isDisabled: isItemDisabled = false,\n  label,\n  ref,\n  startContent,\n  style,\n  value,\n}: RadioGroupItemProps): React.JSX.Element {\n  const context = use(RadioGroupContext);\n  if (context == null) {\n    throw new Error('RadioGroupItem must be used within a RadioGroup');\n  }\n\n  const id = useId();\n  const descriptionId = useId();\n  const isDisabled = context.isDisabled || isItemDisabled;\n  const isChecked = context.value === value;\n  const size = context.size;\n  const classes = radioGroupItemRecipe({size, isChecked, isDisabled});\n  const control = (\n    <span className={classes.controlWrap}>\n      <input\n        aria-describedby={isReactNode(description) ? descriptionId : undefined}\n        checked={isChecked}\n        className={classes.input}\n        disabled={isDisabled}\n        id={id}\n        name={context.name}\n        onChange={() => context.onChange(value)}\n        required={context.isRequired}\n        type=\"radio\"\n        value={value}\n      />\n      <span aria-hidden=\"true\" className={classes.radio}>\n        {isChecked ? <span className={classes.dot} /> : null}\n      </span>\n    </span>\n  );\n\n  return (\n    <Item\n      className={className}\n      data-testid={dataTestId}\n      description={\n        isReactNode(description) ? (\n          <span id={descriptionId}>{description}</span>\n        ) : undefined\n      }\n      endContent={endContent}\n      endContentPosition=\"inline\"\n      isDisabled={isDisabled}\n      label={\n        <label className={classes.label} htmlFor={id}>\n          {label}\n        </label>\n      }\n      leadingContent={control}\n      ref={ref}\n      startContent={startContent}\n      style={style}\n      width={context.orientation === 'horizontal' ? 'auto' : 'full'}\n    />\n  );\n}\n\nRadioGroupItem.displayName = 'RadioGroupItem';\n"]}