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

package/dist/_chunk/slider.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"slider.jsx","names":["mergeProps"],"sources":["../../src/slider/createSlider.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a slider component.\n * A slider allows users to select a value from a range.\n * Based on @react-aria/slider useSlider.\n */\n\nimport { type JSX, onCleanup, onMount } from \"solid-js\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusWithoutScrolling } from \"../utils/focus\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { useLocale } from \"../i18n\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { SliderState, SliderOrientation } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaSliderProps {\n  /** An ID for the slider. */\n  id?: string;\n  /** Whether the slider is disabled. */\n  isDisabled?: boolean;\n  /** The label for the slider. */\n  label?: JSX.Element;\n  /** An accessible label for the slider when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the slider. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the slider. */\n  \"aria-describedby\"?: string;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n}\n\nexport interface SliderAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the root group element. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the track element. */\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the thumb element. */\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the hidden input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the output element (showing current value). */\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a slider.\n */\nexport function createSlider(\n  props: MaybeAccessor<AriaSliderProps>,\n  state: SliderState,\n  trackRef?: () => HTMLElement | null,\n  inputRef?: () => HTMLInputElement | null,\n): SliderAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n  const locale = useLocale();\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const outputId = `${id}-output`;\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\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    labelElementType: \"span\",\n  });\n\n  // Focus ring for keyboard focus styling\n  const { isFocusVisible, focusProps } = createFocusRing({\n    within: true,\n  });\n\n  // Track pointer state for drag handling\n  let currentPointerId: number | null = null;\n\n  // Calculate position from pointer event\n  const getPositionFromPointer = (clientX: number, clientY: number): number => {\n    const track = trackRef?.();\n    if (!track) return 0;\n\n    const rect = track.getBoundingClientRect();\n    const isVertical = state.orientation === \"vertical\";\n\n    let position: number;\n    if (isVertical) {\n      position = (rect.bottom - clientY) / rect.height;\n    } else {\n      position = (clientX - rect.left) / rect.width;\n    }\n\n    return Math.max(0, Math.min(1, position));\n  };\n\n  // Handle pointer down on track\n  const onTrackPointerDown = (e: PointerEvent) => {\n    if (state.isDisabled || e.button !== 0) return;\n\n    e.preventDefault();\n    currentPointerId = e.pointerId;\n\n    const track = trackRef?.();\n    if (track) {\n      track.setPointerCapture(e.pointerId);\n    }\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(true);\n  };\n\n  // Handle pointer move for dragging\n  const onTrackPointerMove = (e: PointerEvent) => {\n    if (!state.isDragging() || e.pointerId !== currentPointerId) return;\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n  };\n\n  // Handle pointer up to end drag\n  const onTrackPointerUp = (e: PointerEvent) => {\n    if (e.pointerId !== currentPointerId) return;\n\n    const track = trackRef?.();\n    if (track) {\n      track.releasePointerCapture(e.pointerId);\n    }\n\n    currentPointerId = null;\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(false);\n  };\n\n  // Keyboard navigation that is not consistently handled by the native range input.\n  const onThumbKeyDown = (e: KeyboardEvent) => {\n    if (state.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        e.preventDefault();\n        if (state.orientation === \"horizontal\" && locale().direction === \"rtl\") {\n          state.decrement();\n        } else {\n          state.increment();\n        }\n        break;\n      case \"ArrowLeft\":\n        e.preventDefault();\n        if (state.orientation === \"horizontal\" && locale().direction === \"rtl\") {\n          state.increment();\n        } else {\n          state.decrement();\n        }\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (state.orientation === \"vertical\") {\n          state.increment();\n        } else {\n          state.decrement();\n        }\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (state.orientation === \"vertical\") {\n          state.decrement();\n        } else {\n          state.increment();\n        }\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.increment(state.pageStep / state.step);\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrement(state.pageStep / state.step);\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.setValue(state.minValue);\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.setValue(state.maxValue);\n        break;\n    }\n  };\n\n  // Handle focus events\n  const onFocus = () => {\n    state.setFocused(true);\n  };\n\n  const onBlur = () => {\n    state.setFocused(false);\n  };\n\n  // Handle pointer down on thumb (for direct thumb dragging)\n  const onThumbPointerDown = (e: PointerEvent) => {\n    if (state.isDisabled || e.button !== 0) return;\n\n    e.preventDefault();\n    e.stopPropagation(); // Prevent track from also handling\n    currentPointerId = e.pointerId;\n    focusWithoutScrolling(inputRef?.() ?? null);\n\n    // Capture pointer on document for smooth dragging\n    document.body.setPointerCapture(e.pointerId);\n    state.setDragging(true);\n  };\n\n  // Global pointer move handler for thumb dragging\n  const onDocumentPointerMove = (e: PointerEvent) => {\n    if (!state.isDragging() || e.pointerId !== currentPointerId) return;\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n  };\n\n  // Global pointer up handler\n  const onDocumentPointerUp = (e: PointerEvent) => {\n    if (e.pointerId !== currentPointerId) return;\n\n    try {\n      document.body.releasePointerCapture(e.pointerId);\n    } catch {\n      // Ignore if capture was already released\n    }\n\n    currentPointerId = null;\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(false);\n  };\n\n  // Set up global listeners on mount (client-side only)\n  onMount(() => {\n    if (typeof document === \"undefined\") return;\n\n    document.addEventListener(\"pointermove\", onDocumentPointerMove);\n    document.addEventListener(\"pointerup\", onDocumentPointerUp);\n    document.addEventListener(\"pointercancel\", onDocumentPointerUp);\n\n    // Cleanup when component unmounts\n    onCleanup(() => {\n      document.removeEventListener(\"pointermove\", onDocumentPointerMove);\n      document.removeEventListener(\"pointerup\", onDocumentPointerUp);\n      document.removeEventListener(\"pointercancel\", onDocumentPointerUp);\n    });\n  });\n\n  const labelledBy = () => (fieldProps as { \"aria-labelledby\"?: string })[\"aria-labelledby\"];\n  const ariaLabel = () => (fieldProps as { \"aria-label\"?: string })[\"aria-label\"];\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"group\",\n          \"data-disabled\": state.isDisabled || undefined,\n          \"data-orientation\": state.orientation,\n        } as Record<string, unknown>,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get trackProps() {\n      return {\n        onPointerDown: onTrackPointerDown,\n        onPointerMove: onTrackPointerMove,\n        onPointerUp: onTrackPointerUp,\n        onPointerCancel: onTrackPointerUp,\n        style: {\n          position: \"relative\",\n          \"touch-action\": \"none\",\n        },\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-orientation\": state.orientation,\n        \"data-dragging\": state.isDragging() || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get thumbProps() {\n      const percent = state.getValuePercent();\n      const isVertical = state.orientation === \"vertical\";\n\n      return {\n        role: \"slider\",\n        \"aria-valuemin\": state.minValue,\n        \"aria-valuemax\": state.maxValue,\n        \"aria-valuenow\": state.value(),\n        \"aria-valuetext\": state.getFormattedValue(),\n        \"aria-orientation\": state.orientation,\n        \"aria-disabled\": state.isDisabled || undefined,\n        \"aria-labelledby\": labelledBy(),\n        \"aria-label\": labelledBy() ? undefined : ariaLabel(),\n        tabIndex: state.isDisabled ? undefined : 0,\n        onPointerDown: onThumbPointerDown,\n        onKeyDown: onThumbKeyDown,\n        onFocus,\n        onBlur,\n        style: {\n          position: \"absolute\",\n          [isVertical ? \"bottom\" : \"left\"]: `${percent * 100}%`,\n          transform: isVertical ? \"translateY(50%)\" : \"translateX(-50%)\",\n          \"touch-action\": \"none\",\n        },\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-dragging\": state.isDragging() || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n\n      return mergeProps(\n        focusProps as Record<string, unknown>,\n        {\n          type: \"range\",\n          id: inputId,\n          \"aria-hidden\": true,\n          min: state.minValue,\n          max: state.maxValue,\n          step: state.step,\n          value: state.value(),\n          name: p.name,\n          form: p.form,\n          disabled: state.isDisabled,\n          \"aria-orientation\": state.orientation,\n          \"aria-valuetext\": state.getFormattedValue(),\n          \"aria-labelledby\": labelledBy(),\n          \"aria-label\": labelledBy() ? undefined : ariaLabel(),\n          tabIndex: -1,\n          onInput: (e: Event) => {\n            const target = e.target as HTMLInputElement;\n            state.setValue(parseFloat(target.value));\n          },\n          onChange: (e: Event) => {\n            const target = e.target as HTMLInputElement;\n            state.setValue(parseFloat(target.value));\n          },\n          onFocus,\n          onBlur,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get outputProps() {\n      return {\n        id: outputId,\n        for: inputId,\n        \"aria-live\": \"off\",\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"slider.jsx","names":[],"sources":["../../src/slider/createSlider.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/slider/useSlider.ts\n\n/**\n * Provides the behavior and accessibility implementation for a slider component.\n * A slider allows users to select a value from a range.\n * Based on @react-aria/slider useSlider.\n */\n\nimport { onSettled } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { focusWithoutScrolling } from \"../utils/focus\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { useLocale } from \"../i18n\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { SliderState, SliderOrientation } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaSliderProps {\n  /** An ID for the slider. */\n  id?: string;\n  /** Whether the slider is disabled. */\n  isDisabled?: boolean;\n  /** The label for the slider. */\n  label?: JSX.Element;\n  /** An accessible label for the slider when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the slider. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the slider. */\n  \"aria-describedby\"?: string;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The name for the form input. */\n  name?: string;\n  /** The form element this input belongs to. */\n  form?: string;\n}\n\nexport interface SliderAria {\n  /** Props for the label element. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the root group element. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the track element. */\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the thumb element. */\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the hidden input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the output element (showing current value). */\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a slider.\n */\nexport function createSlider(\n  props: MaybeAccessor<AriaSliderProps>,\n  state: SliderState,\n  trackRef?: () => HTMLElement | null,\n  inputRef?: () => HTMLInputElement | null,\n): SliderAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n  const locale = useLocale();\n\n  // Generate IDs for associated elements\n  const inputId = `${id}-input`;\n  const outputId = `${id}-output`;\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return inputId;\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    labelElementType: \"span\",\n  });\n\n  // Focus ring for keyboard focus styling\n  const { focusProps } = createFocusRing({\n    within: true,\n  });\n\n  // Track pointer state for drag handling\n  let currentPointerId: number | null = null;\n\n  // Calculate position from pointer event\n  const getPositionFromPointer = (clientX: number, clientY: number): number => {\n    const track = trackRef?.();\n    if (!track) return 0;\n\n    const rect = track.getBoundingClientRect();\n    const isVertical = state.orientation === \"vertical\";\n\n    let position: number;\n    if (isVertical) {\n      position = (rect.bottom - clientY) / rect.height;\n    } else {\n      position = (clientX - rect.left) / rect.width;\n    }\n\n    return Math.max(0, Math.min(1, position));\n  };\n\n  // Handle pointer down on track\n  const onTrackPointerDown = (e: PointerEvent) => {\n    if (state.isDisabled || e.button !== 0) return;\n\n    e.preventDefault();\n    currentPointerId = e.pointerId;\n\n    const track = trackRef?.();\n    if (track) {\n      track.setPointerCapture(e.pointerId);\n    }\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(true);\n  };\n\n  // Handle pointer move for dragging\n  const onTrackPointerMove = (e: PointerEvent) => {\n    if (!state.isDragging() || e.pointerId !== currentPointerId) return;\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n  };\n\n  // Handle pointer up to end drag\n  const onTrackPointerUp = (e: PointerEvent) => {\n    if (e.pointerId !== currentPointerId) return;\n\n    const track = trackRef?.();\n    if (track) {\n      track.releasePointerCapture(e.pointerId);\n    }\n\n    currentPointerId = null;\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(false);\n  };\n\n  // Keyboard navigation that is not consistently handled by the native range input.\n  const onThumbKeyDown = (e: KeyboardEvent) => {\n    if (state.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        e.preventDefault();\n        if (state.orientation === \"horizontal\" && locale().direction === \"rtl\") {\n          state.decrement();\n        } else {\n          state.increment();\n        }\n        break;\n      case \"ArrowLeft\":\n        e.preventDefault();\n        if (state.orientation === \"horizontal\" && locale().direction === \"rtl\") {\n          state.increment();\n        } else {\n          state.decrement();\n        }\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        state.increment();\n        break;\n      case \"ArrowDown\":\n        e.preventDefault();\n        state.decrement();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        state.increment(state.pageStep / state.step);\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        state.decrement(state.pageStep / state.step);\n        break;\n      case \"Home\":\n        e.preventDefault();\n        state.setValue(state.minValue);\n        break;\n      case \"End\":\n        e.preventDefault();\n        state.setValue(state.maxValue);\n        break;\n    }\n  };\n\n  // Handle focus events\n  const onFocus = () => {\n    state.setFocused(true);\n  };\n\n  const onBlur = () => {\n    state.setFocused(false);\n  };\n\n  // Handle pointer down on thumb (for direct thumb dragging)\n  const onThumbPointerDown = (e: PointerEvent) => {\n    if (state.isDisabled || e.button !== 0) return;\n\n    e.preventDefault();\n    e.stopPropagation(); // Prevent track from also handling\n    currentPointerId = e.pointerId;\n    focusWithoutScrolling(inputRef?.() ?? null);\n\n    // Capture pointer on document for smooth dragging\n    document.body.setPointerCapture(e.pointerId);\n    state.setDragging(true);\n  };\n\n  // Global pointer move handler for thumb dragging\n  const onDocumentPointerMove = (e: PointerEvent) => {\n    if (!state.isDragging() || e.pointerId !== currentPointerId) return;\n\n    const percent = getPositionFromPointer(e.clientX, e.clientY);\n    state.setValuePercent(percent);\n  };\n\n  // Global pointer up handler\n  const onDocumentPointerUp = (e: PointerEvent) => {\n    if (e.pointerId !== currentPointerId) return;\n\n    try {\n      document.body.releasePointerCapture(e.pointerId);\n    } catch {\n      // Ignore if capture was already released\n    }\n\n    currentPointerId = null;\n    focusWithoutScrolling(inputRef?.() ?? null);\n    state.setDragging(false);\n  };\n\n  // Set up global listeners on mount (client-side only)\n  onSettled(() => {\n    if (typeof document === \"undefined\") return;\n\n    document.addEventListener(\"pointermove\", onDocumentPointerMove);\n    document.addEventListener(\"pointerup\", onDocumentPointerUp);\n    document.addEventListener(\"pointercancel\", onDocumentPointerUp);\n\n    return () => {\n      document.removeEventListener(\"pointermove\", onDocumentPointerMove);\n      document.removeEventListener(\"pointerup\", onDocumentPointerUp);\n      document.removeEventListener(\"pointercancel\", onDocumentPointerUp);\n    };\n  });\n\n  const labelledBy = () => (fieldProps as { \"aria-labelledby\"?: string })[\"aria-labelledby\"];\n  const ariaLabel = () => (fieldProps as { \"aria-label\"?: string })[\"aria-label\"];\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get groupProps() {\n      return mergeProps(\n        domProps(),\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"group\",\n          \"data-disabled\": state.isDisabled || undefined,\n          \"data-orientation\": state.orientation,\n        } as Record<string, unknown>,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get trackProps() {\n      return {\n        onPointerDown: onTrackPointerDown,\n        onPointerMove: onTrackPointerMove,\n        onPointerUp: onTrackPointerUp,\n        onPointerCancel: onTrackPointerUp,\n        style: {\n          position: \"relative\",\n          \"touch-action\": \"none\",\n        },\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-orientation\": state.orientation,\n        \"data-dragging\": state.isDragging() || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get thumbProps() {\n      const percent = state.getValuePercent();\n      const isVertical = state.orientation === \"vertical\";\n\n      return {\n        role: \"slider\",\n        \"aria-valuemin\": state.minValue,\n        \"aria-valuemax\": state.maxValue,\n        \"aria-valuenow\": state.value(),\n        \"aria-valuetext\": state.getFormattedValue(),\n        \"aria-orientation\": state.orientation,\n        \"aria-disabled\": state.isDisabled ? \"true\" : undefined,\n        \"aria-labelledby\": labelledBy(),\n        \"aria-label\": labelledBy() ? undefined : ariaLabel(),\n        tabIndex: state.isDisabled ? undefined : 0,\n        onPointerDown: onThumbPointerDown,\n        onKeyDown: onThumbKeyDown,\n        onFocus,\n        onBlur,\n        style: {\n          position: \"absolute\",\n          [isVertical ? \"bottom\" : \"left\"]: `${percent * 100}%`,\n          transform: isVertical ? \"translateY(50%)\" : \"translateX(-50%)\",\n          \"touch-action\": \"none\",\n        },\n        \"data-disabled\": state.isDisabled || undefined,\n        \"data-dragging\": state.isDragging() || undefined,\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get inputProps() {\n      const p = getProps();\n\n      return mergeProps(\n        focusProps as Record<string, unknown>,\n        {\n          type: \"range\",\n          id: inputId,\n          \"aria-hidden\": \"true\",\n          min: state.minValue,\n          max: state.maxValue,\n          step: state.step,\n          value: state.value(),\n          name: p.name,\n          form: p.form,\n          disabled: state.isDisabled,\n          \"aria-orientation\": state.orientation,\n          \"aria-valuetext\": state.getFormattedValue(),\n          \"aria-labelledby\": labelledBy(),\n          \"aria-label\": labelledBy() ? undefined : ariaLabel(),\n          tabIndex: -1,\n          onInput: (e: Event) => {\n            const target = e.target as HTMLInputElement;\n            state.setValue(parseFloat(target.value));\n          },\n          onChange: (e: Event) => {\n            const target = e.target as HTMLInputElement;\n            state.setValue(parseFloat(target.value));\n          },\n          onFocus,\n          onBlur,\n        } as Record<string, unknown>,\n      ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get outputProps() {\n      return {\n        id: outputId,\n        for: inputId,\n        \"aria-live\": \"off\",\n      } as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,aACd,OACA,OACA,UACA,UACY;CACZ,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,KAAK,SAAS,SAAS,CAAC,CAAC,EAAE;CACjC,MAAM,SAAS,UAAU;CAGzB,MAAM,UAAU,GAAG,GAAG;CACtB,MAAM,WAAW,GAAG,GAAG;CAGvB,MAAM,iBACJ,eAAe,SAAS,GAAyC,EAAE,WAAW,KAAK,CAAC;CAGtF,MAAM,EAAE,YAAY,eAAe,YAAY;EAC7C,IAAI,KAAK;GACP,OAAO;EACT;EACA,IAAI,QAAQ;GACV,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,IAAI,oBAAoB;GACtB,OAAO,SAAS,CAAC,CAAC;EACpB;EACA,kBAAkB;CACpB,CAAC;CAGD,MAAM,EAAE,eAAe,gBAAgB,EACrC,QAAQ,KACV,CAAC;CAGD,IAAI,mBAAkC;CAGtC,MAAM,0BAA0B,SAAiB,YAA4B;EAC3E,MAAM,QAAQ,WAAW;EACzB,IAAI,CAAC,OAAO,OAAO;EAEnB,MAAM,OAAO,MAAM,sBAAsB;EACzC,MAAM,aAAa,MAAM,gBAAgB;EAEzC,IAAI;EACJ,IAAI,YACF,YAAY,KAAK,SAAS,WAAW,KAAK;OAE1C,YAAY,UAAU,KAAK,QAAQ,KAAK;EAG1C,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,CAAC;CAC1C;CAGA,MAAM,sBAAsB,MAAoB;EAC9C,IAAI,MAAM,cAAc,EAAE,WAAW,GAAG;EAExC,EAAE,eAAe;EACjB,mBAAmB,EAAE;EAErB,MAAM,QAAQ,WAAW;EACzB,IAAI,OACF,MAAM,kBAAkB,EAAE,SAAS;EAGrC,MAAM,UAAU,uBAAuB,EAAE,SAAS,EAAE,OAAO;EAC3D,MAAM,gBAAgB,OAAO;EAC7B,sBAAsB,WAAW,KAAK,IAAI;EAC1C,MAAM,YAAY,IAAI;CACxB;CAGA,MAAM,sBAAsB,MAAoB;EAC9C,IAAI,CAAC,MAAM,WAAW,KAAK,EAAE,cAAc,kBAAkB;EAE7D,MAAM,UAAU,uBAAuB,EAAE,SAAS,EAAE,OAAO;EAC3D,MAAM,gBAAgB,OAAO;CAC/B;CAGA,MAAM,oBAAoB,MAAoB;EAC5C,IAAI,EAAE,cAAc,kBAAkB;EAEtC,MAAM,QAAQ,WAAW;EACzB,IAAI,OACF,MAAM,sBAAsB,EAAE,SAAS;EAGzC,mBAAmB;EACnB,sBAAsB,WAAW,KAAK,IAAI;EAC1C,MAAM,YAAY,KAAK;CACzB;CAGA,MAAM,kBAAkB,MAAqB;EAC3C,IAAI,MAAM,YAAY;EAEtB,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,EAAE,eAAe;IACjB,IAAI,MAAM,gBAAgB,gBAAgB,OAAO,CAAC,CAAC,cAAc,OAC/D,MAAM,UAAU;SAEhB,MAAM,UAAU;IAElB;GACF,KAAK;IACH,EAAE,eAAe;IACjB,IAAI,MAAM,gBAAgB,gBAAgB,OAAO,CAAC,CAAC,cAAc,OAC/D,MAAM,UAAU;SAEhB,MAAM,UAAU;IAElB;GACF,KAAK;IACH,EAAE,eAAe;IACjB,MAAM,UAAU;IAChB;GACF,KAAK;IACH,EAAE,eAAe;IACjB,MAAM,UAAU;IAChB;GACF,KAAK;IACH,EAAE,eAAe;IACjB,MAAM,UAAU,MAAM,WAAW,MAAM,IAAI;IAC3C;GACF,KAAK;IACH,EAAE,eAAe;IACjB,MAAM,UAAU,MAAM,WAAW,MAAM,IAAI;IAC3C;GACF,KAAK;IACH,EAAE,eAAe;IACjB,MAAM,SAAS,MAAM,QAAQ;IAC7B;GACF,KAAK;IACH,EAAE,eAAe;IACjB,MAAM,SAAS,MAAM,QAAQ;EAEjC;CACF;CAGA,MAAM,gBAAgB;EACpB,MAAM,WAAW,IAAI;CACvB;CAEA,MAAM,eAAe;EACnB,MAAM,WAAW,KAAK;CACxB;CAGA,MAAM,sBAAsB,MAAoB;EAC9C,IAAI,MAAM,cAAc,EAAE,WAAW,GAAG;EAExC,EAAE,eAAe;EACjB,EAAE,gBAAgB;EAClB,mBAAmB,EAAE;EACrB,sBAAsB,WAAW,KAAK,IAAI;EAG1C,SAAS,KAAK,kBAAkB,EAAE,SAAS;EAC3C,MAAM,YAAY,IAAI;CACxB;CAGA,MAAM,yBAAyB,MAAoB;EACjD,IAAI,CAAC,MAAM,WAAW,KAAK,EAAE,cAAc,kBAAkB;EAE7D,MAAM,UAAU,uBAAuB,EAAE,SAAS,EAAE,OAAO;EAC3D,MAAM,gBAAgB,OAAO;CAC/B;CAGA,MAAM,uBAAuB,MAAoB;EAC/C,IAAI,EAAE,cAAc,kBAAkB;EAEtC,IAAI;GACF,SAAS,KAAK,sBAAsB,EAAE,SAAS;EACjD,QAAQ,CAER;EAEA,mBAAmB;EACnB,sBAAsB,WAAW,KAAK,IAAI;EAC1C,MAAM,YAAY,KAAK;CACzB;CAGA,gBAAgB;EACd,IAAI,OAAO,aAAa,aAAa;EAErC,SAAS,iBAAiB,eAAe,qBAAqB;EAC9D,SAAS,iBAAiB,aAAa,mBAAmB;EAC1D,SAAS,iBAAiB,iBAAiB,mBAAmB;EAE9D,aAAa;GACX,SAAS,oBAAoB,eAAe,qBAAqB;GACjE,SAAS,oBAAoB,aAAa,mBAAmB;GAC7D,SAAS,oBAAoB,iBAAiB,mBAAmB;EACnE;CACF,CAAC;CAED,MAAM,mBAAoB,WAA8C;CACxE,MAAM,kBAAmB,WAAyC;CAElE,OAAO;EACL,IAAI,aAAa;GACf,OAAO;EACT;EACA,IAAI,aAAa;GACf,OAAO,WACL,SAAS,GACT,YACA;IACE,MAAM;IACN,iBAAiB,MAAM,cAAc,KAAA;IACrC,oBAAoB,MAAM;GAC5B,CACF;EACF;EACA,IAAI,aAAa;GACf,OAAO;IACL,eAAe;IACf,eAAe;IACf,aAAa;IACb,iBAAiB;IACjB,OAAO;KACL,UAAU;KACV,gBAAgB;IAClB;IACA,iBAAiB,MAAM,cAAc,KAAA;IACrC,oBAAoB,MAAM;IAC1B,iBAAiB,MAAM,WAAW,KAAK,KAAA;GACzC;EACF;EACA,IAAI,aAAa;GACf,MAAM,UAAU,MAAM,gBAAgB;GACtC,MAAM,aAAa,MAAM,gBAAgB;GAEzC,OAAO;IACL,MAAM;IACN,iBAAiB,MAAM;IACvB,iBAAiB,MAAM;IACvB,iBAAiB,MAAM,MAAM;IAC7B,kBAAkB,MAAM,kBAAkB;IAC1C,oBAAoB,MAAM;IAC1B,iBAAiB,MAAM,aAAa,SAAS,KAAA;IAC7C,mBAAmB,WAAW;IAC9B,cAAc,WAAW,IAAI,KAAA,IAAY,UAAU;IACnD,UAAU,MAAM,aAAa,KAAA,IAAY;IACzC,eAAe;IACf,WAAW;IACX;IACA;IACA,OAAO;KACL,UAAU;MACT,aAAa,WAAW,SAAS,GAAG,UAAU,IAAI;KACnD,WAAW,aAAa,oBAAoB;KAC5C,gBAAgB;IAClB;IACA,iBAAiB,MAAM,cAAc,KAAA;IACrC,iBAAiB,MAAM,WAAW,KAAK,KAAA;GACzC;EACF;EACA,IAAI,aAAa;GACf,MAAM,IAAI,SAAS;GAEnB,OAAO,WACL,YACA;IACE,MAAM;IACN,IAAI;IACJ,eAAe;IACf,KAAK,MAAM;IACX,KAAK,MAAM;IACX,MAAM,MAAM;IACZ,OAAO,MAAM,MAAM;IACnB,MAAM,EAAE;IACR,MAAM,EAAE;IACR,UAAU,MAAM;IAChB,oBAAoB,MAAM;IAC1B,kBAAkB,MAAM,kBAAkB;IAC1C,mBAAmB,WAAW;IAC9B,cAAc,WAAW,IAAI,KAAA,IAAY,UAAU;IACnD,UAAU;IACV,UAAU,MAAa;KACrB,MAAM,SAAS,EAAE;KACjB,MAAM,SAAS,WAAW,OAAO,KAAK,CAAC;IACzC;IACA,WAAW,MAAa;KACtB,MAAM,SAAS,EAAE;KACjB,MAAM,SAAS,WAAW,OAAO,KAAK,CAAC;IACzC;IACA;IACA;GACF,CACF;EACF;EACA,IAAI,cAAc;GAChB,OAAO;IACL,IAAI;IACJ,KAAK;IACL,aAAa;GACf;EACF;CACF;AACF"}

