react-aria-components 1.17.0 → 1.18.0

package/dist/private/Slider.js

@@ -1,6 +1,7 @@
 import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3, useSlot as $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8, useSlottedContext as $b7b7a92703138c9b$export$fabf2dc03a41866e} from "./utils.js";
 import {LabelContext as $3e4839e5b30e7b17$export$75b6ee27786ba447} from "./Label.js";
 import {useSlider as $1WDuc$useSlider, useSliderThumb as $1WDuc$useSliderThumb} from "react-aria/useSlider";
+import {clamp as $1WDuc$clamp} from "react-stately/private/utils/number";
 import {filterDOMProps as $1WDuc$filterDOMProps} from "react-aria/filterDOMProps";
 import {mergeProps as $1WDuc$mergeProps} from "react-aria/mergeProps";
 import $1WDuc$react, {createContext as $1WDuc$createContext, forwardRef as $1WDuc$forwardRef, useRef as $1WDuc$useRef, useContext as $1WDuc$useContext} from "react";
@@ -31,9 +32,11 @@ import {VisuallyHidden as $1WDuc$VisuallyHidden} from "react-aria/VisuallyHidden
 
 
 
+
 const $5f6ec8ec99e46675$export$e99164f0030f3bff = /*#__PURE__*/ (0, $1WDuc$createContext)(null);
 const $5f6ec8ec99e46675$export$1e7083018727fa60 = /*#__PURE__*/ (0, $1WDuc$createContext)(null);
 const $5f6ec8ec99e46675$export$f1fce0420cc6d8ee = /*#__PURE__*/ (0, $1WDuc$createContext)(null);
+const $5f6ec8ec99e46675$export$7ed6e0ce9ec48be7 = /*#__PURE__*/ (0, $1WDuc$createContext)(null);
 const $5f6ec8ec99e46675$export$6189c2744041d8f8 = /*#__PURE__*/ (0, $1WDuc$createContext)(null);
 const $5f6ec8ec99e46675$export$472062a354075cee = /*#__PURE__*/ (0, $1WDuc$forwardRef)(function Slider(props, ref) {
     [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $5f6ec8ec99e46675$export$e99164f0030f3bff);
@@ -103,7 +106,7 @@ const $5f6ec8ec99e46675$export$a590f758a961cb5b = /*#__PURE__*/ (0, $1WDuc$forwa
         style: style,
         children: children,
         render: render,
-        defaultChildren: state.getThumbValueLabel(0),
+        defaultChildren: state.getFormattedValue(),
         defaultClassName: 'react-aria-SliderOutput',
         values: {
             orientation: state.orientation,
@@ -208,7 +211,52 @@ const $5f6ec8ec99e46675$export$2c1b491743890dec = /*#__PURE__*/ (0, $1WDuc$forwa
         ]
     }, renderProps.children));
 });
+const $5f6ec8ec99e46675$export$2ede0a3f7b0c0db = /*#__PURE__*/ (0, $1WDuc$forwardRef)(function SliderFill(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $5f6ec8ec99e46675$export$7ed6e0ce9ec48be7);
+    let state = (0, $1WDuc$useContext)($5f6ec8ec99e46675$export$1e7083018727fa60);
+    let { onHoverStart: onHoverStart, onHoverEnd: onHoverEnd, onHoverChange: onHoverChange, ...otherProps } = props;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $1WDuc$useHover)({
+        onHoverStart: onHoverStart,
+        onHoverEnd: onHoverEnd,
+        onHoverChange: onHoverChange
+    });
+    let offset = props.offset != null ? (0, $1WDuc$clamp)(props.offset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : state.getThumbMinValue(0);
+    let start = state.values.length > 1 ? state.getThumbPercent(0) * 100 : state.getValuePercent(offset) * 100;
+    let end = state.values.length > 0 ? state.getThumbPercent(state.values.length - 1) * 100 : 0;
+    let startPercent = Math.min(start, end);
+    let endPercent = Math.max(start, end);
+    let sizePercent = Math.max(0, endPercent - startPercent);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-SliderFill',
+        defaultStyle: state.orientation === 'vertical' ? {
+            position: 'absolute',
+            bottom: `${startPercent}%`,
+            height: `${sizePercent}%`,
+            width: '100%'
+        } : {
+            position: 'absolute',
+            insetInlineStart: `${startPercent}%`,
+            width: `${sizePercent}%`,
+            height: '100%'
+        },
+        values: {
+            orientation: state.orientation,
+            isDisabled: state.isDisabled,
+            isHovered: isHovered,
+            state: state
+        }
+    });
+    return /*#__PURE__*/ (0, $1WDuc$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $1WDuc$mergeProps)(otherProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        "data-hovered": isHovered || undefined,
+        "data-orientation": state.orientation || undefined,
+        "data-disabled": state.isDisabled || undefined
+    });
+});
 
 
-export {$5f6ec8ec99e46675$export$e99164f0030f3bff as SliderContext, $5f6ec8ec99e46675$export$1e7083018727fa60 as SliderStateContext, $5f6ec8ec99e46675$export$f1fce0420cc6d8ee as SliderTrackContext, $5f6ec8ec99e46675$export$6189c2744041d8f8 as SliderOutputContext, $5f6ec8ec99e46675$export$472062a354075cee as Slider, $5f6ec8ec99e46675$export$a590f758a961cb5b as SliderOutput, $5f6ec8ec99e46675$export$105594979f116971 as SliderTrack, $5f6ec8ec99e46675$export$2c1b491743890dec as SliderThumb};
+export {$5f6ec8ec99e46675$export$e99164f0030f3bff as SliderContext, $5f6ec8ec99e46675$export$1e7083018727fa60 as SliderStateContext, $5f6ec8ec99e46675$export$f1fce0420cc6d8ee as SliderTrackContext, $5f6ec8ec99e46675$export$7ed6e0ce9ec48be7 as SliderFillContext, $5f6ec8ec99e46675$export$6189c2744041d8f8 as SliderOutputContext, $5f6ec8ec99e46675$export$472062a354075cee as Slider, $5f6ec8ec99e46675$export$a590f758a961cb5b as SliderOutput, $5f6ec8ec99e46675$export$105594979f116971 as SliderTrack, $5f6ec8ec99e46675$export$2c1b491743890dec as SliderThumb, $5f6ec8ec99e46675$export$2ede0a3f7b0c0db as SliderFill};
 //# sourceMappingURL=Slider.js.map

