@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["<SliderStateContext value={state}>\n      <SliderTrackContext\n        value={mergeProps(\n          merge(() => aria.trackProps),\n          {\n            ref: (element: HTMLDivElement) => {\n              setTrackRef(element);\n            },\n            trackRef,\n          }\n        )}\n      >\n        <SliderOutputContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.outputProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <dom.div\n              {...mergeProps(\n                omit(filterDOMProps(props, { global: true }), \"id\"),\n                render,\n                merge(() => aria.groupProps)\n              )}\n              ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}\n              slot={\n                typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined\n              }\n              data-orientation={state.orientation}\n              data-disabled={state.isDisabled || undefined}\n            >\n              {render.children}\n            </dom.div>\n          </LabelContext>\n        </SliderOutputContext>\n      </SliderTrackContext>\n    </SliderStateContext>","value={state}","<SliderTrackContext\n        value={mergeProps(\n          merge(() => aria.trackProps),\n          {\n            ref: (element: HTMLDivElement) => {\n              setTrackRef(element);\n            },\n            trackRef,\n          }\n        )}\n      >\n        <SliderOutputContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.outputProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <dom.div\n              {...mergeProps(\n                omit(filterDOMProps(props, { global: true }), \"id\"),\n                render,\n                merge(() => aria.groupProps)\n              )}\n              ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}\n              slot={\n                typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined\n              }\n              data-orientation={state.orientation}\n              data-disabled={state.isDisabled || undefined}\n            >\n              {render.children}\n            </dom.div>\n          </LabelContext>\n        </SliderOutputContext>\n      </SliderTrackContext>","<SliderOutputContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.outputProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <dom.div\n              {...mergeProps(\n                omit(filterDOMProps(props, { global: true }), \"id\"),\n                render,\n                merge(() => aria.groupProps)\n              )}\n              ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}\n              slot={\n                typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined\n              }\n              data-orientation={state.orientation}\n              data-disabled={state.isDisabled || undefined}\n            >\n              {render.children}\n            </dom.div>\n          </LabelContext>\n        </SliderOutputContext>","<LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <dom.div\n              {...mergeProps(\n                omit(filterDOMProps(props, { global: true }), \"id\"),\n                render,\n                merge(() => aria.groupProps)\n              )}\n              ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}\n              slot={\n                typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined\n              }\n              data-orientation={state.orientation}\n              data-disabled={state.isDisabled || undefined}\n            >\n              {render.children}\n            </dom.div>\n          </LabelContext>","<dom.div\n              {...mergeProps(\n                omit(filterDOMProps(props, { global: true }), \"id\"),\n                render,\n                merge(() => aria.groupProps)\n              )}\n              ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}\n              slot={\n                typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined\n              }\n              data-orientation={state.orientation}\n              data-disabled={state.isDisabled || undefined}\n            >\n              {render.children}\n            </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}","typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined","<dom.output\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLOutputElement) => {\n        setRef(element);\n      }}\n      data-orientation={state.orientation}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {render.children}\n    </dom.output>","dom.output","ref={(element: HTMLOutputElement) => {\n        setRef(element);\n      }}","<dom.div\n      {...mergeProps(\n        omit(props, \"onHoverStart\", \"onHoverEnd\", \"onHoverChange\", \"ref\"),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-orientation={state.orientation}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {render.children}\n    </dom.div>","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<dom.div\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => aria.thumbProps),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-dragging={aria.isDragging || undefined}\n      data-focused={aria.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-disabled={aria.isDisabled || undefined}\n    >\n      <VisuallyHidden>\n        <input\n          {...mergeProps(\n            merge(() => aria.inputProps),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={[\n            (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n            (element: HTMLInputElement) => {\n              assignRef(\n                untrack(() => props.inputRef),\n                element\n              );\n            },\n          ]}\n        />\n      </VisuallyHidden>\n      <LabelContext\n        value={mergeProps(\n          merge(() => aria.labelProps),\n          { registerSlot: registerLabel }\n        )}\n      >\n        {render.children}\n      </LabelContext>\n    </dom.div>","ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","<VisuallyHidden>\n        <input\n          {...mergeProps(\n            merge(() => aria.inputProps),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={[\n            (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n            (element: HTMLInputElement) => {\n              assignRef(\n                untrack(() => props.inputRef),\n                element\n              );\n            },\n          ]}\n        />\n      </VisuallyHidden>","ref={[\n            (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n            (element: HTMLInputElement) => {\n              assignRef(\n                untrack(() => props.inputRef),\n                element\n              );\n            },\n          ]}","<input\n          {...mergeProps(\n            merge(() => aria.inputProps),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={[\n            (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n            (element: HTMLInputElement) => {\n              assignRef(\n                untrack(() => props.inputRef),\n                element\n              );\n            },\n          ]}\n        />","<LabelContext\n        value={mergeProps(\n          merge(() => aria.labelProps),\n          { registerSlot: registerLabel }\n        )}\n      >\n        {render.children}\n      </LabelContext>","<dom.div\n      {...mergeProps(\n        omit(\n          props,\n          \"offset\",\n          \"ref\",\n          \"onHoverStart\",\n          \"onHoverEnd\",\n          \"onHoverChange\"\n        ),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-orientation={state.orientation}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {render.children}\n    </dom.div>","mergeProps","_$createComponent","_$mergeProps","_$memo","_$getNextElement"],"sources":["../../src/slider.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/Slider.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createNumberFormatter } from \"@solid2-aria/core/i18n/create-number-formatter\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createSlider } from \"@solid2-aria/core/slider/create-slider\";\nimport type { AriaSliderProps } from \"@solid2-aria/core/slider/create-slider\";\nimport { createSliderThumb } from \"@solid2-aria/core/slider/create-slider-thumb\";\nimport type { AriaSliderThumbProps } from \"@solid2-aria/core/slider/create-slider-thumb\";\nimport type { CSSProperties } from \"@solid2-aria/core/types\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { VisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport { createSliderState } from \"@solid2-aria/stately/slider/create-slider-state\";\nimport type {\n  SliderStateOptions,\n  SliderState,\n} from \"@solid2-aria/stately/slider/create-slider-state\";\nimport type { HoverEvents, Orientation } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  merge,\n  createContext,\n  createMemo,\n  omit,\n  useContext,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { LabelContext } from \"./label\";\nimport {\n  assignRef,\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n} from \"./utils\";\nimport type { ContextValue, RenderProps, SlotProps, Ref } from \"./utils\";\n\nexport interface SliderRenderProps {\n  orientation: Orientation;\n  isDisabled: boolean;\n  state: SliderState;\n}\n\nexport interface SliderProps<T = number | number[]>\n  extends\n    Omit<AriaSliderProps<T>, \"label\">,\n    RenderProps<SliderRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  formatOptions?: Intl.NumberFormatOptions;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SliderTrackRenderProps extends SliderRenderProps {\n  isHovered: boolean;\n}\n\nexport interface SliderTrackProps\n  extends\n    HoverEvents,\n    RenderProps<SliderTrackRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SliderOutputProps\n  extends\n    RenderProps<SliderRenderProps, \"output\">,\n    GlobalDOMAttributes<HTMLOutputElement> {\n  ref?: Ref<HTMLOutputElement>;\n}\n\nexport interface SliderThumbRenderProps {\n  state: SliderState;\n  isDragging: boolean;\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n}\n\nexport interface SliderThumbProps\n  extends\n    Omit<AriaSliderThumbProps, \"label\" | \"validationState\">,\n    HoverEvents,\n    RenderProps<SliderThumbRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SliderFillRenderProps extends SliderRenderProps {\n  isHovered: boolean;\n}\n\nexport interface SliderFillProps\n  extends\n    HoverEvents,\n    RenderProps<SliderFillRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  offset?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype TrackContext = Omit<\n  SliderTrackProps,\n  keyof JSX.HTMLAttributes<HTMLDivElement>\n> &\n  Omit<\n    JSX.HTMLAttributes<HTMLDivElement>,\n    \"ref\" | \"class\" | \"style\" | \"children\"\n  > &\n  Pick<SliderTrackProps, \"class\" | \"style\" | \"children\"> & {\n    trackRef: Accessor<HTMLDivElement | null>;\n  };\n\ntype OutputContext = Omit<\n  SliderOutputProps,\n  keyof JSX.OutputHTMLAttributes<HTMLOutputElement>\n> &\n  Omit<\n    JSX.OutputHTMLAttributes<HTMLOutputElement>,\n    \"ref\" | \"class\" | \"style\" | \"children\"\n  > &\n  Pick<SliderOutputProps, \"class\" | \"style\" | \"children\">;\n\nexport const SliderContext =\n  createContext<ContextValue<SliderProps, HTMLDivElement>>(null);\n\nexport const SliderStateContext = createContext<SliderState | null>(null);\n\nexport const SliderTrackContext =\n  createContext<ContextValue<TrackContext, HTMLDivElement>>(null);\n\nexport const SliderFillContext =\n  createContext<ContextValue<SliderFillProps, HTMLDivElement>>(null);\n\nexport const SliderOutputContext =\n  createContext<ContextValue<OutputContext, HTMLOutputElement>>(null);\n\nfunction sliderValues(state: SliderState): SliderRenderProps {\n  return {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get orientation() {\n      return state.orientation;\n    },\n    state,\n  };\n}\n\nexport function Slider<T extends number | number[]>(\n  input: SliderProps<T>\n): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SliderContext\n  );\n\n  const [trackRef, setTrackRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const formatter = createNumberFormatter(\n    merge(() => props.formatOptions ?? {})\n  );\n\n  // SAFETY: Slider state preserves the scalar or array form of the supplied value for every callback.\n  // oxlint-disable-next-line anti-slop/no-chained-type-assertions, typescript/no-unsafe-type-assertion -- The generic public callback is widened only for the internal state factory.\n  const options = mergeProps(props, {\n    numberFormatter: formatter,\n  }) as unknown as SliderStateOptions;\n\n  const state = createSliderState(options);\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createSlider(\n    mergeProps(props, {\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    trackRef\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-Slider\",\n      values: sliderValues(state),\n    })\n  );\n\n  return (\n    <SliderStateContext value={state}>\n      <SliderTrackContext\n        value={mergeProps(\n          merge(() => aria.trackProps),\n          {\n            ref: (element: HTMLDivElement) => {\n              setTrackRef(element);\n            },\n            trackRef,\n          }\n        )}\n      >\n        <SliderOutputContext\n          value={\n            // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n            merge(() => aria.outputProps)\n            // oxlint-enable solid/reactivity\n          }\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { registerSlot: registerLabel }\n            )}\n          >\n            <dom.div\n              {...mergeProps(\n                omit(filterDOMProps(props, { global: true }), \"id\"),\n                render,\n                merge(() => aria.groupProps)\n              )}\n              ref={(element: HTMLDivElement) => {\n                setRef(element);\n              }}\n              slot={\n                typeof props.slot === \"string\" && props.slot.length > 0\n                  ? props.slot\n                  : undefined\n              }\n              data-orientation={state.orientation}\n              data-disabled={state.isDisabled || undefined}\n            >\n              {render.children}\n            </dom.div>\n          </LabelContext>\n        </SliderOutputContext>\n      </SliderTrackContext>\n    </SliderStateContext>\n  );\n}\n\nexport function SliderOutput(input: SliderOutputProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SliderOutputContext\n  );\n\n  const state = requireValue(\n    useContext(SliderStateContext),\n    \"Expected required component value\"\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultChildren() {\n        return state.getFormattedValue();\n      },\n      defaultClass: \"solid2-aria-SliderOutput\",\n      values: sliderValues(state),\n    })\n  );\n\n  return (\n    <dom.output\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLOutputElement) => {\n        setRef(element);\n      }}\n      data-orientation={state.orientation}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {render.children}\n    </dom.output>\n  );\n}\n\nexport function SliderTrack(input: SliderTrackProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SliderTrackContext\n  );\n\n  const state = requireValue(\n    useContext(SliderStateContext),\n    \"Expected required component value\"\n  );\n\n  const hover = createHover(props);\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-SliderTrack\",\n      values: mergeProps(sliderValues(state), {\n        get isHovered() {\n          return hover.isHovered;\n        },\n      }),\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        omit(props, \"onHoverStart\", \"onHoverEnd\", \"onHoverChange\", \"ref\"),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-orientation={state.orientation}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {render.children}\n    </dom.div>\n  );\n}\n\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const state = requireValue(\n    useContext(SliderStateContext),\n    \"Expected required component value\"\n  );\n\n  const track = requireValue(\n    createSlottedContext(SliderTrackContext),\n    \"Expected required component value\"\n  );\n\n  const trackRef = untrack(() => track.trackRef);\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createSliderThumb(\n    mergeProps(props, {\n      get index() {\n        return props.index ?? 0;\n      },\n      inputRef,\n      get label() {\n        return label();\n      },\n      trackRef,\n    }),\n    state\n  );\n\n  const focus = createFocusRing();\n  const hover = createHover(props);\n\n  const values: SliderThumbRenderProps = {\n    get isDisabled() {\n      return aria.isDisabled;\n    },\n    get isDragging() {\n      return aria.isDragging;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return aria.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-SliderThumb\",\n      get defaultStyle() {\n        const { style } = aria.thumbProps;\n\n        return typeof style === \"object\" ? style : undefined;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\"),\n        merge(() => aria.thumbProps),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-dragging={aria.isDragging || undefined}\n      data-focused={aria.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n      data-disabled={aria.isDisabled || undefined}\n    >\n      <VisuallyHidden>\n        <input\n          {...mergeProps(\n            merge(() => aria.inputProps),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={[\n            (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n            (element: HTMLInputElement) => {\n              assignRef(\n                untrack(() => props.inputRef),\n                element\n              );\n            },\n          ]}\n        />\n      </VisuallyHidden>\n      <LabelContext\n        value={mergeProps(\n          merge(() => aria.labelProps),\n          { registerSlot: registerLabel }\n        )}\n      >\n        {render.children}\n      </LabelContext>\n    </dom.div>\n  );\n}\n\nexport function SliderFill(input: SliderFillProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SliderFillContext\n  );\n\n  const state = requireValue(\n    useContext(SliderStateContext),\n    \"Expected required component value\"\n  );\n\n  const hover = createHover(props);\n\n  const geometry = createMemo(() => {\n    const offset = Math.min(\n      state.getThumbMaxValue(0),\n      Math.max(\n        state.getThumbMinValue(0),\n        props.offset ?? state.getThumbMinValue(0)\n      )\n    );\n\n    const start =\n      state.values.length > 1\n        ? state.getThumbPercent(0)\n        : state.getValuePercent(offset);\n\n    const end = state.values.length\n      ? state.getThumbPercent(state.values.length - 1)\n      : 0;\n\n    return {\n      size: Math.max(0, Math.abs(end - start)) * 100,\n      start: Math.min(start, end) * 100,\n    };\n  });\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-SliderFill\",\n      get defaultStyle(): CSSProperties {\n        const g = geometry();\n\n        return state.orientation === \"vertical\"\n          ? {\n              bottom: `${g.start}%`,\n              height: `${g.size}%`,\n              position: \"absolute\",\n              width: \"100%\",\n            }\n          : {\n              height: \"100%\",\n              \"inset-inline-start\": `${g.start}%`,\n              position: \"absolute\",\n              width: `${g.size}%`,\n            };\n      },\n      values: mergeProps(sliderValues(state), {\n        get isHovered() {\n          return hover.isHovered;\n        },\n      }),\n    })\n  );\n\n  return (\n    <dom.div\n      {...mergeProps(\n        omit(\n          props,\n          \"offset\",\n          \"ref\",\n          \"onHoverStart\",\n          \"onHoverEnd\",\n          \"onHoverChange\"\n        ),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      data-hovered={hover.isHovered || undefined}\n      data-orientation={state.orientation}\n      data-disabled={state.isDisabled || undefined}\n    >\n      {render.children}\n    </dom.div>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/switch.d.ts

@@ -0,0 +1,54 @@
+/*
+ * Copyright 2022 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Switch.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { ToggleState } from "@solid2-aria/stately/toggle/create-toggle-state";
+import { AriaSwitchProps } from "@solid2-aria/core/switch/create-switch";
+import { HoverEvents } from "@solid2-aria/types-shared";
+export interface SwitchRenderProps {
+  isSelected: boolean;
+  isHovered: boolean;
+  isPressed: boolean;
+  isFocused: boolean;
+  isFocusVisible: boolean;
+  isDisabled: boolean;
+  isReadOnly: boolean;
+  isInvalid: boolean;
+  isRequired: boolean;
+  state: ToggleState;
+}
+export type SwitchFieldRenderProps = Omit<SwitchRenderProps, "isHovered" | "isPressed" | "isFocused" | "isFocusVisible">;
+export type SwitchButtonRenderProps = SwitchRenderProps;
+export interface SwitchProps extends Omit<AriaSwitchProps, "children">, SlotProps, HoverEvents, RenderProps<SwitchRenderProps, "label"> {
+  inputRef?: Ref<HTMLInputElement>;
+  ref?: Ref<HTMLLabelElement>;
+}
+export interface SwitchFieldProps extends Omit<AriaSwitchProps, "children">, SlotProps, HoverEvents, RenderProps<SwitchFieldRenderProps> {
+  inputRef?: Ref<HTMLInputElement>;
+  ref?: Ref<HTMLDivElement>;
+}
+export interface SwitchButtonProps extends SlotProps, HoverEvents, RenderProps<SwitchButtonRenderProps, "label"> {
+  id?: string;
+  ref?: Ref<HTMLLabelElement>;
+}
+export declare const SwitchContext: import("solid-js").Context<ContextValue<SwitchProps, HTMLLabelElement>>;
+export declare const SwitchFieldContext: import("solid-js").Context<ContextValue<SwitchFieldProps, HTMLDivElement>>;
+export declare const ToggleStateContext: import("solid-js").Context<ToggleState | null>;
+export declare function Switch(input: SwitchProps): JSX.Element;
+export declare function SwitchField(input: SwitchFieldProps): JSX.Element;
+export declare function SwitchButton(props: SwitchButtonProps): JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

package/dist/browser/switch.js

@@ -0,0 +1,240 @@
+/*
+ * Copyright 2022 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Switch.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, createSlottedContext, dom } from "./utils.js";
+import { TextContext } from "./text.js";
+import { FormContext } from "./form.js";
+import { SelectionIndicatorContext } from "./selection-indicator.js";
+import { applyRef, createComponent, getNextElement, memo, mergeProps, ref, runHydrationEvents, spread, template } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { VisuallyHidden } from "@solid2-aria/core/visually-hidden/visually-hidden";
+import { createToggleState } from "@solid2-aria/stately/toggle/create-toggle-state";
+import { createSwitch } from "@solid2-aria/core/switch/create-switch";
+// src/switch.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<input>`);
+const SwitchContext = createContext(null);
+const SwitchFieldContext = createContext(null);
+const InternalContext = createContext(null);
+const ToggleStateContext = createContext(null);
+function createAria(props) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps$1(omit(props, "children"), {
+		children: true,
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createToggleState(props);
+	return {
+		aria: createSwitch(options, state, inputRef),
+		defaultClass: "solid2-aria-Switch",
+		inputRef,
+		props,
+		setInputRef: (element) => {
+			setInputRef(element);
+		},
+		state
+	};
+}
+function fieldValues(ctx) {
+	return {
+		get isDisabled() {
+			return ctx.aria.isDisabled;
+		},
+		get isInvalid() {
+			return ctx.aria.isInvalid;
+		},
+		get isReadOnly() {
+			return ctx.aria.isReadOnly;
+		},
+		get isRequired() {
+			return ctx.props.isRequired === true;
+		},
+		get isSelected() {
+			return ctx.aria.isSelected;
+		},
+		state: ctx.state
+	};
+}
+function Switch(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SwitchContext);
+	const ctx = createAria(props);
+	return createComponent(InternalContext, {
+		value: ctx,
+		get children() {
+			return createComponent(SwitchButton, mergeProps(props, { ref: (element) => {
+				setRef(element);
+			} }));
+		}
+	});
+}
+function SwitchField(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), SwitchFieldContext);
+	const ctx = createAria(props);
+	ctx.defaultClass = "solid2-aria-SwitchButton";
+	const values = fieldValues(ctx);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-SwitchField",
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return omit(filterDOMProps(props, { global: true }), "id", "onClick");
+	}, render, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-selected"() {
+			return values.isSelected || void 0;
+		},
+		get "data-disabled"() {
+			return values.isDisabled || void 0;
+		},
+		get "data-invalid"() {
+			return values.isInvalid || void 0;
+		},
+		get "data-readonly"() {
+			return values.isReadOnly || void 0;
+		},
+		get "data-required"() {
+			return values.isRequired || void 0;
+		},
+		get children() {
+			return createComponent(InternalContext, {
+				value: ctx,
+				get children() {
+					return createComponent(SelectionIndicatorContext, {
+						value: { get isSelected() {
+							return values.isSelected;
+						} },
+						get children() {
+							return createComponent(TextContext, {
+								value: { slots: {
+									get description() {
+										return ctx.aria.descriptionProps;
+									},
+									get errorMessage() {
+										return ctx.aria.errorMessageProps;
+									}
+								} },
+								get children() {
+									return render.children;
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	}));
+}
+function SwitchButton(props) {
+	const ctx = useContext(InternalContext);
+	if (!ctx) throw new Error("SwitchButton must be inside SwitchField.");
+	const focus = createFocusRing();
+	const fields = fieldValues(ctx);
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return fields.isDisabled || fields.isReadOnly;
+	} }));
+	const values = mergeProps$1(fields, {
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isPressed() {
+			return ctx.aria.isPressed;
+		}
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		get defaultClass() {
+			return ctx.defaultClass;
+		},
+		values
+	}));
+	return createComponent(dom.label, mergeProps(() => {
+		return mergeProps$1(omit(filterDOMProps(props, { global: true }), "id", "onClick"), merge(() => ctx.aria.labelProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		ref(r$) {
+			var _ref$ = props.ref;
+			typeof _ref$ === "function" || Array.isArray(_ref$) ? applyRef(_ref$, r$) : props.ref = r$;
+		},
+		get slot() {
+			return props.slot ?? void 0;
+		},
+		get "data-selected"() {
+			return fields.isSelected || void 0;
+		},
+		get "data-disabled"() {
+			return fields.isDisabled || void 0;
+		},
+		get "data-readonly"() {
+			return fields.isReadOnly || void 0;
+		},
+		get "data-invalid"() {
+			return fields.isInvalid || void 0;
+		},
+		get "data-required"() {
+			return fields.isRequired || void 0;
+		},
+		get "data-pressed"() {
+			return ctx.aria.isPressed || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-focused"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get children() {
+			return [createComponent(VisuallyHidden, {
+				elementType: "span",
+				get children() {
+					var _el$ = getNextElement(_tmpl$);
+					spread(_el$, () => {
+						return mergeProps$1(merge(() => ctx.aria.inputProps ?? {}), merge(() => focus.focusProps ?? {}));
+					}, false);
+					ref(() => {
+						return (element) => {
+							ctx.setInputRef(element);
+						};
+					}, _el$);
+					runHydrationEvents();
+					return _el$;
+				}
+			}), memo(() => {
+				return render.children;
+			})];
+		}
+	}));
+}
+export { Switch, SwitchButton, SwitchContext, SwitchField, SwitchFieldContext, ToggleStateContext };
+
+//# sourceMappingURL=switch.js.map

package/dist/browser/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["<InternalContext value={ctx}>\n      <SwitchButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />\n    </InternalContext>","value={ctx}","<SwitchButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />","ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}","<dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-selected={values.isSelected || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n    >\n      <InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>\n    </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","<InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>","<SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>","value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}","<TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>","value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}","<dom.label\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n        merge(() => ctx.aria.labelProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={props.ref}\n      slot={props.slot ?? undefined}\n      data-selected={fields.isSelected || undefined}\n      data-disabled={fields.isDisabled || undefined}\n      data-readonly={fields.isReadOnly || undefined}\n      data-invalid={fields.isInvalid || undefined}\n      data-required={fields.isRequired || undefined}\n      data-pressed={ctx.aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>\n      {render.children}\n    </dom.label>","dom.label","ref={props.ref}","<VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>","elementType=\"span\"","ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}","<input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />","render.children","mergeProps","_$createComponent","_$mergeProps","_$applyRef","_$getNextElement","_$memo"],"sources":["../../src/switch.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/Switch.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { createSwitch } from \"@solid2-aria/core/switch/create-switch\";\nimport type {\n  AriaSwitchProps,\n  SwitchAria,\n} from \"@solid2-aria/core/switch/create-switch\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { VisuallyHidden } from \"@solid2-aria/core/visually-hidden/visually-hidden\";\nimport { createToggleState } from \"@solid2-aria/stately/toggle/create-toggle-state\";\nimport type { ToggleState } from \"@solid2-aria/stately/toggle/create-toggle-state\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createSignal,\n  createContext,\n  useContext,\n  omit,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { FormContext } from \"./form\";\nimport { SelectionIndicatorContext } from \"./selection-indicator\";\nimport { TextContext } from \"./text\";\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n} from \"./utils\";\nimport type { Ref, ContextValue, SlotProps, RenderProps } from \"./utils\";\n\nexport interface SwitchRenderProps {\n  isSelected: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  isRequired: boolean;\n  state: ToggleState;\n}\n\nexport type SwitchFieldRenderProps = Omit<\n  SwitchRenderProps,\n  \"isHovered\" | \"isPressed\" | \"isFocused\" | \"isFocusVisible\"\n>;\n\nexport type SwitchButtonRenderProps = SwitchRenderProps;\n\nexport interface SwitchProps\n  extends\n    Omit<AriaSwitchProps, \"children\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<SwitchRenderProps, \"label\"> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport interface SwitchFieldProps\n  extends\n    Omit<AriaSwitchProps, \"children\">,\n    SlotProps,\n    HoverEvents,\n    RenderProps<SwitchFieldRenderProps> {\n  inputRef?: Ref<HTMLInputElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface SwitchButtonProps\n  extends\n    SlotProps,\n    HoverEvents,\n    RenderProps<SwitchButtonRenderProps, \"label\"> {\n  id?: string;\n  ref?: Ref<HTMLLabelElement>;\n}\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nexport const SwitchFieldContext =\n  createContext<ContextValue<SwitchFieldProps, HTMLDivElement>>(null);\n\ninterface InternalValue {\n  aria: SwitchAria;\n  inputRef: Accessor<HTMLInputElement | null>;\n  setInputRef: (element: HTMLInputElement) => void;\n  state: ToggleState;\n  props: Omit<AriaSwitchProps, \"children\">;\n  defaultClass: string;\n}\n\nconst InternalContext = createContext<InternalValue | null>(null);\nexport const ToggleStateContext = createContext<ToggleState | null>(null);\n\nfunction createAria(props: SwitchProps | SwitchFieldProps): InternalValue {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const form = createSlottedContext(FormContext);\n\n  const options = mergeProps(omit(props, \"children\"), {\n    children: true,\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createToggleState(props);\n  const aria = createSwitch(options, state, inputRef);\n\n  return {\n    aria,\n    defaultClass: \"solid2-aria-Switch\",\n    inputRef,\n    props,\n    setInputRef: (element: HTMLInputElement) => {\n      setInputRef(element);\n    },\n    state,\n  };\n}\n\nfunction fieldValues(ctx: InternalValue): SwitchFieldRenderProps {\n  return {\n    get isDisabled() {\n      return ctx.aria.isDisabled;\n    },\n    get isInvalid() {\n      return ctx.aria.isInvalid;\n    },\n    get isReadOnly() {\n      return ctx.aria.isReadOnly;\n    },\n    get isRequired() {\n      return ctx.props.isRequired === true;\n    },\n    get isSelected() {\n      return ctx.aria.isSelected;\n    },\n    state: ctx.state,\n  };\n}\n\nexport function Switch(input: SwitchProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SwitchContext\n  );\n\n  const ctx = createAria(props);\n\n  return (\n    <InternalContext value={ctx}>\n      <SwitchButton\n        {...props}\n        ref={(element: HTMLLabelElement) => {\n          setRef(element);\n        }}\n      />\n    </InternalContext>\n  );\n}\n\nexport function SwitchField(input: SwitchFieldProps): JSX.Element {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    SwitchFieldContext\n  );\n\n  const ctx = createAria(props);\n  ctx.defaultClass = \"solid2-aria-SwitchButton\";\n  const values = fieldValues(ctx);\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-SwitchField\", values })\n  );\n\n  return (\n    <dom.div\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\")\n        // oxlint-enable solid/reactivity\n      }\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      slot={props.slot ?? undefined}\n      data-selected={values.isSelected || undefined}\n      data-disabled={values.isDisabled || undefined}\n      data-invalid={values.isInvalid || undefined}\n      data-readonly={values.isReadOnly || undefined}\n      data-required={values.isRequired || undefined}\n    >\n      <InternalContext value={ctx}>\n        <SelectionIndicatorContext\n          value={{\n            get isSelected() {\n              return values.isSelected;\n            },\n          }}\n        >\n          <TextContext\n            value={{\n              slots: {\n                get description() {\n                  return ctx.aria.descriptionProps;\n                },\n                get errorMessage() {\n                  return ctx.aria.errorMessageProps;\n                },\n              },\n            }}\n          >\n            {render.children}\n          </TextContext>\n        </SelectionIndicatorContext>\n      </InternalContext>\n    </dom.div>\n  );\n}\n\nexport function SwitchButton(props: SwitchButtonProps): JSX.Element {\n  const ctx = useContext(InternalContext);\n\n  if (!ctx) {\n    throw new Error(\"SwitchButton must be inside SwitchField.\");\n  }\n\n  const focus = createFocusRing();\n  const fields = fieldValues(ctx);\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return fields.isDisabled || fields.isReadOnly;\n      },\n    })\n  );\n\n  const values: SwitchButtonRenderProps = mergeProps(fields, {\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocused() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get isPressed() {\n      return ctx.aria.isPressed;\n    },\n  });\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultClass() {\n        return ctx.defaultClass;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.label\n      {...mergeProps(\n        omit(filterDOMProps(props, { global: true }), \"id\", \"onClick\"),\n        merge(() => ctx.aria.labelProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      ref={props.ref}\n      slot={props.slot ?? undefined}\n      data-selected={fields.isSelected || undefined}\n      data-disabled={fields.isDisabled || undefined}\n      data-readonly={fields.isReadOnly || undefined}\n      data-invalid={fields.isInvalid || undefined}\n      data-required={fields.isRequired || undefined}\n      data-pressed={ctx.aria.isPressed || undefined}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      <VisuallyHidden elementType=\"span\">\n        <input\n          {...mergeProps(\n            merge(() => ctx.aria.inputProps ?? {}),\n            merge(() => focus.focusProps ?? {})\n          )}\n          ref={(element: HTMLInputElement) => {\n            ctx.setInputRef(element);\n          }}\n        />\n      </VisuallyHidden>\n      {render.children}\n    </dom.label>\n  );\n}\n"],"mappings":"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"}

package/dist/browser/table-layout.d.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright 2024 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/TableLayout.ts.
+ * Modified for Solid Aria: locale and column sizing use Solid reactive contexts.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { LayoutOptionsDelegate } from "./virtualizer.js";
+import { TableLayout as TableLayout$1, TableLayoutProps } from "@solid2-aria/stately/layout/table-layout";
+export declare class TableLayout<T, O extends TableLayoutProps = TableLayoutProps> extends TableLayout$1<T, O> implements LayoutOptionsDelegate<TableLayoutProps> {
+  createLayoutOptions(): TableLayoutProps;
+}
+//# sourceMappingURL=table-layout.d.ts.map

package/dist/browser/table-layout.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright 2024 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/TableLayout.ts.
+ * Modified for Solid Aria: locale and column sizing use Solid reactive contexts.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { TableColumnResizeStateContext } from "./table.js";
+import { useContext } from "solid-js";
+import { TableLayout as TableLayout$1 } from "@solid2-aria/stately/layout/table-layout";
+// src/table-layout.ts
+var TableLayout = class extends TableLayout$1 {
+	createLayoutOptions() {
+		const state = useContext(TableColumnResizeStateContext);
+		return { get columnWidths() {
+			return state?.columnWidths;
+		} };
+	}
+};
+export { TableLayout };
+
+//# sourceMappingURL=table-layout.js.map

package/dist/browser/table-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-layout.js","names":["BaseTableLayout"],"sources":["../../src/table-layout.ts"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/TableLayout.ts.\n * Modified for Solid Aria: locale and column sizing use Solid reactive contexts.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { TableLayout as BaseTableLayout } from \"@solid2-aria/stately/layout/table-layout\";\nimport type { TableLayoutProps } from \"@solid2-aria/stately/layout/table-layout\";\nimport { useContext } from \"solid-js\";\n\nimport { TableColumnResizeStateContext } from \"./table\";\nimport type { LayoutOptionsDelegate } from \"./virtualizer\";\n\nexport class TableLayout<T, O extends TableLayoutProps = TableLayoutProps>\n  extends BaseTableLayout<T, O>\n  implements LayoutOptionsDelegate<TableLayoutProps>\n{\n  createLayoutOptions(): TableLayoutProps {\n    const state = useContext(TableColumnResizeStateContext);\n\n    return {\n      get columnWidths() {\n        return state?.columnWidths;\n      },\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,cAAb,cACUA,cAEV;CACE,sBAAwC;EACtC,MAAM,QAAQ,WAAW,6BAA6B;EAEtD,OAAO,EACL,IAAI,eAAe;GACjB,OAAO,OAAO;EAChB,EACF;CACF;AACF"}