package/dist/_chunk/spinbutton.js

@@ -1,44 +1,56 @@
+/*
+* 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/spinbutton/useSpinButton.ts
 import { t as access } from "./reactivity.js";
 import { n as createStringFormatter } from "./createStringFormatter.js";
 import { n as clearAnnouncer, t as announce } from "./announce.js";
-import { createEffect, createMemo } from "solid-js";
+import { createMemo, createTrackedEffect } from "solid-js";
 import { LocalizedStringDictionary } from "@internationalized/string";
 //#region src/spinbutton/intl.ts
 const spinButtonStrings = {
-	"ar-AE": { "Empty": `\u{641}\u{627}\u{631}\u{63A}` },
-	"bg-BG": { "Empty": `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}` },
-	"cs-CZ": { "Empty": `Pr\xe1zdn\xe9` },
-	"da-DK": { "Empty": `Tom` },
-	"de-DE": { "Empty": `Leer` },
-	"el-GR": { "Empty": `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}` },
-	"en-US": { "Empty": `Empty` },
-	"es-ES": { "Empty": `Vac\xedo` },
-	"et-EE": { "Empty": `T\xfchjenda` },
-	"fi-FI": { "Empty": `Tyhj\xe4` },
-	"fr-FR": { "Empty": `Vide` },
-	"he-IL": { "Empty": `\u{5E8}\u{5D9}\u{5E7}` },
-	"hr-HR": { "Empty": `Prazno` },
-	"hu-HU": { "Empty": `\xdcres` },
-	"it-IT": { "Empty": `Vuoto` },
-	"ja-JP": { "Empty": `\u{7A7A}` },
-	"ko-KR": { "Empty": `\u{BE44}\u{C5B4} \u{C788}\u{C74C}` },
-	"lt-LT": { "Empty": `Tu\u{161}\u{10D}ias` },
-	"lv-LV": { "Empty": `Tuk\u{161}s` },
-	"nb-NO": { "Empty": `Tom` },
-	"nl-NL": { "Empty": `Leeg` },
-	"pl-PL": { "Empty": `Pusty` },
-	"pt-BR": { "Empty": `Vazio` },
-	"pt-PT": { "Empty": `Vazio` },
-	"ro-RO": { "Empty": `Gol` },
-	"ru-RU": { "Empty": `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}` },
-	"sk-SK": { "Empty": `Pr\xe1zdne` },
-	"sl-SI": { "Empty": `Prazen` },
-	"sr-SP": { "Empty": `Prazno` },
-	"sv-SE": { "Empty": `Tomt` },
-	"tr-TR": { "Empty": `Bo\u{15F}` },
-	"uk-UA": { "Empty": `\u{41F}\u{443}\u{441}\u{442}\u{43E}` },
-	"zh-CN": { "Empty": `\u{7A7A}` },
-	"zh-TW": { "Empty": `\u{7A7A}\u{767D}` }
+	"ar-AE": { Empty: `\u{641}\u{627}\u{631}\u{63A}` },
+	"bg-BG": { Empty: `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}` },
+	"cs-CZ": { Empty: `Pr\xe1zdn\xe9` },
+	"da-DK": { Empty: `Tom` },
+	"de-DE": { Empty: `Leer` },
+	"el-GR": { Empty: `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}` },
+	"en-US": { Empty: `Empty` },
+	"es-ES": { Empty: `Vac\xedo` },
+	"et-EE": { Empty: `T\xfchjenda` },
+	"fi-FI": { Empty: `Tyhj\xe4` },
+	"fr-FR": { Empty: `Vide` },
+	"he-IL": { Empty: `\u{5E8}\u{5D9}\u{5E7}` },
+	"hr-HR": { Empty: `Prazno` },
+	"hu-HU": { Empty: `\xdcres` },
+	"it-IT": { Empty: `Vuoto` },
+	"ja-JP": { Empty: `\u{7A7A}` },
+	"ko-KR": { Empty: `\u{BE44}\u{C5B4} \u{C788}\u{C74C}` },
+	"lt-LT": { Empty: `Tu\u{161}\u{10D}ias` },
+	"lv-LV": { Empty: `Tuk\u{161}s` },
+	"nb-NO": { Empty: `Tom` },
+	"nl-NL": { Empty: `Leeg` },
+	"pl-PL": { Empty: `Pusty` },
+	"pt-BR": { Empty: `Vazio` },
+	"pt-PT": { Empty: `Vazio` },
+	"ro-RO": { Empty: `Gol` },
+	"ru-RU": { Empty: `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}` },
+	"sk-SK": { Empty: `Pr\xe1zdne` },
+	"sl-SI": { Empty: `Prazen` },
+	"sr-SP": { Empty: `Prazno` },
+	"sv-SE": { Empty: `Tomt` },
+	"tr-TR": { Empty: `Bo\u{15F}` },
+	"uk-UA": { Empty: `\u{41F}\u{443}\u{441}\u{442}\u{43E}` },
+	"zh-CN": { Empty: `\u{7A7A}` },
+	"zh-TW": { Empty: `\u{7A7A}\u{767D}` }
 };
 const spinButtonDictionary = new LocalizedStringDictionary(spinButtonStrings);
 //#endregion
@@ -100,12 +112,10 @@ function createSpinButton(props) {
 					p.onDecrementToMin();
 				}
 				break;
-			case "End":
-				if (p.onIncrementToMax) {
-					e.preventDefault();
-					p.onIncrementToMax();
-				}
-				break;
+			case "End": if (p.onIncrementToMax) {
+				e.preventDefault();
+				p.onIncrementToMax();
+			}
 		}
 	};
 	let isFocused = false;
@@ -119,7 +129,7 @@ function createSpinButton(props) {
 		const p = getProps();
 		return p.textValue === "" ? stringFormatter().format("Empty") : (p.textValue || `${p.value}`).replace("-", "−");
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const value = ariaTextValue();
 		if (isFocused) {
 			clearAnnouncer("assertive");

package/dist/_chunk/spinbutton.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinbutton.js","names":[],"sources":["../../src/spinbutton/intl.ts","../../src/spinbutton/createSpinButton.ts"],"sourcesContent":["// Spinbutton announcement catalog, ported verbatim from @react-aria/spinbutton's\n// intl/*.json (34 locales). Keep in sync with the vendored react-spectrum source on\n// every pin bump.\nimport { LocalizedStringDictionary } from \"@internationalized/string\";\n\nexport type SpinButtonStringKey = \"Empty\";\n\nexport const spinButtonStrings: Record<string, Record<SpinButtonStringKey, string>> = {\n  \"ar-AE\": {\n  \"Empty\": `\\u{641}\\u{627}\\u{631}\\u{63A}`\n  },\n  \"bg-BG\": {\n  \"Empty\": `\\u{418}\\u{437}\\u{43F}\\u{440}\\u{430}\\u{437}\\u{43D}\\u{438}`\n  },\n  \"cs-CZ\": {\n  \"Empty\": `Pr\\xe1zdn\\xe9`\n  },\n  \"da-DK\": {\n  \"Empty\": `Tom`\n  },\n  \"de-DE\": {\n  \"Empty\": `Leer`\n  },\n  \"el-GR\": {\n  \"Empty\": `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`\n  },\n  \"en-US\": {\n  \"Empty\": `Empty`\n  },\n  \"es-ES\": {\n  \"Empty\": `Vac\\xedo`\n  },\n  \"et-EE\": {\n  \"Empty\": `T\\xfchjenda`\n  },\n  \"fi-FI\": {\n  \"Empty\": `Tyhj\\xe4`\n  },\n  \"fr-FR\": {\n  \"Empty\": `Vide`\n  },\n  \"he-IL\": {\n  \"Empty\": `\\u{5E8}\\u{5D9}\\u{5E7}`\n  },\n  \"hr-HR\": {\n  \"Empty\": `Prazno`\n  },\n  \"hu-HU\": {\n  \"Empty\": `\\xdcres`\n  },\n  \"it-IT\": {\n  \"Empty\": `Vuoto`\n  },\n  \"ja-JP\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"ko-KR\": {\n  \"Empty\": `\\u{BE44}\\u{C5B4} \\u{C788}\\u{C74C}`\n  },\n  \"lt-LT\": {\n  \"Empty\": `Tu\\u{161}\\u{10D}ias`\n  },\n  \"lv-LV\": {\n  \"Empty\": `Tuk\\u{161}s`\n  },\n  \"nb-NO\": {\n  \"Empty\": `Tom`\n  },\n  \"nl-NL\": {\n  \"Empty\": `Leeg`\n  },\n  \"pl-PL\": {\n  \"Empty\": `Pusty`\n  },\n  \"pt-BR\": {\n  \"Empty\": `Vazio`\n  },\n  \"pt-PT\": {\n  \"Empty\": `Vazio`\n  },\n  \"ro-RO\": {\n  \"Empty\": `Gol`\n  },\n  \"ru-RU\": {\n  \"Empty\": `\\u{41D}\\u{435} \\u{437}\\u{430}\\u{43F}\\u{43E}\\u{43B}\\u{43D}\\u{435}\\u{43D}\\u{43E}`\n  },\n  \"sk-SK\": {\n  \"Empty\": `Pr\\xe1zdne`\n  },\n  \"sl-SI\": {\n  \"Empty\": `Prazen`\n  },\n  \"sr-SP\": {\n  \"Empty\": `Prazno`\n  },\n  \"sv-SE\": {\n  \"Empty\": `Tomt`\n  },\n  \"tr-TR\": {\n  \"Empty\": `Bo\\u{15F}`\n  },\n  \"uk-UA\": {\n  \"Empty\": `\\u{41F}\\u{443}\\u{441}\\u{442}\\u{43E}`\n  },\n  \"zh-CN\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"zh-TW\": {\n  \"Empty\": `\\u{7A7A}\\u{767D}`\n  },\n};\n\nexport const spinButtonDictionary = new LocalizedStringDictionary<SpinButtonStringKey, string>(\n  spinButtonStrings,\n);\n","/**\n * createSpinButton hook for Solidaria\n *\n * Provides the ARIA spinbutton props and live-region announcement behaviour for\n * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce\n * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold\n * button machinery (increment/decrement buttons) is intentionally omitted — date\n * segments drive value changes through the keyboard only.\n */\n\nimport { createMemo, createEffect } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { spinButtonStrings, type SpinButtonStringKey } from \"./intl\";\n\nexport interface SpinButtonProps {\n  /** The current value of the spinbutton. */\n  value?: number;\n  /** A human-readable text alternative for the value. */\n  textValue?: string;\n  /** The smallest value allowed. */\n  minValue?: number;\n  /** The largest value allowed. */\n  maxValue?: number;\n  /** Whether the spinbutton is disabled. */\n  isDisabled?: boolean;\n  /** Whether the spinbutton is read only. */\n  isReadOnly?: boolean;\n  /** Whether the spinbutton is required. */\n  isRequired?: boolean;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinButtonAria {\n  /** Props for the spinbutton element. */\n  spinButtonProps: Record<string, unknown>;\n}\n\n/**\n * Provides the behaviour and accessibility implementation for a spinbutton.\n */\nexport function createSpinButton(props: MaybeAccessor<SpinButtonProps>): SpinButtonAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter<SpinButtonStringKey>(\n    spinButtonStrings,\n    \"@react-aria/spinbutton\",\n  );\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = getProps();\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) {\n      return;\n    }\n\n    switch (e.key) {\n      // Upstream deliberately falls through PageUp → ArrowUp when no page\n      // handler exists; our tsconfig forbids lexical fallthrough, so the\n      // PageUp case mirrors that branch inline instead.\n      case \"PageUp\":\n        if (p.onIncrementPage) {\n          e.preventDefault();\n          p.onIncrementPage();\n        } else if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      case \"ArrowUp\":\n      case \"Up\":\n        if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      // Same faithful fallthrough as PageUp, mirrored inline (PageDown → ArrowDown).\n      case \"PageDown\":\n        if (p.onDecrementPage) {\n          e.preventDefault();\n          p.onDecrementPage();\n        } else if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"ArrowDown\":\n      case \"Down\":\n        if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"Home\":\n        if (p.onDecrementToMin) {\n          e.preventDefault();\n          p.onDecrementToMin();\n        }\n        break;\n      case \"End\":\n        if (p.onIncrementToMax) {\n          e.preventDefault();\n          p.onIncrementToMax();\n        }\n        break;\n    }\n  };\n\n  // Non-reactive focus flag — matches upstream's `isFocused` ref. Toggling it must\n  // NOT re-run the announce effect; only a change in `ariaTextValue` announces.\n  let isFocused = false;\n  const onFocus = () => {\n    isFocused = true;\n  };\n  const onBlur = () => {\n    isFocused = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212) so VoiceOver\n  // announces it as \"minus\". Replace the empty string with the word \"Empty\".\n  const ariaTextValue = createMemo(() => {\n    const p = getProps();\n    return p.textValue === \"\"\n      ? stringFormatter().format(\"Empty\")\n      : (p.textValue || `${p.value}`).replace(\"-\", \"−\");\n  });\n\n  createEffect(() => {\n    const value = ariaTextValue();\n    if (isFocused) {\n      clearAnnouncer(\"assertive\");\n      announce(value, \"assertive\");\n    }\n  });\n\n  const spinButtonProps = createMemo(() => {\n    const p = getProps();\n    const value = p.value;\n    return {\n      role: \"spinbutton\",\n      \"aria-valuenow\": value !== undefined && !isNaN(value) ? value : undefined,\n      \"aria-valuetext\": ariaTextValue(),\n      \"aria-valuemin\": p.minValue,\n      \"aria-valuemax\": p.maxValue,\n      \"aria-disabled\": p.isDisabled || undefined,\n      \"aria-readonly\": p.isReadOnly || undefined,\n      \"aria-required\": p.isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n  });\n\n  return {\n    get spinButtonProps() {\n      return spinButtonProps();\n    },\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBAAyE;CACpF,SAAS,EACT,SAAS,+BACT;CACA,SAAS,EACT,SAAS,2DACT;CACA,SAAS,EACT,SAAS,gBACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,wBACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,UACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,oCACT;CACA,SAAS,EACT,SAAS,sBACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,iFACT;CACA,SAAS,EACT,SAAS,aACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,YACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,mBACT;AACF;AAEA,MAAa,uBAAuB,IAAI,0BACtC,iBACF;;;;;;;;;;;;;;;ACnEA,SAAgB,iBAAiB,OAAuD;CACtF,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,kBAAkB,sBACtB,mBACA,wBACF;CAEA,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,SAAS;EACnB,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aACxE;EAGF,QAAQ,EAAE,KAAV;GAIE,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GAEF,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;EACJ;CACF;CAIA,IAAI,YAAY;CAChB,MAAM,gBAAgB;EACpB,YAAY;CACd;CACA,MAAM,eAAe;EACnB,YAAY;CACd;CAIA,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,SAAS;EACnB,OAAO,EAAE,cAAc,KACnB,gBAAgB,CAAC,CAAC,OAAO,OAAO,KAC/B,EAAE,aAAa,GAAG,EAAE,QAAA,CAAS,QAAQ,KAAK,GAAG;CACpD,CAAC;CAED,mBAAmB;EACjB,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW;GACb,eAAe,WAAW;GAC1B,SAAS,OAAO,WAAW;EAC7B;CACF,CAAC;CAED,MAAM,kBAAkB,iBAAiB;EACvC,MAAM,IAAI,SAAS;EACnB,MAAM,QAAQ,EAAE;EAChB,OAAO;GACL,MAAM;GACN,iBAAiB,UAAU,KAAA,KAAa,CAAC,MAAM,KAAK,IAAI,QAAQ,KAAA;GAChE,kBAAkB,cAAc;GAChC,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC;GACA;GACA;EACF;CACF,CAAC;CAED,OAAO,EACL,IAAI,kBAAkB;EACpB,OAAO,gBAAgB;CACzB,EACF;AACF"}
+{"version":3,"file":"spinbutton.js","names":[],"sources":["../../src/spinbutton/intl.ts","../../src/spinbutton/createSpinButton.ts"],"sourcesContent":["// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ar-AE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/bg-BG.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/cs-CZ.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/da-DK.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/de-DE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/el-GR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/en-US.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/es-ES.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/et-EE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/fi-FI.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/fr-FR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/he-IL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/hr-HR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/hu-HU.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/it-IT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ja-JP.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ko-KR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/lt-LT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/lv-LV.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/nb-NO.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/nl-NL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/pl-PL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/pt-BR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/pt-PT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ro-RO.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ru-RU.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sk-SK.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sl-SI.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sr-SP.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sv-SE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/tr-TR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/uk-UA.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/zh-CN.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/zh-TW.json\n\n// Ported from @react-aria/spinbutton intl catalog.\n// Spinbutton announcement catalog, ported verbatim from @react-aria/spinbutton's\n// intl/*.json (34 locales). Keep in sync with the vendored react-spectrum source on\n// every pin bump.\nimport { LocalizedStringDictionary } from \"@internationalized/string\";\n\nexport type SpinButtonStringKey = \"Empty\";\n\nexport const spinButtonStrings: Record<string, Record<SpinButtonStringKey, string>> = {\n  \"ar-AE\": {\n    Empty: `\\u{641}\\u{627}\\u{631}\\u{63A}`,\n  },\n  \"bg-BG\": {\n    Empty: `\\u{418}\\u{437}\\u{43F}\\u{440}\\u{430}\\u{437}\\u{43D}\\u{438}`,\n  },\n  \"cs-CZ\": {\n    Empty: `Pr\\xe1zdn\\xe9`,\n  },\n  \"da-DK\": {\n    Empty: `Tom`,\n  },\n  \"de-DE\": {\n    Empty: `Leer`,\n  },\n  \"el-GR\": {\n    Empty: `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`,\n  },\n  \"en-US\": {\n    Empty: `Empty`,\n  },\n  \"es-ES\": {\n    Empty: `Vac\\xedo`,\n  },\n  \"et-EE\": {\n    Empty: `T\\xfchjenda`,\n  },\n  \"fi-FI\": {\n    Empty: `Tyhj\\xe4`,\n  },\n  \"fr-FR\": {\n    Empty: `Vide`,\n  },\n  \"he-IL\": {\n    Empty: `\\u{5E8}\\u{5D9}\\u{5E7}`,\n  },\n  \"hr-HR\": {\n    Empty: `Prazno`,\n  },\n  \"hu-HU\": {\n    Empty: `\\xdcres`,\n  },\n  \"it-IT\": {\n    Empty: `Vuoto`,\n  },\n  \"ja-JP\": {\n    Empty: `\\u{7A7A}`,\n  },\n  \"ko-KR\": {\n    Empty: `\\u{BE44}\\u{C5B4} \\u{C788}\\u{C74C}`,\n  },\n  \"lt-LT\": {\n    Empty: `Tu\\u{161}\\u{10D}ias`,\n  },\n  \"lv-LV\": {\n    Empty: `Tuk\\u{161}s`,\n  },\n  \"nb-NO\": {\n    Empty: `Tom`,\n  },\n  \"nl-NL\": {\n    Empty: `Leeg`,\n  },\n  \"pl-PL\": {\n    Empty: `Pusty`,\n  },\n  \"pt-BR\": {\n    Empty: `Vazio`,\n  },\n  \"pt-PT\": {\n    Empty: `Vazio`,\n  },\n  \"ro-RO\": {\n    Empty: `Gol`,\n  },\n  \"ru-RU\": {\n    Empty: `\\u{41D}\\u{435} \\u{437}\\u{430}\\u{43F}\\u{43E}\\u{43B}\\u{43D}\\u{435}\\u{43D}\\u{43E}`,\n  },\n  \"sk-SK\": {\n    Empty: `Pr\\xe1zdne`,\n  },\n  \"sl-SI\": {\n    Empty: `Prazen`,\n  },\n  \"sr-SP\": {\n    Empty: `Prazno`,\n  },\n  \"sv-SE\": {\n    Empty: `Tomt`,\n  },\n  \"tr-TR\": {\n    Empty: `Bo\\u{15F}`,\n  },\n  \"uk-UA\": {\n    Empty: `\\u{41F}\\u{443}\\u{441}\\u{442}\\u{43E}`,\n  },\n  \"zh-CN\": {\n    Empty: `\\u{7A7A}`,\n  },\n  \"zh-TW\": {\n    Empty: `\\u{7A7A}\\u{767D}`,\n  },\n};\n\nexport const spinButtonDictionary = new LocalizedStringDictionary<SpinButtonStringKey, string>(\n  spinButtonStrings,\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/spinbutton/useSpinButton.ts\n\n/**\n * createSpinButton hook for Solidaria\n *\n * Provides the ARIA spinbutton props and live-region announcement behaviour for\n * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce\n * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold\n * button machinery (increment/decrement buttons) is intentionally omitted — date\n * segments drive value changes through the keyboard only.\n */\n\nimport { createMemo, createTrackedEffect } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { spinButtonStrings, type SpinButtonStringKey } from \"./intl\";\n\nexport interface SpinButtonProps {\n  /** The current value of the spinbutton. */\n  value?: number;\n  /** A human-readable text alternative for the value. */\n  textValue?: string;\n  /** The smallest value allowed. */\n  minValue?: number;\n  /** The largest value allowed. */\n  maxValue?: number;\n  /** Whether the spinbutton is disabled. */\n  isDisabled?: boolean;\n  /** Whether the spinbutton is read only. */\n  isReadOnly?: boolean;\n  /** Whether the spinbutton is required. */\n  isRequired?: boolean;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinButtonAria {\n  /** Props for the spinbutton element. */\n  spinButtonProps: Record<string, unknown>;\n}\n\n/**\n * Provides the behaviour and accessibility implementation for a spinbutton.\n */\nexport function createSpinButton(props: MaybeAccessor<SpinButtonProps>): SpinButtonAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter<SpinButtonStringKey>(\n    spinButtonStrings,\n    \"@react-aria/spinbutton\",\n  );\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = getProps();\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) {\n      return;\n    }\n\n    switch (e.key) {\n      // Upstream deliberately falls through PageUp → ArrowUp when no page\n      // handler exists; our tsconfig forbids lexical fallthrough, so the\n      // PageUp case mirrors that branch inline instead.\n      case \"PageUp\":\n        if (p.onIncrementPage) {\n          e.preventDefault();\n          p.onIncrementPage();\n        } else if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      case \"ArrowUp\":\n      case \"Up\":\n        if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      // Same faithful fallthrough as PageUp, mirrored inline (PageDown → ArrowDown).\n      case \"PageDown\":\n        if (p.onDecrementPage) {\n          e.preventDefault();\n          p.onDecrementPage();\n        } else if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"ArrowDown\":\n      case \"Down\":\n        if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"Home\":\n        if (p.onDecrementToMin) {\n          e.preventDefault();\n          p.onDecrementToMin();\n        }\n        break;\n      case \"End\":\n        if (p.onIncrementToMax) {\n          e.preventDefault();\n          p.onIncrementToMax();\n        }\n        break;\n    }\n  };\n\n  // Non-reactive focus flag — matches upstream's `isFocused` ref. Toggling it must\n  // NOT re-run the announce effect; only a change in `ariaTextValue` announces.\n  let isFocused = false;\n  const onFocus = () => {\n    isFocused = true;\n  };\n  const onBlur = () => {\n    isFocused = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212) so VoiceOver\n  // announces it as \"minus\". Replace the empty string with the word \"Empty\".\n  const ariaTextValue = createMemo(() => {\n    const p = getProps();\n    return p.textValue === \"\"\n      ? stringFormatter().format(\"Empty\")\n      : (p.textValue || `${p.value}`).replace(\"-\", \"−\");\n  });\n\n  createTrackedEffect(() => {\n    const value = ariaTextValue();\n    if (isFocused) {\n      clearAnnouncer(\"assertive\");\n      announce(value, \"assertive\");\n    }\n  });\n\n  const spinButtonProps = createMemo(() => {\n    const p = getProps();\n    const value = p.value;\n    return {\n      role: \"spinbutton\",\n      \"aria-valuenow\": value !== undefined && !isNaN(value) ? value : undefined,\n      \"aria-valuetext\": ariaTextValue(),\n      \"aria-valuemin\": p.minValue,\n      \"aria-valuemax\": p.maxValue,\n      \"aria-disabled\": p.isDisabled || undefined,\n      \"aria-readonly\": p.isReadOnly || undefined,\n      \"aria-required\": p.isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n  });\n\n  return {\n    get spinButtonProps() {\n      return spinButtonProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAa,oBAAyE;CACpF,SAAS,EACP,OAAO,+BACT;CACA,SAAS,EACP,OAAO,2DACT;CACA,SAAS,EACP,OAAO,gBACT;CACA,SAAS,EACP,OAAO,MACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,sCACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,cACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,wBACT;CACA,SAAS,EACP,OAAO,SACT;CACA,SAAS,EACP,OAAO,UACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,oCACT;CACA,SAAS,EACP,OAAO,sBACT;CACA,SAAS,EACP,OAAO,cACT;CACA,SAAS,EACP,OAAO,MACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,MACT;CACA,SAAS,EACP,OAAO,iFACT;CACA,SAAS,EACP,OAAO,aACT;CACA,SAAS,EACP,OAAO,SACT;CACA,SAAS,EACP,OAAO,SACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,YACT;CACA,SAAS,EACP,OAAO,sCACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,mBACT;AACF;AAEA,MAAa,uBAAuB,IAAI,0BACtC,iBACF;;;;;;;;;;;;;;;ACzFA,SAAgB,iBAAiB,OAAuD;CACtF,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,kBAAkB,sBACtB,mBACA,wBACF;CAEA,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,SAAS;EACnB,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aACxE;EAGF,QAAQ,EAAE,KAAV;GAIE,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GAEF,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;GACF,KAAK,OACH,IAAI,EAAE,kBAAkB;IACtB,EAAE,eAAe;IACjB,EAAE,iBAAiB;GACrB;EAEJ;CACF;CAIA,IAAI,YAAY;CAChB,MAAM,gBAAgB;EACpB,YAAY;CACd;CACA,MAAM,eAAe;EACnB,YAAY;CACd;CAIA,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,SAAS;EACnB,OAAO,EAAE,cAAc,KACnB,gBAAgB,CAAC,CAAC,OAAO,OAAO,KAC/B,EAAE,aAAa,GAAG,EAAE,QAAA,CAAS,QAAQ,KAAK,GAAG;CACpD,CAAC;CAED,0BAA0B;EACxB,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW;GACb,eAAe,WAAW;GAC1B,SAAS,OAAO,WAAW;EAC7B;CACF,CAAC;CAED,MAAM,kBAAkB,iBAAiB;EACvC,MAAM,IAAI,SAAS;EACnB,MAAM,QAAQ,EAAE;EAChB,OAAO;GACL,MAAM;GACN,iBAAiB,UAAU,KAAA,KAAa,CAAC,MAAM,KAAK,IAAI,QAAQ,KAAA;GAChE,kBAAkB,cAAc;GAChC,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC;GACA;GACA;EACF;CACF,CAAC;CAED,OAAO,EACL,IAAI,kBAAkB;EACpB,OAAO,gBAAgB;CACzB,EACF;AACF"}

package/dist/_chunk/spinbutton.jsx

@@ -1,44 +1,56 @@
+/*
+* 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/spinbutton/useSpinButton.ts
 import { t as access } from "./reactivity.jsx";
 import { n as createStringFormatter } from "./createStringFormatter.jsx";
 import { n as clearAnnouncer, t as announce } from "./announce.jsx";
-import { createEffect, createMemo } from "solid-js";
+import { createMemo, createTrackedEffect } from "solid-js";
 import { LocalizedStringDictionary } from "@internationalized/string";
 //#region src/spinbutton/intl.ts
 const spinButtonStrings = {
-	"ar-AE": { "Empty": `\u{641}\u{627}\u{631}\u{63A}` },
-	"bg-BG": { "Empty": `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}` },
-	"cs-CZ": { "Empty": `Pr\xe1zdn\xe9` },
-	"da-DK": { "Empty": `Tom` },
-	"de-DE": { "Empty": `Leer` },
-	"el-GR": { "Empty": `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}` },
-	"en-US": { "Empty": `Empty` },
-	"es-ES": { "Empty": `Vac\xedo` },
-	"et-EE": { "Empty": `T\xfchjenda` },
-	"fi-FI": { "Empty": `Tyhj\xe4` },
-	"fr-FR": { "Empty": `Vide` },
-	"he-IL": { "Empty": `\u{5E8}\u{5D9}\u{5E7}` },
-	"hr-HR": { "Empty": `Prazno` },
-	"hu-HU": { "Empty": `\xdcres` },
-	"it-IT": { "Empty": `Vuoto` },
-	"ja-JP": { "Empty": `\u{7A7A}` },
-	"ko-KR": { "Empty": `\u{BE44}\u{C5B4} \u{C788}\u{C74C}` },
-	"lt-LT": { "Empty": `Tu\u{161}\u{10D}ias` },
-	"lv-LV": { "Empty": `Tuk\u{161}s` },
-	"nb-NO": { "Empty": `Tom` },
-	"nl-NL": { "Empty": `Leeg` },
-	"pl-PL": { "Empty": `Pusty` },
-	"pt-BR": { "Empty": `Vazio` },
-	"pt-PT": { "Empty": `Vazio` },
-	"ro-RO": { "Empty": `Gol` },
-	"ru-RU": { "Empty": `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}` },
-	"sk-SK": { "Empty": `Pr\xe1zdne` },
-	"sl-SI": { "Empty": `Prazen` },
-	"sr-SP": { "Empty": `Prazno` },
-	"sv-SE": { "Empty": `Tomt` },
-	"tr-TR": { "Empty": `Bo\u{15F}` },
-	"uk-UA": { "Empty": `\u{41F}\u{443}\u{441}\u{442}\u{43E}` },
-	"zh-CN": { "Empty": `\u{7A7A}` },
-	"zh-TW": { "Empty": `\u{7A7A}\u{767D}` }
+	"ar-AE": { Empty: `\u{641}\u{627}\u{631}\u{63A}` },
+	"bg-BG": { Empty: `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}` },
+	"cs-CZ": { Empty: `Pr\xe1zdn\xe9` },
+	"da-DK": { Empty: `Tom` },
+	"de-DE": { Empty: `Leer` },
+	"el-GR": { Empty: `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}` },
+	"en-US": { Empty: `Empty` },
+	"es-ES": { Empty: `Vac\xedo` },
+	"et-EE": { Empty: `T\xfchjenda` },
+	"fi-FI": { Empty: `Tyhj\xe4` },
+	"fr-FR": { Empty: `Vide` },
+	"he-IL": { Empty: `\u{5E8}\u{5D9}\u{5E7}` },
+	"hr-HR": { Empty: `Prazno` },
+	"hu-HU": { Empty: `\xdcres` },
+	"it-IT": { Empty: `Vuoto` },
+	"ja-JP": { Empty: `\u{7A7A}` },
+	"ko-KR": { Empty: `\u{BE44}\u{C5B4} \u{C788}\u{C74C}` },
+	"lt-LT": { Empty: `Tu\u{161}\u{10D}ias` },
+	"lv-LV": { Empty: `Tuk\u{161}s` },
+	"nb-NO": { Empty: `Tom` },
+	"nl-NL": { Empty: `Leeg` },
+	"pl-PL": { Empty: `Pusty` },
+	"pt-BR": { Empty: `Vazio` },
+	"pt-PT": { Empty: `Vazio` },
+	"ro-RO": { Empty: `Gol` },
+	"ru-RU": { Empty: `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}` },
+	"sk-SK": { Empty: `Pr\xe1zdne` },
+	"sl-SI": { Empty: `Prazen` },
+	"sr-SP": { Empty: `Prazno` },
+	"sv-SE": { Empty: `Tomt` },
+	"tr-TR": { Empty: `Bo\u{15F}` },
+	"uk-UA": { Empty: `\u{41F}\u{443}\u{441}\u{442}\u{43E}` },
+	"zh-CN": { Empty: `\u{7A7A}` },
+	"zh-TW": { Empty: `\u{7A7A}\u{767D}` }
 };
 const spinButtonDictionary = new LocalizedStringDictionary(spinButtonStrings);
 //#endregion
@@ -100,12 +112,10 @@ function createSpinButton(props) {
 					p.onDecrementToMin();
 				}
 				break;
-			case "End":
-				if (p.onIncrementToMax) {
-					e.preventDefault();
-					p.onIncrementToMax();
-				}
-				break;
+			case "End": if (p.onIncrementToMax) {
+				e.preventDefault();
+				p.onIncrementToMax();
+			}
 		}
 	};
 	let isFocused = false;
@@ -119,7 +129,7 @@ function createSpinButton(props) {
 		const p = getProps();
 		return p.textValue === "" ? stringFormatter().format("Empty") : (p.textValue || `${p.value}`).replace("-", "−");
 	});
-	createEffect(() => {
+	createTrackedEffect(() => {
 		const value = ariaTextValue();
 		if (isFocused) {
 			clearAnnouncer("assertive");

package/dist/_chunk/spinbutton.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"spinbutton.jsx","names":[],"sources":["../../src/spinbutton/intl.ts","../../src/spinbutton/createSpinButton.ts"],"sourcesContent":["// Spinbutton announcement catalog, ported verbatim from @react-aria/spinbutton's\n// intl/*.json (34 locales). Keep in sync with the vendored react-spectrum source on\n// every pin bump.\nimport { LocalizedStringDictionary } from \"@internationalized/string\";\n\nexport type SpinButtonStringKey = \"Empty\";\n\nexport const spinButtonStrings: Record<string, Record<SpinButtonStringKey, string>> = {\n  \"ar-AE\": {\n  \"Empty\": `\\u{641}\\u{627}\\u{631}\\u{63A}`\n  },\n  \"bg-BG\": {\n  \"Empty\": `\\u{418}\\u{437}\\u{43F}\\u{440}\\u{430}\\u{437}\\u{43D}\\u{438}`\n  },\n  \"cs-CZ\": {\n  \"Empty\": `Pr\\xe1zdn\\xe9`\n  },\n  \"da-DK\": {\n  \"Empty\": `Tom`\n  },\n  \"de-DE\": {\n  \"Empty\": `Leer`\n  },\n  \"el-GR\": {\n  \"Empty\": `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`\n  },\n  \"en-US\": {\n  \"Empty\": `Empty`\n  },\n  \"es-ES\": {\n  \"Empty\": `Vac\\xedo`\n  },\n  \"et-EE\": {\n  \"Empty\": `T\\xfchjenda`\n  },\n  \"fi-FI\": {\n  \"Empty\": `Tyhj\\xe4`\n  },\n  \"fr-FR\": {\n  \"Empty\": `Vide`\n  },\n  \"he-IL\": {\n  \"Empty\": `\\u{5E8}\\u{5D9}\\u{5E7}`\n  },\n  \"hr-HR\": {\n  \"Empty\": `Prazno`\n  },\n  \"hu-HU\": {\n  \"Empty\": `\\xdcres`\n  },\n  \"it-IT\": {\n  \"Empty\": `Vuoto`\n  },\n  \"ja-JP\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"ko-KR\": {\n  \"Empty\": `\\u{BE44}\\u{C5B4} \\u{C788}\\u{C74C}`\n  },\n  \"lt-LT\": {\n  \"Empty\": `Tu\\u{161}\\u{10D}ias`\n  },\n  \"lv-LV\": {\n  \"Empty\": `Tuk\\u{161}s`\n  },\n  \"nb-NO\": {\n  \"Empty\": `Tom`\n  },\n  \"nl-NL\": {\n  \"Empty\": `Leeg`\n  },\n  \"pl-PL\": {\n  \"Empty\": `Pusty`\n  },\n  \"pt-BR\": {\n  \"Empty\": `Vazio`\n  },\n  \"pt-PT\": {\n  \"Empty\": `Vazio`\n  },\n  \"ro-RO\": {\n  \"Empty\": `Gol`\n  },\n  \"ru-RU\": {\n  \"Empty\": `\\u{41D}\\u{435} \\u{437}\\u{430}\\u{43F}\\u{43E}\\u{43B}\\u{43D}\\u{435}\\u{43D}\\u{43E}`\n  },\n  \"sk-SK\": {\n  \"Empty\": `Pr\\xe1zdne`\n  },\n  \"sl-SI\": {\n  \"Empty\": `Prazen`\n  },\n  \"sr-SP\": {\n  \"Empty\": `Prazno`\n  },\n  \"sv-SE\": {\n  \"Empty\": `Tomt`\n  },\n  \"tr-TR\": {\n  \"Empty\": `Bo\\u{15F}`\n  },\n  \"uk-UA\": {\n  \"Empty\": `\\u{41F}\\u{443}\\u{441}\\u{442}\\u{43E}`\n  },\n  \"zh-CN\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"zh-TW\": {\n  \"Empty\": `\\u{7A7A}\\u{767D}`\n  },\n};\n\nexport const spinButtonDictionary = new LocalizedStringDictionary<SpinButtonStringKey, string>(\n  spinButtonStrings,\n);\n","/**\n * createSpinButton hook for Solidaria\n *\n * Provides the ARIA spinbutton props and live-region announcement behaviour for\n * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce\n * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold\n * button machinery (increment/decrement buttons) is intentionally omitted — date\n * segments drive value changes through the keyboard only.\n */\n\nimport { createMemo, createEffect } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { spinButtonStrings, type SpinButtonStringKey } from \"./intl\";\n\nexport interface SpinButtonProps {\n  /** The current value of the spinbutton. */\n  value?: number;\n  /** A human-readable text alternative for the value. */\n  textValue?: string;\n  /** The smallest value allowed. */\n  minValue?: number;\n  /** The largest value allowed. */\n  maxValue?: number;\n  /** Whether the spinbutton is disabled. */\n  isDisabled?: boolean;\n  /** Whether the spinbutton is read only. */\n  isReadOnly?: boolean;\n  /** Whether the spinbutton is required. */\n  isRequired?: boolean;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinButtonAria {\n  /** Props for the spinbutton element. */\n  spinButtonProps: Record<string, unknown>;\n}\n\n/**\n * Provides the behaviour and accessibility implementation for a spinbutton.\n */\nexport function createSpinButton(props: MaybeAccessor<SpinButtonProps>): SpinButtonAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter<SpinButtonStringKey>(\n    spinButtonStrings,\n    \"@react-aria/spinbutton\",\n  );\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = getProps();\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) {\n      return;\n    }\n\n    switch (e.key) {\n      // Upstream deliberately falls through PageUp → ArrowUp when no page\n      // handler exists; our tsconfig forbids lexical fallthrough, so the\n      // PageUp case mirrors that branch inline instead.\n      case \"PageUp\":\n        if (p.onIncrementPage) {\n          e.preventDefault();\n          p.onIncrementPage();\n        } else if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      case \"ArrowUp\":\n      case \"Up\":\n        if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      // Same faithful fallthrough as PageUp, mirrored inline (PageDown → ArrowDown).\n      case \"PageDown\":\n        if (p.onDecrementPage) {\n          e.preventDefault();\n          p.onDecrementPage();\n        } else if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"ArrowDown\":\n      case \"Down\":\n        if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"Home\":\n        if (p.onDecrementToMin) {\n          e.preventDefault();\n          p.onDecrementToMin();\n        }\n        break;\n      case \"End\":\n        if (p.onIncrementToMax) {\n          e.preventDefault();\n          p.onIncrementToMax();\n        }\n        break;\n    }\n  };\n\n  // Non-reactive focus flag — matches upstream's `isFocused` ref. Toggling it must\n  // NOT re-run the announce effect; only a change in `ariaTextValue` announces.\n  let isFocused = false;\n  const onFocus = () => {\n    isFocused = true;\n  };\n  const onBlur = () => {\n    isFocused = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212) so VoiceOver\n  // announces it as \"minus\". Replace the empty string with the word \"Empty\".\n  const ariaTextValue = createMemo(() => {\n    const p = getProps();\n    return p.textValue === \"\"\n      ? stringFormatter().format(\"Empty\")\n      : (p.textValue || `${p.value}`).replace(\"-\", \"−\");\n  });\n\n  createEffect(() => {\n    const value = ariaTextValue();\n    if (isFocused) {\n      clearAnnouncer(\"assertive\");\n      announce(value, \"assertive\");\n    }\n  });\n\n  const spinButtonProps = createMemo(() => {\n    const p = getProps();\n    const value = p.value;\n    return {\n      role: \"spinbutton\",\n      \"aria-valuenow\": value !== undefined && !isNaN(value) ? value : undefined,\n      \"aria-valuetext\": ariaTextValue(),\n      \"aria-valuemin\": p.minValue,\n      \"aria-valuemax\": p.maxValue,\n      \"aria-disabled\": p.isDisabled || undefined,\n      \"aria-readonly\": p.isReadOnly || undefined,\n      \"aria-required\": p.isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n  });\n\n  return {\n    get spinButtonProps() {\n      return spinButtonProps();\n    },\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBAAyE;CACpF,SAAS,EACT,SAAS,+BACT;CACA,SAAS,EACT,SAAS,2DACT;CACA,SAAS,EACT,SAAS,gBACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,wBACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,UACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,oCACT;CACA,SAAS,EACT,SAAS,sBACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,iFACT;CACA,SAAS,EACT,SAAS,aACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,YACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,mBACT;AACF;AAEA,MAAa,uBAAuB,IAAI,0BACtC,iBACF;;;;;;;;;;;;;;;ACnEA,SAAgB,iBAAiB,OAAuD;CACtF,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,kBAAkB,sBACtB,mBACA,wBACF;CAEA,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,SAAS;EACnB,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aACxE;EAGF,QAAQ,EAAE,KAAV;GAIE,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GAEF,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;EACJ;CACF;CAIA,IAAI,YAAY;CAChB,MAAM,gBAAgB;EACpB,YAAY;CACd;CACA,MAAM,eAAe;EACnB,YAAY;CACd;CAIA,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,SAAS;EACnB,OAAO,EAAE,cAAc,KACnB,gBAAgB,CAAC,CAAC,OAAO,OAAO,KAC/B,EAAE,aAAa,GAAG,EAAE,QAAA,CAAS,QAAQ,KAAK,GAAG;CACpD,CAAC;CAED,mBAAmB;EACjB,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW;GACb,eAAe,WAAW;GAC1B,SAAS,OAAO,WAAW;EAC7B;CACF,CAAC;CAED,MAAM,kBAAkB,iBAAiB;EACvC,MAAM,IAAI,SAAS;EACnB,MAAM,QAAQ,EAAE;EAChB,OAAO;GACL,MAAM;GACN,iBAAiB,UAAU,KAAA,KAAa,CAAC,MAAM,KAAK,IAAI,QAAQ,KAAA;GAChE,kBAAkB,cAAc;GAChC,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC;GACA;GACA;EACF;CACF,CAAC;CAED,OAAO,EACL,IAAI,kBAAkB;EACpB,OAAO,gBAAgB;CACzB,EACF;AACF"}
+{"version":3,"file":"spinbutton.jsx","names":[],"sources":["../../src/spinbutton/intl.ts","../../src/spinbutton/createSpinButton.ts"],"sourcesContent":["// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ar-AE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/bg-BG.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/cs-CZ.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/da-DK.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/de-DE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/el-GR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/en-US.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/es-ES.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/et-EE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/fi-FI.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/fr-FR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/he-IL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/hr-HR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/hu-HU.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/it-IT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ja-JP.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ko-KR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/lt-LT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/lv-LV.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/nb-NO.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/nl-NL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/pl-PL.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/pt-BR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/pt-PT.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ro-RO.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/ru-RU.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sk-SK.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sl-SI.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sr-SP.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/sv-SE.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/tr-TR.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/uk-UA.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/zh-CN.json\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/intl/spinbutton/zh-TW.json\n\n// Ported from @react-aria/spinbutton intl catalog.\n// Spinbutton announcement catalog, ported verbatim from @react-aria/spinbutton's\n// intl/*.json (34 locales). Keep in sync with the vendored react-spectrum source on\n// every pin bump.\nimport { LocalizedStringDictionary } from \"@internationalized/string\";\n\nexport type SpinButtonStringKey = \"Empty\";\n\nexport const spinButtonStrings: Record<string, Record<SpinButtonStringKey, string>> = {\n  \"ar-AE\": {\n    Empty: `\\u{641}\\u{627}\\u{631}\\u{63A}`,\n  },\n  \"bg-BG\": {\n    Empty: `\\u{418}\\u{437}\\u{43F}\\u{440}\\u{430}\\u{437}\\u{43D}\\u{438}`,\n  },\n  \"cs-CZ\": {\n    Empty: `Pr\\xe1zdn\\xe9`,\n  },\n  \"da-DK\": {\n    Empty: `Tom`,\n  },\n  \"de-DE\": {\n    Empty: `Leer`,\n  },\n  \"el-GR\": {\n    Empty: `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`,\n  },\n  \"en-US\": {\n    Empty: `Empty`,\n  },\n  \"es-ES\": {\n    Empty: `Vac\\xedo`,\n  },\n  \"et-EE\": {\n    Empty: `T\\xfchjenda`,\n  },\n  \"fi-FI\": {\n    Empty: `Tyhj\\xe4`,\n  },\n  \"fr-FR\": {\n    Empty: `Vide`,\n  },\n  \"he-IL\": {\n    Empty: `\\u{5E8}\\u{5D9}\\u{5E7}`,\n  },\n  \"hr-HR\": {\n    Empty: `Prazno`,\n  },\n  \"hu-HU\": {\n    Empty: `\\xdcres`,\n  },\n  \"it-IT\": {\n    Empty: `Vuoto`,\n  },\n  \"ja-JP\": {\n    Empty: `\\u{7A7A}`,\n  },\n  \"ko-KR\": {\n    Empty: `\\u{BE44}\\u{C5B4} \\u{C788}\\u{C74C}`,\n  },\n  \"lt-LT\": {\n    Empty: `Tu\\u{161}\\u{10D}ias`,\n  },\n  \"lv-LV\": {\n    Empty: `Tuk\\u{161}s`,\n  },\n  \"nb-NO\": {\n    Empty: `Tom`,\n  },\n  \"nl-NL\": {\n    Empty: `Leeg`,\n  },\n  \"pl-PL\": {\n    Empty: `Pusty`,\n  },\n  \"pt-BR\": {\n    Empty: `Vazio`,\n  },\n  \"pt-PT\": {\n    Empty: `Vazio`,\n  },\n  \"ro-RO\": {\n    Empty: `Gol`,\n  },\n  \"ru-RU\": {\n    Empty: `\\u{41D}\\u{435} \\u{437}\\u{430}\\u{43F}\\u{43E}\\u{43B}\\u{43D}\\u{435}\\u{43D}\\u{43E}`,\n  },\n  \"sk-SK\": {\n    Empty: `Pr\\xe1zdne`,\n  },\n  \"sl-SI\": {\n    Empty: `Prazen`,\n  },\n  \"sr-SP\": {\n    Empty: `Prazno`,\n  },\n  \"sv-SE\": {\n    Empty: `Tomt`,\n  },\n  \"tr-TR\": {\n    Empty: `Bo\\u{15F}`,\n  },\n  \"uk-UA\": {\n    Empty: `\\u{41F}\\u{443}\\u{441}\\u{442}\\u{43E}`,\n  },\n  \"zh-CN\": {\n    Empty: `\\u{7A7A}`,\n  },\n  \"zh-TW\": {\n    Empty: `\\u{7A7A}\\u{767D}`,\n  },\n};\n\nexport const spinButtonDictionary = new LocalizedStringDictionary<SpinButtonStringKey, string>(\n  spinButtonStrings,\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/spinbutton/useSpinButton.ts\n\n/**\n * createSpinButton hook for Solidaria\n *\n * Provides the ARIA spinbutton props and live-region announcement behaviour for\n * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce\n * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold\n * button machinery (increment/decrement buttons) is intentionally omitted — date\n * segments drive value changes through the keyboard only.\n */\n\nimport { createMemo, createTrackedEffect } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { spinButtonStrings, type SpinButtonStringKey } from \"./intl\";\n\nexport interface SpinButtonProps {\n  /** The current value of the spinbutton. */\n  value?: number;\n  /** A human-readable text alternative for the value. */\n  textValue?: string;\n  /** The smallest value allowed. */\n  minValue?: number;\n  /** The largest value allowed. */\n  maxValue?: number;\n  /** Whether the spinbutton is disabled. */\n  isDisabled?: boolean;\n  /** Whether the spinbutton is read only. */\n  isReadOnly?: boolean;\n  /** Whether the spinbutton is required. */\n  isRequired?: boolean;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinButtonAria {\n  /** Props for the spinbutton element. */\n  spinButtonProps: Record<string, unknown>;\n}\n\n/**\n * Provides the behaviour and accessibility implementation for a spinbutton.\n */\nexport function createSpinButton(props: MaybeAccessor<SpinButtonProps>): SpinButtonAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter<SpinButtonStringKey>(\n    spinButtonStrings,\n    \"@react-aria/spinbutton\",\n  );\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = getProps();\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) {\n      return;\n    }\n\n    switch (e.key) {\n      // Upstream deliberately falls through PageUp → ArrowUp when no page\n      // handler exists; our tsconfig forbids lexical fallthrough, so the\n      // PageUp case mirrors that branch inline instead.\n      case \"PageUp\":\n        if (p.onIncrementPage) {\n          e.preventDefault();\n          p.onIncrementPage();\n        } else if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      case \"ArrowUp\":\n      case \"Up\":\n        if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      // Same faithful fallthrough as PageUp, mirrored inline (PageDown → ArrowDown).\n      case \"PageDown\":\n        if (p.onDecrementPage) {\n          e.preventDefault();\n          p.onDecrementPage();\n        } else if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"ArrowDown\":\n      case \"Down\":\n        if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"Home\":\n        if (p.onDecrementToMin) {\n          e.preventDefault();\n          p.onDecrementToMin();\n        }\n        break;\n      case \"End\":\n        if (p.onIncrementToMax) {\n          e.preventDefault();\n          p.onIncrementToMax();\n        }\n        break;\n    }\n  };\n\n  // Non-reactive focus flag — matches upstream's `isFocused` ref. Toggling it must\n  // NOT re-run the announce effect; only a change in `ariaTextValue` announces.\n  let isFocused = false;\n  const onFocus = () => {\n    isFocused = true;\n  };\n  const onBlur = () => {\n    isFocused = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212) so VoiceOver\n  // announces it as \"minus\". Replace the empty string with the word \"Empty\".\n  const ariaTextValue = createMemo(() => {\n    const p = getProps();\n    return p.textValue === \"\"\n      ? stringFormatter().format(\"Empty\")\n      : (p.textValue || `${p.value}`).replace(\"-\", \"−\");\n  });\n\n  createTrackedEffect(() => {\n    const value = ariaTextValue();\n    if (isFocused) {\n      clearAnnouncer(\"assertive\");\n      announce(value, \"assertive\");\n    }\n  });\n\n  const spinButtonProps = createMemo(() => {\n    const p = getProps();\n    const value = p.value;\n    return {\n      role: \"spinbutton\",\n      \"aria-valuenow\": value !== undefined && !isNaN(value) ? value : undefined,\n      \"aria-valuetext\": ariaTextValue(),\n      \"aria-valuemin\": p.minValue,\n      \"aria-valuemax\": p.maxValue,\n      \"aria-disabled\": p.isDisabled || undefined,\n      \"aria-readonly\": p.isReadOnly || undefined,\n      \"aria-required\": p.isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n  });\n\n  return {\n    get spinButtonProps() {\n      return spinButtonProps();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAa,oBAAyE;CACpF,SAAS,EACP,OAAO,+BACT;CACA,SAAS,EACP,OAAO,2DACT;CACA,SAAS,EACP,OAAO,gBACT;CACA,SAAS,EACP,OAAO,MACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,sCACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,cACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,wBACT;CACA,SAAS,EACP,OAAO,SACT;CACA,SAAS,EACP,OAAO,UACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,oCACT;CACA,SAAS,EACP,OAAO,sBACT;CACA,SAAS,EACP,OAAO,cACT;CACA,SAAS,EACP,OAAO,MACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,QACT;CACA,SAAS,EACP,OAAO,MACT;CACA,SAAS,EACP,OAAO,iFACT;CACA,SAAS,EACP,OAAO,aACT;CACA,SAAS,EACP,OAAO,SACT;CACA,SAAS,EACP,OAAO,SACT;CACA,SAAS,EACP,OAAO,OACT;CACA,SAAS,EACP,OAAO,YACT;CACA,SAAS,EACP,OAAO,sCACT;CACA,SAAS,EACP,OAAO,WACT;CACA,SAAS,EACP,OAAO,mBACT;AACF;AAEA,MAAa,uBAAuB,IAAI,0BACtC,iBACF;;;;;;;;;;;;;;;ACzFA,SAAgB,iBAAiB,OAAuD;CACtF,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,kBAAkB,sBACtB,mBACA,wBACF;CAEA,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,SAAS;EACnB,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aACxE;EAGF,QAAQ,EAAE,KAAV;GAIE,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GAEF,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;GACF,KAAK,OACH,IAAI,EAAE,kBAAkB;IACtB,EAAE,eAAe;IACjB,EAAE,iBAAiB;GACrB;EAEJ;CACF;CAIA,IAAI,YAAY;CAChB,MAAM,gBAAgB;EACpB,YAAY;CACd;CACA,MAAM,eAAe;EACnB,YAAY;CACd;CAIA,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,SAAS;EACnB,OAAO,EAAE,cAAc,KACnB,gBAAgB,CAAC,CAAC,OAAO,OAAO,KAC/B,EAAE,aAAa,GAAG,EAAE,QAAA,CAAS,QAAQ,KAAK,GAAG;CACpD,CAAC;CAED,0BAA0B;EACxB,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW;GACb,eAAe,WAAW;GAC1B,SAAS,OAAO,WAAW;EAC7B;CACF,CAAC;CAED,MAAM,kBAAkB,iBAAiB;EACvC,MAAM,IAAI,SAAS;EACnB,MAAM,QAAQ,EAAE;EAChB,OAAO;GACL,MAAM;GACN,iBAAiB,UAAU,KAAA,KAAa,CAAC,MAAM,KAAK,IAAI,QAAQ,KAAA;GAChE,kBAAkB,cAAc;GAChC,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC;GACA;GACA;EACF;CACF,CAAC;CAED,OAAO,EACL,IAAI,kBAAkB;EACpB,OAAO,gBAAgB;CACzB,EACF;AACF"}

package/dist/_chunk/steplist.js

@@ -1,3 +1,16 @@
+/*
+* Copyright 2023 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/steplist/useStepList.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/steplist/useStepListItem.ts
 //#region src/steplist/createStepList.ts
 /**
 * Creates ARIA props for a step list container.
@@ -46,7 +59,7 @@ function createStep(props, state) {
 					return isSelected() ? "step" : void 0;
 				},
 				get "aria-disabled"() {
-					return !selectable() ? true : void 0;
+					return !selectable() ? "true" : void 0;
 				},
 				get tabIndex() {
 					return selectable() ? 0 : void 0;

package/dist/_chunk/steplist.js.map

@@ -1 +1 @@
-{"version":3,"file":"steplist.js","names":[],"sources":["../../src/steplist/createStepList.ts"],"sourcesContent":["/**\n * ARIA hooks for StepList components.\n * Provides accessible step list and step item props.\n */\n\nimport type { JSX } from \"solid-js\";\nimport type { StepListState } from \"@proyecto-viviana/solid-stately\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaStepListProps {\n  /** Accessible label for the step list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the step list. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface StepListAria {\n  /** Props for the step list container element. */\n  stepListProps: JSX.HTMLAttributes<HTMLOListElement>;\n}\n\n/**\n * Creates ARIA props for a step list container.\n */\nexport function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria {\n  return {\n    stepListProps: {\n      get \"aria-label\"() {\n        return props[\"aria-label\"] ?? \"Step List\";\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n\nexport interface AriaStepProps {\n  /** The key of this step. */\n  key: Key;\n}\n\nexport interface StepAria {\n  /** Props for the step element (anchor/link). */\n  stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;\n  /** Accessible text describing the step state. */\n  stepStateText: string;\n}\n\n/**\n * Creates ARIA props for an individual step within a step list.\n */\nexport function createStep(props: AriaStepProps, state: StepListState): StepAria {\n  const isSelected = () => state.selectedKey() === props.key;\n  const isCompleted = () => state.isCompleted(props.key);\n  const selectable = () => state.isSelectable(props.key);\n\n  const getStepStateText = (): string => {\n    if (isSelected()) return \"Current\";\n    if (isCompleted()) return \"Completed\";\n    return \"Not completed\";\n  };\n\n  const handleClick: JSX.EventHandler<HTMLAnchorElement, MouseEvent> = (e) => {\n    e.preventDefault();\n    if (selectable()) {\n      state.setSelectedKey(props.key);\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLAnchorElement, KeyboardEvent> = (e) => {\n    // Prevent arrow key scrolling — tab order handles navigation\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (selectable()) {\n        state.setSelectedKey(props.key);\n      }\n    }\n  };\n\n  return {\n    get stepProps() {\n      return {\n        role: \"link\" as const,\n        get \"aria-current\"() {\n          return isSelected() ? (\"step\" as const) : undefined;\n        },\n        get \"aria-disabled\"() {\n          return !selectable() ? true : undefined;\n        },\n        get tabIndex() {\n          return selectable() ? 0 : undefined;\n        },\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n      };\n    },\n    get stepStateText() {\n      return getStepStateText();\n    },\n  };\n}\n"],"mappings":";;;;AAwBA,SAAgB,eAAe,OAA0B,QAAqC;CAC5F,OAAO,EACL,eAAe;EACb,IAAI,eAAe;GACjB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,EACF;AACF;;;;AAiBA,SAAgB,WAAW,OAAsB,OAAgC;CAC/E,MAAM,mBAAmB,MAAM,YAAY,MAAM,MAAM;CACvD,MAAM,oBAAoB,MAAM,YAAY,MAAM,GAAG;CACrD,MAAM,mBAAmB,MAAM,aAAa,MAAM,GAAG;CAErD,MAAM,yBAAiC;EACrC,IAAI,WAAW,GAAG,OAAO;EACzB,IAAI,YAAY,GAAG,OAAO;EAC1B,OAAO;CACT;CAEA,MAAM,eAAgE,MAAM;EAC1E,EAAE,eAAe;EACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;CAElC;CAEA,MAAM,iBAAqE,MAAM;EAE/E,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;GAChD,EAAE,eAAe;GACjB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;EAElC;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO;IACL,MAAM;IACN,IAAI,iBAAiB;KACnB,OAAO,WAAW,IAAK,SAAmB,KAAA;IAC5C;IACA,IAAI,kBAAkB;KACpB,OAAO,CAAC,WAAW,IAAI,OAAO,KAAA;IAChC;IACA,IAAI,WAAW;KACb,OAAO,WAAW,IAAI,IAAI,KAAA;IAC5B;IACA,SAAS;IACT,WAAW;GACb;EACF;EACA,IAAI,gBAAgB;GAClB,OAAO,iBAAiB;EAC1B;CACF;AACF"}
+{"version":3,"file":"steplist.js","names":[],"sources":["../../src/steplist/createStepList.ts"],"sourcesContent":["/*\n * Copyright 2023 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/steplist/useStepList.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/steplist/useStepListItem.ts\n\n/**\n * ARIA hooks for StepList components.\n * Provides accessible step list and step item props.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport type { StepListState } from \"@proyecto-viviana/solid-stately\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaStepListProps {\n  /** Accessible label for the step list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the step list. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface StepListAria {\n  /** Props for the step list container element. */\n  stepListProps: JSX.HTMLAttributes<HTMLOListElement>;\n}\n\n/**\n * Creates ARIA props for a step list container.\n */\nexport function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria {\n  return {\n    stepListProps: {\n      get \"aria-label\"() {\n        return props[\"aria-label\"] ?? \"Step List\";\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n\nexport interface AriaStepProps {\n  /** The key of this step. */\n  key: Key;\n}\n\nexport interface StepAria {\n  /** Props for the step element (anchor/link). */\n  stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;\n  /** Accessible text describing the step state. */\n  stepStateText: string;\n}\n\n/**\n * Creates ARIA props for an individual step within a step list.\n */\nexport function createStep(props: AriaStepProps, state: StepListState): StepAria {\n  const isSelected = () => state.selectedKey() === props.key;\n  const isCompleted = () => state.isCompleted(props.key);\n  const selectable = () => state.isSelectable(props.key);\n\n  const getStepStateText = (): string => {\n    if (isSelected()) return \"Current\";\n    if (isCompleted()) return \"Completed\";\n    return \"Not completed\";\n  };\n\n  const handleClick: JSX.EventHandler<HTMLAnchorElement, MouseEvent> = (e) => {\n    e.preventDefault();\n    if (selectable()) {\n      state.setSelectedKey(props.key);\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLAnchorElement, KeyboardEvent> = (e) => {\n    // Prevent arrow key scrolling — tab order handles navigation\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (selectable()) {\n        state.setSelectedKey(props.key);\n      }\n    }\n  };\n\n  return {\n    get stepProps() {\n      return {\n        role: \"link\" as const,\n        get \"aria-current\"() {\n          return isSelected() ? (\"step\" as const) : undefined;\n        },\n        get \"aria-disabled\"() {\n          return !selectable() ? \"true\" : undefined;\n        },\n        get tabIndex() {\n          return selectable() ? 0 : undefined;\n        },\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n      };\n    },\n    get stepStateText() {\n      return getStepStateText();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,SAAgB,eAAe,OAA0B,QAAqC;CAC5F,OAAO,EACL,eAAe;EACb,IAAI,eAAe;GACjB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,EACF;AACF;;;;AAiBA,SAAgB,WAAW,OAAsB,OAAgC;CAC/E,MAAM,mBAAmB,MAAM,YAAY,MAAM,MAAM;CACvD,MAAM,oBAAoB,MAAM,YAAY,MAAM,GAAG;CACrD,MAAM,mBAAmB,MAAM,aAAa,MAAM,GAAG;CAErD,MAAM,yBAAiC;EACrC,IAAI,WAAW,GAAG,OAAO;EACzB,IAAI,YAAY,GAAG,OAAO;EAC1B,OAAO;CACT;CAEA,MAAM,eAAgE,MAAM;EAC1E,EAAE,eAAe;EACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;CAElC;CAEA,MAAM,iBAAqE,MAAM;EAE/E,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;GAChD,EAAE,eAAe;GACjB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;EAElC;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO;IACL,MAAM;IACN,IAAI,iBAAiB;KACnB,OAAO,WAAW,IAAK,SAAmB,KAAA;IAC5C;IACA,IAAI,kBAAkB;KACpB,OAAO,CAAC,WAAW,IAAI,SAAS,KAAA;IAClC;IACA,IAAI,WAAW;KACb,OAAO,WAAW,IAAI,IAAI,KAAA;IAC5B;IACA,SAAS;IACT,WAAW;GACb;EACF;EACA,IAAI,gBAAgB;GAClB,OAAO,iBAAiB;EAC1B;CACF;AACF"}

package/dist/_chunk/steplist.jsx

@@ -1,3 +1,16 @@
+/*
+* Copyright 2023 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/steplist/useStepList.ts
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/steplist/useStepListItem.ts
 //#region src/steplist/createStepList.ts
 /**
 * Creates ARIA props for a step list container.
@@ -46,7 +59,7 @@ function createStep(props, state) {
 					return isSelected() ? "step" : void 0;
 				},
 				get "aria-disabled"() {
-					return !selectable() ? true : void 0;
+					return !selectable() ? "true" : void 0;
 				},
 				get tabIndex() {
 					return selectable() ? 0 : void 0;

package/dist/_chunk/steplist.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"steplist.jsx","names":[],"sources":["../../src/steplist/createStepList.ts"],"sourcesContent":["/**\n * ARIA hooks for StepList components.\n * Provides accessible step list and step item props.\n */\n\nimport type { JSX } from \"solid-js\";\nimport type { StepListState } from \"@proyecto-viviana/solid-stately\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaStepListProps {\n  /** Accessible label for the step list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the step list. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface StepListAria {\n  /** Props for the step list container element. */\n  stepListProps: JSX.HTMLAttributes<HTMLOListElement>;\n}\n\n/**\n * Creates ARIA props for a step list container.\n */\nexport function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria {\n  return {\n    stepListProps: {\n      get \"aria-label\"() {\n        return props[\"aria-label\"] ?? \"Step List\";\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n\nexport interface AriaStepProps {\n  /** The key of this step. */\n  key: Key;\n}\n\nexport interface StepAria {\n  /** Props for the step element (anchor/link). */\n  stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;\n  /** Accessible text describing the step state. */\n  stepStateText: string;\n}\n\n/**\n * Creates ARIA props for an individual step within a step list.\n */\nexport function createStep(props: AriaStepProps, state: StepListState): StepAria {\n  const isSelected = () => state.selectedKey() === props.key;\n  const isCompleted = () => state.isCompleted(props.key);\n  const selectable = () => state.isSelectable(props.key);\n\n  const getStepStateText = (): string => {\n    if (isSelected()) return \"Current\";\n    if (isCompleted()) return \"Completed\";\n    return \"Not completed\";\n  };\n\n  const handleClick: JSX.EventHandler<HTMLAnchorElement, MouseEvent> = (e) => {\n    e.preventDefault();\n    if (selectable()) {\n      state.setSelectedKey(props.key);\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLAnchorElement, KeyboardEvent> = (e) => {\n    // Prevent arrow key scrolling — tab order handles navigation\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (selectable()) {\n        state.setSelectedKey(props.key);\n      }\n    }\n  };\n\n  return {\n    get stepProps() {\n      return {\n        role: \"link\" as const,\n        get \"aria-current\"() {\n          return isSelected() ? (\"step\" as const) : undefined;\n        },\n        get \"aria-disabled\"() {\n          return !selectable() ? true : undefined;\n        },\n        get tabIndex() {\n          return selectable() ? 0 : undefined;\n        },\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n      };\n    },\n    get stepStateText() {\n      return getStepStateText();\n    },\n  };\n}\n"],"mappings":";;;;AAwBA,SAAgB,eAAe,OAA0B,QAAqC;CAC5F,OAAO,EACL,eAAe;EACb,IAAI,eAAe;GACjB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,EACF;AACF;;;;AAiBA,SAAgB,WAAW,OAAsB,OAAgC;CAC/E,MAAM,mBAAmB,MAAM,YAAY,MAAM,MAAM;CACvD,MAAM,oBAAoB,MAAM,YAAY,MAAM,GAAG;CACrD,MAAM,mBAAmB,MAAM,aAAa,MAAM,GAAG;CAErD,MAAM,yBAAiC;EACrC,IAAI,WAAW,GAAG,OAAO;EACzB,IAAI,YAAY,GAAG,OAAO;EAC1B,OAAO;CACT;CAEA,MAAM,eAAgE,MAAM;EAC1E,EAAE,eAAe;EACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;CAElC;CAEA,MAAM,iBAAqE,MAAM;EAE/E,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;GAChD,EAAE,eAAe;GACjB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;EAElC;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO;IACL,MAAM;IACN,IAAI,iBAAiB;KACnB,OAAO,WAAW,IAAK,SAAmB,KAAA;IAC5C;IACA,IAAI,kBAAkB;KACpB,OAAO,CAAC,WAAW,IAAI,OAAO,KAAA;IAChC;IACA,IAAI,WAAW;KACb,OAAO,WAAW,IAAI,IAAI,KAAA;IAC5B;IACA,SAAS;IACT,WAAW;GACb;EACF;EACA,IAAI,gBAAgB;GAClB,OAAO,iBAAiB;EAC1B;CACF;AACF"}
+{"version":3,"file":"steplist.jsx","names":[],"sources":["../../src/steplist/createStepList.ts"],"sourcesContent":["/*\n * Copyright 2023 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/steplist/useStepList.ts\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/steplist/useStepListItem.ts\n\n/**\n * ARIA hooks for StepList components.\n * Provides accessible step list and step item props.\n */\n\nimport type { JSX } from \"@solidjs/web\";\nimport type { StepListState } from \"@proyecto-viviana/solid-stately\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaStepListProps {\n  /** Accessible label for the step list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the step list. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface StepListAria {\n  /** Props for the step list container element. */\n  stepListProps: JSX.HTMLAttributes<HTMLOListElement>;\n}\n\n/**\n * Creates ARIA props for a step list container.\n */\nexport function createStepList(props: AriaStepListProps, _state: StepListState): StepListAria {\n  return {\n    stepListProps: {\n      get \"aria-label\"() {\n        return props[\"aria-label\"] ?? \"Step List\";\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n\nexport interface AriaStepProps {\n  /** The key of this step. */\n  key: Key;\n}\n\nexport interface StepAria {\n  /** Props for the step element (anchor/link). */\n  stepProps: JSX.HTMLAttributes<HTMLAnchorElement>;\n  /** Accessible text describing the step state. */\n  stepStateText: string;\n}\n\n/**\n * Creates ARIA props for an individual step within a step list.\n */\nexport function createStep(props: AriaStepProps, state: StepListState): StepAria {\n  const isSelected = () => state.selectedKey() === props.key;\n  const isCompleted = () => state.isCompleted(props.key);\n  const selectable = () => state.isSelectable(props.key);\n\n  const getStepStateText = (): string => {\n    if (isSelected()) return \"Current\";\n    if (isCompleted()) return \"Completed\";\n    return \"Not completed\";\n  };\n\n  const handleClick: JSX.EventHandler<HTMLAnchorElement, MouseEvent> = (e) => {\n    e.preventDefault();\n    if (selectable()) {\n      state.setSelectedKey(props.key);\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLAnchorElement, KeyboardEvent> = (e) => {\n    // Prevent arrow key scrolling — tab order handles navigation\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (selectable()) {\n        state.setSelectedKey(props.key);\n      }\n    }\n  };\n\n  return {\n    get stepProps() {\n      return {\n        role: \"link\" as const,\n        get \"aria-current\"() {\n          return isSelected() ? (\"step\" as const) : undefined;\n        },\n        get \"aria-disabled\"() {\n          return !selectable() ? \"true\" : undefined;\n        },\n        get tabIndex() {\n          return selectable() ? 0 : undefined;\n        },\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n      };\n    },\n    get stepStateText() {\n      return getStepStateText();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,SAAgB,eAAe,OAA0B,QAAqC;CAC5F,OAAO,EACL,eAAe;EACb,IAAI,eAAe;GACjB,OAAO,MAAM,iBAAiB;EAChC;EACA,IAAI,oBAAoB;GACtB,OAAO,MAAM;EACf;CACF,EACF;AACF;;;;AAiBA,SAAgB,WAAW,OAAsB,OAAgC;CAC/E,MAAM,mBAAmB,MAAM,YAAY,MAAM,MAAM;CACvD,MAAM,oBAAoB,MAAM,YAAY,MAAM,GAAG;CACrD,MAAM,mBAAmB,MAAM,aAAa,MAAM,GAAG;CAErD,MAAM,yBAAiC;EACrC,IAAI,WAAW,GAAG,OAAO;EACzB,IAAI,YAAY,GAAG,OAAO;EAC1B,OAAO;CACT;CAEA,MAAM,eAAgE,MAAM;EAC1E,EAAE,eAAe;EACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;CAElC;CAEA,MAAM,iBAAqE,MAAM;EAE/E,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;GAChD,EAAE,eAAe;GACjB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,IAAI,WAAW,GACb,MAAM,eAAe,MAAM,GAAG;EAElC;CACF;CAEA,OAAO;EACL,IAAI,YAAY;GACd,OAAO;IACL,MAAM;IACN,IAAI,iBAAiB;KACnB,OAAO,WAAW,IAAK,SAAmB,KAAA;IAC5C;IACA,IAAI,kBAAkB;KACpB,OAAO,CAAC,WAAW,IAAI,SAAS,KAAA;IAClC;IACA,IAAI,WAAW;KACb,OAAO,WAAW,IAAI,IAAI,KAAA;IAC5B;IACA,SAAS;IACT,WAAW;GACb;EACF;EACA,IAAI,gBAAgB;GAClB,OAAO,iBAAiB;EAC1B;CACF;AACF"}

package/dist/_chunk/switch.js

@@ -1,3 +1,15 @@
+/*
+* 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/switch/useSwitch.ts
 import { t as createToggle } from "./createToggle.js";
 //#region src/switch/createSwitch.ts
 /**
@@ -23,9 +35,15 @@ function createSwitch(props, state, ref) {
 		},
 		isSelected: toggle.isSelected,
 		isPressed: toggle.isPressed,
-		isDisabled: toggle.isDisabled,
-		isReadOnly: toggle.isReadOnly,
-		isInvalid: toggle.isInvalid
+		get isDisabled() {
+			return toggle.isDisabled;
+		},
+		get isReadOnly() {
+			return toggle.isReadOnly;
+		},
+		get isInvalid() {
+			return toggle.isInvalid;
+		}
 	};
 }
 //#endregion