package/dist/private/Slider.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/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\nimport {AriaSliderProps, AriaSliderThumbProps, useSlider, useSliderThumb} from 'react-aria/useSlider';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {HoverEvents, Orientation} from '@react-types/shared';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, OutputHTMLAttributes, useContext, useRef} from 'react';\nimport {SliderState, useSliderState} from 'react-stately/useSliderState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport interface SliderProps<T = number | number[]> extends Omit<AriaSliderProps<T>, 'label'>, RenderProps<SliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-Slider'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>,\n  /**\n   * The display format of the value label.\n   */\n  formatOptions?: Intl.NumberFormatOptions\n}\n\nexport const SliderContext = createContext<ContextValue<SliderProps, HTMLDivElement>>(null);\nexport const SliderStateContext = createContext<SliderState | null>(null);\nexport const SliderTrackContext = createContext<ContextValue<SliderTrackContextValue, HTMLDivElement>>(null);\nexport const SliderOutputContext = createContext<ContextValue<SliderOutputContextValue, HTMLOutputElement>>(null);\n\nexport interface SliderRenderProps {\n  /**\n   * The orientation of the slider.\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation,\n  /**\n   * Whether the slider is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the slider.\n   */\n  state: SliderState\n}\n\n/**\n * A slider allows a user to select one or more values within a range.\n */\nexport const Slider = /*#__PURE__*/ (forwardRef as forwardRefType)(function Slider<T extends number | number[]>(props: SliderProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SliderContext);\n  let trackRef = useRef<HTMLDivElement>(null);\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let state = useSliderState({...props, numberFormatter});\n  let [labelRef, label] = useSlot(\n    !props['aria-label'] && !props['aria-labelledby']\n  );\n  let {\n    groupProps,\n    trackProps,\n    labelProps,\n    outputProps\n  } = useSlider({...props, label}, state, trackRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-Slider'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [SliderStateContext, state],\n        [SliderTrackContext, {...trackProps, ref: trackRef}],\n        [SliderOutputContext, outputProps],\n        [LabelContext, {...labelProps, ref: labelRef}]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, groupProps)}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-orientation={state.orientation}\n        data-disabled={state.isDisabled || undefined} />\n    </Provider>\n  );\n});\n\nexport interface SliderOutputProps extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SliderOutput'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>\n}\ninterface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>, SliderOutputProps {}\n\n/**\n * A slider output displays the current value of a slider as text.\n */\nexport const SliderOutput = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderOutput(props: SliderOutputProps, ref: ForwardedRef<HTMLOutputElement>) {\n  [props, ref] = useContextProps(props, ref, SliderOutputContext);\n  let {children, style, className, render, ...otherProps} = props;\n  let state = useContext(SliderStateContext)!;\n  let renderProps = useRenderProps({\n    className,\n    style,\n    children,\n    render,\n    defaultChildren: state.getThumbValueLabel(0),\n    defaultClassName: 'react-aria-SliderOutput',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.output\n      {...otherProps}\n      {...renderProps}\n      ref={ref}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n\nexport interface SliderTrackRenderProps extends SliderRenderProps {\n  /**\n   * Whether the slider track is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean\n}\n\nexport interface SliderTrackProps extends HoverEvents, RenderProps<SliderTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SliderTrack'\n   */\n  className?: ClassNameOrFunction<SliderTrackRenderProps>\n}\ninterface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>, SliderTrackProps {}\n\n/**\n * A slider track is a container for one or more slider thumbs.\n */\nexport const SliderTrack = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderTrack(props: SliderTrackProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SliderTrackContext);\n  let state = useContext(SliderStateContext)!;\n  let {onHoverStart, onHoverEnd, onHoverChange, ...otherProps} = props;\n  let {hoverProps, isHovered} = useHover({onHoverStart, onHoverEnd, onHoverChange});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderTrack',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      isHovered,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(otherProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n\nexport interface SliderThumbRenderProps {\n  /**\n   * State of the slider.\n   */\n  state: SliderState,\n  /**\n   * Whether this thumb is currently being dragged.\n   * @selector [data-dragging]\n   */\n  isDragging: boolean,\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the thumb is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the thumb is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the thumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'label' | 'validationState'>, HoverEvents, RenderProps<SliderThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SliderThumb'\n   */\n  className?: ClassNameOrFunction<SliderThumbRenderProps>,\n  /**\n   * A ref for the HTML input element.\n   */\n  inputRef?: RefObject<HTMLInputElement | null>\n}\n\n/**\n * A slider thumb represents an individual value that the user can adjust within a slider track.\n */\nexport const SliderThumb = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderThumb(props: SliderThumbProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    inputRef: userInputRef = null\n  } = props;\n  let state = useContext(SliderStateContext)!;\n  let {ref: trackRef} = useSlottedContext(SliderTrackContext)!;\n  let {index = 0} = props;\n  let defaultInputRef = useRef<HTMLInputElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n  let [labelRef, label] = useSlot(\n    !props['aria-label'] && !props['aria-labelledby']\n  );\n  let {thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled} = useSliderThumb({\n    ...props,\n    index,\n    trackRef: trackRef as RefObject<HTMLDivElement | null>,\n    inputRef,\n    label\n  }, state);\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderThumb',\n    values: {\n      state,\n      isHovered,\n      isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, thumbProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      style={{...thumbProps.style, ...renderProps.style}}\n      data-hovered={isHovered || undefined}\n      data-dragging={isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <VisuallyHidden>\n        <input ref={inputRef} {...mergeProps(inputProps, focusProps)} />\n      </VisuallyHidden>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, ref: labelRef}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/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\nimport {\n  AriaSliderProps,\n  AriaSliderThumbProps,\n  useSlider,\n  useSliderThumb\n} from 'react-aria/useSlider';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {HoverEvents, Orientation} from '@react-types/shared';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  OutputHTMLAttributes,\n  useContext,\n  useRef\n} from 'react';\nimport {SliderState, useSliderState} from 'react-stately/useSliderState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport interface SliderProps<T = number | number[]>\n  extends\n    Omit<AriaSliderProps<T>, 'label'>,\n    RenderProps<SliderRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Slider'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>;\n  /**\n   * The display format of the value label.\n   */\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const SliderContext = createContext<ContextValue<SliderProps, HTMLDivElement>>(null);\nexport const SliderStateContext = createContext<SliderState | null>(null);\nexport const SliderTrackContext =\n  createContext<ContextValue<SliderTrackContextValue, HTMLDivElement>>(null);\nexport const SliderFillContext = createContext<ContextValue<SliderFillProps, HTMLDivElement>>(null);\nexport const SliderOutputContext =\n  createContext<ContextValue<SliderOutputContextValue, HTMLOutputElement>>(null);\n\nexport interface SliderRenderProps {\n  /**\n   * The orientation of the slider.\n   *\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation;\n  /**\n   * Whether the slider is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * State of the slider.\n   */\n  state: SliderState;\n}\n\n/**\n * A slider allows a user to select one or more values within a range.\n */\nexport const Slider = /*#__PURE__*/ (forwardRef as forwardRefType)(function Slider<\n  T extends number | number[]\n>(props: SliderProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SliderContext);\n  let trackRef = useRef<HTMLDivElement>(null);\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let state = useSliderState({...props, numberFormatter});\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {groupProps, trackProps, labelProps, outputProps} = useSlider(\n    {...props, label},\n    state,\n    trackRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-Slider'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [SliderStateContext, state],\n        [SliderTrackContext, {...trackProps, ref: trackRef}],\n        [SliderOutputContext, outputProps],\n        [LabelContext, {...labelProps, ref: labelRef}]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, groupProps)}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-orientation={state.orientation}\n        data-disabled={state.isDisabled || undefined}\n      />\n    </Provider>\n  );\n});\n\nexport interface SliderOutputProps\n  extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderOutput'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>;\n}\ninterface SliderOutputContextValue\n  extends\n    Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>,\n    SliderOutputProps {}\n\n/**\n * A slider output displays the current value of a slider as text.\n */\nexport const SliderOutput = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderOutput(\n  props: SliderOutputProps,\n  ref: ForwardedRef<HTMLOutputElement>\n) {\n  [props, ref] = useContextProps(props, ref, SliderOutputContext);\n  let {children, style, className, render, ...otherProps} = props;\n  let state = useContext(SliderStateContext)!;\n  let renderProps = useRenderProps({\n    className,\n    style,\n    children,\n    render,\n    defaultChildren: state.getFormattedValue(),\n    defaultClassName: 'react-aria-SliderOutput',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.output\n      {...otherProps}\n      {...renderProps}\n      ref={ref}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n});\n\nexport interface SliderTrackRenderProps extends SliderRenderProps {\n  /**\n   * Whether the slider track is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n}\n\nexport interface SliderTrackProps\n  extends HoverEvents, RenderProps<SliderTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderTrack'\n   */\n  className?: ClassNameOrFunction<SliderTrackRenderProps>;\n}\ninterface SliderTrackContextValue\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>,\n    SliderTrackProps {}\n\n/**\n * A slider track is a container for one or more slider thumbs.\n */\nexport const SliderTrack = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderTrack(\n  props: SliderTrackProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, SliderTrackContext);\n  let state = useContext(SliderStateContext)!;\n  let {onHoverStart, onHoverEnd, onHoverChange, ...otherProps} = props;\n  let {hoverProps, isHovered} = useHover({onHoverStart, onHoverEnd, onHoverChange});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderTrack',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      isHovered,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(otherProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n});\n\nexport interface SliderThumbRenderProps {\n  /**\n   * State of the slider.\n   */\n  state: SliderState;\n  /**\n   * Whether this thumb is currently being dragged.\n   *\n   * @selector [data-dragging]\n   */\n  isDragging: boolean;\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the thumb is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the thumb is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the thumb is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface SliderThumbProps\n  extends\n    Omit<AriaSliderThumbProps, 'label' | 'validationState'>,\n    HoverEvents,\n    RenderProps<SliderThumbRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderThumb'\n   */\n  className?: ClassNameOrFunction<SliderThumbRenderProps>;\n  /**\n   * A ref for the HTML input element.\n   */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\n/**\n * A slider thumb represents an individual value that the user can adjust within a slider track.\n */\nexport const SliderThumb = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderThumb(\n  props: SliderThumbProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {inputRef: userInputRef = null} = props;\n  let state = useContext(SliderStateContext)!;\n  let {ref: trackRef} = useSlottedContext(SliderTrackContext)!;\n  let {index = 0} = props;\n  let defaultInputRef = useRef<HTMLInputElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled} = useSliderThumb(\n    {\n      ...props,\n      index,\n      trackRef: trackRef as RefObject<HTMLDivElement | null>,\n      inputRef,\n      label\n    },\n    state\n  );\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderThumb',\n    values: {\n      state,\n      isHovered,\n      isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, thumbProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      style={{...thumbProps.style, ...renderProps.style}}\n      data-hovered={isHovered || undefined}\n      data-dragging={isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <VisuallyHidden>\n        <input ref={inputRef} {...mergeProps(inputProps, focusProps)} />\n      </VisuallyHidden>\n      <Provider values={[[LabelContext, {...labelProps, ref: labelRef}]]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface SliderFillRenderProps extends SliderRenderProps {\n  /**\n   * Whether the slider fill is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n}\n\nexport interface SliderFillProps\n  extends HoverEvents, RenderProps<SliderFillRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The offset from which to start the fill.\n   *\n   * @default 0\n   */\n  offset?: number;\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderFill'\n   */\n  className?: ClassNameOrFunction<SliderFillRenderProps>;\n}\n\n/**\n * Displays the selected range.\n */\nexport const SliderFill = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderFill(\n  props: SliderFillProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, SliderFillContext);\n  let state = useContext(SliderStateContext)!;\n  let {onHoverStart, onHoverEnd, onHoverChange, ...otherProps} = props;\n  let {hoverProps, isHovered} = useHover({onHoverStart, onHoverEnd, onHoverChange});\n\n  let offset =\n    props.offset != null\n      ? clamp(props.offset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n      : state.getThumbMinValue(0);\n  let start =\n    state.values.length > 1 ? state.getThumbPercent(0) * 100 : state.getValuePercent(offset) * 100;\n  let end = state.values.length > 0 ? state.getThumbPercent(state.values.length - 1) * 100 : 0;\n  let startPercent = Math.min(start, end);\n  let endPercent = Math.max(start, end);\n  let sizePercent = Math.max(0, endPercent - startPercent);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderFill',\n    defaultStyle:\n      state.orientation === 'vertical'\n        ? {\n            position: 'absolute',\n            bottom: `${startPercent}%`,\n            height: `${sizePercent}%`,\n            width: '100%'\n          }\n        : {\n            position: 'absolute',\n            insetInlineStart: `${startPercent}%`,\n            width: `${sizePercent}%`,\n            height: '100%'\n          },\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      isHovered,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(otherProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Slider.js.map"}

package/dist/private/Slider.mjs

@@ -1,6 +1,7 @@
 import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from "./utils.mjs";
 import {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from "./Label.mjs";
 import {useSlider as $270k0$useSlider, useSliderThumb as $270k0$useSliderThumb} from "react-aria/useSlider";
+import {clamp as $270k0$clamp} from "react-stately/private/utils/number";
 import {filterDOMProps as $270k0$filterDOMProps} from "react-aria/filterDOMProps";
 import {mergeProps as $270k0$mergeProps} from "react-aria/mergeProps";
 import $270k0$react, {createContext as $270k0$createContext, forwardRef as $270k0$forwardRef, useRef as $270k0$useRef, useContext as $270k0$useContext} from "react";
@@ -31,9 +32,11 @@ import {VisuallyHidden as $270k0$VisuallyHidden} from "react-aria/VisuallyHidden
 
 
 
+
 const $806e559d0c2c64a0$export$e99164f0030f3bff = /*#__PURE__*/ (0, $270k0$createContext)(null);
 const $806e559d0c2c64a0$export$1e7083018727fa60 = /*#__PURE__*/ (0, $270k0$createContext)(null);
 const $806e559d0c2c64a0$export$f1fce0420cc6d8ee = /*#__PURE__*/ (0, $270k0$createContext)(null);
+const $806e559d0c2c64a0$export$7ed6e0ce9ec48be7 = /*#__PURE__*/ (0, $270k0$createContext)(null);
 const $806e559d0c2c64a0$export$6189c2744041d8f8 = /*#__PURE__*/ (0, $270k0$createContext)(null);
 const $806e559d0c2c64a0$export$472062a354075cee = /*#__PURE__*/ (0, $270k0$forwardRef)(function Slider(props, ref) {
     [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $806e559d0c2c64a0$export$e99164f0030f3bff);
@@ -103,7 +106,7 @@ const $806e559d0c2c64a0$export$a590f758a961cb5b = /*#__PURE__*/ (0, $270k0$forwa
         style: style,
         children: children,
         render: render,
-        defaultChildren: state.getThumbValueLabel(0),
+        defaultChildren: state.getFormattedValue(),
         defaultClassName: 'react-aria-SliderOutput',
         values: {
             orientation: state.orientation,
@@ -208,7 +211,52 @@ const $806e559d0c2c64a0$export$2c1b491743890dec = /*#__PURE__*/ (0, $270k0$forwa
         ]
     }, renderProps.children));
 });
+const $806e559d0c2c64a0$export$2ede0a3f7b0c0db = /*#__PURE__*/ (0, $270k0$forwardRef)(function SliderFill(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $806e559d0c2c64a0$export$7ed6e0ce9ec48be7);
+    let state = (0, $270k0$useContext)($806e559d0c2c64a0$export$1e7083018727fa60);
+    let { onHoverStart: onHoverStart, onHoverEnd: onHoverEnd, onHoverChange: onHoverChange, ...otherProps } = props;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $270k0$useHover)({
+        onHoverStart: onHoverStart,
+        onHoverEnd: onHoverEnd,
+        onHoverChange: onHoverChange
+    });
+    let offset = props.offset != null ? (0, $270k0$clamp)(props.offset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : state.getThumbMinValue(0);
+    let start = state.values.length > 1 ? state.getThumbPercent(0) * 100 : state.getValuePercent(offset) * 100;
+    let end = state.values.length > 0 ? state.getThumbPercent(state.values.length - 1) * 100 : 0;
+    let startPercent = Math.min(start, end);
+    let endPercent = Math.max(start, end);
+    let sizePercent = Math.max(0, endPercent - startPercent);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-SliderFill',
+        defaultStyle: state.orientation === 'vertical' ? {
+            position: 'absolute',
+            bottom: `${startPercent}%`,
+            height: `${sizePercent}%`,
+            width: '100%'
+        } : {
+            position: 'absolute',
+            insetInlineStart: `${startPercent}%`,
+            width: `${sizePercent}%`,
+            height: '100%'
+        },
+        values: {
+            orientation: state.orientation,
+            isDisabled: state.isDisabled,
+            isHovered: isHovered,
+            state: state
+        }
+    });
+    return /*#__PURE__*/ (0, $270k0$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...(0, $270k0$mergeProps)(otherProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        "data-hovered": isHovered || undefined,
+        "data-orientation": state.orientation || undefined,
+        "data-disabled": state.isDisabled || undefined
+    });
+});
 
 
-export {$806e559d0c2c64a0$export$e99164f0030f3bff as SliderContext, $806e559d0c2c64a0$export$1e7083018727fa60 as SliderStateContext, $806e559d0c2c64a0$export$f1fce0420cc6d8ee as SliderTrackContext, $806e559d0c2c64a0$export$6189c2744041d8f8 as SliderOutputContext, $806e559d0c2c64a0$export$472062a354075cee as Slider, $806e559d0c2c64a0$export$a590f758a961cb5b as SliderOutput, $806e559d0c2c64a0$export$105594979f116971 as SliderTrack, $806e559d0c2c64a0$export$2c1b491743890dec as SliderThumb};
+export {$806e559d0c2c64a0$export$e99164f0030f3bff as SliderContext, $806e559d0c2c64a0$export$1e7083018727fa60 as SliderStateContext, $806e559d0c2c64a0$export$f1fce0420cc6d8ee as SliderTrackContext, $806e559d0c2c64a0$export$7ed6e0ce9ec48be7 as SliderFillContext, $806e559d0c2c64a0$export$6189c2744041d8f8 as SliderOutputContext, $806e559d0c2c64a0$export$472062a354075cee as Slider, $806e559d0c2c64a0$export$a590f758a961cb5b as SliderOutput, $806e559d0c2c64a0$export$105594979f116971 as SliderTrack, $806e559d0c2c64a0$export$2c1b491743890dec as SliderThumb, $806e559d0c2c64a0$export$2ede0a3f7b0c0db as SliderFill};
 //# sourceMappingURL=Slider.mjs.map

