@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/dialog.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.jsx","names":[],"sources":["../../src/dialog/Dialog.tsx","../../src/dialog/AlertDialog.tsx"],"sourcesContent":["import { type JSX, Show, createContext, splitProps, useContext } from \"solid-js\";\nimport {\n  Button as HeadlessButton,\n  ButtonContext as HeadlessButtonContext,\n  Dialog as HeadlessDialog,\n  DialogContext as HeadlessDialogContext,\n  DialogTrigger as HeadlessDialogTrigger,\n  Heading as HeadlessDialogHeading,\n  Modal as HeadlessModal,\n  ModalOverlay as HeadlessModalOverlay,\n  useDialogTrigger,\n  type ButtonRenderProps,\n  type DialogProps as HeadlessDialogProps,\n  type ModalRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport { s2IntlStrings } from \"../intl\";\nimport { pressScale } from \"../pressScale\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { StaticColor } from \"../button/types\";\nimport {\n  controlSize,\n  getAllowedOverrides,\n  staticColor,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useTheme, type ColorScheme } from \"../provider\";\nimport { ImageContext, type ImageProps } from \"../image\";\nimport { ButtonGroupContext, type ButtonGroupContextValue } from \"../button\";\nimport type { SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  ContentContext,\n  FooterContext,\n  HeaderContext,\n  HeadingContext,\n  type ContentProps,\n  type FooterProps,\n  type HeaderProps,\n  type HeadingProps,\n} from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, setColorScheme, style } from \"../style\" with { type: \"macro\" };\n\nexport type DialogSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\" | \"fullscreen\";\nexport type CustomDialogSize = \"S\" | \"M\" | \"L\" | \"fullscreen\" | \"fullscreenTakeover\";\nexport type FullscreenDialogVariant = \"fullscreen\" | \"fullscreenTakeover\";\n\ntype NormalizedDialogSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"fullscreen\";\ntype ModalDialogSize = NormalizedDialogSize | \"fullscreenTakeover\";\n\nexport interface DialogRenderProps {\n  close: () => void;\n}\n\ntype DialogChildren = JSX.Element | ((props: DialogRenderProps) => JSX.Element);\n\nexport interface DialogProps extends Omit<HeadlessDialogProps, \"class\" | \"style\" | \"children\"> {\n  /** The size of the dialog. */\n  size?: DialogSize;\n  /** Whether the dialog can be dismissed by clicking outside, Escape, or the close button. */\n  isDismissible?: boolean;\n  /** Alias for isDismissible, retained for older Solid Spectrum examples. */\n  isDismissable?: boolean;\n  /** Whether pressing Escape closes the dialog. */\n  isKeyboardDismissDisabled?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. */\n  class?: string;\n  /** Additional CSS class name matching Spectrum's escape hatch prop. */\n  UNSAFE_className?: string;\n  /** Additional inline style matching Spectrum's escape hatch prop. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** The legacy title prop; prefer `<Heading slot=\"title\">` for S2 parity. */\n  title?: string;\n  /** The children content. */\n  children?: DialogChildren;\n  /** Callback when dialog should close. */\n  onClose?: () => void;\n}\n\nexport interface DialogTriggerProps {\n  /** Button to trigger the dialog. */\n  trigger?: JSX.Element;\n  /** The dialog content - receives close function. */\n  content?: (close: () => void) => JSX.Element;\n  /** Composition API matching React Spectrum/React Aria DialogTrigger. */\n  children?: JSX.Element;\n  /** Whether the dialog is controlled. */\n  isOpen?: boolean;\n  /** Whether the dialog opens by default. */\n  defaultOpen?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether clicking outside the dialog closes it. */\n  isDismissible?: boolean;\n  /** Alias for isDismissible, retained for older Solid Spectrum examples. */\n  isDismissable?: boolean;\n  /** Whether pressing Escape closes the dialog. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nexport interface DialogContainerProps {\n  children?: JSX.Element;\n  onDismiss: () => void;\n}\n\nexport interface CloseButtonProps {\n  /**\n   * The size of the CloseButton.\n   *\n   * @default 'M'\n   */\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n  /** The static color style to apply. Useful when the Button appears over a color background. */\n  staticColor?: StaticColor;\n  /** Whether the button is disabled. */\n  isDisabled?: boolean;\n  /** Handler called when the button is pressed. */\n  onPress?: () => void;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  \"aria-label\"?: string;\n}\n\nexport interface FullscreenDialogProps extends Omit<\n  DialogProps,\n  \"size\" | \"isDismissible\" | \"isDismissable\"\n> {\n  variant?: FullscreenDialogVariant;\n}\n\nexport interface CustomDialogProps extends Omit<\n  DialogProps,\n  \"size\" | \"isDismissible\" | \"isDismissable\"\n> {\n  size?: CustomDialogSize;\n  isDismissible?: boolean;\n  isDismissable?: boolean;\n  padding?: \"default\" | \"none\";\n}\n\ninterface DialogContextValue {\n  close: () => void;\n}\n\ninterface DialogContainerContextValue {\n  dismiss: () => void;\n}\n\ninterface DialogTriggerOptionsContextValue {\n  isDismissible?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n}\n\ntype HeadlessDialogContextValue = {\n  titleId?: string;\n};\n\ntype ImageContextValue = ImageProps & {\n  hidden?: boolean;\n};\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\nconst DialogContainerContext = createContext<DialogContainerContextValue | null>(null);\nconst DialogTriggerOptionsContext = createContext<DialogTriggerOptionsContextValue | null>(null);\n\nexport function useDialogContext(): DialogContextValue | null {\n  return useContext(DialogContext);\n}\n\nexport function useDialogContainer(): DialogContextValue {\n  const context = useContext(DialogContainerContext);\n  if (!context) {\n    throw new Error(\"useDialogContainer must be used inside a DialogContainer.\");\n  }\n  return { close: context.dismiss };\n}\n\nfunction normalizeDialogSize(size: DialogSize | undefined): NormalizedDialogSize {\n  switch (size) {\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n    case \"fullscreen\":\n      return size;\n    case \"sm\":\n      return \"S\";\n    case \"lg\":\n      return \"L\";\n    case \"md\":\n    default:\n      return \"M\";\n  }\n}\n\nfunction normalizeCustomDialogSize(size: CustomDialogSize | undefined): ModalDialogSize {\n  switch (size) {\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"fullscreen\":\n    case \"fullscreenTakeover\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction resolveStyles(styles: StyleString | (() => StyleString | undefined) | undefined) {\n  return typeof styles === \"function\" ? styles() : styles;\n}\n\nfunction joinClass(...classes: Array<string | undefined | null | false>): string {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst dialogOverlay = style<ModalRenderProps & { colorScheme: ColorScheme }>({\n  ...setColorScheme(),\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 1999,\n  isolation: \"isolate\",\n  backgroundColor: \"transparent-black-500\",\n  // Upstream Modal.tsx modalOverlayStyles: the backdrop fades in/out. Duration\n  // 250 in, 130 out; no delay (the surface underneath carries the delay).\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  transition: \"opacity\",\n  transitionDuration: {\n    default: 250,\n    isExiting: 130,\n  },\n});\n\n// Upstream Modal.tsx modalWrapper. Fixed instead of sticky because our overlay\n// portals with a fixed strategy rather than upstream's page-height absolute\n// overlay. pointerEvents none is required for outside-click dismissal: our\n// headless ModalOverlay only dismisses when the pointerdown lands on the\n// overlay element itself, so this full-viewport wrapper must let clicks\n// through (the modal surface restores pointerEvents auto).\nconst dialogModalWrapper = style<{ size: ModalDialogSize }>({\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 2000,\n  width: \"full\",\n  height: \"[var(--visual-viewport-height,100vh)]\",\n  display: \"flex\",\n  alignItems: {\n    default: \"center\",\n    size: {\n      fullscreenTakeover: \"start\",\n    },\n  },\n  justifyContent: \"center\",\n  pointerEvents: \"none\",\n});\n\n// Upstream Modal.tsx RACModal styles, including the entering/exiting motion\n// flips (the surface fades + slides up 20px on enter; on exit it only fades).\nconst dialogModal = style<ModalRenderProps & { size: ModalDialogSize }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  pointerEvents: \"auto\",\n  borderRadius: {\n    default: \"xl\",\n    size: {\n      fullscreenTakeover: \"none\",\n    },\n  },\n  width: {\n    size: {\n      S: 400,\n      M: 480,\n      L: 640,\n      XL: 960,\n      fullscreen: \"[calc(100% - 40px)]\",\n      fullscreenTakeover: \"full\",\n    },\n  },\n  height: {\n    size: {\n      fullscreen: \"[calc(100% - 40px)]\",\n      fullscreenTakeover: \"full\",\n    },\n  },\n  maxWidth: {\n    default: \"[90vw]\",\n    size: {\n      fullscreen: \"none\",\n      fullscreenTakeover: \"none\",\n    },\n  },\n  maxHeight: {\n    default: \"[90%]\",\n    size: {\n      fullscreen: \"none\",\n      fullscreenTakeover: \"none\",\n    },\n  },\n  paddingBottom: {\n    size: {\n      // Extend background behind the iOS Safari toolbar and keyboard.\n      fullscreenTakeover: \"[100vh]\",\n    },\n  },\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: \"layer-2\",\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // Glasselated: frost the scene behind the surface — the container bg is the\n  // translucent `--surface-card`; the blur is what makes it read as glass.\n  backdropFilter: \"var(--blur-card)\",\n  // Transparent outline for WHCM.\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: \"transparent\",\n  // Enter: fade in and slide up from 20px. Exit: fade only (no translate).\n  // Duration 250 in / 130 out; the surface waits 160ms so the backdrop leads.\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    isEntering: 20,\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: {\n    default: 250,\n    isExiting: 130,\n  },\n  transitionDelay: {\n    default: 160,\n    isExiting: 0,\n  },\n});\n\nfunction dialogOverlayLayoutStyle(colorScheme: ColorScheme): JSX.CSSProperties {\n  return {\n    position: \"fixed\",\n    inset: \"0px\",\n    \"z-index\": 1999,\n    \"--s2-color-scheme\": colorScheme,\n    \"color-scheme\": colorScheme,\n  } as JSX.CSSProperties;\n}\n\nfunction dialogModalWrapperLayoutStyle(colorScheme: ColorScheme): JSX.CSSProperties {\n  return {\n    position: \"fixed\",\n    inset: \"0px\",\n    \"z-index\": 2000,\n    \"container-type\": \"size\",\n    \"--s2-color-scheme\": colorScheme,\n    \"color-scheme\": colorScheme,\n  } as JSX.CSSProperties;\n}\n\nconst dialogInner = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  flexGrow: 1,\n  maxHeight: \"inherit\",\n  boxSizing: \"border-box\",\n  outlineStyle: \"none\",\n  fontFamily: \"sans\",\n  borderRadius: \"inherit\",\n  overflow: \"auto\",\n});\n\nconst dialogImage = style({\n  width: \"full\",\n  height: 140,\n  flexShrink: 0,\n  objectFit: \"cover\",\n});\n\nconst dialogTop = style<{ isDismissible?: boolean }>({\n  display: \"flex\",\n  alignItems: \"start\",\n  columnGap: 12,\n  paddingTop: 12,\n  paddingStart: 32,\n  paddingEnd: {\n    default: 32,\n    isDismissible: 12,\n  },\n});\n\nconst dialogHeaderWrapper = style({\n  display: \"flex\",\n  flexGrow: 1,\n  minWidth: 0,\n  marginTop: 20,\n  marginBottom: 16,\n  rowGap: 8,\n  columnGap: 24,\n  flexDirection: {\n    default: \"column\",\n    sm: \"row\",\n  },\n  alignItems: {\n    default: \"start\",\n    sm: \"center\",\n  },\n});\n\nconst dialogHeading = style({\n  flexGrow: 1,\n  marginY: 0,\n  font: \"title-2xl\",\n  color: \"heading\",\n});\n\nconst dialogHeader = style({\n  margin: 0,\n  font: \"body\",\n  color: \"body\",\n});\n\nconst closeButtonHoverBackground = {\n  default: \"gray-200\",\n  isStaticColor: \"transparent-overlay-200\",\n} as const;\n\nconst closeButton = style<\n  CloseButtonProps & {\n    isHovered: boolean;\n    isFocusVisible: boolean;\n    isPressed: boolean;\n    isDisabled: boolean;\n    isStaticColor: boolean;\n  }\n>(\n  {\n    ...focusRing(),\n    ...staticColor(),\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    size: controlSize(),\n    flexShrink: 0,\n    borderRadius: \"full\",\n    padding: 0,\n    borderStyle: \"none\",\n    transition: \"default\",\n    backgroundColor: {\n      default: \"transparent\",\n      isHovered: closeButtonHoverBackground,\n      isFocusVisible: closeButtonHoverBackground,\n      isPressed: closeButtonHoverBackground,\n    },\n    \"--iconPrimary\": {\n      type: \"color\",\n      value: {\n        default: baseColor(\"neutral\"),\n        isDisabled: \"disabled\",\n        isStaticColor: {\n          default: \"white\",\n          isDisabled: \"transparent-overlay-400\",\n        },\n        forcedColors: {\n          default: \"ButtonText\",\n          isDisabled: \"GrayText\",\n        },\n      },\n    },\n    outlineColor: {\n      default: \"focus-ring\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"Highlight\",\n    },\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides(),\n);\n\nconst dialogCloseButtonMargin = style({ marginBottom: 12 });\n\nconst dialogContent = style({\n  flexGrow: 1,\n  minHeight: 0,\n  overflowY: \"auto\",\n  paddingX: 32,\n  font: \"body\",\n});\n\nconst dialogFooterWrapper = style({\n  display: \"flex\",\n  flexGrow: 1,\n  alignItems: \"center\",\n  flexWrap: \"wrap\",\n  gap: 24,\n  paddingX: 32,\n  paddingTop: 0,\n  paddingBottom: 32,\n});\n\nconst dialogFooter = style({\n  display: \"flex\",\n  gap: 8,\n  justifyContent: \"end\",\n  alignItems: \"center\",\n  marginTop: 24,\n  paddingTop: 16,\n  borderTopStyle: \"solid\",\n  borderTopWidth: 1,\n  borderColor: \"gray-200\",\n});\n\nconst dialogButtonGroup = style({\n  marginStart: \"auto\",\n  maxWidth: \"full\",\n});\n\nconst fullscreenDialogInner = style({\n  display: \"grid\",\n  gridTemplateRows: \"[auto_1fr]\",\n  minHeight: 0,\n  height: \"full\",\n  font: \"body\",\n  outlineStyle: \"none\",\n});\n\nconst fullscreenDialogHeader = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 24,\n  paddingX: 32,\n  paddingY: 24,\n  borderBottomStyle: \"solid\",\n  borderBottomWidth: 1,\n  borderColor: \"gray-200\",\n});\n\nconst fullscreenDialogContent = style({\n  minHeight: 0,\n  overflow: \"auto\",\n  padding: 32,\n});\n\nconst customDialog = style<{ padding: \"default\" | \"none\" }>({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32,\n      },\n      none: 0,\n    },\n  },\n  boxSizing: \"border-box\",\n  outlineStyle: \"none\",\n  borderRadius: \"inherit\",\n  overflow: \"auto\",\n  position: \"relative\",\n  size: \"full\",\n  maxSize: \"[inherit]\",\n});\n\ninterface DialogModalProps {\n  children: JSX.Element;\n  size: ModalDialogSize;\n  isDismissible?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nfunction DialogModal(props: DialogModalProps): JSX.Element {\n  const theme = useTheme();\n\n  return (\n    <HeadlessModalOverlay\n      isOpen={props.isOpen}\n      onOpenChange={props.onOpenChange}\n      isDismissable={props.isDismissible}\n      isKeyboardDismissDisabled={props.isKeyboardDismissDisabled}\n      class={(rp: ModalRenderProps) => dialogOverlay({ ...rp, colorScheme: theme.colorScheme })}\n      style={() => dialogOverlayLayoutStyle(theme.colorScheme)}\n    >\n      <div\n        class={dialogModalWrapper({ size: props.size })}\n        style={dialogModalWrapperLayoutStyle(theme.colorScheme)}\n      >\n        <HeadlessModal class={(rp: ModalRenderProps) => dialogModal({ ...rp, size: props.size })}>\n          {props.children}\n        </HeadlessModal>\n      </div>\n    </HeadlessModalOverlay>\n  );\n}\n\ninterface SlotProvidersProps {\n  children: JSX.Element;\n  image?: SpectrumContextValue<ImageContextValue>;\n  heading?: SpectrumContextValue<HeadingProps>;\n  header?: SpectrumContextValue<HeaderProps>;\n  content?: SpectrumContextValue<ContentProps>;\n  footer?: SpectrumContextValue<FooterProps>;\n  buttonGroup?: SpectrumContextValue<ButtonGroupContextValue>;\n}\n\nfunction SlotProviders(props: SlotProvidersProps): JSX.Element {\n  return (\n    <ImageContext.Provider value={props.image ?? null}>\n      <HeadingContext.Provider value={props.heading ?? null}>\n        <HeaderContext.Provider value={props.header ?? null}>\n          <ContentContext.Provider value={props.content ?? null}>\n            <FooterContext.Provider value={props.footer ?? null}>\n              <ButtonGroupContext.Provider value={props.buttonGroup ?? null}>\n                {props.children}\n              </ButtonGroupContext.Provider>\n            </FooterContext.Provider>\n          </ContentContext.Provider>\n        </HeaderContext.Provider>\n      </HeadingContext.Provider>\n    </ImageContext.Provider>\n  );\n}\n\nfunction HiddenDialogSlots(props: { children: JSX.Element }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ isHidden: true }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogHeaderSlots(props: { children: JSX.Element }): JSX.Element {\n  const headlessContext = useContext(HeadlessDialogContext) as HeadlessDialogContextValue | null;\n\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{\n        slots: {\n          title: {\n            id: headlessContext?.titleId,\n            level: 2,\n            styles: dialogHeading,\n          },\n        },\n      }}\n      header={{ styles: dialogHeader }}\n      content={{ isHidden: true }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogContentSlots(props: { children: JSX.Element }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ styles: dialogContent }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogFooterSlots(props: { children: JSX.Element; isDismissible?: boolean }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ isHidden: true }}\n      footer={{ styles: dialogHeader }}\n      buttonGroup={{\n        styles: dialogButtonGroup,\n        align: \"end\",\n        isHidden: props.isDismissible,\n      }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogTitleSlots(props: { children: JSX.Element }): JSX.Element {\n  const headlessContext = useContext(HeadlessDialogContext) as HeadlessDialogContextValue | null;\n\n  return (\n    <SlotProviders\n      heading={{\n        slots: {\n          title: {\n            id: headlessContext?.titleId,\n          },\n        },\n      }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogImageSlots(props: { children: JSX.Element }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ styles: dialogImage }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ isHidden: true }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction renderDialogChildren(\n  children: DialogChildren | undefined,\n  renderProps: DialogRenderProps,\n): JSX.Element {\n  return typeof children === \"function\"\n    ? (children as (props: DialogRenderProps) => JSX.Element)(renderProps)\n    : children;\n}\n\nfunction resolveDialogClose(\n  localOnClose: (() => void) | undefined,\n  containerContext: DialogContainerContextValue | null,\n  close: () => void,\n): () => void {\n  return () => {\n    if (localOnClose) {\n      localOnClose();\n      return;\n    }\n\n    if (containerContext) {\n      containerContext.dismiss();\n      return;\n    }\n    close();\n  };\n}\n\n/**\n * A dialog is an overlay shown above other content in an application.\n */\nexport function Dialog(props: DialogProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"size\",\n    \"isDismissible\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"styles\",\n    \"class\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"title\",\n    \"children\",\n    \"onClose\",\n  ]);\n\n  const triggerOptions = useContext(DialogTriggerOptionsContext);\n  const containerContext = useContext(DialogContainerContext);\n  const size = () => normalizeDialogSize(local.size);\n  const isDismissible = () =>\n    local.isDismissible ?? local.isDismissable ?? triggerOptions?.isDismissible ?? false;\n  const isKeyboardDismissDisabled = () =>\n    local.isKeyboardDismissDisabled ?? triggerOptions?.isKeyboardDismissDisabled ?? false;\n  const hasLegacyTitle = () => local.title !== undefined && local.title !== null;\n\n  const className = () =>\n    joinClass(\n      \"comparison-spectrum-Dialog\",\n      dialogInner,\n      resolveStyles(local.styles),\n      local.UNSAFE_className,\n      local.class,\n    );\n\n  return (\n    <DialogModal\n      size={size()}\n      isDismissible={isDismissible()}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled()}\n      isOpen={containerContext ? true : undefined}\n      onOpenChange={containerContext ? (open) => !open && containerContext.dismiss() : undefined}\n    >\n      <HeadlessDialog\n        {...rest}\n        class={className()}\n        style={local.UNSAFE_style}\n        data-size={size()}\n        children={(renderProps: DialogRenderProps) => {\n          const { close } = renderProps;\n          const handleDismiss = resolveDialogClose(local.onClose, containerContext, close);\n          const renderedChildren = () =>\n            renderDialogChildren(local.children, { close: handleDismiss });\n\n          return (\n            <DialogContext.Provider value={{ close: handleDismiss }}>\n              <HeadlessButtonContext.Provider\n                value={{ slots: { default: {}, close: { onPress: () => handleDismiss() } } }}\n              >\n                <Show\n                  when={!hasLegacyTitle()}\n                  fallback={\n                    <>\n                      <div class={dialogTop({ isDismissible: isDismissible() })}>\n                        <div class={dialogHeaderWrapper}>\n                          <HeadlessDialogHeading level={2} class={dialogHeading}>\n                            {local.title}\n                          </HeadlessDialogHeading>\n                        </div>\n                        <Show when={isDismissible()}>\n                          <CloseButton styles={dialogCloseButtonMargin} />\n                        </Show>\n                      </div>\n                      <div class={dialogContent}>{renderedChildren()}</div>\n                    </>\n                  }\n                >\n                  <DialogImageSlots>{renderedChildren()}</DialogImageSlots>\n                  <div class={dialogTop({ isDismissible: isDismissible() })}>\n                    <div class={dialogHeaderWrapper}>\n                      <DialogHeaderSlots>{renderedChildren()}</DialogHeaderSlots>\n                    </div>\n                    <Show when={isDismissible()}>\n                      <CloseButton styles={dialogCloseButtonMargin} />\n                    </Show>\n                  </div>\n                  <DialogContentSlots>{renderedChildren()}</DialogContentSlots>\n                  <div class={dialogFooterWrapper}>\n                    <DialogFooterSlots isDismissible={isDismissible()}>\n                      {renderedChildren()}\n                    </DialogFooterSlots>\n                  </div>\n                </Show>\n              </HeadlessButtonContext.Provider>\n            </DialogContext.Provider>\n          );\n        }}\n      />\n    </DialogModal>\n  );\n}\n\nfunction DialogTriggerContent(props: {\n  content: ((close: () => void) => JSX.Element) | undefined;\n}): JSX.Element {\n  const triggerContext = useDialogTrigger();\n  const close = () => triggerContext?.state.close();\n  return props.content?.(close) ?? null;\n}\n\nfunction DialogTriggerChildren(props: DialogTriggerProps): JSX.Element {\n  // Pick the API by prop shape without resolving children. Resolving with the\n  // `children()` helper unwraps the dialog subtree down to ModalOverlay's\n  // <Show> accessor and tracks it, so every open (and each remount's\n  // useIsHydrated flip) recreated the entire trigger+dialog subtree — an\n  // infinite recreation loop in the browser (stack overflow, no dialog).\n  if (\"children\" in props) {\n    return <>{props.children}</>;\n  }\n  return (\n    <>\n      {props.trigger}\n      <DialogTriggerContent content={props.content} />\n    </>\n  );\n}\n\n/**\n * DialogTrigger wraps a trigger button and dialog content.\n */\nexport function DialogTrigger(props: DialogTriggerProps): JSX.Element {\n  const isDismissible = () => props.isDismissible ?? props.isDismissable;\n  const options = () => ({\n    isDismissible: isDismissible(),\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n  });\n\n  return (\n    <HeadlessDialogTrigger\n      isOpen={props.isOpen}\n      defaultOpen={props.defaultOpen}\n      onOpenChange={props.onOpenChange}\n    >\n      <DialogTriggerOptionsContext.Provider value={options()}>\n        <DialogTriggerChildren {...props} />\n      </DialogTriggerOptionsContext.Provider>\n    </HeadlessDialogTrigger>\n  );\n}\n\nexport function DialogContainer(props: DialogContainerProps): JSX.Element {\n  return (\n    <Show when={props.children}>\n      <DialogContainerContext.Provider value={{ dismiss: props.onDismiss }}>\n        {props.children}\n      </DialogContainerContext.Provider>\n    </Show>\n  );\n}\n\nconst closeButtonIconSize = { S: \"L\", M: \"XL\", L: \"XXL\", XL: \"XXXL\" } as const;\n\n/**\n * A CloseButton allows a user to dismiss a dialog.\n */\nexport function CloseButton(props: CloseButtonProps): JSX.Element {\n  const [local, buttonProps] = splitProps(props, [\n    \"size\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"aria-label\",\n  ]);\n  let buttonElement: HTMLButtonElement | undefined;\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    joinClass(\n      local.UNSAFE_className,\n      mergeStyles(\n        closeButton({\n          ...renderProps,\n          size: local.size ?? \"M\",\n          staticColor: local.staticColor,\n          isStaticColor: !!local.staticColor,\n        }),\n        resolveStyles(local.styles),\n      ),\n    );\n\n  const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties =>\n    pressScale(() => buttonElement, local.UNSAFE_style)(renderProps);\n\n  return (\n    <HeadlessButton\n      {...buttonProps}\n      slot=\"close\"\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n      }}\n      aria-label={local[\"aria-label\"] ?? stringFormatter().format(\"dialog.dismiss\")}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      {/*\n        Raw ui-icon, no aria-hidden — mirrors upstream S2 CloseButton.tsx\n        (`<CrossIcon size={props.size} />`). The cross surfaces as an unnamed\n        `img` inside the aria-labelled dismiss button, exactly as React does.\n        (parity rule #1/#2)\n      */}\n      <CrossIcon size={closeButtonIconSize[local.size ?? \"M\"]} />\n    </HeadlessButton>\n  );\n}\n\nexport function FullscreenDialog(props: FullscreenDialogProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"variant\",\n    \"isKeyboardDismissDisabled\",\n    \"styles\",\n    \"class\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"onClose\",\n  ]);\n  const containerContext = useContext(DialogContainerContext);\n  const size = () => local.variant ?? \"fullscreen\";\n  const className = () =>\n    joinClass(\n      \"comparison-spectrum-FullscreenDialog\",\n      fullscreenDialogInner,\n      resolveStyles(local.styles),\n      local.UNSAFE_className,\n      local.class,\n    );\n\n  return (\n    <DialogModal\n      size={size()}\n      isKeyboardDismissDisabled={local.isKeyboardDismissDisabled}\n      isOpen={containerContext ? true : undefined}\n      onOpenChange={containerContext ? (open) => !open && containerContext.dismiss() : undefined}\n    >\n      <HeadlessDialog\n        {...rest}\n        class={className()}\n        style={local.UNSAFE_style}\n        data-variant={size()}\n        children={(renderProps: DialogRenderProps) => {\n          const { close } = renderProps;\n          const handleDismiss = resolveDialogClose(local.onClose, containerContext, close);\n          const renderedChildren = () =>\n            renderDialogChildren(local.children, { close: handleDismiss });\n\n          return (\n            <DialogContext.Provider value={{ close: handleDismiss }}>\n              <HeadlessButtonContext.Provider\n                value={{ slots: { default: {}, close: { onPress: () => handleDismiss() } } }}\n              >\n                <div class={fullscreenDialogHeader}>\n                  <DialogHeaderSlots>{renderedChildren()}</DialogHeaderSlots>\n                  <DialogFooterSlots>{renderedChildren()}</DialogFooterSlots>\n                </div>\n                <div class={fullscreenDialogContent}>\n                  <DialogContentSlots>{renderedChildren()}</DialogContentSlots>\n                </div>\n              </HeadlessButtonContext.Provider>\n            </DialogContext.Provider>\n          );\n        }}\n      />\n    </DialogModal>\n  );\n}\n\nexport function CustomDialog(props: CustomDialogProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"size\",\n    \"isDismissible\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"padding\",\n    \"styles\",\n    \"class\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"onClose\",\n  ]);\n  const triggerOptions = useContext(DialogTriggerOptionsContext);\n  const containerContext = useContext(DialogContainerContext);\n  const size = () => normalizeCustomDialogSize(local.size);\n  const isDismissible = () =>\n    local.isDismissible ?? local.isDismissable ?? triggerOptions?.isDismissible ?? false;\n  const isKeyboardDismissDisabled = () =>\n    local.isKeyboardDismissDisabled ?? triggerOptions?.isKeyboardDismissDisabled ?? false;\n  const className = () =>\n    joinClass(\n      \"comparison-spectrum-CustomDialog\",\n      customDialog({ padding: local.padding ?? \"default\" }),\n      resolveStyles(local.styles),\n      local.UNSAFE_className,\n      local.class,\n    );\n\n  return (\n    <DialogModal\n      size={size()}\n      isDismissible={isDismissible()}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled()}\n      isOpen={containerContext ? true : undefined}\n      onOpenChange={containerContext ? (open) => !open && containerContext.dismiss() : undefined}\n    >\n      <HeadlessDialog\n        {...rest}\n        class={className()}\n        style={local.UNSAFE_style}\n        data-size={size()}\n        children={(renderProps: DialogRenderProps) => {\n          const { close } = renderProps;\n          const handleDismiss = resolveDialogClose(local.onClose, containerContext, close);\n          const renderedChildren = () =>\n            renderDialogChildren(local.children, { close: handleDismiss });\n\n          return (\n            <DialogContext.Provider value={{ close: handleDismiss }}>\n              <HeadlessButtonContext.Provider\n                value={{ slots: { default: {}, close: { onPress: () => handleDismiss() } } }}\n              >\n                <DialogTitleSlots>{renderedChildren()}</DialogTitleSlots>\n              </HeadlessButtonContext.Provider>\n            </DialogContext.Provider>\n          );\n        }}\n      />\n    </DialogModal>\n  );\n}\n\nexport interface DialogFooterProps {\n  /** Footer content, typically buttons. */\n  children: JSX.Element;\n  /** Additional CSS class. */\n  class?: string;\n}\n\n/**\n * Footer section for dialog actions.\n */\nexport function DialogFooter(props: DialogFooterProps): JSX.Element {\n  return (\n    <div class={[dialogFooter, props.class ?? \"\"].filter(Boolean).join(\" \")}>{props.children}</div>\n  );\n}\n","import { type JSX, Show, splitProps } from \"solid-js\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { Button, type ButtonVariant } from \"../button\";\nimport { ButtonGroup } from \"../buttongroup\";\nimport { IconContext } from \"../icon\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport { Content, Heading } from \"../text\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { Dialog, DialogTrigger, type DialogRenderProps, type DialogSize } from \"./Dialog\";\n\nexport type AlertDialogVariant =\n  | \"confirmation\"\n  | \"information\"\n  | \"destructive\"\n  | \"error\"\n  | \"warning\";\n\nexport interface AlertDialogProps {\n  /** The title of the alert dialog. */\n  title: string;\n  /** The content/message of the alert dialog. */\n  children: JSX.Element;\n  /** The trigger element that opens the dialog. */\n  trigger?: JSX.Element;\n  /** The variant of the alert dialog. @default 'confirmation' */\n  variant?: AlertDialogVariant;\n  /** Label for the primary action button. */\n  primaryActionLabel?: string;\n  /** Label for the secondary action button. */\n  secondaryActionLabel?: string;\n  /** Label for the cancel button. */\n  cancelLabel?: string;\n  /** Handler called when the primary action is triggered. */\n  onPrimaryAction?: () => void;\n  /** Handler called when the secondary action is triggered. */\n  onSecondaryAction?: () => void;\n  /** Handler called when canceled. */\n  onCancel?: () => void;\n  /** Whether the primary action button is disabled. */\n  isPrimaryActionDisabled?: boolean;\n  /** Whether the secondary action button is disabled. */\n  isSecondaryActionDisabled?: boolean;\n  /** Which action button should receive initial focus. */\n  autoFocusButton?: \"primary\" | \"secondary\" | \"cancel\";\n  /** The size of the alert dialog. */\n  size?: Exclude<DialogSize, \"XL\" | \"sm\" | \"md\" | \"lg\" | \"fullscreen\">;\n  /** Whether the dialog is open. */\n  isOpen?: boolean;\n  /** Whether the dialog is open by default. */\n  defaultOpen?: boolean;\n  /** Handler called when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the dialog is dismissible. Alert dialogs default to false. */\n  isDismissible?: boolean;\n  /** Alias for isDismissible, retained for older Solid Spectrum examples. */\n  isDismissable?: boolean;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nconst icon = style<{ variant?: AlertDialogVariant }>({\n  marginEnd: 8,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      variant: {\n        error: \"negative\",\n        warning: \"notice\",\n      },\n    },\n  },\n});\n\nfunction primaryVariant(variant: AlertDialogVariant): ButtonVariant {\n  if (variant === \"confirmation\") {\n    return \"accent\";\n  }\n\n  if (variant === \"destructive\") {\n    return \"negative\";\n  }\n\n  return \"primary\";\n}\n\nfunction runAction(close: () => void, action: (() => void) | undefined) {\n  close();\n  action?.();\n}\n\n/**\n * A dialog that requires user acknowledgement before proceeding.\n */\nexport function AlertDialog(props: AlertDialogProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"title\",\n    \"children\",\n    \"trigger\",\n    \"variant\",\n    \"primaryActionLabel\",\n    \"secondaryActionLabel\",\n    \"cancelLabel\",\n    \"onPrimaryAction\",\n    \"onSecondaryAction\",\n    \"onCancel\",\n    \"isPrimaryActionDisabled\",\n    \"isSecondaryActionDisabled\",\n    \"autoFocusButton\",\n    \"size\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"isDismissible\",\n    \"isDismissable\",\n    \"class\",\n  ]);\n\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const variant = () => local.variant ?? \"confirmation\";\n  const isDismissible = () => local.isDismissible ?? local.isDismissable ?? false;\n  const primaryActionLabel = () => local.primaryActionLabel ?? \"Confirm\";\n\n  const dialog = () => (\n    <Dialog\n      role=\"alertdialog\"\n      size={local.size ?? \"M\"}\n      isDismissible={isDismissible()}\n      class={local.class}\n    >\n      {({ close }: DialogRenderProps) => (\n        <>\n          <IconContext.Provider value={{ styles: () => icon({ variant: variant() }) }}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                <Show when={variant() === \"error\"}>\n                  <AlertTriangleIcon\n                    UNSAFE_suppressDataSlot\n                    aria-label={formatter().format(\"dialog.alert\")}\n                  />\n                </Show>\n                <Show when={variant() === \"warning\"}>\n                  <AlertDiamondIcon\n                    UNSAFE_suppressDataSlot\n                    aria-label={formatter().format(\"dialog.alert\")}\n                  />\n                </Show>\n                {local.title}\n              </CenterBaseline>\n            </Heading>\n          </IconContext.Provider>\n          <Content>{local.children}</Content>\n          <ButtonGroup>\n            <Show when={local.cancelLabel}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={local.autoFocusButton === \"cancel\"}\n                onPress={() => runAction(close, local.onCancel)}\n              >\n                {local.cancelLabel}\n              </Button>\n            </Show>\n            <Show when={local.secondaryActionLabel}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                isDisabled={local.isSecondaryActionDisabled}\n                autoFocus={local.autoFocusButton === \"secondary\"}\n                onPress={() => runAction(close, local.onSecondaryAction)}\n              >\n                {local.secondaryActionLabel}\n              </Button>\n            </Show>\n            <Button\n              variant={primaryVariant(variant())}\n              isDisabled={local.isPrimaryActionDisabled}\n              autoFocus={local.autoFocusButton === \"primary\"}\n              onPress={() => runAction(close, local.onPrimaryAction)}\n            >\n              {primaryActionLabel()}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n\n  if (\n    local.trigger !== undefined ||\n    local.isOpen !== undefined ||\n    local.defaultOpen !== undefined\n  ) {\n    return (\n      <DialogTrigger\n        trigger={local.trigger}\n        isOpen={local.isOpen}\n        defaultOpen={local.defaultOpen}\n        onOpenChange={local.onOpenChange}\n      >\n        {local.trigger}\n        {dialog()}\n      </DialogTrigger>\n    );\n  }\n\n  return dialog();\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialog.jsx","names":[],"sources":["../../src/dialog/Dialog.tsx","../../src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/CloseButton.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/CustomDialog.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Dialog.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/DialogContainer.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/DialogTrigger.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/FullscreenDialog.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Modal.tsx\n\n// Port of packages/@react-spectrum/s2/src/Dialog.tsx.\n// Port of packages/@react-spectrum/s2/src/DialogTrigger.tsx.\n// Port of packages/@react-spectrum/s2/src/DialogContainer.tsx.\n// Port of packages/@react-spectrum/s2/src/CloseButton.tsx.\n// Port of packages/@react-spectrum/s2/src/FullscreenDialog.tsx.\n// Port of packages/@react-spectrum/s2/src/CustomDialog.tsx.\n// Port of packages/@react-spectrum/s2/src/Modal.tsx.\n\nimport { Show, createContext, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  Button as HeadlessButton,\n  ButtonContext as HeadlessButtonContext,\n  Dialog as HeadlessDialog,\n  DialogContext as HeadlessDialogContext,\n  DialogTrigger as HeadlessDialogTrigger,\n  Heading as HeadlessDialogHeading,\n  Modal as HeadlessModal,\n  ModalOverlay as HeadlessModalOverlay,\n  TextContext as RACTextContext,\n  useDialogTrigger,\n  type ButtonRenderProps,\n  type DialogProps as HeadlessDialogProps,\n  type ModalRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport { s2IntlStrings } from \"../intl\";\nimport { pressScale } from \"../pressScale\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { StaticColor } from \"../button/types\";\nimport {\n  controlSize,\n  getAllowedOverrides,\n  staticColor,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useTheme, type ColorScheme } from \"../provider\";\nimport { ImageContext, type ImageProps } from \"../image\";\nimport { ButtonGroupContext, type ButtonGroupContextValue } from \"../button\";\nimport type { SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  ContentContext,\n  FooterContext,\n  HeaderContext,\n  HeadingContext,\n  type ContentProps,\n  type FooterProps,\n  type HeaderProps,\n  type HeadingProps,\n} from \"../text\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, setColorScheme, style } from \"../style\" with { type: \"macro\" };\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type DialogSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\" | \"fullscreen\";\nexport type CustomDialogSize = \"S\" | \"M\" | \"L\" | \"fullscreen\" | \"fullscreenTakeover\";\nexport type FullscreenDialogVariant = \"fullscreen\" | \"fullscreenTakeover\";\n\ntype NormalizedDialogSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"fullscreen\";\ntype ModalDialogSize = NormalizedDialogSize | \"fullscreenTakeover\";\n\nexport interface DialogRenderProps {\n  close: () => void;\n}\n\ntype DialogChildren = JSX.Element | ((props: DialogRenderProps) => JSX.Element);\n\nexport interface DialogProps extends Omit<HeadlessDialogProps, \"class\" | \"style\" | \"children\"> {\n  /** The size of the dialog. */\n  size?: DialogSize;\n  /** Whether the dialog can be dismissed by clicking outside, Escape, or the close button. */\n  isDismissible?: boolean;\n  /** Alias for isDismissible, retained for older Solid Spectrum examples. */\n  isDismissable?: boolean;\n  /** Whether pressing Escape closes the dialog. */\n  isKeyboardDismissDisabled?: boolean;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. */\n  class?: string;\n  /** Additional CSS class name matching Spectrum's escape hatch prop. */\n  UNSAFE_className?: string;\n  /** Additional inline style matching Spectrum's escape hatch prop. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** The legacy title prop; prefer `<Heading slot=\"title\">` for S2 parity. */\n  title?: string;\n  /** The children content. */\n  children?: DialogChildren;\n  /** Callback when dialog should close. */\n  onClose?: () => void;\n}\n\nexport interface DialogTriggerProps {\n  /** Button to trigger the dialog. */\n  trigger?: JSX.Element;\n  /** The dialog content - receives close function. */\n  content?: (close: () => void) => JSX.Element;\n  /** Composition API matching React Spectrum/React Aria DialogTrigger. */\n  children?: JSX.Element;\n  /** Whether the dialog is controlled. */\n  isOpen?: boolean;\n  /** Whether the dialog opens by default. */\n  defaultOpen?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether clicking outside the dialog closes it. */\n  isDismissible?: boolean;\n  /** Alias for isDismissible, retained for older Solid Spectrum examples. */\n  isDismissable?: boolean;\n  /** Whether pressing Escape closes the dialog. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nexport interface DialogContainerProps {\n  children?: JSX.Element;\n  onDismiss: () => void;\n}\n\nexport interface CloseButtonProps {\n  /**\n   * The size of the CloseButton.\n   *\n   * @default 'M'\n   */\n  size?: \"S\" | \"M\" | \"L\" | \"XL\";\n  /** The static color style to apply. Useful when the Button appears over a color background. */\n  staticColor?: StaticColor;\n  /** Whether the button is disabled. */\n  isDisabled?: boolean;\n  /** Handler called when the button is pressed. */\n  onPress?: () => void;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  \"aria-label\"?: string;\n}\n\nexport interface FullscreenDialogProps extends Omit<\n  DialogProps,\n  \"size\" | \"isDismissible\" | \"isDismissable\"\n> {\n  variant?: FullscreenDialogVariant;\n}\n\nexport interface CustomDialogProps extends Omit<\n  DialogProps,\n  \"size\" | \"isDismissible\" | \"isDismissable\"\n> {\n  size?: CustomDialogSize;\n  isDismissible?: boolean;\n  isDismissable?: boolean;\n  padding?: \"default\" | \"none\";\n}\n\ninterface DialogContextValue {\n  close: () => void;\n}\n\ninterface DialogContainerContextValue {\n  dismiss: () => void;\n}\n\ninterface DialogTriggerOptionsContextValue {\n  isDismissible?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n}\n\ntype HeadlessDialogContextValue = {\n  titleId?: string;\n};\n\ntype ImageContextValue = ImageProps & {\n  hidden?: boolean;\n};\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\nconst DialogContainerContext = createContext<DialogContainerContextValue | null>(null);\nconst DialogTriggerOptionsContext = createContext<DialogTriggerOptionsContextValue | null>(null);\n\nexport function useDialogContext(): DialogContextValue | null {\n  return useContext(DialogContext);\n}\n\nexport function useDialogContainer(): DialogContextValue {\n  const context = useContext(DialogContainerContext);\n  if (!context) {\n    throw new Error(\"useDialogContainer must be used inside a DialogContainer.\");\n  }\n  return { close: context.dismiss };\n}\n\nfunction normalizeDialogSize(size: DialogSize | undefined): NormalizedDialogSize {\n  switch (size) {\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n    case \"fullscreen\":\n      return size;\n    case \"sm\":\n      return \"S\";\n    case \"lg\":\n      return \"L\";\n    case \"md\":\n    default:\n      return \"M\";\n  }\n}\n\nfunction normalizeCustomDialogSize(size: CustomDialogSize | undefined): ModalDialogSize {\n  switch (size) {\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"fullscreen\":\n    case \"fullscreenTakeover\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction resolveStyles(styles: StyleString | (() => StyleString | undefined) | undefined) {\n  return typeof styles === \"function\" ? styles() : styles;\n}\n\nfunction joinClass(...classes: Array<string | undefined | null | false>): string {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst dialogOverlay = style<ModalRenderProps & { colorScheme: ColorScheme }>({\n  ...setColorScheme(),\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 1999,\n  isolation: \"isolate\",\n  backgroundColor: \"transparent-black-500\",\n  // Upstream Modal.tsx modalOverlayStyles: the backdrop fades in/out. Duration\n  // 250 in, 130 out; no delay (the surface underneath carries the delay).\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  transition: \"opacity\",\n  transitionDuration: {\n    default: 250,\n    isExiting: 130,\n  },\n});\n\n// Upstream Modal.tsx modalWrapper. Fixed instead of sticky because our overlay\n// portals with a fixed strategy rather than upstream's page-height absolute\n// overlay. pointerEvents none is required for outside-click dismissal: our\n// headless ModalOverlay only dismisses when the pointerdown lands on the\n// overlay element itself, so this full-viewport wrapper must let clicks\n// through (the modal surface restores pointerEvents auto).\nconst dialogModalWrapper = style<{ size: ModalDialogSize }>({\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 2000,\n  width: \"full\",\n  height: \"[var(--visual-viewport-height,100vh)]\",\n  display: \"flex\",\n  alignItems: {\n    default: \"center\",\n    size: {\n      fullscreenTakeover: \"start\",\n    },\n  },\n  justifyContent: \"center\",\n  pointerEvents: \"none\",\n});\n\n// Upstream Modal.tsx RACModal styles, including the entering/exiting motion\n// flips (the surface fades + slides up 20px on enter; on exit it only fades).\nconst dialogModal = style<ModalRenderProps & { size: ModalDialogSize }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  pointerEvents: \"auto\",\n  /* Terminal Glass corner, not Spectrum's. `xl` is 16px — the S2 modal corner; the\n   * register's largest drawn corner is 12 (`lg`, style/spectrum-theme.ts), and a modal\n   * is the same tier-2 float as a popover, only bigger. A takeover has no corner to\n   * round. */\n  borderRadius: {\n    default: \"lg\",\n    size: {\n      fullscreenTakeover: \"none\",\n    },\n  },\n  width: {\n    size: {\n      S: 400,\n      M: 480,\n      L: 640,\n      XL: 960,\n      fullscreen: \"[calc(100% - 40px)]\",\n      fullscreenTakeover: \"full\",\n    },\n  },\n  height: {\n    size: {\n      fullscreen: \"[calc(100% - 40px)]\",\n      fullscreenTakeover: \"full\",\n    },\n  },\n  maxWidth: {\n    default: \"[90vw]\",\n    size: {\n      fullscreen: \"none\",\n      fullscreenTakeover: \"none\",\n    },\n  },\n  maxHeight: {\n    default: \"[90%]\",\n    size: {\n      fullscreen: \"none\",\n      fullscreenTakeover: \"none\",\n    },\n  },\n  paddingBottom: {\n    size: {\n      // Extend background behind the iOS Safari toolbar and keyboard.\n      fullscreenTakeover: \"[100vh]\",\n    },\n  },\n  /* Terminal Glass tier 2. A modal lands over the whole app — panel, card and all — so\n   * it takes the FLOAT surface (`var(--surface-float)`, alpha .9) rather than the card's\n   * .55: at card weight the page's own layout reads straight through the dialog's body\n   * copy, which is exactly what a modal exists to stop. Kept behind the\n   * `--s2-container-bg` custom property because the theme's auto/overlay color helpers\n   * (`autoStaticColor`, style/tokens.ts) compute the dialog's ink against it. */\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: \"float\",\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // The blur is what makes the translucent fill read as glass rather than as a weak\n  // colour; `--blur-clear` is the float tier's, matching Popover, Menu and Toast.\n  backdropFilter: \"var(--blur-clear)\",\n  /* The float is the one tier that casts: `--shadow-float` (the handoff's `sh2`) plus\n   * the `--edge-glass` rim, the same pair the handoff puts on its own tier-2 overlays.\n   * The dialog had NO elevation at all — a takeover-sized surface sitting flush on the\n   * scrim. Not applied to `fullscreenTakeover`, which covers the viewport and has no\n   * edge left to light. */\n  boxShadow: {\n    default: \"[var(--shadow-float), var(--edge-glass)]\",\n    size: {\n      fullscreenTakeover: \"none\",\n    },\n  },\n  // Transparent outline for WHCM.\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: \"transparent\",\n  // Enter: fade in and slide up from 20px. Exit: fade only (no translate).\n  // Duration 250 in / 130 out; the surface waits 160ms so the backdrop leads.\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    isEntering: 20,\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: {\n    default: 250,\n    isExiting: 130,\n  },\n  transitionDelay: {\n    default: 160,\n    isExiting: 0,\n  },\n});\n\nfunction dialogOverlayLayoutStyle(colorScheme: ColorScheme): JSX.CSSProperties {\n  return {\n    position: \"fixed\",\n    inset: \"0px\",\n    \"z-index\": 1999,\n    \"--s2-color-scheme\": colorScheme,\n    \"color-scheme\": colorScheme,\n  } as JSX.CSSProperties;\n}\n\nfunction dialogModalWrapperLayoutStyle(colorScheme: ColorScheme): JSX.CSSProperties {\n  return {\n    position: \"fixed\",\n    inset: \"0px\",\n    \"z-index\": 2000,\n    \"container-type\": \"size\",\n    \"--s2-color-scheme\": colorScheme,\n    \"color-scheme\": colorScheme,\n  } as JSX.CSSProperties;\n}\n\nconst dialogInner = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  flexGrow: 1,\n  maxHeight: \"inherit\",\n  boxSizing: \"border-box\",\n  outlineStyle: \"none\",\n  fontFamily: \"sans\",\n  borderRadius: \"inherit\",\n  overflow: \"auto\",\n});\n\nconst dialogImage = style({\n  width: \"full\",\n  height: 140,\n  flexShrink: 0,\n  objectFit: \"cover\",\n});\n\nconst dialogTop = style<{ isDismissible?: boolean }>({\n  display: \"flex\",\n  alignItems: \"start\",\n  columnGap: 12,\n  paddingTop: 12,\n  paddingStart: 32,\n  paddingEnd: {\n    default: 32,\n    isDismissible: 12,\n  },\n});\n\nconst dialogHeaderWrapper = style({\n  display: \"flex\",\n  flexGrow: 1,\n  minWidth: 0,\n  marginTop: 20,\n  marginBottom: 16,\n  rowGap: 8,\n  columnGap: 24,\n  flexDirection: {\n    default: \"column\",\n    sm: \"row\",\n  },\n  alignItems: {\n    default: \"start\",\n    sm: \"center\",\n  },\n});\n\nconst dialogHeading = style({\n  flexGrow: 1,\n  marginY: 0,\n  font: \"title-2xl\",\n  color: \"heading\",\n});\n\nconst dialogHeader = style({\n  margin: 0,\n  font: \"body\",\n  color: \"body\",\n});\n\nconst closeButtonHoverBackground = {\n  default: \"gray-200\",\n  isStaticColor: \"transparent-overlay-200\",\n} as const;\n\nconst closeButton = style<\n  CloseButtonProps & {\n    isHovered: boolean;\n    isFocusVisible: boolean;\n    isPressed: boolean;\n    isDisabled: boolean;\n    isStaticColor: boolean;\n  }\n>(\n  {\n    ...focusRing(),\n    ...staticColor(),\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    size: controlSize(),\n    flexShrink: 0,\n    borderRadius: \"full\",\n    padding: 0,\n    borderStyle: \"none\",\n    transition: \"default\",\n    backgroundColor: {\n      default: \"transparent\",\n      isHovered: closeButtonHoverBackground,\n      isFocusVisible: closeButtonHoverBackground,\n      isPressed: closeButtonHoverBackground,\n    },\n    \"--iconPrimary\": {\n      type: \"color\",\n      value: {\n        default: baseColor(\"neutral\"),\n        isDisabled: \"disabled\",\n        isStaticColor: {\n          default: \"transparent-overlay-1000\",\n          isDisabled: \"transparent-overlay-400\",\n        },\n        forcedColors: {\n          default: \"ButtonText\",\n          isDisabled: \"GrayText\",\n        },\n      },\n    },\n    outlineColor: {\n      default: \"focus-ring\",\n      isStaticColor: \"transparent-overlay-1000\",\n      forcedColors: \"Highlight\",\n    },\n    disableTapHighlight: true,\n  },\n  getAllowedOverrides(),\n);\n\nconst dialogCloseButtonMargin = style({ marginBottom: 12 });\n\nconst dialogContent = style({\n  flexGrow: 1,\n  minHeight: 0,\n  overflowY: \"auto\",\n  paddingX: 32,\n  font: \"body\",\n});\n\nconst dialogFooterWrapper = style({\n  display: \"flex\",\n  flexGrow: 1,\n  alignItems: \"center\",\n  flexWrap: \"wrap\",\n  gap: 24,\n  paddingX: 32,\n  paddingTop: {\n    default: 32,\n    \":empty\": 0,\n  },\n  paddingBottom: 32,\n});\n\nconst dialogFooter = style({\n  display: \"flex\",\n  gap: 8,\n  justifyContent: \"end\",\n  alignItems: \"center\",\n  marginTop: 24,\n  paddingTop: 16,\n  borderTopStyle: \"solid\",\n  borderTopWidth: 1,\n  /* The register's hairline. `gray-200` is a ramp stop, and over the float fill it\n   * reads as a second, heavier edge inside the dialog's own rim. */\n  borderColor: \"[var(--border-hair)]\",\n});\n\nconst dialogButtonGroup = style({\n  marginStart: \"auto\",\n  maxWidth: \"full\",\n});\n\nconst fullscreenDialogInner = style({\n  display: \"grid\",\n  gridTemplateRows: \"[auto_1fr]\",\n  minHeight: 0,\n  height: \"full\",\n  font: \"body\",\n  outlineStyle: \"none\",\n});\n\nconst fullscreenDialogHeader = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 24,\n  paddingX: 32,\n  paddingY: 24,\n  borderBottomStyle: \"solid\",\n  borderBottomWidth: 1,\n  borderColor: \"[var(--border-hair)]\",\n});\n\nconst fullscreenDialogContent = style({\n  minHeight: 0,\n  overflow: \"auto\",\n  padding: 32,\n});\n\nconst customDialog = style<{ padding: \"default\" | \"none\" }>({\n  padding: {\n    padding: {\n      default: {\n        default: 24,\n        sm: 32,\n      },\n      none: 0,\n    },\n  },\n  boxSizing: \"border-box\",\n  outlineStyle: \"none\",\n  borderRadius: \"inherit\",\n  overflow: \"auto\",\n  position: \"relative\",\n  size: \"full\",\n  maxSize: \"[inherit]\",\n});\n\ninterface DialogModalProps {\n  children: JSX.Element;\n  size: ModalDialogSize;\n  isDismissible?: boolean;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nfunction DialogModal(props: DialogModalProps): JSX.Element {\n  const theme = useTheme();\n\n  return (\n    <HeadlessModalOverlay\n      isOpen={props.isOpen}\n      onOpenChange={props.onOpenChange}\n      isDismissable={props.isDismissible}\n      isKeyboardDismissDisabled={props.isKeyboardDismissDisabled}\n      class={(rp: ModalRenderProps) => dialogOverlay({ ...rp, colorScheme: theme.colorScheme })}\n      style={() => dialogOverlayLayoutStyle(theme.colorScheme)}\n    >\n      <div\n        class={dialogModalWrapper({ size: props.size })}\n        style={dialogModalWrapperLayoutStyle(theme.colorScheme)}\n      >\n        <HeadlessModal class={(rp: ModalRenderProps) => dialogModal({ ...rp, size: props.size })}>\n          {props.children}\n        </HeadlessModal>\n      </div>\n    </HeadlessModalOverlay>\n  );\n}\n\ninterface SlotProvidersProps {\n  children: JSX.Element;\n  image?: SpectrumContextValue<ImageContextValue>;\n  heading?: SpectrumContextValue<HeadingProps>;\n  header?: SpectrumContextValue<HeaderProps>;\n  content?: SpectrumContextValue<ContentProps>;\n  footer?: SpectrumContextValue<FooterProps>;\n  buttonGroup?: SpectrumContextValue<ButtonGroupContextValue>;\n}\n\nfunction SlotProviders(props: SlotProvidersProps): JSX.Element {\n  return (\n    <ImageContext value={props.image ?? null}>\n      <HeadingContext value={props.heading ?? null}>\n        <HeaderContext value={props.header ?? null}>\n          <ContentContext value={props.content ?? null}>\n            <FooterContext value={props.footer ?? null}>\n              <ButtonGroupContext value={props.buttonGroup ?? null}>\n                {props.children}\n              </ButtonGroupContext>\n            </FooterContext>\n          </ContentContext>\n        </HeaderContext>\n      </HeadingContext>\n    </ImageContext>\n  );\n}\n\nfunction HiddenDialogSlots(props: { children: JSX.Element }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ isHidden: true }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogHeaderSlots(props: { children: JSX.Element }): JSX.Element {\n  const headlessContext = useContext(HeadlessDialogContext) as HeadlessDialogContextValue | null;\n\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{\n        slots: {\n          title: {\n            id: headlessContext?.titleId,\n            level: 2,\n            styles: dialogHeading,\n          },\n        },\n      }}\n      header={{ styles: dialogHeader }}\n      content={{ isHidden: true }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction descriptionIdFromRacText(\n  racText: unknown,\n): Pick<ContentProps, \"id\"> | Record<string, never> {\n  if (!racText || typeof racText !== \"object\" || !(\"slots\" in racText)) {\n    return {};\n  }\n\n  const description = (racText as { slots?: { description?: unknown } }).slots?.description;\n  if (!description || typeof description !== \"object\") {\n    return {};\n  }\n\n  const id = \"id\" in description ? description.id : undefined;\n  return typeof id === \"string\" ? { id } : {};\n}\n\nfunction DialogContentSlots(props: { children: JSX.Element }): JSX.Element {\n  // Upstream S2 Dialog copies RAC TextContext `slots.description` onto\n  // ContentContext so AlertDialog's `<Content>` receives the generated\n  // aria-describedby target id.\n  const racText = useContext(RACTextContext);\n\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ styles: dialogContent, ...descriptionIdFromRacText(racText) }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogFooterSlots(props: { children: JSX.Element; isDismissible?: boolean }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ hidden: true }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ isHidden: true }}\n      footer={{ styles: dialogHeader }}\n      buttonGroup={{\n        styles: dialogButtonGroup,\n        align: \"end\",\n        isHidden: props.isDismissible,\n      }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogTitleSlots(props: { children: JSX.Element }): JSX.Element {\n  const headlessContext = useContext(HeadlessDialogContext) as HeadlessDialogContextValue | null;\n\n  return (\n    <SlotProviders\n      heading={{\n        slots: {\n          title: {\n            id: headlessContext?.titleId,\n          },\n        },\n      }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction DialogImageSlots(props: { children: JSX.Element }): JSX.Element {\n  return (\n    <SlotProviders\n      image={{ styles: dialogImage }}\n      heading={{ slots: { title: { isHidden: true } } }}\n      header={{ isHidden: true }}\n      content={{ isHidden: true }}\n      footer={{ isHidden: true }}\n      buttonGroup={{ isHidden: true }}\n    >\n      {props.children}\n    </SlotProviders>\n  );\n}\n\nfunction renderDialogChildren(\n  children: DialogChildren | undefined,\n  renderProps: DialogRenderProps,\n): JSX.Element {\n  return typeof children === \"function\"\n    ? (children as (props: DialogRenderProps) => JSX.Element)(renderProps)\n    : children;\n}\n\nfunction resolveDialogClose(\n  localOnClose: (() => void) | undefined,\n  containerContext: DialogContainerContextValue | null,\n  close: () => void,\n): () => void {\n  return () => {\n    if (localOnClose) {\n      localOnClose();\n      return;\n    }\n\n    if (containerContext) {\n      containerContext.dismiss();\n      return;\n    }\n    close();\n  };\n}\n\n/**\n * A dialog is an overlay shown above other content in an application.\n */\nexport function Dialog(props: DialogProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"size\",\n    \"isDismissible\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"styles\",\n    \"class\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"title\",\n    \"children\",\n    \"onClose\",\n  ]);\n\n  const triggerOptions = useContext(DialogTriggerOptionsContext);\n  const containerContext = useContext(DialogContainerContext);\n  const size = () => normalizeDialogSize(local.size);\n  const isDismissible = () =>\n    local.isDismissible ?? local.isDismissable ?? triggerOptions?.isDismissible ?? false;\n  const isKeyboardDismissDisabled = () =>\n    local.isKeyboardDismissDisabled ?? triggerOptions?.isKeyboardDismissDisabled ?? false;\n  const hasLegacyTitle = () => local.title !== undefined && local.title !== null;\n\n  const className = () =>\n    joinClass(\n      \"comparison-spectrum-Dialog\",\n      dialogInner,\n      resolveStyles(local.styles),\n      local.UNSAFE_className,\n      local.class,\n    );\n\n  return (\n    <DialogModal\n      size={size()}\n      isDismissible={isDismissible()}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled()}\n      isOpen={containerContext ? true : undefined}\n      onOpenChange={containerContext ? (open) => !open && containerContext.dismiss() : undefined}\n    >\n      <HeadlessDialog\n        {...rest}\n        class={className()}\n        style={local.UNSAFE_style}\n        data-size={size()}\n        children={(renderProps: DialogRenderProps) => {\n          const { close } = renderProps;\n          const handleDismiss = resolveDialogClose(local.onClose, containerContext, close);\n          const renderedChildren = () =>\n            renderDialogChildren(local.children, { close: handleDismiss });\n\n          return (\n            <DialogContext value={{ close: handleDismiss }}>\n              <HeadlessButtonContext\n                value={{ slots: { default: {}, close: { onPress: () => handleDismiss() } } }}\n              >\n                <Show\n                  when={!hasLegacyTitle()}\n                  fallback={\n                    <>\n                      <div class={dialogTop({ isDismissible: isDismissible() })}>\n                        <div class={dialogHeaderWrapper}>\n                          <HeadlessDialogHeading level={2} class={dialogHeading}>\n                            {local.title}\n                          </HeadlessDialogHeading>\n                        </div>\n                        <Show when={isDismissible()}>\n                          <CloseButton styles={dialogCloseButtonMargin} />\n                        </Show>\n                      </div>\n                      <div class={dialogContent}>{renderedChildren()}</div>\n                    </>\n                  }\n                >\n                  <DialogImageSlots>{renderedChildren()}</DialogImageSlots>\n                  <div class={dialogTop({ isDismissible: isDismissible() })}>\n                    <div class={dialogHeaderWrapper}>\n                      <DialogHeaderSlots>{renderedChildren()}</DialogHeaderSlots>\n                    </div>\n                    <Show when={isDismissible()}>\n                      <CloseButton styles={dialogCloseButtonMargin} />\n                    </Show>\n                  </div>\n                  <DialogContentSlots>{renderedChildren()}</DialogContentSlots>\n                  <div class={dialogFooterWrapper}>\n                    <DialogFooterSlots isDismissible={isDismissible()}>\n                      {renderedChildren()}\n                    </DialogFooterSlots>\n                  </div>\n                </Show>\n              </HeadlessButtonContext>\n            </DialogContext>\n          );\n        }}\n      />\n    </DialogModal>\n  );\n}\n\nfunction DialogTriggerContent(props: {\n  content: ((close: () => void) => JSX.Element) | undefined;\n}): JSX.Element {\n  const triggerContext = useDialogTrigger();\n  const close = () => triggerContext?.state.close();\n  return props.content?.(close) ?? null;\n}\n\nfunction DialogTriggerChildren(props: DialogTriggerProps): JSX.Element {\n  // Pick the API by prop shape without resolving children. Resolving with the\n  // `children()` helper unwraps the dialog subtree down to ModalOverlay's\n  // <Show> accessor and tracks it, so every open (and each remount's\n  // useIsHydrated flip) recreated the entire trigger+dialog subtree — an\n  // infinite recreation loop in the browser (stack overflow, no dialog).\n  if (\"children\" in props) {\n    return <>{props.children}</>;\n  }\n  return (\n    <>\n      {props.trigger}\n      <DialogTriggerContent content={props.content} />\n    </>\n  );\n}\n\n/**\n * DialogTrigger wraps a trigger button and dialog content.\n */\nexport function DialogTrigger(props: DialogTriggerProps): JSX.Element {\n  const isDismissible = () => props.isDismissible ?? props.isDismissable;\n  const options = () => ({\n    isDismissible: isDismissible(),\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n  });\n\n  return (\n    <HeadlessDialogTrigger\n      isOpen={props.isOpen}\n      defaultOpen={props.defaultOpen}\n      onOpenChange={props.onOpenChange}\n    >\n      <DialogTriggerOptionsContext value={options()}>\n        <DialogTriggerChildren {...props} />\n      </DialogTriggerOptionsContext>\n    </HeadlessDialogTrigger>\n  );\n}\n\nexport function DialogContainer(props: DialogContainerProps): JSX.Element {\n  return (\n    <Show when={props.children}>\n      <DialogContainerContext value={{ dismiss: props.onDismiss }}>\n        {props.children}\n      </DialogContainerContext>\n    </Show>\n  );\n}\n\nconst closeButtonIconSize = { S: \"L\", M: \"XL\", L: \"XXL\", XL: \"XXXL\" } as const;\n\n/**\n * A CloseButton allows a user to dismiss a dialog.\n */\nexport function CloseButton(props: CloseButtonProps): JSX.Element {\n  const [local, buttonProps] = splitProps(props, [\n    \"size\",\n    \"staticColor\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"aria-label\",\n  ]);\n  let buttonElement: HTMLButtonElement | undefined;\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n\n  const getClassName = (renderProps: ButtonRenderProps): string =>\n    joinClass(\n      local.UNSAFE_className,\n      mergeStyles(\n        closeButton({\n          ...renderProps,\n          size: local.size ?? \"M\",\n          staticColor: local.staticColor,\n          isStaticColor: !!local.staticColor,\n        }),\n        resolveStyles(local.styles),\n      ),\n    );\n\n  const getPressScaleStyle = (renderProps: ButtonRenderProps): JSX.CSSProperties =>\n    pressScale(() => buttonElement, local.UNSAFE_style)(renderProps);\n\n  return (\n    <HeadlessButton\n      {...buttonProps}\n      slot=\"close\"\n      ref={(element: HTMLButtonElement) => {\n        buttonElement = element;\n      }}\n      aria-label={local[\"aria-label\"] ?? stringFormatter().format(\"dialog.dismiss\")}\n      class={getClassName}\n      style={getPressScaleStyle}\n    >\n      {/*\n        Raw ui-icon, no aria-hidden — mirrors upstream S2 CloseButton.tsx\n        (`<CrossIcon size={props.size} />`). The cross surfaces as an unnamed\n        `img` inside the aria-labelled dismiss button, exactly as React does.\n        (parity rule #1/#2)\n      */}\n      <CrossIcon size={closeButtonIconSize[local.size ?? \"M\"]} />\n    </HeadlessButton>\n  );\n}\n\nexport function FullscreenDialog(props: FullscreenDialogProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"variant\",\n    \"isKeyboardDismissDisabled\",\n    \"styles\",\n    \"class\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"onClose\",\n  ]);\n  const containerContext = useContext(DialogContainerContext);\n  const size = () => local.variant ?? \"fullscreen\";\n  const className = () =>\n    joinClass(\n      \"comparison-spectrum-FullscreenDialog\",\n      fullscreenDialogInner,\n      resolveStyles(local.styles),\n      local.UNSAFE_className,\n      local.class,\n    );\n\n  return (\n    <DialogModal\n      size={size()}\n      isKeyboardDismissDisabled={local.isKeyboardDismissDisabled}\n      isOpen={containerContext ? true : undefined}\n      onOpenChange={containerContext ? (open) => !open && containerContext.dismiss() : undefined}\n    >\n      <HeadlessDialog\n        {...rest}\n        class={className()}\n        style={local.UNSAFE_style}\n        data-variant={size()}\n        children={(renderProps: DialogRenderProps) => {\n          const { close } = renderProps;\n          const handleDismiss = resolveDialogClose(local.onClose, containerContext, close);\n          const renderedChildren = () =>\n            renderDialogChildren(local.children, { close: handleDismiss });\n\n          return (\n            <DialogContext value={{ close: handleDismiss }}>\n              <HeadlessButtonContext\n                value={{ slots: { default: {}, close: { onPress: () => handleDismiss() } } }}\n              >\n                <div class={fullscreenDialogHeader}>\n                  <DialogHeaderSlots>{renderedChildren()}</DialogHeaderSlots>\n                  <DialogFooterSlots>{renderedChildren()}</DialogFooterSlots>\n                </div>\n                <div class={fullscreenDialogContent}>\n                  <DialogContentSlots>{renderedChildren()}</DialogContentSlots>\n                </div>\n              </HeadlessButtonContext>\n            </DialogContext>\n          );\n        }}\n      />\n    </DialogModal>\n  );\n}\n\nexport function CustomDialog(props: CustomDialogProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"size\",\n    \"isDismissible\",\n    \"isDismissable\",\n    \"isKeyboardDismissDisabled\",\n    \"padding\",\n    \"styles\",\n    \"class\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"onClose\",\n  ]);\n  const triggerOptions = useContext(DialogTriggerOptionsContext);\n  const containerContext = useContext(DialogContainerContext);\n  const size = () => normalizeCustomDialogSize(local.size);\n  const isDismissible = () =>\n    local.isDismissible ?? local.isDismissable ?? triggerOptions?.isDismissible ?? false;\n  const isKeyboardDismissDisabled = () =>\n    local.isKeyboardDismissDisabled ?? triggerOptions?.isKeyboardDismissDisabled ?? false;\n  const className = () =>\n    joinClass(\n      \"comparison-spectrum-CustomDialog\",\n      customDialog({ padding: local.padding ?? \"default\" }),\n      resolveStyles(local.styles),\n      local.UNSAFE_className,\n      local.class,\n    );\n\n  return (\n    <DialogModal\n      size={size()}\n      isDismissible={isDismissible()}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled()}\n      isOpen={containerContext ? true : undefined}\n      onOpenChange={containerContext ? (open) => !open && containerContext.dismiss() : undefined}\n    >\n      <HeadlessDialog\n        {...rest}\n        class={className()}\n        style={local.UNSAFE_style}\n        data-size={size()}\n        children={(renderProps: DialogRenderProps) => {\n          const { close } = renderProps;\n          const handleDismiss = resolveDialogClose(local.onClose, containerContext, close);\n          const renderedChildren = () =>\n            renderDialogChildren(local.children, { close: handleDismiss });\n\n          return (\n            <DialogContext value={{ close: handleDismiss }}>\n              <HeadlessButtonContext\n                value={{ slots: { default: {}, close: { onPress: () => handleDismiss() } } }}\n              >\n                <DialogTitleSlots>{renderedChildren()}</DialogTitleSlots>\n              </HeadlessButtonContext>\n            </DialogContext>\n          );\n        }}\n      />\n    </DialogModal>\n  );\n}\n\nexport interface DialogFooterProps {\n  /** Footer content, typically buttons. */\n  children: JSX.Element;\n  /** Additional CSS class. */\n  class?: string;\n}\n\n/**\n * Footer section for dialog actions.\n */\nexport function DialogFooter(props: DialogFooterProps): JSX.Element {\n  return (\n    <div class={[dialogFooter, props.class ?? \"\"].filter(Boolean).join(\" \")}>{props.children}</div>\n  );\n}\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/AlertDialog.tsx\n\n// Port of packages/@react-spectrum/s2/src/AlertDialog.tsx.\nimport { Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { Button, type ButtonVariant } from \"../button\";\nimport { ButtonGroup } from \"../buttongroup\";\nimport { IconContext } from \"../icon\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { AlertDiamondIcon } from \"../icon/s2wf-icons/AlertDiamondIcon\";\nimport { AlertTriangleIcon } from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport { s2IntlStrings } from \"../intl\";\nimport { Content, Heading } from \"../text\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { Dialog, DialogTrigger, type DialogRenderProps, type DialogSize } from \"./Dialog\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertDialogVariant =\n  | \"confirmation\"\n  | \"information\"\n  | \"destructive\"\n  | \"error\"\n  | \"warning\";\n\nexport interface AlertDialogProps {\n  /** The title of the alert dialog. */\n  title: string;\n  /** The content/message of the alert dialog. */\n  children: JSX.Element;\n  /** The trigger element that opens the dialog. */\n  trigger?: JSX.Element;\n  /** The variant of the alert dialog. @default 'confirmation' */\n  variant?: AlertDialogVariant;\n  /** Label for the primary action button. */\n  primaryActionLabel?: string;\n  /** Label for the secondary action button. */\n  secondaryActionLabel?: string;\n  /** Label for the cancel button. */\n  cancelLabel?: string;\n  /** Handler called when the primary action is triggered. */\n  onPrimaryAction?: () => void;\n  /** Handler called when the secondary action is triggered. */\n  onSecondaryAction?: () => void;\n  /** Handler called when canceled. */\n  onCancel?: () => void;\n  /** Whether the primary action button is disabled. */\n  isPrimaryActionDisabled?: boolean;\n  /** Whether the secondary action button is disabled. */\n  isSecondaryActionDisabled?: boolean;\n  /** Which action button should receive initial focus. */\n  autoFocusButton?: \"primary\" | \"secondary\" | \"cancel\";\n  /** The size of the alert dialog. */\n  size?: Exclude<DialogSize, \"XL\" | \"sm\" | \"md\" | \"lg\" | \"fullscreen\">;\n  /** Whether the dialog is open. */\n  isOpen?: boolean;\n  /** Whether the dialog is open by default. */\n  defaultOpen?: boolean;\n  /** Handler called when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the dialog is dismissible. Alert dialogs default to false. */\n  isDismissible?: boolean;\n  /** Alias for isDismissible, retained for older Solid Spectrum examples. */\n  isDismissable?: boolean;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\nconst icon = style<{ variant?: AlertDialogVariant }>({\n  marginEnd: 8,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      variant: {\n        error: \"negative\",\n        warning: \"notice\",\n      },\n    },\n  },\n});\n\nfunction primaryVariant(variant: AlertDialogVariant): ButtonVariant {\n  if (variant === \"confirmation\") {\n    return \"accent\";\n  }\n\n  if (variant === \"destructive\") {\n    return \"negative\";\n  }\n\n  return \"primary\";\n}\n\nfunction runAction(close: () => void, action: (() => void) | undefined) {\n  close();\n  action?.();\n}\n\n/**\n * A dialog that requires user acknowledgement before proceeding.\n */\nexport function AlertDialog(props: AlertDialogProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"title\",\n    \"children\",\n    \"trigger\",\n    \"variant\",\n    \"primaryActionLabel\",\n    \"secondaryActionLabel\",\n    \"cancelLabel\",\n    \"onPrimaryAction\",\n    \"onSecondaryAction\",\n    \"onCancel\",\n    \"isPrimaryActionDisabled\",\n    \"isSecondaryActionDisabled\",\n    \"autoFocusButton\",\n    \"size\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"isDismissible\",\n    \"isDismissable\",\n    \"class\",\n  ]);\n\n  const formatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const variant = () => local.variant ?? \"confirmation\";\n  const isDismissible = () => local.isDismissible ?? local.isDismissable ?? false;\n  const primaryActionLabel = () => local.primaryActionLabel ?? \"Confirm\";\n\n  const dialog = () => (\n    <Dialog\n      role=\"alertdialog\"\n      size={local.size ?? \"M\"}\n      isDismissible={isDismissible()}\n      class={local.class}\n    >\n      {({ close }: DialogRenderProps) => (\n        <>\n          <IconContext value={{ styles: () => icon({ variant: variant() }) }}>\n            <Heading slot=\"title\">\n              <CenterBaseline>\n                <Show when={variant() === \"error\"}>\n                  <AlertTriangleIcon\n                    UNSAFE_suppressDataSlot\n                    aria-label={formatter().format(\"dialog.alert\")}\n                  />\n                </Show>\n                <Show when={variant() === \"warning\"}>\n                  <AlertDiamondIcon\n                    UNSAFE_suppressDataSlot\n                    aria-label={formatter().format(\"dialog.alert\")}\n                  />\n                </Show>\n                {local.title}\n              </CenterBaseline>\n            </Heading>\n          </IconContext>\n          <Content>{local.children}</Content>\n          <ButtonGroup>\n            <Show when={local.cancelLabel}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                autoFocus={local.autoFocusButton === \"cancel\"}\n                onPress={() => runAction(close, local.onCancel)}\n              >\n                {local.cancelLabel}\n              </Button>\n            </Show>\n            <Show when={local.secondaryActionLabel}>\n              <Button\n                variant=\"secondary\"\n                fillStyle=\"outline\"\n                isDisabled={local.isSecondaryActionDisabled}\n                autoFocus={local.autoFocusButton === \"secondary\"}\n                onPress={() => runAction(close, local.onSecondaryAction)}\n              >\n                {local.secondaryActionLabel}\n              </Button>\n            </Show>\n            <Button\n              variant={primaryVariant(variant())}\n              isDisabled={local.isPrimaryActionDisabled}\n              autoFocus={local.autoFocusButton === \"primary\"}\n              onPress={() => runAction(close, local.onPrimaryAction)}\n            >\n              {primaryActionLabel()}\n            </Button>\n          </ButtonGroup>\n        </>\n      )}\n    </Dialog>\n  );\n\n  if (\n    local.trigger !== undefined ||\n    local.isOpen !== undefined ||\n    local.defaultOpen !== undefined\n  ) {\n    return (\n      <DialogTrigger\n        trigger={local.trigger}\n        isOpen={local.isOpen}\n        defaultOpen={local.defaultOpen}\n        onOpenChange={local.onOpenChange}\n      >\n        {local.trigger}\n        {dialog()}\n      </DialogTrigger>\n    );\n  }\n\n  return dialog();\n}\n"],"mappings":"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"}