@proyecto-viviana/ui 0.5.0 → 0.6.0

package/dist/_chunk/dialog.jsx.map

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

package/dist/_chunk/form.js

@@ -0,0 +1,368 @@
+import { t as assignRef } from "./spectrum-context.js";
+import { createIsSkeleton } from "../skeleton/index.js";
+/* empty css                                                                       */
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, mergeProps, setAttribute, template } from "solid-js/web";
+import { Show, createContext, splitProps, useContext } from "solid-js";
+import { FieldError, Form } from "@proyecto-viviana/solidaria-components";
+//#region src/form/Field.tsx
+var _tmpl$$1 = /*#__PURE__*/ template(`<span class=" pYjUhNc151 Ir151">*`), _tmpl$2$1 = /*#__PURE__*/ template(`<label><!$><!/><!$><!/>`), _tmpl$3$1 = /*#__PURE__*/ template(`<p role=alert>`), _tmpl$4 = /*#__PURE__*/ template(`<p>`), _tmpl$5 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/><!$><!/><!$><!/>`);
+const fieldStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " sd151";
+	rules += " _ta151";
+	if (props.size === "lg") rules += " Ug151";
+	else if (props.size === "sm") rules += " Ub151";
+	else rules += " Ue151";
+	if (props.size === "lg") rules += " qg151";
+	else if (props.size === "sm") rules += " qb151";
+	else rules += " qe151";
+	return rules;
+};
+const fieldLabelStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.size === "lg") rules += " uxe7h4151";
+	else if (props.size === "sm") rules += " uxe7h4151";
+	else rules += " uxe7h4151";
+	if (props.size === "lg") {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	} else if (props.size === "sm") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	}
+	if (props.size === "lg") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "sm") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "lg") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "sm") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	if (props.isDisabled) rules += " pUvnvv151";
+	else rules += " pUUi0Fe151";
+	return rules;
+};
+const fieldTextStyles = function anonymous(props) {
+	let rules = " ";
+	if (props.size === "sm") rules += " uxe7h4151";
+	else rules += " uxe7h4151";
+	if (props.size === "sm") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	}
+	if (props.size === "sm") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "sm") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isInvalid) rules += " pYjUhNc151";
+	else rules += " pUUi0Fe151";
+	return rules;
+};
+/**
+* A field layout component that provides label, help text, and error message
+* around a form input.
+*/
+function Field(props) {
+	const [local] = splitProps(props, [
+		"label",
+		"description",
+		"errorMessage",
+		"isRequired",
+		"isDisabled",
+		"isInvalid",
+		"size",
+		"class",
+		"children",
+		"htmlFor"
+	]);
+	const size = () => local.size ?? "md";
+	const showError = () => local.isInvalid && local.errorMessage;
+	return (() => {
+		var _el$ = getNextElement(_tmpl$5), _el$0 = _el$.firstChild, [_el$1, _co$3] = getNextMarker(_el$0.nextSibling), _el$10 = _el$1.nextSibling, [_el$11, _co$4] = getNextMarker(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = getNextMarker(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$6] = getNextMarker(_el$14.nextSibling);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.label;
+			},
+			get children() {
+				var _el$2 = getNextElement(_tmpl$2$1), _el$4 = _el$2.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling);
+				insert(_el$2, () => local.label, _el$5, _co$);
+				insert(_el$2, createComponent(Show, {
+					get when() {
+						return local.isRequired;
+					},
+					get children() {
+						return getNextElement(_tmpl$$1);
+					}
+				}), _el$7, _co$2);
+				effect((_p$) => {
+					var _v$ = local.htmlFor, _v$2 = fieldLabelStyles({
+						size: size(),
+						isDisabled: local.isDisabled
+					});
+					_v$ !== _p$.e && setAttribute(_el$2, "for", _p$.e = _v$);
+					_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$2;
+			}
+		}), _el$1, _co$3);
+		insert(_el$, () => local.children, _el$11, _co$4);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return showError();
+			},
+			get children() {
+				var _el$8 = getNextElement(_tmpl$3$1);
+				insert(_el$8, () => local.errorMessage);
+				effect(() => className(_el$8, fieldTextStyles({
+					size: size(),
+					isInvalid: true
+				})));
+				return _el$8;
+			}
+		}), _el$13, _co$5);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return memo(() => !!!showError())() && local.description;
+			},
+			get children() {
+				var _el$9 = getNextElement(_tmpl$4);
+				insert(_el$9, () => local.description);
+				effect(() => className(_el$9, fieldTextStyles({
+					size: size(),
+					isDisabled: local.isDisabled
+				})));
+				return _el$9;
+			}
+		}), _el$15, _co$6);
+		effect(() => className(_el$, [fieldStyles({ size: size() }), local.class].filter(Boolean).join(" ")));
+		return _el$;
+	})();
+}
+//#endregion
+//#region src/form/HelpText.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p role=alert>`), _tmpl$2 = /*#__PURE__*/ template(`<p>`), _tmpl$3 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/>`);
+const helpTextStyles = function anonymous(props) {
+	let rules = " ";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-b151";
+	rules += " vx151";
+	rules += " xb151";
+	rules += " _xa151";
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isInvalid) rules += " pYjUhNc151";
+	else rules += " pUUi0Fe151";
+	return rules;
+};
+/**
+* Displays description or error text below a form field.
+*/
+function HelpText(props) {
+	const [local] = splitProps(props, [
+		"description",
+		"errorMessage",
+		"isInvalid",
+		"isDisabled",
+		"class"
+	]);
+	const showError = () => local.isInvalid && local.errorMessage;
+	return (() => {
+		var _el$ = getNextElement(_tmpl$3), _el$4 = _el$.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return showError();
+			},
+			get children() {
+				var _el$2 = getNextElement(_tmpl$);
+				insert(_el$2, () => local.errorMessage);
+				effect(() => className(_el$2, helpTextStyles({ isInvalid: true })));
+				return _el$2;
+			}
+		}), _el$5, _co$);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return memo(() => !!!showError())() && local.description;
+			},
+			get children() {
+				var _el$3 = getNextElement(_tmpl$2);
+				insert(_el$3, () => local.description);
+				effect(() => className(_el$3, helpTextStyles({ isDisabled: local.isDisabled })));
+				return _el$3;
+			}
+		}), _el$7, _co$2);
+		effect(() => className(_el$, local.class));
+		return _el$;
+	})();
+}
+//#endregion
+//#region src/form/index.tsx
+const FormContext = createContext(null);
+const formStylePropKeys = [
+	"size",
+	"labelPosition",
+	"labelAlign",
+	"necessityIndicator",
+	"isRequired",
+	"isDisabled",
+	"isEmphasized"
+];
+function useIsInForm() {
+	return useContext(FormContext) != null;
+}
+function useFormProps(props) {
+	const context = useContext(FormContext);
+	const isSkeleton = createIsSkeleton();
+	const getInheritedValue = (property) => {
+		if (property === "isDisabled" && isSkeleton()) return true;
+		if (typeof property !== "string") return;
+		return context?.[property];
+	};
+	return new Proxy(props, {
+		get(target, property, receiver) {
+			if (property === "isDisabled" && isSkeleton()) return true;
+			const localValue = Reflect.get(target, property, receiver);
+			if (localValue !== void 0) return localValue;
+			return getInheritedValue(property);
+		},
+		has(target, property) {
+			return Reflect.has(target, property) || getInheritedValue(property) !== void 0;
+		},
+		ownKeys(target) {
+			const keys = new Set(Reflect.ownKeys(target));
+			for (const key of formStylePropKeys) if (getInheritedValue(key) !== void 0) keys.add(key);
+			return Array.from(keys);
+		},
+		getOwnPropertyDescriptor(target, property) {
+			if (property === "isDisabled" && isSkeleton()) return {
+				enumerable: true,
+				configurable: true,
+				get: () => true
+			};
+			const descriptor = Reflect.getOwnPropertyDescriptor(target, property);
+			if (descriptor) return descriptor;
+			if (getInheritedValue(property) !== void 0) return {
+				enumerable: true,
+				configurable: true,
+				get: () => getInheritedValue(property)
+			};
+		}
+	});
+}
+const formStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	rules += (String(overrides || "").match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join("");
+	rules += " se151";
+	if (props.labelPosition === "side") rules += " Dfzkwne151";
+	else if (props.labelPosition === "top") rules += " DS1aTJb151";
+	if (props.size === "XL") rules += " Un151";
+	else if (props.size === "L") rules += " Up151";
+	else if (props.size === "M") rules += " Uj151";
+	else if (props.size === "S") rules += " Ui151";
+	rules += " qf151";
+	return rules;
+};
+function Form$1(props) {
+	const [local, headlessProps] = splitProps(props, [
+		"size",
+		"labelPosition",
+		"labelAlign",
+		"necessityIndicator",
+		"isRequired",
+		"isDisabled",
+		"isEmphasized",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"ref",
+		"children"
+	]);
+	const size = () => local.size ?? "M";
+	const labelPosition = () => local.labelPosition ?? "top";
+	const labelAlign = () => local.labelAlign ?? "start";
+	const necessityIndicator = () => local.necessityIndicator ?? "icon";
+	return createComponent(FormContext.Provider, {
+		value: {
+			get size() {
+				return size();
+			},
+			get labelPosition() {
+				return labelPosition();
+			},
+			get labelAlign() {
+				return labelAlign();
+			},
+			get necessityIndicator() {
+				return necessityIndicator();
+			},
+			get isRequired() {
+				return local.isRequired;
+			},
+			get isDisabled() {
+				return local.isDisabled;
+			},
+			get isEmphasized() {
+				return local.isEmphasized;
+			}
+		},
+		get children() {
+			return createComponent(Form, mergeProps(headlessProps, {
+				ref: (el) => assignRef(local.ref, el),
+				get ["class"]() {
+					return [local.UNSAFE_className, formStyles({
+						size: size(),
+						labelPosition: labelPosition()
+					}, local.styles)].filter(Boolean).join(" ");
+				},
+				get style() {
+					return local.UNSAFE_style;
+				},
+				children: (renderProps) => typeof local.children === "function" ? local.children(renderProps) : local.children
+			}));
+		}
+	});
+}
+const fieldErrorStyles = " uxe7h4151 -_6BNtrc-b151 vx151 xb151 _xa151 _Fd151 _FnuYUweb151 pYjUhNc151";
+function FieldError$1(props) {
+	const [local, headlessProps] = splitProps(props, ["class"]);
+	return createComponent(FieldError, mergeProps(headlessProps, { get ["class"]() {
+		return [fieldErrorStyles, local.class].filter(Boolean).join(" ");
+	} }));
+}
+//#endregion
+export { useIsInForm as a, useFormProps as i, Form$1 as n, HelpText as o, FormContext as r, Field as s, FieldError$1 as t };
+
+//# sourceMappingURL=form.js.map

package/dist/_chunk/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../src/form/Field.tsx","../../src/form/HelpText.tsx","../../src/form/index.tsx"],"sourcesContent":["import { type JSX, splitProps, Show } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport type FieldSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface FieldProps {\n  /** The label for the field. */\n  label?: string;\n  /** A description or help text for the field. */\n  description?: string;\n  /** An error message for the field. */\n  errorMessage?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Whether the field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the field is invalid. */\n  isInvalid?: boolean;\n  /** The size of the field. @default 'md' */\n  size?: FieldSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** The field content (input element). */\n  children?: JSX.Element;\n  /** ID for the label's htmlFor attribute. */\n  htmlFor?: string;\n}\n\n// Vertical field stack. The label/help-text colors mirror S2's `fieldLabel()`\n// and `helpTextStyles` (`neutral-subdued`, flipping to `negative`/`disabled`);\n// sizes map sm/md/lg → the UI font's xs/sm/base steps. Routed through the\n// `style()` macro so the CSS ships in the package bundle for installed consumers.\nconst fieldStyles = style<{ size: FieldSize }>({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: { default: 8, size: { sm: 4, lg: 12 } },\n});\n\nconst fieldLabelStyles = style<{ size: FieldSize; isDisabled?: boolean }>({\n  font: { default: \"ui-sm\", size: { sm: \"ui-xs\", lg: \"ui\" } },\n  color: { default: \"neutral-subdued\", isDisabled: \"disabled\" },\n});\n\nconst fieldTextStyles = style<{ size: FieldSize; isInvalid?: boolean; isDisabled?: boolean }>({\n  font: { default: \"ui-sm\", size: { sm: \"ui-xs\" } },\n  color: { default: \"neutral-subdued\", isInvalid: \"negative\", isDisabled: \"disabled\" },\n});\n\nconst requiredStyles = style({ color: \"negative\", marginStart: 2 });\n\n/**\n * A field layout component that provides label, help text, and error message\n * around a form input.\n */\nexport function Field(props: FieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"isRequired\",\n    \"isDisabled\",\n    \"isInvalid\",\n    \"size\",\n    \"class\",\n    \"children\",\n    \"htmlFor\",\n  ]);\n\n  const size = () => local.size ?? \"md\";\n  const showError = () => local.isInvalid && local.errorMessage;\n\n  return (\n    <div class={[fieldStyles({ size: size() }), local.class].filter(Boolean).join(\" \")}>\n      <Show when={local.label}>\n        <label\n          for={local.htmlFor}\n          class={fieldLabelStyles({ size: size(), isDisabled: local.isDisabled })}\n        >\n          {local.label}\n          <Show when={local.isRequired}>\n            <span class={requiredStyles}>*</span>\n          </Show>\n        </label>\n      </Show>\n\n      {local.children}\n\n      <Show when={showError()}>\n        <p class={fieldTextStyles({ size: size(), isInvalid: true })} role=\"alert\">\n          {local.errorMessage}\n        </p>\n      </Show>\n\n      <Show when={!showError() && local.description}>\n        <p class={fieldTextStyles({ size: size(), isDisabled: local.isDisabled })}>\n          {local.description}\n        </p>\n      </Show>\n    </div>\n  );\n}\n","import { type JSX, splitProps, Show } from \"solid-js\";\nimport { style } from \"../style\" with { type: \"macro\" };\n\nexport interface HelpTextProps {\n  /** The description text. */\n  description?: string;\n  /** The error message text. */\n  errorMessage?: string;\n  /** Whether the field is in an error state. */\n  isInvalid?: boolean;\n  /** Whether the help text is disabled (dimmed). */\n  isDisabled?: boolean;\n  /** Additional CSS class name. */\n  class?: string;\n}\n\n// Mirrors S2's `helpTextStyles` (Field.tsx): the small UI font with a\n// `neutral-subdued` description color that flips to `negative` for errors and\n// `disabled` when the field is disabled. Emitted via the `style()` macro so the\n// CSS ships in the package bundle for installed consumers.\nconst helpTextStyles = style<{ isInvalid?: boolean; isDisabled?: boolean }>({\n  font: \"ui-sm\",\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: \"negative\",\n    isDisabled: \"disabled\",\n  },\n});\n\n/**\n * Displays description or error text below a form field.\n */\nexport function HelpText(props: HelpTextProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"description\",\n    \"errorMessage\",\n    \"isInvalid\",\n    \"isDisabled\",\n    \"class\",\n  ]);\n\n  const showError = () => local.isInvalid && local.errorMessage;\n\n  return (\n    <div class={local.class}>\n      <Show when={showError()}>\n        <p class={helpTextStyles({ isInvalid: true })} role=\"alert\">\n          {local.errorMessage}\n        </p>\n      </Show>\n      <Show when={!showError() && local.description}>\n        <p class={helpTextStyles({ isDisabled: local.isDisabled })}>{local.description}</p>\n      </Show>\n    </div>\n  );\n}\n","import { type JSX, createContext, splitProps, useContext } from \"solid-js\";\nimport {\n  Form as HeadlessForm,\n  FieldError as HeadlessFieldError,\n  type FormProps as HeadlessFormProps,\n  type FieldErrorProps as HeadlessFieldErrorProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { createIsSkeleton } from \"../skeleton\";\nimport { assignRef } from \"../button/spectrum-context\";\n\nexport type FormSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type FormLabelPosition = \"top\" | \"side\";\nexport type FormLabelAlign = \"start\" | \"end\";\nexport type FormNecessityIndicator = \"icon\" | \"label\";\n\nexport interface FormStyleProps {\n  /** The size of descendant Form elements. @default 'M' */\n  size?: FormSize;\n  /** The label's overall position relative to each field. @default 'top' */\n  labelPosition?: FormLabelPosition;\n  /** The label's horizontal alignment relative to each field. @default 'start' */\n  labelAlign?: FormLabelAlign;\n  /** Whether required fields show an icon or text label. @default 'icon' */\n  necessityIndicator?: FormNecessityIndicator;\n  /** Whether descendant Form elements are required. */\n  isRequired?: boolean;\n  /** Whether descendant Form elements are disabled. */\n  isDisabled?: boolean;\n  /** Whether descendant Form elements are rendered with emphasized styling. */\n  isEmphasized?: boolean;\n}\n\nexport interface FormProps\n  extends Omit<HeadlessFormProps, \"class\" | \"style\" | \"ref\">, FormStyleProps {\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  ref?: HeadlessFormProps[\"ref\"];\n}\n\nexport interface FieldErrorProps extends Omit<HeadlessFieldErrorProps, \"class\"> {\n  class?: string;\n}\n\nexport const FormContext = createContext<FormStyleProps | null>(null);\n\nconst formStylePropKeys = [\n  \"size\",\n  \"labelPosition\",\n  \"labelAlign\",\n  \"necessityIndicator\",\n  \"isRequired\",\n  \"isDisabled\",\n  \"isEmphasized\",\n] as const;\n\nexport function useIsInForm(): boolean {\n  return useContext(FormContext) != null;\n}\n\nexport function useFormProps<T extends object>(props: T): T {\n  const context = useContext(FormContext);\n  const isSkeleton = createIsSkeleton();\n\n  const getInheritedValue = (property: PropertyKey) => {\n    if (property === \"isDisabled\" && isSkeleton()) {\n      return true;\n    }\n\n    if (typeof property !== \"string\") {\n      return undefined;\n    }\n\n    return context?.[property as keyof FormStyleProps];\n  };\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      if (property === \"isDisabled\" && isSkeleton()) {\n        return true;\n      }\n\n      const localValue = Reflect.get(target, property, receiver);\n      if (localValue !== undefined) {\n        return localValue;\n      }\n\n      return getInheritedValue(property);\n    },\n    has(target, property) {\n      return Reflect.has(target, property) || getInheritedValue(property) !== undefined;\n    },\n    ownKeys(target) {\n      const keys = new Set<ReturnType<typeof Reflect.ownKeys>[number]>(Reflect.ownKeys(target));\n\n      for (const key of formStylePropKeys) {\n        if (getInheritedValue(key) !== undefined) {\n          keys.add(key);\n        }\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      if (property === \"isDisabled\" && isSkeleton()) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => true,\n        };\n      }\n\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (getInheritedValue(property) !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => getInheritedValue(property),\n        };\n      }\n\n      return undefined;\n    },\n  }) as T;\n}\n\nconst formStyles = style<{ labelPosition: FormLabelPosition; size: FormSize }>(\n  {\n    display: \"grid\",\n    gridTemplateColumns: {\n      labelPosition: {\n        top: [\"[field] 1fr\"],\n        side: [\"[label] auto\", \"[field] 1fr\"],\n      },\n    },\n    rowGap: {\n      size: {\n        S: 20,\n        M: 24,\n        L: 32,\n        XL: 40,\n      },\n    },\n    columnGap: \"text-to-control\",\n  },\n  getAllowedOverrides(),\n);\n\nexport function Form(props: FormProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\n    \"size\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"isRequired\",\n    \"isDisabled\",\n    \"isEmphasized\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"ref\",\n    \"children\",\n  ]);\n\n  const size = () => local.size ?? \"M\";\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n\n  const contextValue: FormStyleProps = {\n    get size() {\n      return size();\n    },\n    get labelPosition() {\n      return labelPosition();\n    },\n    get labelAlign() {\n      return labelAlign();\n    },\n    get necessityIndicator() {\n      return necessityIndicator();\n    },\n    get isRequired() {\n      return local.isRequired;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n    get isEmphasized() {\n      return local.isEmphasized;\n    },\n  };\n\n  return (\n    <FormContext.Provider value={contextValue}>\n      <HeadlessForm\n        {...headlessProps}\n        ref={(el) => assignRef(local.ref, el)}\n        class={[\n          local.UNSAFE_className,\n          formStyles({ size: size(), labelPosition: labelPosition() }, local.styles),\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={local.UNSAFE_style}\n      >\n        {(renderProps) =>\n          typeof local.children === \"function\" ? local.children(renderProps) : local.children\n        }\n      </HeadlessForm>\n    </FormContext.Provider>\n  );\n}\n\n// Small UI font in the `negative` color, mirroring S2's help-text error state.\nconst fieldErrorStyles = style({ font: \"ui-sm\", color: \"negative\" });\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"class\"]);\n  return (\n    <HeadlessFieldError\n      {...headlessProps}\n      class={[fieldErrorStyles, local.class].filter(Boolean).join(\" \")}\n    />\n  );\n}\n\nexport { Field } from \"./Field\";\nexport type { FieldProps, FieldSize } from \"./Field\";\nexport { HelpText } from \"./HelpText\";\nexport type { HelpTextProps } from \"./HelpText\";\n"],"mappings":"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"}