package/dist/private/Slider.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/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\nimport {AriaSliderProps, AriaSliderThumbProps, useSlider, useSliderThumb} from 'react-aria/useSlider';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {HoverEvents, Orientation} from '@react-types/shared';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, OutputHTMLAttributes, useContext, useRef} from 'react';\nimport {SliderState, useSliderState} from 'react-stately/useSliderState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport interface SliderProps<T = number | number[]> extends Omit<AriaSliderProps<T>, 'label'>, RenderProps<SliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-Slider'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>,\n  /**\n   * The display format of the value label.\n   */\n  formatOptions?: Intl.NumberFormatOptions\n}\n\nexport const SliderContext = createContext<ContextValue<SliderProps, HTMLDivElement>>(null);\nexport const SliderStateContext = createContext<SliderState | null>(null);\nexport const SliderTrackContext = createContext<ContextValue<SliderTrackContextValue, HTMLDivElement>>(null);\nexport const SliderOutputContext = createContext<ContextValue<SliderOutputContextValue, HTMLOutputElement>>(null);\n\nexport interface SliderRenderProps {\n  /**\n   * The orientation of the slider.\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation,\n  /**\n   * Whether the slider is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the slider.\n   */\n  state: SliderState\n}\n\n/**\n * A slider allows a user to select one or more values within a range.\n */\nexport const Slider = /*#__PURE__*/ (forwardRef as forwardRefType)(function Slider<T extends number | number[]>(props: SliderProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SliderContext);\n  let trackRef = useRef<HTMLDivElement>(null);\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let state = useSliderState({...props, numberFormatter});\n  let [labelRef, label] = useSlot(\n    !props['aria-label'] && !props['aria-labelledby']\n  );\n  let {\n    groupProps,\n    trackProps,\n    labelProps,\n    outputProps\n  } = useSlider({...props, label}, state, trackRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-Slider'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [SliderStateContext, state],\n        [SliderTrackContext, {...trackProps, ref: trackRef}],\n        [SliderOutputContext, outputProps],\n        [LabelContext, {...labelProps, ref: labelRef}]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, groupProps)}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-orientation={state.orientation}\n        data-disabled={state.isDisabled || undefined} />\n    </Provider>\n  );\n});\n\nexport interface SliderOutputProps extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SliderOutput'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>\n}\ninterface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>, SliderOutputProps {}\n\n/**\n * A slider output displays the current value of a slider as text.\n */\nexport const SliderOutput = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderOutput(props: SliderOutputProps, ref: ForwardedRef<HTMLOutputElement>) {\n  [props, ref] = useContextProps(props, ref, SliderOutputContext);\n  let {children, style, className, render, ...otherProps} = props;\n  let state = useContext(SliderStateContext)!;\n  let renderProps = useRenderProps({\n    className,\n    style,\n    children,\n    render,\n    defaultChildren: state.getThumbValueLabel(0),\n    defaultClassName: 'react-aria-SliderOutput',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.output\n      {...otherProps}\n      {...renderProps}\n      ref={ref}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n\nexport interface SliderTrackRenderProps extends SliderRenderProps {\n  /**\n   * Whether the slider track is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean\n}\n\nexport interface SliderTrackProps extends HoverEvents, RenderProps<SliderTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SliderTrack'\n   */\n  className?: ClassNameOrFunction<SliderTrackRenderProps>\n}\ninterface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>, SliderTrackProps {}\n\n/**\n * A slider track is a container for one or more slider thumbs.\n */\nexport const SliderTrack = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderTrack(props: SliderTrackProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SliderTrackContext);\n  let state = useContext(SliderStateContext)!;\n  let {onHoverStart, onHoverEnd, onHoverChange, ...otherProps} = props;\n  let {hoverProps, isHovered} = useHover({onHoverStart, onHoverEnd, onHoverChange});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderTrack',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      isHovered,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(otherProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined} />\n  );\n});\n\nexport interface SliderThumbRenderProps {\n  /**\n   * State of the slider.\n   */\n  state: SliderState,\n  /**\n   * Whether this thumb is currently being dragged.\n   * @selector [data-dragging]\n   */\n  isDragging: boolean,\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the thumb is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the thumb is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the thumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'label' | 'validationState'>, HoverEvents, RenderProps<SliderThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SliderThumb'\n   */\n  className?: ClassNameOrFunction<SliderThumbRenderProps>,\n  /**\n   * A ref for the HTML input element.\n   */\n  inputRef?: RefObject<HTMLInputElement | null>\n}\n\n/**\n * A slider thumb represents an individual value that the user can adjust within a slider track.\n */\nexport const SliderThumb = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderThumb(props: SliderThumbProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    inputRef: userInputRef = null\n  } = props;\n  let state = useContext(SliderStateContext)!;\n  let {ref: trackRef} = useSlottedContext(SliderTrackContext)!;\n  let {index = 0} = props;\n  let defaultInputRef = useRef<HTMLInputElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n  let [labelRef, label] = useSlot(\n    !props['aria-label'] && !props['aria-labelledby']\n  );\n  let {thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled} = useSliderThumb({\n    ...props,\n    index,\n    trackRef: trackRef as RefObject<HTMLDivElement | null>,\n    inputRef,\n    label\n  }, state);\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderThumb',\n    values: {\n      state,\n      isHovered,\n      isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, thumbProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      style={{...thumbProps.style, ...renderProps.style}}\n      data-hovered={isHovered || undefined}\n      data-dragging={isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <VisuallyHidden>\n        <input ref={inputRef} {...mergeProps(inputProps, focusProps)} />\n      </VisuallyHidden>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, ref: labelRef}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/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\nimport {\n  AriaSliderProps,\n  AriaSliderThumbProps,\n  useSlider,\n  useSliderThumb\n} from 'react-aria/useSlider';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {HoverEvents, Orientation} from '@react-types/shared';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  OutputHTMLAttributes,\n  useContext,\n  useRef\n} from 'react';\nimport {SliderState, useSliderState} from 'react-stately/useSliderState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport interface SliderProps<T = number | number[]>\n  extends\n    Omit<AriaSliderProps<T>, 'label'>,\n    RenderProps<SliderRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Slider'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>;\n  /**\n   * The display format of the value label.\n   */\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const SliderContext = createContext<ContextValue<SliderProps, HTMLDivElement>>(null);\nexport const SliderStateContext = createContext<SliderState | null>(null);\nexport const SliderTrackContext =\n  createContext<ContextValue<SliderTrackContextValue, HTMLDivElement>>(null);\nexport const SliderFillContext = createContext<ContextValue<SliderFillProps, HTMLDivElement>>(null);\nexport const SliderOutputContext =\n  createContext<ContextValue<SliderOutputContextValue, HTMLOutputElement>>(null);\n\nexport interface SliderRenderProps {\n  /**\n   * The orientation of the slider.\n   *\n   * @selector [data-orientation=\"horizontal | vertical\"]\n   */\n  orientation: Orientation;\n  /**\n   * Whether the slider is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * State of the slider.\n   */\n  state: SliderState;\n}\n\n/**\n * A slider allows a user to select one or more values within a range.\n */\nexport const Slider = /*#__PURE__*/ (forwardRef as forwardRefType)(function Slider<\n  T extends number | number[]\n>(props: SliderProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SliderContext);\n  let trackRef = useRef<HTMLDivElement>(null);\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let state = useSliderState({...props, numberFormatter});\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {groupProps, trackProps, labelProps, outputProps} = useSlider(\n    {...props, label},\n    state,\n    trackRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-Slider'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [SliderStateContext, state],\n        [SliderTrackContext, {...trackProps, ref: trackRef}],\n        [SliderOutputContext, outputProps],\n        [LabelContext, {...labelProps, ref: labelRef}]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, groupProps)}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-orientation={state.orientation}\n        data-disabled={state.isDisabled || undefined}\n      />\n    </Provider>\n  );\n});\n\nexport interface SliderOutputProps\n  extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderOutput'\n   */\n  className?: ClassNameOrFunction<SliderRenderProps>;\n}\ninterface SliderOutputContextValue\n  extends\n    Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>,\n    SliderOutputProps {}\n\n/**\n * A slider output displays the current value of a slider as text.\n */\nexport const SliderOutput = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderOutput(\n  props: SliderOutputProps,\n  ref: ForwardedRef<HTMLOutputElement>\n) {\n  [props, ref] = useContextProps(props, ref, SliderOutputContext);\n  let {children, style, className, render, ...otherProps} = props;\n  let state = useContext(SliderStateContext)!;\n  let renderProps = useRenderProps({\n    className,\n    style,\n    children,\n    render,\n    defaultChildren: state.getFormattedValue(),\n    defaultClassName: 'react-aria-SliderOutput',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  return (\n    <dom.output\n      {...otherProps}\n      {...renderProps}\n      ref={ref}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n});\n\nexport interface SliderTrackRenderProps extends SliderRenderProps {\n  /**\n   * Whether the slider track is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n}\n\nexport interface SliderTrackProps\n  extends HoverEvents, RenderProps<SliderTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderTrack'\n   */\n  className?: ClassNameOrFunction<SliderTrackRenderProps>;\n}\ninterface SliderTrackContextValue\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>,\n    SliderTrackProps {}\n\n/**\n * A slider track is a container for one or more slider thumbs.\n */\nexport const SliderTrack = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderTrack(\n  props: SliderTrackProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, SliderTrackContext);\n  let state = useContext(SliderStateContext)!;\n  let {onHoverStart, onHoverEnd, onHoverChange, ...otherProps} = props;\n  let {hoverProps, isHovered} = useHover({onHoverStart, onHoverEnd, onHoverChange});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderTrack',\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      isHovered,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(otherProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n});\n\nexport interface SliderThumbRenderProps {\n  /**\n   * State of the slider.\n   */\n  state: SliderState;\n  /**\n   * Whether this thumb is currently being dragged.\n   *\n   * @selector [data-dragging]\n   */\n  isDragging: boolean;\n  /**\n   * Whether the thumb is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the thumb is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the thumb is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the thumb is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface SliderThumbProps\n  extends\n    Omit<AriaSliderThumbProps, 'label' | 'validationState'>,\n    HoverEvents,\n    RenderProps<SliderThumbRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderThumb'\n   */\n  className?: ClassNameOrFunction<SliderThumbRenderProps>;\n  /**\n   * A ref for the HTML input element.\n   */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\n/**\n * A slider thumb represents an individual value that the user can adjust within a slider track.\n */\nexport const SliderThumb = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderThumb(\n  props: SliderThumbProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {inputRef: userInputRef = null} = props;\n  let state = useContext(SliderStateContext)!;\n  let {ref: trackRef} = useSlottedContext(SliderTrackContext)!;\n  let {index = 0} = props;\n  let defaultInputRef = useRef<HTMLInputElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled} = useSliderThumb(\n    {\n      ...props,\n      index,\n      trackRef: trackRef as RefObject<HTMLDivElement | null>,\n      inputRef,\n      label\n    },\n    state\n  );\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {hoverProps, isHovered} = useHover(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderThumb',\n    values: {\n      state,\n      isHovered,\n      isDragging,\n      isFocused,\n      isFocusVisible,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, thumbProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      style={{...thumbProps.style, ...renderProps.style}}\n      data-hovered={isHovered || undefined}\n      data-dragging={isDragging || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}>\n      <VisuallyHidden>\n        <input ref={inputRef} {...mergeProps(inputProps, focusProps)} />\n      </VisuallyHidden>\n      <Provider values={[[LabelContext, {...labelProps, ref: labelRef}]]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface SliderFillRenderProps extends SliderRenderProps {\n  /**\n   * Whether the slider fill is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n}\n\nexport interface SliderFillProps\n  extends HoverEvents, RenderProps<SliderFillRenderProps>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The offset from which to start the fill.\n   *\n   * @default 0\n   */\n  offset?: number;\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SliderFill'\n   */\n  className?: ClassNameOrFunction<SliderFillRenderProps>;\n}\n\n/**\n * Displays the selected range.\n */\nexport const SliderFill = /*#__PURE__*/ (forwardRef as forwardRefType)(function SliderFill(\n  props: SliderFillProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, SliderFillContext);\n  let state = useContext(SliderStateContext)!;\n  let {onHoverStart, onHoverEnd, onHoverChange, ...otherProps} = props;\n  let {hoverProps, isHovered} = useHover({onHoverStart, onHoverEnd, onHoverChange});\n\n  let offset =\n    props.offset != null\n      ? clamp(props.offset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n      : state.getThumbMinValue(0);\n  let start =\n    state.values.length > 1 ? state.getThumbPercent(0) * 100 : state.getValuePercent(offset) * 100;\n  let end = state.values.length > 0 ? state.getThumbPercent(state.values.length - 1) * 100 : 0;\n  let startPercent = Math.min(start, end);\n  let endPercent = Math.max(start, end);\n  let sizePercent = Math.max(0, endPercent - startPercent);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SliderFill',\n    defaultStyle:\n      state.orientation === 'vertical'\n        ? {\n            position: 'absolute',\n            bottom: `${startPercent}%`,\n            height: `${sizePercent}%`,\n            width: '100%'\n          }\n        : {\n            position: 'absolute',\n            insetInlineStart: `${startPercent}%`,\n            width: `${sizePercent}%`,\n            height: '100%'\n          },\n    values: {\n      orientation: state.orientation,\n      isDisabled: state.isDisabled,\n      isHovered,\n      state\n    }\n  });\n\n  return (\n    <dom.div\n      {...mergeProps(otherProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-hovered={isHovered || undefined}\n      data-orientation={state.orientation || undefined}\n      data-disabled={state.isDisabled || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Slider.mjs.map"}

package/dist/private/Switch.cjs

@@ -1,4 +1,7 @@
 var $048d76b84370f141$exports = require("./utils.cjs");
+var $862aa7df04d8fa76$exports = require("./FieldError.cjs");
+var $5adc12e2ce73be8f$exports = require("./Form.cjs");
+var $cab7d9a238d19c33$exports = require("./Text.cjs");
 var $goUg1$reactariauseSwitch = require("react-aria/useSwitch");
 var $goUg1$reactariafilterDOMProps = require("react-aria/filterDOMProps");
 var $goUg1$reactariamergeProps = require("react-aria/mergeProps");
@@ -20,7 +23,10 @@ function $parcel$export(e, n, v, s) {
 }
 
 $parcel$export(module.exports, "SwitchContext", function () { return $f78e777132fa7bc2$export$8699e3b644d5a28a; });
+$parcel$export(module.exports, "SwitchFieldContext", function () { return $f78e777132fa7bc2$export$3e1405298f0cafda; });
 $parcel$export(module.exports, "Switch", function () { return $f78e777132fa7bc2$export$b5d5cf8927ab7262; });
+$parcel$export(module.exports, "SwitchButton", function () { return $f78e777132fa7bc2$export$72111f742dee7cb8; });
+$parcel$export(module.exports, "SwitchField", function () { return $f78e777132fa7bc2$export$208c2e617baf9fc3; });
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -42,26 +48,130 @@ $parcel$export(module.exports, "Switch", function () { return $f78e777132fa7bc2$
 
 
 
+
+
+
 const $f78e777132fa7bc2$export$8699e3b644d5a28a = /*#__PURE__*/ (0, $goUg1$react.createContext)(null);
+const $f78e777132fa7bc2$export$3e1405298f0cafda = /*#__PURE__*/ (0, $goUg1$react.createContext)(null);
+const $f78e777132fa7bc2$export$5cc1518e1ec171c = /*#__PURE__*/ (0, $goUg1$react.createContext)(null);
 const $f78e777132fa7bc2$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $goUg1$react.forwardRef)(function Switch(props, ref) {
     let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
     [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(otherProps, ref, $f78e777132fa7bc2$export$8699e3b644d5a28a);
     let inputRef = (0, $goUg1$reactariauseObjectRef.useObjectRef)((0, $goUg1$reactariamergeRefs.mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null));
     let state = (0, $goUg1$reactstatelyuseToggleState.useToggleState)(props);
-    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed } = (0, $goUg1$reactariauseSwitch.useSwitch)({
+    let aria = (0, $goUg1$reactariauseSwitch.useSwitch)({
         ...(0, $048d76b84370f141$exports.removeDataAttributes)(props),
         // ReactNode type doesn't allow function children.
         children: typeof props.children === 'function' ? true : props.children
     }, state, inputRef);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($goUg1$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                $f78e777132fa7bc2$export$5cc1518e1ec171c,
+                state
+            ],
+            [
+                $f78e777132fa7bc2$var$InternalSwitchContext,
+                {
+                    ...aria,
+                    inputRef: inputRef,
+                    defaultClassName: 'react-aria-Switch'
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($goUg1$react))).createElement($f78e777132fa7bc2$export$72111f742dee7cb8, {
+        ...props,
+        ref: ref
+    }));
+});
+const $f78e777132fa7bc2$var$InternalSwitchContext = /*#__PURE__*/ (0, $goUg1$react.createContext)(null);
+const $f78e777132fa7bc2$export$208c2e617baf9fc3 = /*#__PURE__*/ (0, $goUg1$react.forwardRef)(function Switch(props, ref) {
+    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(otherProps, ref, $f78e777132fa7bc2$export$3e1405298f0cafda);
+    let { validationBehavior: formValidationBehavior } = (0, $048d76b84370f141$exports.useSlottedContext)((0, $5adc12e2ce73be8f$exports.FormContext)) || {};
+    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
+    let inputRef = (0, $goUg1$reactariauseObjectRef.useObjectRef)((0, $goUg1$reactariamergeRefs.mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null));
+    let state = (0, $goUg1$reactstatelyuseToggleState.useToggleState)(props);
+    let aria = (0, $goUg1$reactariauseSwitch.useSwitch)({
+        ...(0, $048d76b84370f141$exports.removeDataAttributes)(props),
+        // ReactNode type doesn't allow function children.
+        children: typeof props.children === 'function' ? true : props.children,
+        validationBehavior: validationBehavior
+    }, state, inputRef);
+    let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-SwitchField',
+        values: {
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly,
+            isInvalid: isInvalid,
+            isRequired: props.isRequired || false,
+            state: state
+        }
+    });
+    let DOMProps = (0, $goUg1$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($goUg1$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $goUg1$reactariamergeProps.mergeProps)(DOMProps, renderProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-selected": isSelected || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined,
+        "data-invalid": isInvalid || undefined,
+        "data-required": props.isRequired || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($goUg1$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                $f78e777132fa7bc2$export$5cc1518e1ec171c,
+                state
+            ],
+            [
+                $f78e777132fa7bc2$var$InternalSwitchContext,
+                {
+                    ...aria,
+                    inputRef: inputRef,
+                    defaultClassName: 'react-aria-SwitchButton',
+                    isRequired: props.isRequired
+                }
+            ],
+            [
+                (0, $cab7d9a238d19c33$exports.TextContext),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $862aa7df04d8fa76$exports.FieldErrorContext),
+                {
+                    isInvalid: isInvalid,
+                    validationDetails: validationDetails,
+                    validationErrors: validationErrors
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $f78e777132fa7bc2$export$72111f742dee7cb8 = /*#__PURE__*/ (0, $goUg1$react.forwardRef)(function SwitchButton(props, ref) {
+    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isRequired: isRequired } = (0, $goUg1$react.useContext)($f78e777132fa7bc2$var$InternalSwitchContext);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $goUg1$reactariauseFocusRing.useFocusRing)();
-    let isInteractionDisabled = props.isDisabled || props.isReadOnly;
+    let isInteractionDisabled = isDisabled || isReadOnly;
+    let state = (0, $goUg1$react.useContext)($f78e777132fa7bc2$export$5cc1518e1ec171c);
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $goUg1$reactariauseHover.useHover)({
         ...props,
         isDisabled: isInteractionDisabled
     });
     let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
         ...props,
-        defaultClassName: 'react-aria-Switch',
+        defaultClassName: defaultClassName,
         values: {
             isSelected: isSelected,
             isPressed: isPressed,
@@ -70,6 +180,8 @@ const $f78e777132fa7bc2$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $goUg1$react
             isFocusVisible: isFocusVisible,
             isDisabled: isDisabled,
             isReadOnly: isReadOnly,
+            isInvalid: isInvalid,
+            isRequired: isRequired || false,
             state: state
         }
     });
@@ -88,7 +200,9 @@ const $f78e777132fa7bc2$export$b5d5cf8927ab7262 = /*#__PURE__*/ (0, $goUg1$react
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": isDisabled || undefined,
-        "data-readonly": isReadOnly || undefined
+        "data-readonly": isReadOnly || undefined,
+        "data-invalid": isInvalid || undefined,
+        "data-required": isRequired || undefined
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($goUg1$react))).createElement((0, $goUg1$reactariaVisuallyHidden.VisuallyHidden), {
         elementType: "span"
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($goUg1$react))).createElement("input", {

package/dist/private/Switch.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgFM,MAAM,0DAAgB,CAAA,GAAA,0BAAY,EAA+C;AAKjF,MAAM,4CAAuB,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,OAAO,KAAkB,EAAE,GAAmC;IACxI,IAAI,EACF,UAAU,uBAAuB,IAAI,EACrC,GAAG,YACJ,GAAG;IACJ,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,YAAY,KAAK;IAChD,IAAI,WAAW,CAAA,GAAA,yCAAW,EAAE,CAAA,GAAA,mCAAQ,EAAE,sBAAsB,MAAM,QAAQ,KAAK,YAAY,MAAM,QAAQ,GAAG;IAC5G,IAAI,QAAQ,CAAA,GAAA,gDAAa,EAAE;IAC3B,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,cAAE,UAAU,cAAE,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ,EAAE;QACtF,GAAG,CAAA,GAAA,8CAAmB,EAAE,MAAM;QAC9B,kDAAkD;QAClD,UAAU,OAAO,MAAM,QAAQ,KAAK,aAAa,OAAO,MAAM,QAAQ;IACxE,GAAG,OAAO;IACV,IAAI,aAAC,SAAS,kBAAE,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAW;IACzD,IAAI,wBAAwB,MAAM,UAAU,IAAI,MAAM,UAAU;IAEhE,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;QACrC,GAAG,KAAK;QACR,YAAY;IACd;IAEA,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;wBACN;uBACA;uBACA;uBACA;4BACA;wBACA;wBACA;mBACA;QACF;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,KAAK;QACP,GAAG,CAAA,GAAA,qCAAS,EAAE,UAAU,YAAY,YAAY,YAAY;QAC7D,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,gBAAc,aAAa;QAC3B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,iBAAe,cAAc;QAC7B,iBAAe,cAAc;qBAC7B,0DAAC,CAAA,GAAA,6CAAa;QAAE,aAAY;qBAC1B,0DAAC;QAAO,GAAG,CAAA,GAAA,qCAAS,EAAE,YAAY,WAAW;QAAE,KAAK;SAErD,YAAY,QAAQ;AAG3B","sources":["packages/react-aria-components/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\nimport {AriaSwitchProps, useSwitch} from 'react-aria/useSwitch';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {createContext, ForwardedRef, forwardRef} from 'react';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {\n /**\n  * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n  * @default 'react-aria-Switch'\n  */\n className?: ClassNameOrFunction<SwitchRenderProps>,\n /**\n  * A ref for the HTML input element.\n  */\n inputRef?: RefObject<HTMLInputElement | null>\n}\n\nexport interface SwitchRenderProps {\n  /**\n   * Whether the switch is selected.\n   * @selector [data-selected]\n   */\n  isSelected: boolean,\n  /**\n   * Whether the switch is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the switch is currently in a pressed state.\n   * @selector [data-pressed]\n   */\n  isPressed: boolean,\n  /**\n   * Whether the switch is focused, either via a mouse or keyboard.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the switch is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the switch is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * Whether the switch is read only.\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean,\n  /**\n   * State of the switch.\n   */\n  state: ToggleState\n}\n\nexport const SwitchContext = createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * A switch allows a user to turn a setting on or off.\n */\nexport const Switch = /*#__PURE__*/ (forwardRef as forwardRefType)(function Switch(props: SwitchProps, ref: ForwardedRef<HTMLLabelElement>) {\n  let {\n    inputRef: userProvidedInputRef = null,\n    ...otherProps\n  } = props;\n  [props, ref] = useContextProps(otherProps, ref, SwitchContext);\n  let inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null));\n  let state = useToggleState(props);\n  let {labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed} = useSwitch({\n    ...removeDataAttributes(props),\n    // ReactNode type doesn't allow function children.\n    children: typeof props.children === 'function' ? true : props.children\n  }, state, inputRef);\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing();\n  let isInteractionDisabled = props.isDisabled || props.isReadOnly;\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isInteractionDisabled\n  });\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Switch',\n    values: {\n      isSelected,\n      isPressed,\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled,\n      isReadOnly,\n      state\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.label\n      {...mergeProps(DOMProps, labelProps, hoverProps, renderProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-selected={isSelected || undefined}\n      data-pressed={isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}>\n      <VisuallyHidden elementType=\"span\">\n        <input {...mergeProps(inputProps, focusProps)} ref={inputRef} />\n      </VisuallyHidden>\n      {renderProps.children}\n    </dom.label>\n  );\n});\n"],"names":[],"version":3,"file":"Switch.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/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\nimport {AriaSwitchProps, SwitchAria, useSwitch} from 'react-aria/useSwitch';\n\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RACValidation,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlottedContext\n} from './utils';\nimport {FieldErrorContext} from './FieldError';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext} from './Form';\nimport {forwardRefType, GlobalDOMAttributes, RefObject} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {TextContext} from './Text';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\nexport interface SwitchProps\n  extends\n    Omit<\n      AriaSwitchProps,\n      | 'children'\n      | 'validationState'\n      | 'validationBehavior'\n      | 'isRequired'\n      | 'isInvalid'\n      | 'validate'\n    >,\n    HoverEvents,\n    RenderProps<SwitchRenderProps, 'label'>,\n    SlotProps,\n    Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Switch'\n   */\n  className?: ClassNameOrFunction<SwitchRenderProps>;\n  /**\n   * A ref for the HTML input element.\n   */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\nexport interface SwitchFieldProps\n  extends\n    Omit<AriaSwitchProps, 'children' | 'validationState' | 'validationBehavior'>,\n    RACValidation,\n    RenderProps<SwitchFieldRenderProps>,\n    SlotProps,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SwitchField'\n   */\n  className?: ClassNameOrFunction<SwitchFieldRenderProps>;\n  /**\n   * A ref for the HTML input element.\n   */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\nexport interface SwitchButtonProps\n  extends\n    HoverEvents,\n    RenderProps<SwitchButtonRenderProps, 'label'>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLLabelElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-SwitchButton'\n   */\n  className?: ClassNameOrFunction<SwitchButtonRenderProps>;\n}\n\nexport interface SwitchRenderProps {\n  /**\n   * Whether the switch is selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * Whether the switch is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the switch is currently in a pressed state.\n   *\n   * @selector [data-pressed]\n   */\n  isPressed: boolean;\n  /**\n   * Whether the switch is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the switch is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the switch is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the switch is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n  /**\n   * State of the switch.\n   */\n  state: ToggleState;\n}\n\nexport interface SwitchFieldRenderProps {\n  /**\n   * Whether the switch is selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * Whether the switch is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the switch is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n  /**\n   * Whether the switch invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the switch is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n  /**\n   * State of the switch.\n   */\n  state: ToggleState;\n}\n\nexport interface SwitchButtonRenderProps extends SwitchRenderProps {\n  /**\n   * Whether the switch invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the switch is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n  /**\n   * State of the switch.\n   */\n  state: ToggleState;\n}\n\nexport const SwitchContext = createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\nexport const SwitchFieldContext =\n  createContext<ContextValue<SwitchFieldProps, HTMLDivElement>>(null);\nexport const ToggleStateContext = createContext<ToggleState | null>(null);\n\n/**\n * A switch allows a user to turn a setting on or off.\n *\n * @deprecated Use SwitchField + SwitchButton instead.\n */\nexport const Switch = /*#__PURE__*/ (forwardRef as forwardRefType)(function Switch(\n  props: SwitchProps,\n  ref: ForwardedRef<HTMLLabelElement>\n) {\n  let {inputRef: userProvidedInputRef = null, ...otherProps} = props;\n  [props, ref] = useContextProps(otherProps, ref, SwitchContext);\n  let inputRef = useObjectRef(\n    mergeRefs(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null)\n  );\n  let state = useToggleState(props);\n  let aria = useSwitch(\n    {\n      ...removeDataAttributes(props),\n      // ReactNode type doesn't allow function children.\n      children: typeof props.children === 'function' ? true : props.children\n    },\n    state,\n    inputRef\n  );\n\n  return (\n    <Provider\n      values={[\n        [ToggleStateContext, state],\n        [\n          InternalSwitchContext,\n          {\n            ...aria,\n            inputRef,\n            defaultClassName: 'react-aria-Switch'\n          }\n        ]\n      ]}>\n      <SwitchButton {...props} ref={ref} />\n    </Provider>\n  );\n});\n\ninterface InternalSwitchContextValue extends SwitchAria {\n  inputRef: RefObject<HTMLInputElement | null>;\n  defaultClassName: string;\n  isRequired?: boolean;\n}\n\nconst InternalSwitchContext = createContext<InternalSwitchContextValue | null>(null);\n\n/**\n * A switch allows a user to turn a setting on or off, with support for validation and help text.\n */\nexport const SwitchField = /*#__PURE__*/ (forwardRef as forwardRefType)(function Switch(\n  props: SwitchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {inputRef: userProvidedInputRef = null, ...otherProps} = props;\n  [props, ref] = useContextProps(otherProps, ref, SwitchFieldContext);\n  let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n  let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n  let inputRef = useObjectRef(\n    mergeRefs(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null)\n  );\n  let state = useToggleState(props);\n  let aria = useSwitch(\n    {\n      ...removeDataAttributes(props),\n      // ReactNode type doesn't allow function children.\n      children: typeof props.children === 'function' ? true : props.children,\n      validationBehavior\n    },\n    state,\n    inputRef\n  );\n  let {\n    descriptionProps,\n    errorMessageProps,\n    isSelected,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    validationDetails,\n    validationErrors\n  } = aria;\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-SwitchField',\n    values: {\n      isSelected,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      isRequired: props.isRequired || false,\n      state\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-selected={isSelected || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}\n      data-invalid={isInvalid || undefined}\n      data-required={props.isRequired || undefined}>\n      <Provider\n        values={[\n          [ToggleStateContext, state],\n          [\n            InternalSwitchContext,\n            {\n              ...aria,\n              inputRef,\n              defaultClassName: 'react-aria-SwitchButton',\n              isRequired: props.isRequired\n            }\n          ],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ],\n          [FieldErrorContext, {isInvalid, validationDetails, validationErrors}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\n/**\n * A switch button is the clickable area of a switch, including the indicator and label.\n */\nexport const SwitchButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function SwitchButton(\n  props: SwitchButtonProps,\n  ref: ForwardedRef<HTMLLabelElement>\n) {\n  let {\n    labelProps,\n    inputProps,\n    isSelected,\n    isDisabled,\n    isReadOnly,\n    isPressed,\n    isInvalid,\n    inputRef,\n    defaultClassName,\n    isRequired\n  } = useContext(InternalSwitchContext)!;\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing();\n  let isInteractionDisabled = isDisabled || isReadOnly;\n  let state = useContext(ToggleStateContext)!;\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isInteractionDisabled\n  });\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName,\n    values: {\n      isSelected,\n      isPressed,\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      isRequired: isRequired || false,\n      state\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.label\n      {...mergeProps(DOMProps, labelProps, hoverProps, renderProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-selected={isSelected || undefined}\n      data-pressed={isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}\n      data-invalid={isInvalid || undefined}\n      data-required={isRequired || undefined}>\n      <VisuallyHidden elementType=\"span\">\n        <input {...mergeProps(inputProps, focusProps)} ref={inputRef} />\n      </VisuallyHidden>\n      {renderProps.children}\n    </dom.label>\n  );\n});\n"],"names":[],"version":3,"file":"Switch.cjs.map"}