@depup/react-aria-components 1.20.0-depup.0 → 1.21.0-depup.0

package/dist/private/Switch.mjs.map

@@ -1 +1 @@
-{"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.mjs.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, Ref, useContext, useMemo} 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?: Ref<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?: Ref<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    useMemo(\n      () => mergeRefs(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null),\n      [userProvidedInputRef, props.inputRef]\n    )\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    useMemo(\n      () => mergeRefs(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null),\n      [userProvidedInputRef, props.inputRef]\n    )\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.mjs.map"}