@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["createId","mergeProps","mergeProps"],"sources":["../../src/radio/createRadioGroup.ts","../../src/radio/createRadio.ts"],"sourcesContent":["/**\n * Radio group hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n *\n * This is a 1:1 port of @react-aria/radio's useRadioGroup hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createField } from \"../label/createField\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusSafely, getEventTarget } from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport { createId } from \"../ssr\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type RadioGroupState, type ValidityState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaRadioGroupProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** A description for the radio group. Provides additional context. */\n  description?: JSX.Element;\n  /** An error message for the radio group. */\n  errorMessage?:\n    | JSX.Element\n    | ((validation: { isInvalid: boolean; validationErrors: string[] }) => JSX.Element);\n  /** Whether the radio group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the radio group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the radio group is required. */\n  isRequired?: boolean;\n  /** Whether the radio group is invalid. */\n  isInvalid?: boolean;\n  /** The axis the Radio Button(s) should align with. Defaults to 'vertical'. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** The name of the radio group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the radio group with. */\n  form?: string;\n  /** Validation behavior for the radio group. */\n  validationBehavior?: \"aria\" | \"native\";\n  /** Handler that is called when the radio group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide an error message for the object. */\n  \"aria-errormessage\"?: string;\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface RadioGroupAria {\n  /** Props for the radio group wrapper element. */\n  radioGroupProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the radio group's visible label (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio group is invalid. */\n  isInvalid: boolean;\n  /** Validation errors, if any. */\n  validationErrors: string[];\n  /** Validation details, if any. */\n  validationDetails: ValidityState;\n}\n\n// WeakMap to share data between radio group and radio items\ninterface RadioGroupData {\n  name: string;\n  form: string | undefined;\n  descriptionId: string | undefined;\n  errorMessageId: string | undefined;\n  validationBehavior: \"aria\" | \"native\";\n}\n\nexport const radioGroupData: WeakMap<RadioGroupState, RadioGroupData> = new WeakMap();\n\n/**\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n */\nexport function createRadioGroup(\n  props: MaybeAccessor<AriaRadioGroupProps>,\n  state: RadioGroupState,\n): RadioGroupAria {\n  const getProps = () => access(props);\n  const locale = useLocale();\n\n  const orientation = () => getProps().orientation ?? \"vertical\";\n  const isReadOnly = () => getProps().isReadOnly ?? false;\n  const isRequired = () => getProps().isRequired ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const validationBehavior = () => getProps().validationBehavior ?? \"native\";\n  const displayValidation = () => state.displayValidation();\n  const validationErrors = () => displayValidation().validationErrors;\n  const validationDetails = () => displayValidation().validationDetails;\n  const isInvalid = () => displayValidation().isInvalid;\n  const fallbackErrorMessage = () => {\n    const errors = validationErrors();\n    return errors.length > 0 ? errors : undefined;\n  };\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({\n    get id() {\n      return getProps().id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get description() {\n      return getProps().description;\n    },\n    get errorMessage() {\n      return getProps().errorMessage ?? fallbackErrorMessage();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    // Radio group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: \"span\",\n  });\n\n  // Handle focus within - reset focusable radio when group loses focus and no selection\n  const { focusWithinProps } = createFocusWithin({\n    onBlurWithin(e: FocusEvent) {\n      getProps().onBlur?.(e);\n      if (!state.selectedValue()) {\n        state.setLastFocusedValue(null);\n      }\n    },\n    onFocusWithin: (e: FocusEvent) => getProps().onFocus?.(e),\n    onFocusWithinChange: (isFocused: boolean) => getProps().onFocusChange?.(isFocused),\n  });\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const groupName = getProps().name ?? createId();\n\n  radioGroupData.set(state, {\n    name: groupName,\n    form: getProps().form,\n    descriptionId: descriptionProps.id,\n    errorMessageId: errorMessageProps.id,\n    validationBehavior: validationBehavior(),\n  });\n\n  const getNavigableRadios = (root: HTMLElement): HTMLInputElement[] => {\n    return Array.from(root.querySelectorAll('input[type=\"radio\"]')).filter(\n      (el): el is HTMLInputElement => {\n        return el instanceof HTMLInputElement && !el.matches(\":disabled\");\n      },\n    );\n  };\n\n  // Keyboard navigation parity with React Aria.\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (e) => {\n    let nextDir: \"next\" | \"prev\" | null = null;\n    const currentOrientation = orientation();\n    const isHorizontal = currentOrientation !== \"vertical\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextDir = isRTL ? \"prev\" : \"next\";\n        break;\n      case \"ArrowLeft\":\n        nextDir = isRTL ? \"next\" : \"prev\";\n        break;\n      case \"ArrowDown\":\n        nextDir = \"next\";\n        break;\n      case \"ArrowUp\":\n        nextDir = \"prev\";\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const root = e.currentTarget;\n    if (!(root instanceof HTMLElement)) {\n      return;\n    }\n\n    const radios = getNavigableRadios(root);\n    if (radios.length === 0) {\n      return;\n    }\n\n    const eventTarget = getEventTarget<Element>(e);\n    const activeElement = root.ownerDocument.activeElement;\n\n    const currentRadio =\n      eventTarget instanceof HTMLInputElement && eventTarget.type === \"radio\"\n        ? eventTarget\n        : activeElement instanceof HTMLInputElement && activeElement.type === \"radio\"\n          ? activeElement\n          : null;\n\n    const currentIndex = currentRadio ? radios.indexOf(currentRadio) : -1;\n\n    let nextIndex: number;\n    if (nextDir === \"next\") {\n      nextIndex = currentIndex >= 0 ? (currentIndex + 1) % radios.length : 0;\n    } else {\n      nextIndex =\n        currentIndex >= 0 ? (currentIndex - 1 + radios.length) % radios.length : radios.length - 1;\n    }\n\n    const nextRadio = radios[nextIndex];\n    if (!nextRadio) {\n      return;\n    }\n\n    focusSafely(nextRadio);\n    state.setSelectedValue(nextRadio.value);\n  };\n\n  return {\n    get radioGroupProps() {\n      return mergeProps(domProps(), focusWithinProps as unknown as Record<string, unknown>, {\n        role: \"radiogroup\",\n        onKeyDown,\n        \"aria-invalid\": isInvalid() || undefined,\n        \"aria-errormessage\": getProps()[\"aria-errormessage\"],\n        \"aria-readonly\": isReadOnly() || undefined,\n        \"aria-required\": isRequired() || undefined,\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-orientation\": orientation(),\n        ...fieldProps,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    labelProps: labelProps as JSX.HTMLAttributes<HTMLElement>,\n    descriptionProps,\n    errorMessageProps,\n    get isInvalid() {\n      return isInvalid();\n    },\n    get validationErrors() {\n      return validationErrors();\n    },\n    get validationDetails() {\n      return validationDetails();\n    },\n  };\n}\n","/**\n * Radio hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n *\n * This is a 1:1 port of @react-aria/radio's useRadio hook.\n */\n\nimport { JSX, Accessor, createEffect } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport { createSlotId } from \"../ssr\";\nimport { type RadioGroupState, radioGroupSyncVersion } from \"@proyecto-viviana/solid-stately\";\nimport { radioGroupData } from \"./createRadioGroup\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\n\nexport interface AriaRadioProps {\n  /** The value of the radio button, used when submitting an HTML form. */\n  value: string;\n  /** Whether the radio button is disabled. */\n  isDisabled?: boolean;\n  /** The label for the radio button. */\n  children?: JSX.Element;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n}\n\nexport interface RadioAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the radio's description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio is disabled. */\n  isDisabled: boolean;\n  /** Whether the radio is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the radio is in a pressed state. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n */\nexport function createRadio(\n  props: MaybeAccessor<AriaRadioProps>,\n  state: RadioGroupState,\n  ref: () => HTMLInputElement | null,\n): RadioAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled || state.isDisabled;\n  const value = () => getProps().value;\n  const isSelected: Accessor<boolean> = () => {\n    const selected = state.selectedValue();\n    const v = value();\n    return selected === v;\n  };\n\n  createEffect(() => {\n    const p = getProps();\n    const hasChildren = p.children != null;\n    const hasAriaLabel = p[\"aria-label\"] != null || p[\"aria-labelledby\"] != null;\n    if (!hasChildren && !hasAriaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide children, you must specify an aria-label for accessibility\",\n      );\n    }\n  });\n\n  // SolidJS-specific: Sync DOM checked state whenever selection changes\n  // This handles:\n  // 1. Initial render with controlled value\n  // 2. Controlled mode where parent doesn't update value after click\n  // 3. Native radio group behavior (clicking one unchecks others)\n  //\n  // Unlike React's VDOM reconciliation that re-applies all props on every render,\n  // SolidJS only updates when signals change. Native radio behavior can change\n  // the DOM checked state without our knowledge, so we need to actively sync.\n  //\n  // We track `syncVersion` to ensure this effect runs on EVERY selection attempt,\n  // even in controlled mode where isSelected() may not change.\n  createEffect(() => {\n    // The WeakMap accessor is outside the public API to maintain React Aria parity.\n    const syncVersion = radioGroupSyncVersion.get(state);\n    syncVersion?.();\n\n    const shouldBeChecked = isSelected();\n    const inputEl = ref();\n    if (!inputEl) return;\n\n    if (inputEl.checked !== shouldBeChecked) {\n      inputEl.checked = shouldBeChecked;\n    }\n  });\n\n  // SolidJS-specific: Unlike React, the input's `checked` state can get out of sync\n  // with our reactive state. This happens because:\n  // 1. A readonly `<input type=\"radio\" />` is always \"checkable\" in the browser\n  // 2. Even controlled inputs (`<input checked={isChecked} />`) will change their\n  //    internal `checked` state when clicked, regardless of what the signal says\n  //\n  // To prevent this, we force the input's `checked` DOM property to match our state\n  // after processing the change. This is a common pattern across SolidJS component\n  // libraries (see CREDITS.md for attribution).\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    e.stopPropagation();\n\n    const target = e.target as HTMLInputElement;\n\n    // Guard against disabled state - JSDOM's fireEvent may bypass disabled check\n    if (isDisabled()) {\n      target.checked = isSelected();\n      return;\n    }\n\n    state.setSelectedValue(value());\n\n    // Focus the input when clicked\n    // In real browsers this happens automatically, but JSDOM/fireEvent doesn't trigger it\n    target.focus();\n\n    // Force the DOM checked state to match our reactive state\n    // This handles controlled mode where the parent might not update the value\n    target.checked = isSelected();\n  };\n\n  // Handle press state for keyboard interactions and cases where labelProps is not used.\n  const { pressProps, isPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    onPress(e: PressEvent) {\n      getProps().onPress?.(e);\n      state.setSelectedValue(value());\n      ref()?.focus();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { focusableProps } = createFocusable(\n    {\n      get isDisabled() {\n        return isDisabled();\n      },\n      get autoFocus() {\n        return getProps().autoFocus;\n      },\n      onFocus(e: FocusEvent) {\n        getProps().onFocus?.(e);\n        state.setLastFocusedValue(value());\n      },\n      get onBlur() {\n        return getProps().onBlur;\n      },\n      get onFocusChange() {\n        return getProps().onFocusChange;\n      },\n      get onKeyDown() {\n        return getProps().onKeyDown;\n      },\n      get onKeyUp() {\n        return getProps().onKeyUp;\n      },\n    },\n    ref as unknown as (el: HTMLElement) => void,\n  );\n\n  const interactions = mergeProps(pressProps, focusableProps);\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const getTabIndex = (): number | undefined => {\n    if (isDisabled()) {\n      return undefined;\n    }\n\n    const selected = state.selectedValue();\n    const lastFocused = state.lastFocusedValue();\n    const currentValue = value();\n\n    if (selected != null) {\n      if (selected === currentValue) {\n        return 0;\n      }\n      return -1;\n    } else {\n      if (lastFocused === currentValue || lastFocused == null) {\n        return 0;\n      }\n      return -1;\n    }\n  };\n\n  const getGroupData = () => radioGroupData.get(state);\n\n  const combinedIsPressed: Accessor<boolean> = () => isPressed() || isLabelPressed();\n\n  // The radio's own description slot id — resolves only once an element with\n  // this id is rendered (e.g. a `<Text slot=\"description\">` child).\n  const descriptionId = createSlotId();\n\n  return {\n    labelProps: mergeProps(labelPressProps, {\n      onClick: (e: MouseEvent) => e.preventDefault(),\n      onMouseDown: (e: MouseEvent) => e.preventDefault(),\n    }),\n    get inputProps() {\n      const p = getProps();\n      const groupData = getGroupData();\n\n      // Order mirrors upstream useRadio: the user's aria-describedby, then the\n      // radio's own description, then the group's error message (when invalid)\n      // and the group's shared description.\n      const describedByIds: string[] = [];\n      if (p[\"aria-describedby\"]) {\n        describedByIds.push(p[\"aria-describedby\"]);\n      }\n      const ownDescriptionId = descriptionId();\n      if (ownDescriptionId) {\n        describedByIds.push(ownDescriptionId);\n      }\n      if (state.isInvalid && groupData?.errorMessageId) {\n        describedByIds.push(groupData.errorMessageId);\n      }\n      if (groupData?.descriptionId) {\n        describedByIds.push(groupData.descriptionId);\n      }\n      const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(\" \") : undefined;\n      const validationBehavior = groupData?.validationBehavior ?? \"native\";\n\n      return mergeProps(domProps(), interactions, {\n        type: \"radio\" as const,\n        name: groupData?.name,\n        form: groupData?.form,\n        tabIndex: getTabIndex(),\n        disabled: isDisabled(),\n        required: validationBehavior === \"native\" ? state.isRequired : undefined,\n        checked: isSelected(),\n        value: value(),\n        onChange,\n        \"aria-describedby\": ariaDescribedBy,\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    isDisabled: isDisabled(),\n    isSelected,\n    isPressed: combinedIsPressed,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"radio.js","names":["createId"],"sources":["../../src/radio/createRadioGroup.ts","../../src/radio/createRadio.ts"],"sourcesContent":["/*\n * Copyright 2020 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-aria/src/radio/useRadioGroup.ts\n\n/**\n * Radio group hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n *\n * This is a 1:1 port of @react-aria/radio's useRadioGroup hook.\n */\n\nimport { createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createField } from \"../label/createField\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusSafely, getEventTarget } from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport { createId } from \"../ssr\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type RadioGroupState, type ValidityState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaRadioGroupProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** A description for the radio group. Provides additional context. */\n  description?: JSX.Element;\n  /** An error message for the radio group. */\n  errorMessage?:\n    | JSX.Element\n    | ((validation: { isInvalid: boolean; validationErrors: string[] }) => JSX.Element);\n  /** Whether the radio group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the radio group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the radio group is required. */\n  isRequired?: boolean;\n  /** Whether the radio group is invalid. */\n  isInvalid?: boolean;\n  /** The axis the Radio Button(s) should align with. Defaults to 'vertical'. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** The name of the radio group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the radio group with. */\n  form?: string;\n  /** Validation behavior for the radio group. */\n  validationBehavior?: \"aria\" | \"native\";\n  /** Handler that is called when the radio group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide an error message for the object. */\n  \"aria-errormessage\"?: string;\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface RadioGroupAria {\n  /** Props for the radio group wrapper element. */\n  radioGroupProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the radio group's visible label (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio group is invalid. */\n  isInvalid: boolean;\n  /** Validation errors, if any. */\n  validationErrors: string[];\n  /** Validation details, if any. */\n  validationDetails: ValidityState;\n}\n\n// WeakMap to share data between radio group and radio items\ninterface RadioGroupData {\n  name: string;\n  form: string | undefined;\n  descriptionId: string | undefined;\n  errorMessageId: string | undefined;\n  validationBehavior: \"aria\" | \"native\";\n}\n\nexport const radioGroupData: WeakMap<RadioGroupState, RadioGroupData> = new WeakMap();\n\n/**\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n */\nexport function createRadioGroup(\n  props: MaybeAccessor<AriaRadioGroupProps>,\n  state: RadioGroupState,\n): RadioGroupAria {\n  const getProps = () => access(props);\n  const locale = useLocale();\n\n  const orientation = () => getProps().orientation ?? \"vertical\";\n  const isReadOnly = () => getProps().isReadOnly ?? false;\n  const isRequired = () => getProps().isRequired ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const validationBehavior = () => getProps().validationBehavior ?? \"native\";\n  const displayValidation = () => state.displayValidation();\n  const validationErrors = () => displayValidation().validationErrors;\n  const validationDetails = () => displayValidation().validationDetails;\n  const isInvalid = () => displayValidation().isInvalid;\n  const fallbackErrorMessage = () => {\n    const errors = validationErrors();\n    return errors.length > 0 ? errors : undefined;\n  };\n\n  // Keep the `createField` getters intact. Destructuring `fieldProps` would\n  // freeze the first `aria-describedby` snapshot (RAC `useField.ts:51-60`).\n  // `aria-describedby` must reach `createField` so slot ids concatenate with\n  // the user prop instead of overwriting it (`useField.ts:51-60`).\n  const field = createField({\n    get id() {\n      return getProps().id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get description() {\n      return getProps().description;\n    },\n    get errorMessage() {\n      return getProps().errorMessage ?? fallbackErrorMessage();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    // Radio group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: \"span\",\n  });\n\n  // Handle focus within - reset focusable radio when group loses focus and no selection\n  const { focusWithinProps } = createFocusWithin({\n    onBlurWithin(e: FocusEvent) {\n      getProps().onBlur?.(e);\n      if (!state.selectedValue()) {\n        state.setLastFocusedValue(null);\n      }\n    },\n    onFocusWithin: (e: FocusEvent) => getProps().onFocus?.(e),\n    onFocusWithinChange: (isFocused: boolean) => getProps().onFocusChange?.(isFocused),\n  });\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const groupName = getProps().name ?? createId();\n\n  const updateRadioGroupData = () => {\n    radioGroupData.set(state, {\n      name: groupName,\n      form: getProps().form,\n      descriptionId:\n        typeof field.descriptionProps.id === \"string\" ? field.descriptionProps.id : undefined,\n      errorMessageId:\n        typeof field.errorMessageProps.id === \"string\" ? field.errorMessageProps.id : undefined,\n      validationBehavior: validationBehavior(),\n    });\n  };\n  updateRadioGroupData();\n  createTrackedEffect(updateRadioGroupData);\n\n  const getNavigableRadios = (root: HTMLElement): HTMLInputElement[] => {\n    return Array.from(root.querySelectorAll('input[type=\"radio\"]')).filter(\n      (el): el is HTMLInputElement => {\n        return el instanceof HTMLInputElement && !el.matches(\":disabled\");\n      },\n    );\n  };\n\n  // Keyboard navigation parity with React Aria.\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (e) => {\n    let nextDir: \"next\" | \"prev\" | null = null;\n    const currentOrientation = orientation();\n    const isHorizontal = currentOrientation !== \"vertical\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextDir = isRTL ? \"prev\" : \"next\";\n        break;\n      case \"ArrowLeft\":\n        nextDir = isRTL ? \"next\" : \"prev\";\n        break;\n      case \"ArrowDown\":\n        nextDir = \"next\";\n        break;\n      case \"ArrowUp\":\n        nextDir = \"prev\";\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const root = e.currentTarget;\n    if (!(root instanceof HTMLElement)) {\n      return;\n    }\n\n    const radios = getNavigableRadios(root);\n    if (radios.length === 0) {\n      return;\n    }\n\n    const eventTarget = getEventTarget<Element>(e);\n    const activeElement = root.ownerDocument.activeElement;\n\n    const currentRadio =\n      eventTarget instanceof HTMLInputElement && eventTarget.type === \"radio\"\n        ? eventTarget\n        : activeElement instanceof HTMLInputElement && activeElement.type === \"radio\"\n          ? activeElement\n          : null;\n\n    const currentIndex = currentRadio ? radios.indexOf(currentRadio) : -1;\n\n    let nextIndex: number;\n    if (nextDir === \"next\") {\n      nextIndex = currentIndex >= 0 ? (currentIndex + 1) % radios.length : 0;\n    } else {\n      nextIndex =\n        currentIndex >= 0 ? (currentIndex - 1 + radios.length) % radios.length : radios.length - 1;\n    }\n\n    const nextRadio = radios[nextIndex];\n    if (!nextRadio) {\n      return;\n    }\n\n    focusSafely(nextRadio);\n    state.setSelectedValue(nextRadio.value);\n  };\n\n  return {\n    get radioGroupProps() {\n      return mergeProps(domProps(), focusWithinProps as unknown as Record<string, unknown>, {\n        role: \"radiogroup\",\n        onKeyDown,\n        \"aria-invalid\": isInvalid() || undefined,\n        \"aria-errormessage\": getProps()[\"aria-errormessage\"],\n        \"aria-readonly\": isReadOnly() || undefined,\n        \"aria-required\": isRequired() || undefined,\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-orientation\": orientation(),\n        ...field.fieldProps,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    get labelProps() {\n      return field.labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return field.descriptionProps;\n    },\n    get errorMessageProps() {\n      return field.errorMessageProps;\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    get validationErrors() {\n      return validationErrors();\n    },\n    get validationDetails() {\n      return validationDetails();\n    },\n  };\n}\n","/*\n * Copyright 2020 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-aria/src/radio/useRadio.ts\n\n/**\n * Radio hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n *\n * This is a 1:1 port of @react-aria/radio's useRadio hook.\n */\n\nimport { Accessor, createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { isServer } from \"@solidjs/web\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport { createSlotId } from \"../ssr\";\nimport { type RadioGroupState, radioGroupSyncVersion } from \"@proyecto-viviana/solid-stately\";\nimport { radioGroupData } from \"./createRadioGroup\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\nimport { createFormValidation } from \"../form/createFormValidation\";\nimport { createFormReset } from \"../form/createFormReset\";\n\nexport interface AriaRadioProps {\n  /** The value of the radio button, used when submitting an HTML form. */\n  value: string;\n  /** Whether the radio button is disabled. */\n  isDisabled?: boolean;\n  /** The label for the radio button. */\n  children?: JSX.Element;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n}\n\nexport interface RadioAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * The input's `aria-describedby`. Kept off `inputProps` so a `createSlotId`\n   * probe (RAC `useSlotId` / `useId.ts:135-149`) can patch the attribute\n   * without a spread that recreates the input.\n   */\n  inputDescribedBy: Accessor<string | undefined>;\n  /** Props for the radio's description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio is disabled. */\n  isDisabled: boolean;\n  /** Whether the radio is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the radio is in a pressed state. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n */\nexport function createRadio(\n  props: MaybeAccessor<AriaRadioProps>,\n  state: RadioGroupState,\n  ref: () => HTMLInputElement | null,\n): RadioAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled || state.isDisabled;\n  const value = () => getProps().value;\n  const isSelected: Accessor<boolean> = () => {\n    const selected = state.selectedValue();\n    const v = value();\n    return selected === v;\n  };\n\n  createTrackedEffect(() => {\n    const p = getProps();\n    const hasChildren = p.children != null;\n    const hasAriaLabel = p[\"aria-label\"] != null || p[\"aria-labelledby\"] != null;\n    if (!hasChildren && !hasAriaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide children, you must specify an aria-label for accessibility\",\n      );\n    }\n  });\n\n  // SolidJS-specific: Sync DOM checked state whenever selection changes\n  // This handles:\n  // 1. Initial render with controlled value\n  // 2. Controlled mode where parent doesn't update value after click\n  // 3. Native radio group behavior (clicking one unchecks others)\n  //\n  // Unlike React's VDOM reconciliation that re-applies all props on every render,\n  // SolidJS only updates when signals change. Native radio behavior can change\n  // the DOM checked state without our knowledge, so we need to actively sync.\n  //\n  // We track `syncVersion` to ensure this effect runs on EVERY selection attempt,\n  // even in controlled mode where isSelected() may not change.\n  createTrackedEffect(() => {\n    // The WeakMap accessor is outside the public API to maintain React Aria parity.\n    const syncVersion = radioGroupSyncVersion.get(state);\n    syncVersion?.();\n\n    const shouldBeChecked = isSelected();\n    const inputEl = ref();\n    if (!inputEl) return;\n\n    if (inputEl.checked !== shouldBeChecked) {\n      inputEl.checked = shouldBeChecked;\n    }\n  });\n\n  // SolidJS-specific: Unlike React, the input's `checked` state can get out of sync\n  // with our reactive state. This happens because:\n  // 1. A readonly `<input type=\"radio\" />` is always \"checkable\" in the browser\n  // 2. Even controlled inputs (`<input checked={isChecked} />`) will change their\n  //    internal `checked` state when clicked, regardless of what the signal says\n  //\n  // To prevent this, we force the input's `checked` DOM property to match our state\n  // after processing the change. This is a common pattern across SolidJS component\n  // libraries (see CREDITS.md for attribution).\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    e.stopPropagation();\n\n    const target = e.target as HTMLInputElement;\n\n    // Guard against disabled state - JSDOM's fireEvent may bypass disabled check\n    if (isDisabled()) {\n      target.checked = isSelected();\n      return;\n    }\n\n    state.setSelectedValue(value());\n\n    // Focus the input when clicked\n    // In real browsers this happens automatically, but JSDOM/fireEvent doesn't trigger it\n    target.focus();\n\n    // Force the DOM checked state to match our reactive state\n    // This handles controlled mode where the parent might not update the value\n    target.checked = isSelected();\n  };\n\n  // Handle press state for keyboard interactions and cases where labelProps is not used.\n  const { pressProps, isPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    onPress(e: PressEvent) {\n      getProps().onPress?.(e);\n      state.setSelectedValue(value());\n      ref()?.focus();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { focusableProps } = createFocusable(\n    {\n      get isDisabled() {\n        return isDisabled();\n      },\n      get autoFocus() {\n        return getProps().autoFocus;\n      },\n      onFocus(e: FocusEvent) {\n        getProps().onFocus?.(e);\n        state.setLastFocusedValue(value());\n      },\n      get onBlur() {\n        return getProps().onBlur;\n      },\n      get onFocusChange() {\n        return getProps().onFocusChange;\n      },\n      get onKeyDown() {\n        return getProps().onKeyDown;\n      },\n      get onKeyUp() {\n        return getProps().onKeyUp;\n      },\n    },\n    ref as unknown as (el: HTMLElement) => void,\n  );\n\n  const interactions = mergeProps(pressProps, focusableProps);\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const getTabIndex = (): number | undefined => {\n    if (isDisabled()) {\n      return undefined;\n    }\n\n    const selected = state.selectedValue();\n    const lastFocused = state.lastFocusedValue();\n    const currentValue = value();\n\n    if (selected != null) {\n      if (selected === currentValue) {\n        return 0;\n      }\n      return -1;\n    } else {\n      if (lastFocused === currentValue || lastFocused == null) {\n        return 0;\n      }\n      return -1;\n    }\n  };\n\n  const getGroupData = () => radioGroupData.get(state);\n\n  // RAC `useRadio.ts:156-157`: native reset + custom validity on every radio.\n  createFormReset(\n    () => ref() ?? undefined,\n    state.defaultSelectedValue,\n    (value) => state.setSelectedValue(value),\n  );\n  createFormValidation(\n    {\n      get validationBehavior() {\n        return getGroupData()?.validationBehavior ?? \"native\";\n      },\n      focus: () => ref()?.focus(),\n    },\n    state,\n    () => ref() ?? undefined,\n  );\n\n  const combinedIsPressed: Accessor<boolean> = () => isPressed() || isLabelPressed();\n\n  // The radio's own description slot id — resolves only once an element with\n  // this id is rendered (e.g. a `<Text slot=\"description\">` child).\n  const descriptionId = createSlotId();\n\n  // The group's ids reach the radio through the `radioGroupData` WeakMap, a\n  // snapshot rather than a signal, so the radio probes the DOM itself the way\n  // `useSlotId` does (#258 replaces this path with group-level TextContext\n  // slots). The probe is client-only: on the server the slot id is emitted as\n  // is — `useSlotId` yields the raw id before its layout effect runs, and the\n  // client probe patches the attribute after hydration. `document` does not\n  // exist on the server; reading it there threw inside `renderToString` and the\n  // route's error boundary rendered instead of the RadioGroup.\n  const slotIdInDom = (id: string): boolean => isServer || document.getElementById(id) !== null;\n\n  const inputDescribedBy: Accessor<string | undefined> = () => {\n    const p = getProps();\n    const groupData = getGroupData();\n\n    // Order mirrors upstream useRadio: the user's aria-describedby, then the\n    // radio's own description, then the group's error message (when invalid)\n    // and the group's shared description.\n    const describedByIds: string[] = [];\n    if (p[\"aria-describedby\"]) {\n      describedByIds.push(p[\"aria-describedby\"]);\n    }\n    const ownDescriptionId = descriptionId();\n    if (ownDescriptionId) {\n      describedByIds.push(ownDescriptionId);\n    }\n    if (state.isInvalid && groupData?.errorMessageId && slotIdInDom(groupData.errorMessageId)) {\n      describedByIds.push(groupData.errorMessageId);\n    }\n    if (groupData?.descriptionId && slotIdInDom(groupData.descriptionId)) {\n      describedByIds.push(groupData.descriptionId);\n    }\n    return describedByIds.length > 0 ? describedByIds.join(\" \") : undefined;\n  };\n\n  return {\n    labelProps: mergeProps(labelPressProps, {\n      onClick: (e: MouseEvent) => e.preventDefault(),\n      onMouseDown: (e: MouseEvent) => e.preventDefault(),\n    }) as JSX.LabelHTMLAttributes<HTMLLabelElement>,\n    inputDescribedBy,\n    get inputProps() {\n      const groupData = getGroupData();\n      const validationBehavior = groupData?.validationBehavior ?? \"native\";\n\n      return mergeProps(domProps(), interactions, {\n        type: \"radio\" as const,\n        name: groupData?.name,\n        form: groupData?.form,\n        tabIndex: getTabIndex(),\n        disabled: isDisabled(),\n        required: validationBehavior === \"native\" ? state.isRequired : undefined,\n        checked: isSelected(),\n        value: value(),\n        onChange,\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    isDisabled: isDisabled(),\n    isSelected,\n    isPressed: combinedIsPressed,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/radio.jsx

@@ -1,16 +1,52 @@
-import { t as createPress } from "./createPress.jsx";
-import { i as mergeProps$1, t as isDevEnv } from "./env.jsx";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/radio/useRadio.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/radio/useRadioGroup.ts
+import { t as mergeProps } from "./mergeProps.jsx";
 import { t as filterDOMProps } from "./filterDOMProps.jsx";
 import { t as access } from "./reactivity.jsx";
-import { a as getEventTarget, t as focusSafely } from "./focus.jsx";
+import { r as getEventTarget, w as focusSafely } from "./dom.jsx";
+import { t as isDevEnv } from "./env.jsx";
+import { t as createPress } from "./createPress.jsx";
 import { t as createFocusWithin } from "./createFocusWithin.jsx";
 import { n as createFocusable } from "./createFocusable.jsx";
 import { i as useLocale } from "./locale.jsx";
 import { createId as createId$1, createSlotId } from "../ssr/index.jsx";
+import { t as createFormValidation } from "./createFormValidation.jsx";
+import { t as createFormReset } from "./createFormReset.jsx";
 import { t as createField } from "./createField.jsx";
-import { createEffect } from "solid-js";
+import { createTrackedEffect } from "solid-js";
+import { isServer } from "@solidjs/web";
 import { createRadioGroupState, radioGroupSyncVersion, radioGroupSyncVersion as radioGroupSyncVersion$1 } from "@proyecto-viviana/solid-stately";
 //#region src/radio/createRadioGroup.ts
+/**
+* Radio group hook for Solidaria
+*
+* Provides the behavior and accessibility implementation for a radio group component.
+* Radio groups allow users to select a single item from a list of mutually exclusive options.
+*
+* This is a 1:1 port of @react-aria/radio's useRadioGroup hook.
+*/
 const radioGroupData = /* @__PURE__ */ new WeakMap();
 /**
 * Provides the behavior and accessibility implementation for a radio group component.
@@ -32,7 +68,7 @@ function createRadioGroup(props, state) {
 		const errors = validationErrors();
 		return errors.length > 0 ? errors : void 0;
 	};
-	const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({
+	const field = createField({
 		get id() {
 			return getProps().id;
 		},
@@ -45,6 +81,9 @@ function createRadioGroup(props, state) {
 		get "aria-labelledby"() {
 			return getProps()["aria-labelledby"];
 		},
+		get "aria-describedby"() {
+			return getProps()["aria-describedby"];
+		},
 		get description() {
 			return getProps().description;
 		},
@@ -66,13 +105,17 @@ function createRadioGroup(props, state) {
 	});
 	const domProps = () => filterDOMProps(getProps(), { labelable: true });
 	const groupName = getProps().name ?? createId$1();
-	radioGroupData.set(state, {
-		name: groupName,
-		form: getProps().form,
-		descriptionId: descriptionProps.id,
-		errorMessageId: errorMessageProps.id,
-		validationBehavior: validationBehavior()
-	});
+	const updateRadioGroupData = () => {
+		radioGroupData.set(state, {
+			name: groupName,
+			form: getProps().form,
+			descriptionId: typeof field.descriptionProps.id === "string" ? field.descriptionProps.id : void 0,
+			errorMessageId: typeof field.errorMessageProps.id === "string" ? field.errorMessageProps.id : void 0,
+			validationBehavior: validationBehavior()
+		});
+	};
+	updateRadioGroupData();
+	createTrackedEffect(updateRadioGroupData);
 	const getNavigableRadios = (root) => {
 		return Array.from(root.querySelectorAll("input[type=\"radio\"]")).filter((el) => {
 			return el instanceof HTMLInputElement && !el.matches(":disabled");
@@ -116,7 +159,7 @@ function createRadioGroup(props, state) {
 	};
 	return {
 		get radioGroupProps() {
-			return mergeProps$1(domProps(), focusWithinProps, {
+			return mergeProps(domProps(), focusWithinProps, {
 				role: "radiogroup",
 				onKeyDown,
 				"aria-invalid": isInvalid() || void 0,
@@ -125,12 +168,18 @@ function createRadioGroup(props, state) {
 				"aria-required": isRequired() || void 0,
 				"aria-disabled": isDisabled() || void 0,
 				"aria-orientation": orientation(),
-				...fieldProps
+				...field.fieldProps
 			});
 		},
-		labelProps,
-		descriptionProps,
-		errorMessageProps,
+		get labelProps() {
+			return field.labelProps;
+		},
+		get descriptionProps() {
+			return field.descriptionProps;
+		},
+		get errorMessageProps() {
+			return field.errorMessageProps;
+		},
 		get isInvalid() {
 			return isInvalid();
 		},
@@ -163,13 +212,13 @@ function createRadio(props, state, ref) {
 	const isSelected = () => {
 		return state.selectedValue() === value();
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const p = getProps();
 		const hasChildren = p.children != null;
 		const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
 		if (!hasChildren && !hasAriaLabel && isDevEnv()) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		radioGroupSyncVersion.get(state)?.();
 		const shouldBeChecked = isSelected();
 		const inputEl = ref();
@@ -259,7 +308,7 @@ function createRadio(props, state, ref) {
 			return getProps().onKeyUp;
 		}
 	}, ref);
-	const interactions = mergeProps$1(pressProps, focusableProps);
+	const interactions = mergeProps(pressProps, focusableProps);
 	const domProps = () => filterDOMProps(getProps(), { labelable: true });
 	const getTabIndex = () => {
 		if (isDisabled()) return;
@@ -275,25 +324,37 @@ function createRadio(props, state, ref) {
 		}
 	};
 	const getGroupData = () => radioGroupData.get(state);
+	createFormReset(() => ref() ?? void 0, state.defaultSelectedValue, (value) => state.setSelectedValue(value));
+	createFormValidation({
+		get validationBehavior() {
+			return getGroupData()?.validationBehavior ?? "native";
+		},
+		focus: () => ref()?.focus()
+	}, state, () => ref() ?? void 0);
 	const combinedIsPressed = () => isPressed() || isLabelPressed();
 	const descriptionId = createSlotId();
+	const slotIdInDom = (id) => isServer || document.getElementById(id) !== null;
+	const inputDescribedBy = () => {
+		const p = getProps();
+		const groupData = getGroupData();
+		const describedByIds = [];
+		if (p["aria-describedby"]) describedByIds.push(p["aria-describedby"]);
+		const ownDescriptionId = descriptionId();
+		if (ownDescriptionId) describedByIds.push(ownDescriptionId);
+		if (state.isInvalid && groupData?.errorMessageId && slotIdInDom(groupData.errorMessageId)) describedByIds.push(groupData.errorMessageId);
+		if (groupData?.descriptionId && slotIdInDom(groupData.descriptionId)) describedByIds.push(groupData.descriptionId);
+		return describedByIds.length > 0 ? describedByIds.join(" ") : void 0;
+	};
 	return {
-		labelProps: mergeProps$1(labelPressProps, {
+		labelProps: mergeProps(labelPressProps, {
 			onClick: (e) => e.preventDefault(),
 			onMouseDown: (e) => e.preventDefault()
 		}),
+		inputDescribedBy,
 		get inputProps() {
-			const p = getProps();
 			const groupData = getGroupData();
-			const describedByIds = [];
-			if (p["aria-describedby"]) describedByIds.push(p["aria-describedby"]);
-			const ownDescriptionId = descriptionId();
-			if (ownDescriptionId) describedByIds.push(ownDescriptionId);
-			if (state.isInvalid && groupData?.errorMessageId) describedByIds.push(groupData.errorMessageId);
-			if (groupData?.descriptionId) describedByIds.push(groupData.descriptionId);
-			const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(" ") : void 0;
 			const validationBehavior = groupData?.validationBehavior ?? "native";
-			return mergeProps$1(domProps(), interactions, {
+			return mergeProps(domProps(), interactions, {
 				type: "radio",
 				name: groupData?.name,
 				form: groupData?.form,
@@ -302,8 +363,7 @@ function createRadio(props, state, ref) {
 				required: validationBehavior === "native" ? state.isRequired : void 0,
 				checked: isSelected(),
 				value: value(),
-				onChange,
-				"aria-describedby": ariaDescribedBy
+				onChange
 			});
 		},
 		get descriptionProps() {

package/dist/_chunk/radio.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"radio.jsx","names":["createId","mergeProps","mergeProps"],"sources":["../../src/radio/createRadioGroup.ts","../../src/radio/createRadio.ts"],"sourcesContent":["/**\n * Radio group hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n *\n * This is a 1:1 port of @react-aria/radio's useRadioGroup hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createField } from \"../label/createField\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusSafely, getEventTarget } from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport { createId } from \"../ssr\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type RadioGroupState, type ValidityState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaRadioGroupProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** A description for the radio group. Provides additional context. */\n  description?: JSX.Element;\n  /** An error message for the radio group. */\n  errorMessage?:\n    | JSX.Element\n    | ((validation: { isInvalid: boolean; validationErrors: string[] }) => JSX.Element);\n  /** Whether the radio group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the radio group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the radio group is required. */\n  isRequired?: boolean;\n  /** Whether the radio group is invalid. */\n  isInvalid?: boolean;\n  /** The axis the Radio Button(s) should align with. Defaults to 'vertical'. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** The name of the radio group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the radio group with. */\n  form?: string;\n  /** Validation behavior for the radio group. */\n  validationBehavior?: \"aria\" | \"native\";\n  /** Handler that is called when the radio group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide an error message for the object. */\n  \"aria-errormessage\"?: string;\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface RadioGroupAria {\n  /** Props for the radio group wrapper element. */\n  radioGroupProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the radio group's visible label (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio group is invalid. */\n  isInvalid: boolean;\n  /** Validation errors, if any. */\n  validationErrors: string[];\n  /** Validation details, if any. */\n  validationDetails: ValidityState;\n}\n\n// WeakMap to share data between radio group and radio items\ninterface RadioGroupData {\n  name: string;\n  form: string | undefined;\n  descriptionId: string | undefined;\n  errorMessageId: string | undefined;\n  validationBehavior: \"aria\" | \"native\";\n}\n\nexport const radioGroupData: WeakMap<RadioGroupState, RadioGroupData> = new WeakMap();\n\n/**\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n */\nexport function createRadioGroup(\n  props: MaybeAccessor<AriaRadioGroupProps>,\n  state: RadioGroupState,\n): RadioGroupAria {\n  const getProps = () => access(props);\n  const locale = useLocale();\n\n  const orientation = () => getProps().orientation ?? \"vertical\";\n  const isReadOnly = () => getProps().isReadOnly ?? false;\n  const isRequired = () => getProps().isRequired ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const validationBehavior = () => getProps().validationBehavior ?? \"native\";\n  const displayValidation = () => state.displayValidation();\n  const validationErrors = () => displayValidation().validationErrors;\n  const validationDetails = () => displayValidation().validationDetails;\n  const isInvalid = () => displayValidation().isInvalid;\n  const fallbackErrorMessage = () => {\n    const errors = validationErrors();\n    return errors.length > 0 ? errors : undefined;\n  };\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({\n    get id() {\n      return getProps().id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get description() {\n      return getProps().description;\n    },\n    get errorMessage() {\n      return getProps().errorMessage ?? fallbackErrorMessage();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    // Radio group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: \"span\",\n  });\n\n  // Handle focus within - reset focusable radio when group loses focus and no selection\n  const { focusWithinProps } = createFocusWithin({\n    onBlurWithin(e: FocusEvent) {\n      getProps().onBlur?.(e);\n      if (!state.selectedValue()) {\n        state.setLastFocusedValue(null);\n      }\n    },\n    onFocusWithin: (e: FocusEvent) => getProps().onFocus?.(e),\n    onFocusWithinChange: (isFocused: boolean) => getProps().onFocusChange?.(isFocused),\n  });\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const groupName = getProps().name ?? createId();\n\n  radioGroupData.set(state, {\n    name: groupName,\n    form: getProps().form,\n    descriptionId: descriptionProps.id,\n    errorMessageId: errorMessageProps.id,\n    validationBehavior: validationBehavior(),\n  });\n\n  const getNavigableRadios = (root: HTMLElement): HTMLInputElement[] => {\n    return Array.from(root.querySelectorAll('input[type=\"radio\"]')).filter(\n      (el): el is HTMLInputElement => {\n        return el instanceof HTMLInputElement && !el.matches(\":disabled\");\n      },\n    );\n  };\n\n  // Keyboard navigation parity with React Aria.\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (e) => {\n    let nextDir: \"next\" | \"prev\" | null = null;\n    const currentOrientation = orientation();\n    const isHorizontal = currentOrientation !== \"vertical\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextDir = isRTL ? \"prev\" : \"next\";\n        break;\n      case \"ArrowLeft\":\n        nextDir = isRTL ? \"next\" : \"prev\";\n        break;\n      case \"ArrowDown\":\n        nextDir = \"next\";\n        break;\n      case \"ArrowUp\":\n        nextDir = \"prev\";\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const root = e.currentTarget;\n    if (!(root instanceof HTMLElement)) {\n      return;\n    }\n\n    const radios = getNavigableRadios(root);\n    if (radios.length === 0) {\n      return;\n    }\n\n    const eventTarget = getEventTarget<Element>(e);\n    const activeElement = root.ownerDocument.activeElement;\n\n    const currentRadio =\n      eventTarget instanceof HTMLInputElement && eventTarget.type === \"radio\"\n        ? eventTarget\n        : activeElement instanceof HTMLInputElement && activeElement.type === \"radio\"\n          ? activeElement\n          : null;\n\n    const currentIndex = currentRadio ? radios.indexOf(currentRadio) : -1;\n\n    let nextIndex: number;\n    if (nextDir === \"next\") {\n      nextIndex = currentIndex >= 0 ? (currentIndex + 1) % radios.length : 0;\n    } else {\n      nextIndex =\n        currentIndex >= 0 ? (currentIndex - 1 + radios.length) % radios.length : radios.length - 1;\n    }\n\n    const nextRadio = radios[nextIndex];\n    if (!nextRadio) {\n      return;\n    }\n\n    focusSafely(nextRadio);\n    state.setSelectedValue(nextRadio.value);\n  };\n\n  return {\n    get radioGroupProps() {\n      return mergeProps(domProps(), focusWithinProps as unknown as Record<string, unknown>, {\n        role: \"radiogroup\",\n        onKeyDown,\n        \"aria-invalid\": isInvalid() || undefined,\n        \"aria-errormessage\": getProps()[\"aria-errormessage\"],\n        \"aria-readonly\": isReadOnly() || undefined,\n        \"aria-required\": isRequired() || undefined,\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-orientation\": orientation(),\n        ...fieldProps,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    labelProps: labelProps as JSX.HTMLAttributes<HTMLElement>,\n    descriptionProps,\n    errorMessageProps,\n    get isInvalid() {\n      return isInvalid();\n    },\n    get validationErrors() {\n      return validationErrors();\n    },\n    get validationDetails() {\n      return validationDetails();\n    },\n  };\n}\n","/**\n * Radio hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n *\n * This is a 1:1 port of @react-aria/radio's useRadio hook.\n */\n\nimport { JSX, Accessor, createEffect } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport { createSlotId } from \"../ssr\";\nimport { type RadioGroupState, radioGroupSyncVersion } from \"@proyecto-viviana/solid-stately\";\nimport { radioGroupData } from \"./createRadioGroup\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\n\nexport interface AriaRadioProps {\n  /** The value of the radio button, used when submitting an HTML form. */\n  value: string;\n  /** Whether the radio button is disabled. */\n  isDisabled?: boolean;\n  /** The label for the radio button. */\n  children?: JSX.Element;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n}\n\nexport interface RadioAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the radio's description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio is disabled. */\n  isDisabled: boolean;\n  /** Whether the radio is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the radio is in a pressed state. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n */\nexport function createRadio(\n  props: MaybeAccessor<AriaRadioProps>,\n  state: RadioGroupState,\n  ref: () => HTMLInputElement | null,\n): RadioAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled || state.isDisabled;\n  const value = () => getProps().value;\n  const isSelected: Accessor<boolean> = () => {\n    const selected = state.selectedValue();\n    const v = value();\n    return selected === v;\n  };\n\n  createEffect(() => {\n    const p = getProps();\n    const hasChildren = p.children != null;\n    const hasAriaLabel = p[\"aria-label\"] != null || p[\"aria-labelledby\"] != null;\n    if (!hasChildren && !hasAriaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide children, you must specify an aria-label for accessibility\",\n      );\n    }\n  });\n\n  // SolidJS-specific: Sync DOM checked state whenever selection changes\n  // This handles:\n  // 1. Initial render with controlled value\n  // 2. Controlled mode where parent doesn't update value after click\n  // 3. Native radio group behavior (clicking one unchecks others)\n  //\n  // Unlike React's VDOM reconciliation that re-applies all props on every render,\n  // SolidJS only updates when signals change. Native radio behavior can change\n  // the DOM checked state without our knowledge, so we need to actively sync.\n  //\n  // We track `syncVersion` to ensure this effect runs on EVERY selection attempt,\n  // even in controlled mode where isSelected() may not change.\n  createEffect(() => {\n    // The WeakMap accessor is outside the public API to maintain React Aria parity.\n    const syncVersion = radioGroupSyncVersion.get(state);\n    syncVersion?.();\n\n    const shouldBeChecked = isSelected();\n    const inputEl = ref();\n    if (!inputEl) return;\n\n    if (inputEl.checked !== shouldBeChecked) {\n      inputEl.checked = shouldBeChecked;\n    }\n  });\n\n  // SolidJS-specific: Unlike React, the input's `checked` state can get out of sync\n  // with our reactive state. This happens because:\n  // 1. A readonly `<input type=\"radio\" />` is always \"checkable\" in the browser\n  // 2. Even controlled inputs (`<input checked={isChecked} />`) will change their\n  //    internal `checked` state when clicked, regardless of what the signal says\n  //\n  // To prevent this, we force the input's `checked` DOM property to match our state\n  // after processing the change. This is a common pattern across SolidJS component\n  // libraries (see CREDITS.md for attribution).\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    e.stopPropagation();\n\n    const target = e.target as HTMLInputElement;\n\n    // Guard against disabled state - JSDOM's fireEvent may bypass disabled check\n    if (isDisabled()) {\n      target.checked = isSelected();\n      return;\n    }\n\n    state.setSelectedValue(value());\n\n    // Focus the input when clicked\n    // In real browsers this happens automatically, but JSDOM/fireEvent doesn't trigger it\n    target.focus();\n\n    // Force the DOM checked state to match our reactive state\n    // This handles controlled mode where the parent might not update the value\n    target.checked = isSelected();\n  };\n\n  // Handle press state for keyboard interactions and cases where labelProps is not used.\n  const { pressProps, isPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    onPress(e: PressEvent) {\n      getProps().onPress?.(e);\n      state.setSelectedValue(value());\n      ref()?.focus();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { focusableProps } = createFocusable(\n    {\n      get isDisabled() {\n        return isDisabled();\n      },\n      get autoFocus() {\n        return getProps().autoFocus;\n      },\n      onFocus(e: FocusEvent) {\n        getProps().onFocus?.(e);\n        state.setLastFocusedValue(value());\n      },\n      get onBlur() {\n        return getProps().onBlur;\n      },\n      get onFocusChange() {\n        return getProps().onFocusChange;\n      },\n      get onKeyDown() {\n        return getProps().onKeyDown;\n      },\n      get onKeyUp() {\n        return getProps().onKeyUp;\n      },\n    },\n    ref as unknown as (el: HTMLElement) => void,\n  );\n\n  const interactions = mergeProps(pressProps, focusableProps);\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const getTabIndex = (): number | undefined => {\n    if (isDisabled()) {\n      return undefined;\n    }\n\n    const selected = state.selectedValue();\n    const lastFocused = state.lastFocusedValue();\n    const currentValue = value();\n\n    if (selected != null) {\n      if (selected === currentValue) {\n        return 0;\n      }\n      return -1;\n    } else {\n      if (lastFocused === currentValue || lastFocused == null) {\n        return 0;\n      }\n      return -1;\n    }\n  };\n\n  const getGroupData = () => radioGroupData.get(state);\n\n  const combinedIsPressed: Accessor<boolean> = () => isPressed() || isLabelPressed();\n\n  // The radio's own description slot id — resolves only once an element with\n  // this id is rendered (e.g. a `<Text slot=\"description\">` child).\n  const descriptionId = createSlotId();\n\n  return {\n    labelProps: mergeProps(labelPressProps, {\n      onClick: (e: MouseEvent) => e.preventDefault(),\n      onMouseDown: (e: MouseEvent) => e.preventDefault(),\n    }),\n    get inputProps() {\n      const p = getProps();\n      const groupData = getGroupData();\n\n      // Order mirrors upstream useRadio: the user's aria-describedby, then the\n      // radio's own description, then the group's error message (when invalid)\n      // and the group's shared description.\n      const describedByIds: string[] = [];\n      if (p[\"aria-describedby\"]) {\n        describedByIds.push(p[\"aria-describedby\"]);\n      }\n      const ownDescriptionId = descriptionId();\n      if (ownDescriptionId) {\n        describedByIds.push(ownDescriptionId);\n      }\n      if (state.isInvalid && groupData?.errorMessageId) {\n        describedByIds.push(groupData.errorMessageId);\n      }\n      if (groupData?.descriptionId) {\n        describedByIds.push(groupData.descriptionId);\n      }\n      const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(\" \") : undefined;\n      const validationBehavior = groupData?.validationBehavior ?? \"native\";\n\n      return mergeProps(domProps(), interactions, {\n        type: \"radio\" as const,\n        name: groupData?.name,\n        form: groupData?.form,\n        tabIndex: getTabIndex(),\n        disabled: isDisabled(),\n        required: validationBehavior === \"native\" ? state.isRequired : undefined,\n        checked: isSelected(),\n        value: value(),\n        onChange,\n        \"aria-describedby\": ariaDescribedBy,\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    isDisabled: isDisabled(),\n    isSelected,\n    isPressed: combinedIsPressed,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"radio.jsx","names":["createId"],"sources":["../../src/radio/createRadioGroup.ts","../../src/radio/createRadio.ts"],"sourcesContent":["/*\n * Copyright 2020 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-aria/src/radio/useRadioGroup.ts\n\n/**\n * Radio group hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n *\n * This is a 1:1 port of @react-aria/radio's useRadioGroup hook.\n */\n\nimport { createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createField } from \"../label/createField\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusSafely, getEventTarget } from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport { createId } from \"../ssr\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { type RadioGroupState, type ValidityState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaRadioGroupProps {\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** A description for the radio group. Provides additional context. */\n  description?: JSX.Element;\n  /** An error message for the radio group. */\n  errorMessage?:\n    | JSX.Element\n    | ((validation: { isInvalid: boolean; validationErrors: string[] }) => JSX.Element);\n  /** Whether the radio group is disabled. */\n  isDisabled?: boolean;\n  /** Whether the radio group is read only. */\n  isReadOnly?: boolean;\n  /** Whether the radio group is required. */\n  isRequired?: boolean;\n  /** Whether the radio group is invalid. */\n  isInvalid?: boolean;\n  /** The axis the Radio Button(s) should align with. Defaults to 'vertical'. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** The name of the radio group, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the radio group with. */\n  form?: string;\n  /** Validation behavior for the radio group. */\n  validationBehavior?: \"aria\" | \"native\";\n  /** Handler that is called when the radio group receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the radio group's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide an error message for the object. */\n  \"aria-errormessage\"?: string;\n  /** The element's unique identifier. */\n  id?: string;\n}\n\nexport interface RadioGroupAria {\n  /** Props for the radio group wrapper element. */\n  radioGroupProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the radio group's visible label (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the radio group error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio group is invalid. */\n  isInvalid: boolean;\n  /** Validation errors, if any. */\n  validationErrors: string[];\n  /** Validation details, if any. */\n  validationDetails: ValidityState;\n}\n\n// WeakMap to share data between radio group and radio items\ninterface RadioGroupData {\n  name: string;\n  form: string | undefined;\n  descriptionId: string | undefined;\n  errorMessageId: string | undefined;\n  validationBehavior: \"aria\" | \"native\";\n}\n\nexport const radioGroupData: WeakMap<RadioGroupState, RadioGroupData> = new WeakMap();\n\n/**\n * Provides the behavior and accessibility implementation for a radio group component.\n * Radio groups allow users to select a single item from a list of mutually exclusive options.\n */\nexport function createRadioGroup(\n  props: MaybeAccessor<AriaRadioGroupProps>,\n  state: RadioGroupState,\n): RadioGroupAria {\n  const getProps = () => access(props);\n  const locale = useLocale();\n\n  const orientation = () => getProps().orientation ?? \"vertical\";\n  const isReadOnly = () => getProps().isReadOnly ?? false;\n  const isRequired = () => getProps().isRequired ?? false;\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const validationBehavior = () => getProps().validationBehavior ?? \"native\";\n  const displayValidation = () => state.displayValidation();\n  const validationErrors = () => displayValidation().validationErrors;\n  const validationDetails = () => displayValidation().validationDetails;\n  const isInvalid = () => displayValidation().isInvalid;\n  const fallbackErrorMessage = () => {\n    const errors = validationErrors();\n    return errors.length > 0 ? errors : undefined;\n  };\n\n  // Keep the `createField` getters intact. Destructuring `fieldProps` would\n  // freeze the first `aria-describedby` snapshot (RAC `useField.ts:51-60`).\n  // `aria-describedby` must reach `createField` so slot ids concatenate with\n  // the user prop instead of overwriting it (`useField.ts:51-60`).\n  const field = createField({\n    get id() {\n      return getProps().id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get description() {\n      return getProps().description;\n    },\n    get errorMessage() {\n      return getProps().errorMessage ?? fallbackErrorMessage();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    // Radio group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: \"span\",\n  });\n\n  // Handle focus within - reset focusable radio when group loses focus and no selection\n  const { focusWithinProps } = createFocusWithin({\n    onBlurWithin(e: FocusEvent) {\n      getProps().onBlur?.(e);\n      if (!state.selectedValue()) {\n        state.setLastFocusedValue(null);\n      }\n    },\n    onFocusWithin: (e: FocusEvent) => getProps().onFocus?.(e),\n    onFocusWithinChange: (isFocused: boolean) => getProps().onFocusChange?.(isFocused),\n  });\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const groupName = getProps().name ?? createId();\n\n  const updateRadioGroupData = () => {\n    radioGroupData.set(state, {\n      name: groupName,\n      form: getProps().form,\n      descriptionId:\n        typeof field.descriptionProps.id === \"string\" ? field.descriptionProps.id : undefined,\n      errorMessageId:\n        typeof field.errorMessageProps.id === \"string\" ? field.errorMessageProps.id : undefined,\n      validationBehavior: validationBehavior(),\n    });\n  };\n  updateRadioGroupData();\n  createTrackedEffect(updateRadioGroupData);\n\n  const getNavigableRadios = (root: HTMLElement): HTMLInputElement[] => {\n    return Array.from(root.querySelectorAll('input[type=\"radio\"]')).filter(\n      (el): el is HTMLInputElement => {\n        return el instanceof HTMLInputElement && !el.matches(\":disabled\");\n      },\n    );\n  };\n\n  // Keyboard navigation parity with React Aria.\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (e) => {\n    let nextDir: \"next\" | \"prev\" | null = null;\n    const currentOrientation = orientation();\n    const isHorizontal = currentOrientation !== \"vertical\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextDir = isRTL ? \"prev\" : \"next\";\n        break;\n      case \"ArrowLeft\":\n        nextDir = isRTL ? \"next\" : \"prev\";\n        break;\n      case \"ArrowDown\":\n        nextDir = \"next\";\n        break;\n      case \"ArrowUp\":\n        nextDir = \"prev\";\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n\n    const root = e.currentTarget;\n    if (!(root instanceof HTMLElement)) {\n      return;\n    }\n\n    const radios = getNavigableRadios(root);\n    if (radios.length === 0) {\n      return;\n    }\n\n    const eventTarget = getEventTarget<Element>(e);\n    const activeElement = root.ownerDocument.activeElement;\n\n    const currentRadio =\n      eventTarget instanceof HTMLInputElement && eventTarget.type === \"radio\"\n        ? eventTarget\n        : activeElement instanceof HTMLInputElement && activeElement.type === \"radio\"\n          ? activeElement\n          : null;\n\n    const currentIndex = currentRadio ? radios.indexOf(currentRadio) : -1;\n\n    let nextIndex: number;\n    if (nextDir === \"next\") {\n      nextIndex = currentIndex >= 0 ? (currentIndex + 1) % radios.length : 0;\n    } else {\n      nextIndex =\n        currentIndex >= 0 ? (currentIndex - 1 + radios.length) % radios.length : radios.length - 1;\n    }\n\n    const nextRadio = radios[nextIndex];\n    if (!nextRadio) {\n      return;\n    }\n\n    focusSafely(nextRadio);\n    state.setSelectedValue(nextRadio.value);\n  };\n\n  return {\n    get radioGroupProps() {\n      return mergeProps(domProps(), focusWithinProps as unknown as Record<string, unknown>, {\n        role: \"radiogroup\",\n        onKeyDown,\n        \"aria-invalid\": isInvalid() || undefined,\n        \"aria-errormessage\": getProps()[\"aria-errormessage\"],\n        \"aria-readonly\": isReadOnly() || undefined,\n        \"aria-required\": isRequired() || undefined,\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-orientation\": orientation(),\n        ...field.fieldProps,\n      }) as JSX.HTMLAttributes<HTMLDivElement>;\n    },\n    get labelProps() {\n      return field.labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return field.descriptionProps;\n    },\n    get errorMessageProps() {\n      return field.errorMessageProps;\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    get validationErrors() {\n      return validationErrors();\n    },\n    get validationDetails() {\n      return validationDetails();\n    },\n  };\n}\n","/*\n * Copyright 2020 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-aria/src/radio/useRadio.ts\n\n/**\n * Radio hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n *\n * This is a 1:1 port of @react-aria/radio's useRadio hook.\n */\n\nimport { Accessor, createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { isServer } from \"@solidjs/web\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport { createSlotId } from \"../ssr\";\nimport { type RadioGroupState, radioGroupSyncVersion } from \"@proyecto-viviana/solid-stately\";\nimport { radioGroupData } from \"./createRadioGroup\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\nimport { createFormValidation } from \"../form/createFormValidation\";\nimport { createFormReset } from \"../form/createFormReset\";\n\nexport interface AriaRadioProps {\n  /** The value of the radio button, used when submitting an HTML form. */\n  value: string;\n  /** Whether the radio button is disabled. */\n  isDisabled?: boolean;\n  /** The label for the radio button. */\n  children?: JSX.Element;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n}\n\nexport interface RadioAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * The input's `aria-describedby`. Kept off `inputProps` so a `createSlotId`\n   * probe (RAC `useSlotId` / `useId.ts:135-149`) can patch the attribute\n   * without a spread that recreates the input.\n   */\n  inputDescribedBy: Accessor<string | undefined>;\n  /** Props for the radio's description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the radio is disabled. */\n  isDisabled: boolean;\n  /** Whether the radio is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the radio is in a pressed state. */\n  isPressed: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an individual\n * radio button in a radio group.\n */\nexport function createRadio(\n  props: MaybeAccessor<AriaRadioProps>,\n  state: RadioGroupState,\n  ref: () => HTMLInputElement | null,\n): RadioAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled || state.isDisabled;\n  const value = () => getProps().value;\n  const isSelected: Accessor<boolean> = () => {\n    const selected = state.selectedValue();\n    const v = value();\n    return selected === v;\n  };\n\n  createTrackedEffect(() => {\n    const p = getProps();\n    const hasChildren = p.children != null;\n    const hasAriaLabel = p[\"aria-label\"] != null || p[\"aria-labelledby\"] != null;\n    if (!hasChildren && !hasAriaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide children, you must specify an aria-label for accessibility\",\n      );\n    }\n  });\n\n  // SolidJS-specific: Sync DOM checked state whenever selection changes\n  // This handles:\n  // 1. Initial render with controlled value\n  // 2. Controlled mode where parent doesn't update value after click\n  // 3. Native radio group behavior (clicking one unchecks others)\n  //\n  // Unlike React's VDOM reconciliation that re-applies all props on every render,\n  // SolidJS only updates when signals change. Native radio behavior can change\n  // the DOM checked state without our knowledge, so we need to actively sync.\n  //\n  // We track `syncVersion` to ensure this effect runs on EVERY selection attempt,\n  // even in controlled mode where isSelected() may not change.\n  createTrackedEffect(() => {\n    // The WeakMap accessor is outside the public API to maintain React Aria parity.\n    const syncVersion = radioGroupSyncVersion.get(state);\n    syncVersion?.();\n\n    const shouldBeChecked = isSelected();\n    const inputEl = ref();\n    if (!inputEl) return;\n\n    if (inputEl.checked !== shouldBeChecked) {\n      inputEl.checked = shouldBeChecked;\n    }\n  });\n\n  // SolidJS-specific: Unlike React, the input's `checked` state can get out of sync\n  // with our reactive state. This happens because:\n  // 1. A readonly `<input type=\"radio\" />` is always \"checkable\" in the browser\n  // 2. Even controlled inputs (`<input checked={isChecked} />`) will change their\n  //    internal `checked` state when clicked, regardless of what the signal says\n  //\n  // To prevent this, we force the input's `checked` DOM property to match our state\n  // after processing the change. This is a common pattern across SolidJS component\n  // libraries (see CREDITS.md for attribution).\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    e.stopPropagation();\n\n    const target = e.target as HTMLInputElement;\n\n    // Guard against disabled state - JSDOM's fireEvent may bypass disabled check\n    if (isDisabled()) {\n      target.checked = isSelected();\n      return;\n    }\n\n    state.setSelectedValue(value());\n\n    // Focus the input when clicked\n    // In real browsers this happens automatically, but JSDOM/fireEvent doesn't trigger it\n    target.focus();\n\n    // Force the DOM checked state to match our reactive state\n    // This handles controlled mode where the parent might not update the value\n    target.checked = isSelected();\n  };\n\n  // Handle press state for keyboard interactions and cases where labelProps is not used.\n  const { pressProps, isPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    onPress(e: PressEvent) {\n      getProps().onPress?.(e);\n      state.setSelectedValue(value());\n      ref()?.focus();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  const { focusableProps } = createFocusable(\n    {\n      get isDisabled() {\n        return isDisabled();\n      },\n      get autoFocus() {\n        return getProps().autoFocus;\n      },\n      onFocus(e: FocusEvent) {\n        getProps().onFocus?.(e);\n        state.setLastFocusedValue(value());\n      },\n      get onBlur() {\n        return getProps().onBlur;\n      },\n      get onFocusChange() {\n        return getProps().onFocusChange;\n      },\n      get onKeyDown() {\n        return getProps().onKeyDown;\n      },\n      get onKeyUp() {\n        return getProps().onKeyUp;\n      },\n    },\n    ref as unknown as (el: HTMLElement) => void,\n  );\n\n  const interactions = mergeProps(pressProps, focusableProps);\n\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const getTabIndex = (): number | undefined => {\n    if (isDisabled()) {\n      return undefined;\n    }\n\n    const selected = state.selectedValue();\n    const lastFocused = state.lastFocusedValue();\n    const currentValue = value();\n\n    if (selected != null) {\n      if (selected === currentValue) {\n        return 0;\n      }\n      return -1;\n    } else {\n      if (lastFocused === currentValue || lastFocused == null) {\n        return 0;\n      }\n      return -1;\n    }\n  };\n\n  const getGroupData = () => radioGroupData.get(state);\n\n  // RAC `useRadio.ts:156-157`: native reset + custom validity on every radio.\n  createFormReset(\n    () => ref() ?? undefined,\n    state.defaultSelectedValue,\n    (value) => state.setSelectedValue(value),\n  );\n  createFormValidation(\n    {\n      get validationBehavior() {\n        return getGroupData()?.validationBehavior ?? \"native\";\n      },\n      focus: () => ref()?.focus(),\n    },\n    state,\n    () => ref() ?? undefined,\n  );\n\n  const combinedIsPressed: Accessor<boolean> = () => isPressed() || isLabelPressed();\n\n  // The radio's own description slot id — resolves only once an element with\n  // this id is rendered (e.g. a `<Text slot=\"description\">` child).\n  const descriptionId = createSlotId();\n\n  // The group's ids reach the radio through the `radioGroupData` WeakMap, a\n  // snapshot rather than a signal, so the radio probes the DOM itself the way\n  // `useSlotId` does (#258 replaces this path with group-level TextContext\n  // slots). The probe is client-only: on the server the slot id is emitted as\n  // is — `useSlotId` yields the raw id before its layout effect runs, and the\n  // client probe patches the attribute after hydration. `document` does not\n  // exist on the server; reading it there threw inside `renderToString` and the\n  // route's error boundary rendered instead of the RadioGroup.\n  const slotIdInDom = (id: string): boolean => isServer || document.getElementById(id) !== null;\n\n  const inputDescribedBy: Accessor<string | undefined> = () => {\n    const p = getProps();\n    const groupData = getGroupData();\n\n    // Order mirrors upstream useRadio: the user's aria-describedby, then the\n    // radio's own description, then the group's error message (when invalid)\n    // and the group's shared description.\n    const describedByIds: string[] = [];\n    if (p[\"aria-describedby\"]) {\n      describedByIds.push(p[\"aria-describedby\"]);\n    }\n    const ownDescriptionId = descriptionId();\n    if (ownDescriptionId) {\n      describedByIds.push(ownDescriptionId);\n    }\n    if (state.isInvalid && groupData?.errorMessageId && slotIdInDom(groupData.errorMessageId)) {\n      describedByIds.push(groupData.errorMessageId);\n    }\n    if (groupData?.descriptionId && slotIdInDom(groupData.descriptionId)) {\n      describedByIds.push(groupData.descriptionId);\n    }\n    return describedByIds.length > 0 ? describedByIds.join(\" \") : undefined;\n  };\n\n  return {\n    labelProps: mergeProps(labelPressProps, {\n      onClick: (e: MouseEvent) => e.preventDefault(),\n      onMouseDown: (e: MouseEvent) => e.preventDefault(),\n    }) as JSX.LabelHTMLAttributes<HTMLLabelElement>,\n    inputDescribedBy,\n    get inputProps() {\n      const groupData = getGroupData();\n      const validationBehavior = groupData?.validationBehavior ?? \"native\";\n\n      return mergeProps(domProps(), interactions, {\n        type: \"radio\" as const,\n        name: groupData?.name,\n        form: groupData?.form,\n        tabIndex: getTabIndex(),\n        disabled: isDisabled(),\n        required: validationBehavior === \"native\" ? state.isRequired : undefined,\n        checked: isSelected(),\n        value: value(),\n        onChange,\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    isDisabled: isDisabled(),\n    isSelected,\n    isPressed: combinedIsPressed,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/reactivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.js","names":[],"sources":["../../src/utils/reactivity.ts"],"sourcesContent":["/**\n * Reactivity utilities for Solidaria\n *\n * Provides type-safe utilities for working with SolidJS reactivity patterns.\n */\n\nimport { Accessor } from \"solid-js\";\n\n/**\n * A value that may be either a raw value or an accessor function.\n * This is a common pattern in SolidJS for props that may be reactive.\n */\nexport type MaybeAccessor<T> = T | Accessor<T>;\n\n/**\n * Unwraps a MaybeAccessor to get the underlying value.\n * If the input is a function, it calls it to get the value.\n * Otherwise, it returns the value directly.\n *\n * @param value - The value or accessor to unwrap.\n */\nexport function access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === \"function\" ? (value as Accessor<T>)() : value;\n}\n\n/**\n * A value that may be undefined or an accessor that returns the value or undefined.\n */\nexport type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;\n\n/**\n * Checks if a value is an accessor function.\n */\nexport function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T> {\n  return typeof value === \"function\";\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,OAAU,OAA4B;CACpD,OAAO,OAAO,UAAU,aAAc,MAAsB,IAAI;AAClE;;;;AAUA,SAAgB,WAAc,OAA+C;CAC3E,OAAO,OAAO,UAAU;AAC1B"}
+{"version":3,"file":"reactivity.js","names":[],"sources":["../../src/utils/reactivity.ts"],"sourcesContent":["/**\n * Reactivity utilities for Solidaria\n *\n * Provides type-safe utilities for working with SolidJS reactivity patterns.\n * This is a local Solid helper. It has no direct React Aria\n * counterpart.\n */\n\nimport { Accessor } from \"solid-js\";\n\n/**\n * A value that may be either a raw value or an accessor function.\n * This is a common pattern in SolidJS for props that may be reactive.\n */\nexport type MaybeAccessor<T> = T | Accessor<T>;\n\n/**\n * Unwraps a MaybeAccessor to get the underlying value.\n * If the input is a function, it calls it to get the value.\n * Otherwise, it returns the value directly.\n *\n * @param value - The value or accessor to unwrap.\n */\nexport function access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === \"function\" ? (value as Accessor<T>)() : value;\n}\n\n/**\n * A value that may be undefined or an accessor that returns the value or undefined.\n */\nexport type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;\n\n/**\n * Checks if a value is an accessor function.\n */\nexport function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T> {\n  return typeof value === \"function\";\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,OAAU,OAA4B;CACpD,OAAO,OAAO,UAAU,aAAc,MAAsB,IAAI;AAClE;;;;AAUA,SAAgB,WAAc,OAA+C;CAC3E,OAAO,OAAO,UAAU;AAC1B"}

package/dist/_chunk/reactivity.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.jsx","names":[],"sources":["../../src/utils/reactivity.ts"],"sourcesContent":["/**\n * Reactivity utilities for Solidaria\n *\n * Provides type-safe utilities for working with SolidJS reactivity patterns.\n */\n\nimport { Accessor } from \"solid-js\";\n\n/**\n * A value that may be either a raw value or an accessor function.\n * This is a common pattern in SolidJS for props that may be reactive.\n */\nexport type MaybeAccessor<T> = T | Accessor<T>;\n\n/**\n * Unwraps a MaybeAccessor to get the underlying value.\n * If the input is a function, it calls it to get the value.\n * Otherwise, it returns the value directly.\n *\n * @param value - The value or accessor to unwrap.\n */\nexport function access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === \"function\" ? (value as Accessor<T>)() : value;\n}\n\n/**\n * A value that may be undefined or an accessor that returns the value or undefined.\n */\nexport type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;\n\n/**\n * Checks if a value is an accessor function.\n */\nexport function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T> {\n  return typeof value === \"function\";\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,OAAU,OAA4B;CACpD,OAAO,OAAO,UAAU,aAAc,MAAsB,IAAI;AAClE;;;;AAUA,SAAgB,WAAc,OAA+C;CAC3E,OAAO,OAAO,UAAU;AAC1B"}
+{"version":3,"file":"reactivity.jsx","names":[],"sources":["../../src/utils/reactivity.ts"],"sourcesContent":["/**\n * Reactivity utilities for Solidaria\n *\n * Provides type-safe utilities for working with SolidJS reactivity patterns.\n * This is a local Solid helper. It has no direct React Aria\n * counterpart.\n */\n\nimport { Accessor } from \"solid-js\";\n\n/**\n * A value that may be either a raw value or an accessor function.\n * This is a common pattern in SolidJS for props that may be reactive.\n */\nexport type MaybeAccessor<T> = T | Accessor<T>;\n\n/**\n * Unwraps a MaybeAccessor to get the underlying value.\n * If the input is a function, it calls it to get the value.\n * Otherwise, it returns the value directly.\n *\n * @param value - The value or accessor to unwrap.\n */\nexport function access<T>(value: MaybeAccessor<T>): T {\n  return typeof value === \"function\" ? (value as Accessor<T>)() : value;\n}\n\n/**\n * A value that may be undefined or an accessor that returns the value or undefined.\n */\nexport type MaybeAccessorValue<T> = T | undefined | Accessor<T | undefined>;\n\n/**\n * Checks if a value is an accessor function.\n */\nexport function isAccessor<T>(value: MaybeAccessor<T>): value is Accessor<T> {\n  return typeof value === \"function\";\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,OAAU,OAA4B;CACpD,OAAO,OAAO,UAAU,aAAc,MAAsB,IAAI;AAClE;;;;AAUA,SAAgB,WAAc,OAA+C;CAC3E,OAAO,OAAO,UAAU;AAC1B"}

package/dist/_chunk/refs.js

@@ -0,0 +1,41 @@
+import { createEffect, createSignal, onSettled } from "solid-js";
+//#region src/utils/refs.ts
+/**
+* Solid 2 ref assignment.
+*
+* `Ref<T>` is `T | ((val: T) => void) | undefined | Ref<T>[]`. JSX
+* `ref={local.ref}` compiles as a property write (`local.ref = el`) when
+* `local` is an object, so getter-only splitProps/mergeProps bags need a
+* setter that forwards to the live callback / array / `{ current }`.
+*/
+/**
+* Track a ref accessor that may close over a plain `let` assigned during
+* insert. `createEffect(() => ref())` runs once with `null` and never
+* re-runs; `onSettled` picks the element up after commit.
+*/
+function followRef(ref) {
+	const [el, setEl] = createSignal(() => ref(), { ownedWrite: true });
+	createEffect(() => ref(), (node) => {
+		setEl(() => node);
+	});
+	onSettled(() => {
+		setEl(() => ref());
+	});
+	return el;
+}
+function assignRef(ref, el) {
+	if (ref == null) return;
+	if (typeof ref === "function") {
+		ref(el);
+		return;
+	}
+	if (Array.isArray(ref)) {
+		for (const item of ref) assignRef(item, el);
+		return;
+	}
+	if (typeof ref === "object" && "current" in ref) ref.current = el;
+}
+//#endregion
+export { followRef as n, assignRef as t };
+
+//# sourceMappingURL=refs.js.map

package/dist/_chunk/refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.js","names":[],"sources":["../../src/utils/refs.ts"],"sourcesContent":["/**\n * Solid 2 ref assignment.\n *\n * `Ref<T>` is `T | ((val: T) => void) | undefined | Ref<T>[]`. JSX\n * `ref={local.ref}` compiles as a property write (`local.ref = el`) when\n * `local` is an object, so getter-only splitProps/mergeProps bags need a\n * setter that forwards to the live callback / array / `{ current }`.\n */\n\nimport { createEffect, createSignal, onSettled } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined | RefLike<T>[];\n\n/**\n * Track a ref accessor that may close over a plain `let` assigned during\n * insert. `createEffect(() => ref())` runs once with `null` and never\n * re-runs; `onSettled` picks the element up after commit.\n */\nexport function followRef<T>(ref: Accessor<T | null | undefined>): Accessor<T | null | undefined> {\n  // The computed initializer owns the initial ref read. Seeding undefined and\n  // then reading through a setter instead makes nested ref followers read a\n  // stale hydration snapshot in their caller's owner, rebuilding its children\n  // when hydration completes.\n  const [el, setEl] = createSignal<T | null | undefined>(() => ref(), {\n    ownedWrite: true,\n  });\n  createEffect(\n    () => ref(),\n    (node) => {\n      setEl(() => node);\n    },\n  );\n  onSettled(() => {\n    setEl(() => ref());\n  });\n  return el;\n}\n\nexport function assignRef<T>(ref: RefLike<T> | unknown, el: T): void {\n  if (ref == null) return;\n  if (typeof ref === \"function\") {\n    (ref as (value: T) => void)(el);\n    return;\n  }\n  if (Array.isArray(ref)) {\n    for (const item of ref) assignRef(item, el);\n    return;\n  }\n  if (typeof ref === \"object\" && \"current\" in (ref as object)) {\n    (ref as { current?: T | null }).current = el;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,UAAa,KAAqE;CAKhG,MAAM,CAAC,IAAI,SAAS,mBAAyC,IAAI,GAAG,EAClE,YAAY,KACd,CAAC;CACD,mBACQ,IAAI,IACT,SAAS;EACR,YAAY,IAAI;CAClB,CACF;CACA,gBAAgB;EACd,YAAY,IAAI,CAAC;CACnB,CAAC;CACD,OAAO;AACT;AAEA,SAAgB,UAAa,KAA2B,IAAa;CACnE,IAAI,OAAO,MAAM;CACjB,IAAI,OAAO,QAAQ,YAAY;EAC7B,IAA4B,EAAE;EAC9B;CACF;CACA,IAAI,MAAM,QAAQ,GAAG,GAAG;EACtB,KAAK,MAAM,QAAQ,KAAK,UAAU,MAAM,EAAE;EAC1C;CACF;CACA,IAAI,OAAO,QAAQ,YAAY,aAAc,KAC3C,IAAgC,UAAU;AAE9C"}