@purpur/library 9.8.0 → 9.9.0

package/dist/text-field-CthxpKsp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-CthxpKsp.js","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"edit-ai\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n  keywords: [\"edit-ai\"],\n  category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n  l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n  _styles?: Record<string, string>;\n  _rootClassName?: string;\n  _prependEndAdornments?: ReactNode[];\n  _inputModifiers?: Record<string, boolean>;\n  _frameModifiers?: Record<string, boolean>;\n  _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n  HTMLInputElement,\n  TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      _styles,\n      _rootClassName,\n      _prependEndAdornments,\n      _inputModifiers,\n      _frameModifiers,\n      _inputContainerRef,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const cx = c.bind(_styles ?? defaultStyles);\n    const rootClassName = _rootClassName ?? defaultRootClassName;\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = Array.isArray(startAdornment)\n      ? startAdornment.filter((adornment) => !!adornment)\n      : startAdornment\n        ? [startAdornment]\n        : [];\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      ...(_prependEndAdornments ?? []),\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div ref={_inputContainerRef} className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments.map((adornment, index) => (\n                  <React.Fragment key={index}>{adornment}</React.Fragment>\n                ))}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                  ...(_inputModifiers ?? {}),\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n                ...(_frameModifiers ?? {}),\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n  if (typeof value === \"number\") {\n    return !Number.isNaN(value);\n  }\n\n  if (typeof value === \"string\") {\n    return value.length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      animatePrepopulatedValue = false,\n      typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n      endAdornment,\n      value: controlledValue,\n      defaultValue,\n      onChange,\n      disabled,\n      readOnly,\n      valid = false,\n      negative = false,\n      ...baseProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n    const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n    const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n    const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n    const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n    const typingAnimationTimerRef = useRef<number | null>(null);\n    const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n    const value = isControlled ? controlledValue : uncontrolledValue;\n    const hasValue = hasInputValue(value);\n    const isAiPresentationActive = hasValue && !hasUserEditedValue;\n    const isTypingAnimationRunning = animatedTypingValue !== null;\n    const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n    const shouldAnimatePrepopulated =\n      isAiPresentationActive &&\n      animatePrepopulatedValue &&\n      !hasAnimatedPrepopulatedValue &&\n      !disabled &&\n      !readOnly;\n\n    const clearTypingAnimation = useCallback(() => {\n      if (typingAnimationTimerRef.current !== null) {\n        window.clearInterval(typingAnimationTimerRef.current);\n        typingAnimationTimerRef.current = null;\n      }\n    }, []);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      clearTypingAnimation();\n      setAnimatedTypingValue(null);\n\n      if (!isControlled) {\n        setUncontrolledValue(event.currentTarget.value);\n      }\n\n      setHasUserEditedValue(true);\n      onChange?.(event);\n    };\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n        return;\n      }\n\n      const node = inputContainerRef.current;\n\n      if (!node) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.some((entry) => entry.isIntersecting);\n\n          if (isVisible) {\n            setShouldAnimatePrepopulatedValue(true);\n            setHasAnimatedPrepopulatedValue(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.35 }\n      );\n\n      observer.observe(node);\n\n      return () => observer.disconnect();\n    }, [shouldAnimatePrepopulated]);\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n        return;\n      }\n\n      const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n      if (shouldReduceMotion || value.length === 0) {\n        setShouldAnimatePrepopulatedValue(false);\n        return;\n      }\n\n      clearTypingAnimation();\n      setAnimatedTypingValue(\"\");\n\n      let index = 0;\n      const safeAnimationDuration =\n        Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n          ? typingAnimationDurationMs\n          : defaultTypingAnimationDurationMs;\n      const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n      typingAnimationTimerRef.current = window.setInterval(() => {\n        index += 1;\n        setAnimatedTypingValue(value.slice(0, index));\n\n        if (index >= value.length) {\n          clearTypingAnimation();\n          setAnimatedTypingValue(null);\n          setShouldAnimatePrepopulatedValue(false);\n        }\n      }, intervalDuration);\n\n      return clearTypingAnimation;\n    }, [\n      clearTypingAnimation,\n      hasUserEditedValue,\n      shouldAnimatePrepopulatedValue,\n      typingAnimationDurationMs,\n      value,\n    ]);\n\n    useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n    const aiEndAdornments: ReactNode[] = [];\n\n    if (endAdornment === undefined && isAiPresentationActive) {\n      aiEndAdornments.push(\n        <IconEditAi\n          key=\"ai-icon\"\n          size=\"xs\"\n          data-testid={getTestId(\"edit-ai-icon\")}\n          className={cx(`${rootClassName}__ai-icon`, {\n            [`${rootClassName}__ai-icon--negative`]: negative,\n          })}\n        />\n      );\n    }\n\n    return (\n      <TextFieldBase\n        ref={ref}\n        data-testid={dataTestId}\n        {...baseProps}\n        endAdornment={endAdornment}\n        value={displayValue}\n        onChange={handleInputChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        valid={valid}\n        negative={negative}\n        _styles={aiStyles}\n        _rootClassName={rootClassName}\n        _prependEndAdornments={aiEndAdornments}\n        _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n        _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n        _inputContainerRef={inputContainerRef}\n      />\n    );\n  }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\ntype TextFieldAiProps = {\n  /**\n   * Animate prepopulated value once when the field scrolls into view.\n   */\n  animatePrepopulatedValue?: boolean;\n  /**\n   * Duration in milliseconds for the prepopulated typing animation.\n   */\n  typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps & {\n    /**\n     * Use to select the text field variant.\n     * - `\"default\"` renders a standard text field.\n     * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n     * @default \"default\"\n     */\n    variant?: TextFieldVariant;\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ variant = \"default\", ...props }, ref) => {\n    if (variant === \"ai\") {\n      return <TextFieldAiInternal ref={ref} {...props} />;\n    }\n\n    return <TextFieldBase ref={ref} {...props} />;\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","index","React","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-C2W13n15.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-CthxpKsp.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
 //# sourceMappingURL=text-field.cjs.js.map

package/dist/text-field.es.js

@@ -1,4 +1,4 @@
-import { T as i, i as a, t as s } from "./text-field-D8MMa6ij.mjs";
+import { T as i, i as a, t as s } from "./text-field-AsvqJh6P.mjs";
 export {
   i as TextField,
   a as isTextField,

package/dist/{toggle-B8ZLUVar.js → toggle-BgrfdtmN.js}

@@ -1,2 +1,2 @@
-"use strict";const v=require("react/jsx-runtime"),n=require("react"),O=require("./icon.es-j3eRib6d.js"),H=require("./checkmark-bold.es-DdJFVVJG.js"),T=require("./label-yHK80hhV.js"),W=require("./paragraph-By4jMjnH.js"),E=require("./index-CxBG4Ssm.js"),A=require("./index-_XxjJPRD.js"),I=require("./index-kcwFA4Dv.js"),F=require("./index-DOFLOnao.js"),M=require("./index-Hk_HrrHM.js"),U=require("./bind-DeUYJ6m9.js");function V(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const D=V(n);var j="Switch",[G]=I.createContextScope(j),[J,K]=G(j),$=D.forwardRef((e,r)=>{const{__scopeSwitch:t,name:o,checked:a,defaultChecked:c,required:p,disabled:g,value:s="on",onCheckedChange:i,form:_,...f}=e,[l,u]=D.useState(null),d=A.useComposedRefs(r,k=>u(k)),b=D.useRef(!1),m=l?_||!!l.closest("form"):!0,[h=!1,x]=E.useControllableState({prop:a,defaultProp:c,onChange:i});return v.jsxs(J,{scope:t,checked:h,disabled:g,children:[v.jsx(M.Primitive.button,{type:"button",role:"switch","aria-checked":h,"aria-required":p,"data-state":L(h),"data-disabled":g?"":void 0,disabled:g,value:s,...f,ref:d,onClick:E.composeEventHandlers(e.onClick,k=>{x(w=>!w),m&&(b.current=k.isPropagationStopped(),b.current||k.stopPropagation())})}),m&&v.jsx(Q,{control:l,bubbles:!b.current,name:o,value:s,checked:h,required:p,disabled:g,form:_,style:{transform:"translateX(-100%)"}})]})});$.displayName=j;var q="SwitchThumb",N=D.forwardRef((e,r)=>{const{__scopeSwitch:t,...o}=e,a=K(q,t);return v.jsx(M.Primitive.span,{"data-state":L(a.checked),"data-disabled":a.disabled?"":void 0,...o,ref:r})});N.displayName=q;var Q=e=>{const{control:r,checked:t,bubbles:o=!0,...a}=e,c=D.useRef(null),p=E.usePrevious(t),g=F.useSize(r);return D.useEffect(()=>{const s=c.current,i=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(i,"checked").set;if(p!==t&&f){const l=new Event("click",{bubbles:o});f.call(s,t),s.dispatchEvent(l)}},[p,t,o]),v.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:t,...a,tabIndex:-1,ref:c,style:{...e.style,...g,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function L(e){return e?"checked":"unchecked"}var Y=$,Z=N;const z=e=>e&&"touches"in e,ee=({children:e,disabled:r,onStart:t,onDrag:o,onStop:a,bounds:c,position:p,style:g})=>{const[s,i]=n.useState(void 0),[_,f]=n.useState(void 0),[l,u]=n.useState(!1),d=h=>{if(!r){h.preventDefault();const x=z(h.nativeEvent)?h.nativeEvent.touches[0].clientX:h.nativeEvent.clientX;f(x),t?.()}},b=n.useCallback(h=>{if(typeof _!="number")return;const k=(z(h)?h.touches[0].clientX:h.clientX)-_;if(!k)return;const w=p+k;!l&&Math.abs(w)&&u(!0);const R=w>c.right?c.right:w<c.left?c.left:w;i(R),o?.({x:R})},[o,i,l,_]),m=n.useCallback(()=>{f(void 0),i(void 0),u(!1),a?.()},[a,f]);return n.useEffect(()=>(window.addEventListener("mousemove",b),window.addEventListener("touchmove",b),()=>{window.removeEventListener("mousemove",b),window.removeEventListener("touchmove",b)}),[b]),n.useEffect(()=>(window.addEventListener("mouseup",m),window.addEventListener("touchend",m),()=>{window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m)}),[m]),n.isValidElement(e)?n.cloneElement(e,{onMouseDown:d,onTouchStart:d,style:{...g,transform:`translateX(${l?s:p}px)`}}):null},X={width:void 0,height:void 0};function P(e){const{ref:r,box:t="content-box",round:o}=e,[{width:a,height:c},p]=n.useState(X),g=te(),s=n.useRef({...X}),i=n.useRef(void 0);return i.current=e.onResize,n.useEffect(()=>{if(!r.current||typeof window>"u"||!("ResizeObserver"in window))return;const _=new ResizeObserver(([f])=>{const l=t==="border-box"?"borderBoxSize":t==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",u=y(f,l,"inlineSize"),d=y(f,l,"blockSize");if(s.current.width!==u||s.current.height!==d){const m={width:u&&o?Math.round(u):u,height:d&&o?Math.round(d):d};s.current.width=u,s.current.height=d,i.current?i.current(m):g()&&p(m)}});return _.observe(r.current,{box:t}),()=>{_.disconnect()}},[t,r,g,o]),{width:a,height:c}}function y(e,r,t){return e[r]?Array.isArray(e[r])?e[r][0][t]:e[r][t]:r==="contentBoxSize"?e.contentRect[t==="inlineSize"?"width":"height"]:void 0}function te(){const e=n.useRef(!1);return n.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),n.useCallback(()=>e.current,[])}const re=({checked:e,onChange:r})=>{const t=n.useRef(null),o=n.useRef(null),[a,c]=n.useState(void 0),[p,g]=n.useState(!1),[s,i]=n.useState(0),{height:_=0}=P({ref:o,round:!0}),{height:f=0}=P({ref:t,round:!0}),l=(f||0)-_,u=_+l,d=l/2,b=u/2,m=typeof a=="number"&&(e?a<b:a>b);return{trackRef:t,thumbRef:o,isDragging:p,bounds:{left:d,right:u},position:e?u:d,onDrag:({x:w})=>{c(w),Math.abs((e?u:d)-w)>2&&g(!0)},onStop:()=>{g(!1),p&&i(Date.now()),m&&r?.(!e)},onChangeWithDrag:()=>{Date.now()-s>50&&r?.(!e),c(void 0)}}},ne={"purpur-toggle":"_purpur-toggle_15s9r_1","purpur-toggle__track":"_purpur-toggle__track_15s9r_7","purpur-toggle__checkmark-container":"_purpur-toggle__checkmark-container_15s9r_45","purpur-toggle__track--negative":"_purpur-toggle__track--negative_15s9r_60","purpur-toggle__thumb":"_purpur-toggle__thumb_15s9r_64","purpur-toggle__thumb--dragging":"_purpur-toggle__thumb--dragging_15s9r_89","purpur-toggle__thumb--negative":"_purpur-toggle__thumb--negative_15s9r_98","purpur-toggle__checkmark":"_purpur-toggle__checkmark_15s9r_45","purpur-toggle__label--right":"_purpur-toggle__label--right_15s9r_126","purpur-toggle__label--left":"_purpur-toggle__label--left_15s9r_129","purpur-toggle__container":"_purpur-toggle__container_15s9r_132","purpur-toggle--negative":"_purpur-toggle--negative_15s9r_141"},C=U.c.bind(ne),S="purpur-toggle",B=n.forwardRef(({["data-testid"]:e,className:r,label:t,onChange:o,labelPosition:a="right",checked:c,disableDrag:p,defaultChecked:g,negative:s=!1,...i},_)=>{const[f,l]=n.useState(typeof c=="boolean"?c:!!g),u=!!(typeof c=="boolean"?c:f),{thumbRef:d,trackRef:b,isDragging:m,onChangeWithDrag:h,...x}=re({checked:u,onChange:w=>{i.disabled||(o?.(w),l(w))}}),k=()=>v.jsx(T.Label,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,className:C(`${S}__label`,`${S}__label--${a}`),negative:s,children:v.jsx(W.Paragraph,{disabled:i.disabled,negative:s,children:t})});return v.jsxs("div",{className:C(r,`${S}__container`),children:[t&&a==="left"&&k(),v.jsx(Y,{...i,ref:_,id:i.id,"data-testid":e,className:C(S,{[`${S}--negative`]:s}),onCheckedChange:h,checked:u,children:v.jsxs("span",{ref:b,className:C(`${S}__track`,{[`${S}__track--negative`]:s}),children:[v.jsx("span",{className:C(`${S}__checkmark-container`),children:v.jsx(O.b,{className:C(`${S}__checkmark`),svg:H.l,size:"xxs"})}),v.jsx(ee,{disabled:p,...x,children:v.jsx(Z,{ref:d,"data-testid":e&&`${e}-thumb`,className:C(`${S}__thumb`,{[`${S}__thumb--dragging`]:m,[`${S}__thumb--negative`]:s})})})]})}),t&&a==="right"&&k()]})});B.displayName="Toggle";exports.Toggle=B;
-//# sourceMappingURL=toggle-B8ZLUVar.js.map
+"use strict";const v=require("react/jsx-runtime"),n=require("react"),O=require("./icon.es-j3eRib6d.js"),H=require("./checkmark-bold.es-DdJFVVJG.js"),T=require("./label-yHK80hhV.js"),W=require("./paragraph-B8HFdNne.js"),E=require("./index-CxBG4Ssm.js"),A=require("./index-_XxjJPRD.js"),I=require("./index-kcwFA4Dv.js"),F=require("./index-DOFLOnao.js"),M=require("./index-Hk_HrrHM.js"),U=require("./bind-DeUYJ6m9.js");function V(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const D=V(n);var j="Switch",[G]=I.createContextScope(j),[J,K]=G(j),$=D.forwardRef((e,r)=>{const{__scopeSwitch:t,name:o,checked:a,defaultChecked:c,required:p,disabled:g,value:s="on",onCheckedChange:i,form:_,...f}=e,[l,u]=D.useState(null),d=A.useComposedRefs(r,k=>u(k)),b=D.useRef(!1),m=l?_||!!l.closest("form"):!0,[h=!1,x]=E.useControllableState({prop:a,defaultProp:c,onChange:i});return v.jsxs(J,{scope:t,checked:h,disabled:g,children:[v.jsx(M.Primitive.button,{type:"button",role:"switch","aria-checked":h,"aria-required":p,"data-state":L(h),"data-disabled":g?"":void 0,disabled:g,value:s,...f,ref:d,onClick:E.composeEventHandlers(e.onClick,k=>{x(w=>!w),m&&(b.current=k.isPropagationStopped(),b.current||k.stopPropagation())})}),m&&v.jsx(Q,{control:l,bubbles:!b.current,name:o,value:s,checked:h,required:p,disabled:g,form:_,style:{transform:"translateX(-100%)"}})]})});$.displayName=j;var q="SwitchThumb",N=D.forwardRef((e,r)=>{const{__scopeSwitch:t,...o}=e,a=K(q,t);return v.jsx(M.Primitive.span,{"data-state":L(a.checked),"data-disabled":a.disabled?"":void 0,...o,ref:r})});N.displayName=q;var Q=e=>{const{control:r,checked:t,bubbles:o=!0,...a}=e,c=D.useRef(null),p=E.usePrevious(t),g=F.useSize(r);return D.useEffect(()=>{const s=c.current,i=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(i,"checked").set;if(p!==t&&f){const l=new Event("click",{bubbles:o});f.call(s,t),s.dispatchEvent(l)}},[p,t,o]),v.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:t,...a,tabIndex:-1,ref:c,style:{...e.style,...g,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function L(e){return e?"checked":"unchecked"}var Y=$,Z=N;const z=e=>e&&"touches"in e,ee=({children:e,disabled:r,onStart:t,onDrag:o,onStop:a,bounds:c,position:p,style:g})=>{const[s,i]=n.useState(void 0),[_,f]=n.useState(void 0),[l,u]=n.useState(!1),d=h=>{if(!r){h.preventDefault();const x=z(h.nativeEvent)?h.nativeEvent.touches[0].clientX:h.nativeEvent.clientX;f(x),t?.()}},b=n.useCallback(h=>{if(typeof _!="number")return;const k=(z(h)?h.touches[0].clientX:h.clientX)-_;if(!k)return;const w=p+k;!l&&Math.abs(w)&&u(!0);const R=w>c.right?c.right:w<c.left?c.left:w;i(R),o?.({x:R})},[o,i,l,_]),m=n.useCallback(()=>{f(void 0),i(void 0),u(!1),a?.()},[a,f]);return n.useEffect(()=>(window.addEventListener("mousemove",b),window.addEventListener("touchmove",b),()=>{window.removeEventListener("mousemove",b),window.removeEventListener("touchmove",b)}),[b]),n.useEffect(()=>(window.addEventListener("mouseup",m),window.addEventListener("touchend",m),()=>{window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m)}),[m]),n.isValidElement(e)?n.cloneElement(e,{onMouseDown:d,onTouchStart:d,style:{...g,transform:`translateX(${l?s:p}px)`}}):null},X={width:void 0,height:void 0};function P(e){const{ref:r,box:t="content-box",round:o}=e,[{width:a,height:c},p]=n.useState(X),g=te(),s=n.useRef({...X}),i=n.useRef(void 0);return i.current=e.onResize,n.useEffect(()=>{if(!r.current||typeof window>"u"||!("ResizeObserver"in window))return;const _=new ResizeObserver(([f])=>{const l=t==="border-box"?"borderBoxSize":t==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",u=y(f,l,"inlineSize"),d=y(f,l,"blockSize");if(s.current.width!==u||s.current.height!==d){const m={width:u&&o?Math.round(u):u,height:d&&o?Math.round(d):d};s.current.width=u,s.current.height=d,i.current?i.current(m):g()&&p(m)}});return _.observe(r.current,{box:t}),()=>{_.disconnect()}},[t,r,g,o]),{width:a,height:c}}function y(e,r,t){return e[r]?Array.isArray(e[r])?e[r][0][t]:e[r][t]:r==="contentBoxSize"?e.contentRect[t==="inlineSize"?"width":"height"]:void 0}function te(){const e=n.useRef(!1);return n.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),n.useCallback(()=>e.current,[])}const re=({checked:e,onChange:r})=>{const t=n.useRef(null),o=n.useRef(null),[a,c]=n.useState(void 0),[p,g]=n.useState(!1),[s,i]=n.useState(0),{height:_=0}=P({ref:o,round:!0}),{height:f=0}=P({ref:t,round:!0}),l=(f||0)-_,u=_+l,d=l/2,b=u/2,m=typeof a=="number"&&(e?a<b:a>b);return{trackRef:t,thumbRef:o,isDragging:p,bounds:{left:d,right:u},position:e?u:d,onDrag:({x:w})=>{c(w),Math.abs((e?u:d)-w)>2&&g(!0)},onStop:()=>{g(!1),p&&i(Date.now()),m&&r?.(!e)},onChangeWithDrag:()=>{Date.now()-s>50&&r?.(!e),c(void 0)}}},ne={"purpur-toggle":"_purpur-toggle_15s9r_1","purpur-toggle__track":"_purpur-toggle__track_15s9r_7","purpur-toggle__checkmark-container":"_purpur-toggle__checkmark-container_15s9r_45","purpur-toggle__track--negative":"_purpur-toggle__track--negative_15s9r_60","purpur-toggle__thumb":"_purpur-toggle__thumb_15s9r_64","purpur-toggle__thumb--dragging":"_purpur-toggle__thumb--dragging_15s9r_89","purpur-toggle__thumb--negative":"_purpur-toggle__thumb--negative_15s9r_98","purpur-toggle__checkmark":"_purpur-toggle__checkmark_15s9r_45","purpur-toggle__label--right":"_purpur-toggle__label--right_15s9r_126","purpur-toggle__label--left":"_purpur-toggle__label--left_15s9r_129","purpur-toggle__container":"_purpur-toggle__container_15s9r_132","purpur-toggle--negative":"_purpur-toggle--negative_15s9r_141"},C=U.c.bind(ne),S="purpur-toggle",B=n.forwardRef(({["data-testid"]:e,className:r,label:t,onChange:o,labelPosition:a="right",checked:c,disableDrag:p,defaultChecked:g,negative:s=!1,...i},_)=>{const[f,l]=n.useState(typeof c=="boolean"?c:!!g),u=!!(typeof c=="boolean"?c:f),{thumbRef:d,trackRef:b,isDragging:m,onChangeWithDrag:h,...x}=re({checked:u,onChange:w=>{i.disabled||(o?.(w),l(w))}}),k=()=>v.jsx(T.Label,{htmlFor:i.id,"data-testid":e&&`${e}-label`,disabled:i.disabled,className:C(`${S}__label`,`${S}__label--${a}`),negative:s,children:v.jsx(W.Paragraph,{disabled:i.disabled,negative:s,children:t})});return v.jsxs("div",{className:C(r,`${S}__container`),children:[t&&a==="left"&&k(),v.jsx(Y,{...i,ref:_,id:i.id,"data-testid":e,className:C(S,{[`${S}--negative`]:s}),onCheckedChange:h,checked:u,children:v.jsxs("span",{ref:b,className:C(`${S}__track`,{[`${S}__track--negative`]:s}),children:[v.jsx("span",{className:C(`${S}__checkmark-container`),children:v.jsx(O.b,{className:C(`${S}__checkmark`),svg:H.l,size:"xxs"})}),v.jsx(ee,{disabled:p,...x,children:v.jsx(Z,{ref:d,"data-testid":e&&`${e}-thumb`,className:C(`${S}__thumb`,{[`${S}__thumb--dragging`]:m,[`${S}__thumb--negative`]:s})})})]})}),t&&a==="right"&&k()]})});B.displayName="Toggle";exports.Toggle=B;
+//# sourceMappingURL=toggle-BgrfdtmN.js.map

package/dist/{toggle-B8ZLUVar.js.map → toggle-BgrfdtmN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-B8ZLUVar.js","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-switch@1.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7c6a1205dfc0b547da67f2d77f280718/node_modules/@radix-ui/react-switch/dist/index.mjs","../../../components/toggle/src/DraggableX.tsx","../../../components/toggle/src/hooks/useResizeObserver.ts","../../../components/toggle/src/hooks/useToggleDrag.ts","../../../components/toggle/src/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import {\n  cloneElement,\n  type CSSProperties,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { type SwitchThumbProps } from \"@radix-ui/react-switch\";\n\nexport type DraggableXProps = {\n  children?: ReactElement<SwitchThumbProps>;\n  disabled?: boolean;\n  position: number;\n  bounds: { left: number; right: number };\n  onStart?: () => void;\n  onDrag?: (args: { x: number }) => void;\n  onStop?: () => void;\n  style?: CSSProperties;\n};\n\nconst isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => e && \"touches\" in e;\n\n/**\n * Bare minimum to make the toggle draggable.\n * It is created for usage in the toggle only but could easily be extracted and used elsewhere.\n *\n * It is called `DraggableX` since it's only for dragging along the x-axis.\n */\nexport const DraggableX = ({\n  children,\n  disabled,\n  onStart,\n  onDrag,\n  onStop,\n  bounds,\n  position,\n  style,\n}: DraggableXProps) => {\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [dragStartX, setDragStartX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const startDrag = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      const clientX = isTouchEvent(e.nativeEvent)\n        ? e.nativeEvent.touches[0].clientX\n        : e.nativeEvent.clientX;\n      setDragStartX(clientX);\n      onStart?.();\n    }\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      if (typeof dragStartX !== \"number\") {\n        return;\n      }\n\n      const clientX = isTouchEvent(e) ? e.touches[0].clientX : e.clientX;\n      const dragDelta = clientX - dragStartX;\n\n      if (!dragDelta) {\n        return;\n      }\n\n      const nextDragX = position + dragDelta;\n      if (!isDragging && Math.abs(nextDragX)) {\n        setIsDragging(true);\n      }\n\n      const nextDragXBounded = (() => {\n        if (nextDragX > bounds.right) {\n          return bounds.right;\n        }\n\n        if (nextDragX < bounds.left) {\n          return bounds.left;\n        }\n\n        return nextDragX;\n      })();\n\n      setDragX(nextDragXBounded);\n      onDrag?.({ x: nextDragXBounded });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onDrag, setDragX, isDragging, dragStartX]\n  );\n\n  const onMouseUp = useCallback(() => {\n    setDragStartX(undefined);\n    setDragX(undefined);\n    setIsDragging(false);\n    onStop?.();\n  }, [onStop, setDragStartX]);\n\n  useEffect(() => {\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"touchmove\", onMouseMove);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"touchmove\", onMouseMove);\n    };\n  }, [onMouseMove]);\n\n  useEffect(() => {\n    window.addEventListener(\"mouseup\", onMouseUp);\n    window.addEventListener(\"touchend\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mouseup\", onMouseUp);\n      window.removeEventListener(\"touchend\", onMouseUp);\n    };\n  }, [onMouseUp]);\n\n  return isValidElement(children)\n    ? cloneElement<SwitchThumbProps>(children, {\n        onMouseDown: startDrag,\n        onTouchStart: startDrag,\n        style: { ...style, transform: `translateX(${isDragging ? dragX : position}px)` },\n      })\n    : null;\n};\n","import type { RefObject } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n// This hook is a clone of useResizeObserver in b2c-sales/hooks\n\ntype Size = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>;\n  onResize?: (size: Size) => void;\n  box?: \"border-box\" | \"content-box\" | \"device-pixel-content-box\";\n  round?: boolean;\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(\n  options: UseResizeObserverOptions<T>\n): Size {\n  const { ref, box = \"content-box\", round } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window)) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n\n        box === \"border-box\"\n          ? \"borderBoxSize\"\n          : box === \"device-pixel-content-box\"\n          ? \"devicePixelContentBoxSize\"\n          : \"contentBoxSize\";\n\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n\n      const hasChanged =\n        previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = {\n          width: newWidth && round ? Math.round(newWidth) : newWidth,\n          height: newHeight && round ? Math.round(newHeight) : newHeight,\n        };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted, round]);\n\n  return { width, height };\n}\n\ntype BoxSizesKey = keyof Pick<\n  ResizeObserverEntry,\n  \"borderBoxSize\" | \"contentBoxSize\" | \"devicePixelContentBoxSize\"\n>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize\n): number | undefined {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore Support Firefox's non-standard behavior\n      (entry[box][sizeType] as number);\n}\n\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n","import { type RefObject, useRef, useState } from \"react\";\n\nimport { useResizeObserver } from \"./useResizeObserver\";\n\ntype UseToggleDragProps = {\n  checked: boolean;\n  onChange: ((checked: boolean) => void) | undefined;\n};\n\nexport const useToggleDrag = ({ checked, onChange }: UseToggleDragProps) => {\n  const trackRef: RefObject<HTMLDivElement | null> = useRef(null);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStopped, setDragStopped] = useState(0);\n\n  const { height: thumbHeight = 0 } = useResizeObserver({ ref: thumbRef, round: true });\n  const { height: switchHeight = 0 } = useResizeObserver({ ref: trackRef, round: true });\n\n  const switchThumbHeightDelta = (switchHeight || 0) - thumbHeight;\n  const maxDragRange = thumbHeight + switchThumbHeightDelta;\n  const minDragRange = switchThumbHeightDelta / 2;\n  const halfMaxDragRange = maxDragRange / 2;\n  const isDraggedHalfway =\n    typeof dragX === \"number\" && (checked ? dragX < halfMaxDragRange : dragX > halfMaxDragRange);\n\n  const onDrag = ({ x }: { x: number }) => {\n    setDragX(x);\n    const dragDelta = Math.abs((checked ? maxDragRange : minDragRange) - x);\n\n    // Add a threshold here for then accidentally dragging when clicking/touching\n    dragDelta > 2 && setIsDragging(true);\n  };\n\n  const onStop = () => {\n    setIsDragging(false);\n    isDragging && setDragStopped(Date.now());\n    if (isDraggedHalfway) {\n      onChange?.(!checked);\n    }\n  };\n\n  const onChangeWithDrag = () => {\n    if (Date.now() - dragStopped > 50) {\n      onChange?.(!checked);\n    }\n    setDragX(undefined);\n  };\n\n  return {\n    trackRef,\n    thumbRef,\n    isDragging,\n    bounds: { left: minDragRange, right: maxDragRange },\n    position: checked ? maxDragRange : minDragRange,\n    onDrag,\n    onStop,\n    onChangeWithDrag,\n  };\n};\n","import React, { forwardRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as Switch from \"@radix-ui/react-switch\";\nimport c from \"classnames/bind\";\n\nimport { DraggableX } from \"./DraggableX\";\nimport { useToggleDrag } from \"./hooks/useToggleDrag\";\nimport styles from \"./toggle.module.scss\";\n\nexport type ToggleProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\" | \"id\"> & {\n  /**\n   * To use when no label is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * The controlled state of the toggle. Must be used in conjunction with `onChange`.\n   * */\n  checked?: boolean;\n  /**\n   * The state of the toggle when it is initially rendered. Use when you do not need to control its state.\n   * */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   * */\n  disabled?: boolean;\n  /**\n   * When `true`, the toggle isn't draggable.\n   * */\n  disableDrag?: boolean;\n  /**\n   * ID of the toggle.\n   * */\n  id: string;\n  /**\n   * The label of the toggle.\n   * */\n  label?: string;\n  /**\n   * Set to decide which side of the toggle the label should be rendered.\n   * */\n  labelPosition?: \"left\" | \"right\";\n  /**\n   * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the toggle is toggled.\n   * */\n  onChange?: (checked: boolean) => void;\n  /**\n   * When `true`, indicates that the user must check the toggle before the owning form can be submitted..\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when wrapped with a form and submitted with a name.\n   * */\n  value?: string;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-toggle\";\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      label,\n      onChange,\n      labelPosition = \"right\",\n      checked,\n      disableDrag,\n      defaultChecked,\n      negative = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalChecked, setInternalChecked] = useState(\n      typeof checked === \"boolean\" ? checked : !!defaultChecked\n    );\n    const isChecked = Boolean(typeof checked === \"boolean\" ? checked : internalChecked);\n    const { thumbRef, trackRef, isDragging, onChangeWithDrag, ...draggableXProps } = useToggleDrag({\n      checked: isChecked,\n      onChange: (value) => {\n        if (!props.disabled) {\n          onChange?.(value);\n          setInternalChecked(value);\n        }\n      },\n    });\n\n    const renderLabel = () => (\n      <Label\n        htmlFor={props.id}\n        data-testid={dataTestId && `${dataTestId}-label`}\n        disabled={props.disabled}\n        className={cx(`${rootClassName}__label`, `${rootClassName}__label--${labelPosition}`)}\n        negative={negative}\n      >\n        <Paragraph disabled={props.disabled} negative={negative}>\n          {label}\n        </Paragraph>\n      </Label>\n    );\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)}>\n        {label && labelPosition === \"left\" && renderLabel()}\n        <Switch.Root\n          {...props}\n          ref={ref}\n          id={props.id}\n          data-testid={dataTestId}\n          className={cx(rootClassName, { [`${rootClassName}--negative`]: negative })}\n          onCheckedChange={onChangeWithDrag}\n          checked={isChecked}\n        >\n          <span\n            ref={trackRef}\n            className={cx(`${rootClassName}__track`, {\n              [`${rootClassName}__track--negative`]: negative,\n            })}\n          >\n            <span className={cx(`${rootClassName}__checkmark-container`)}>\n              <Icon className={cx(`${rootClassName}__checkmark`)} svg={checkmarkBold} size=\"xxs\" />\n            </span>\n            <DraggableX disabled={disableDrag} {...draggableXProps}>\n              <Switch.Thumb\n                ref={thumbRef}\n                data-testid={dataTestId && `${dataTestId}-thumb`}\n                className={cx(`${rootClassName}__thumb`, {\n                  [`${rootClassName}__thumb--dragging`]: isDragging,\n                  [`${rootClassName}__thumb--negative`]: negative,\n                })}\n              />\n            </DraggableX>\n          </span>\n        </Switch.Root>\n        {label && labelPosition === \"right\" && renderLabel()}\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","isTouchEvent","DraggableX","children","onStart","onDrag","onStop","bounds","position","style","dragX","setDragX","useState","dragStartX","setDragStartX","isDragging","setIsDragging","startDrag","e","clientX","onMouseMove","useCallback","dragDelta","nextDragX","nextDragXBounded","onMouseUp","useEffect","isValidElement","cloneElement","initialSize","useResizeObserver","options","box","round","width","height","setSize","isMounted","useIsMounted","previousSize","useRef","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","useToggleDrag","onChange","trackRef","thumbRef","dragStopped","setDragStopped","thumbHeight","switchHeight","switchThumbHeightDelta","maxDragRange","minDragRange","halfMaxDragRange","isDraggedHalfway","x","cx","c","styles","rootClassName","Toggle","forwardRef","dataTestId","className","label","labelPosition","disableDrag","negative","internalChecked","setInternalChecked","isChecked","onChangeWithDrag","draggableXProps","renderLabel","Label","Paragraph","Switch.Root","Icon","checkmarkBold","Switch.Thumb"],"mappings":"0rBAYA,IAAIA,EAAc,SACd,CAACC,CAAsC,EAAIC,EAAAA,mBAAmBF,CAAW,EACzE,CAACG,EAAgBC,CAAgB,EAAIH,EAAoBD,CAAW,EACpEK,EAASC,EAAM,WACjB,CAACC,EAAOC,IAAiB,CACvB,KAAM,CACJ,cAAAC,EACA,KAAAC,EACA,QAASC,EACT,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,KACR,gBAAAC,EACA,KAAAC,EACA,GAAGC,CACT,EAAQX,EACE,CAACY,EAAQC,CAAS,EAAId,EAAM,SAAS,IAAI,EACzCe,EAAeC,EAAAA,gBAAgBd,EAAee,GAASH,EAAUG,CAAI,CAAC,EACtEC,EAAmClB,EAAM,OAAO,EAAK,EACrDmB,EAAgBN,EAASF,GAAQ,CAAC,CAACE,EAAO,QAAQ,MAAM,EAAI,GAC5D,CAACO,EAAU,GAAOC,CAAU,EAAIC,EAAAA,qBAAqB,CACzD,KAAMjB,EACN,YAAaC,EACb,SAAUI,CAChB,CAAK,EACD,OAAuBa,EAAAA,KAAK1B,EAAgB,CAAE,MAAOM,EAAe,QAAAiB,EAAS,SAAAZ,EAAU,SAAU,CAC/EgB,EAAAA,IACdC,EAAAA,UAAU,OACV,CACE,KAAM,SACN,KAAM,SACN,eAAgBL,EAChB,gBAAiBb,EACjB,aAAcmB,EAASN,CAAO,EAC9B,gBAAiBZ,EAAW,GAAK,OACjC,SAAAA,EACA,MAAAC,EACA,GAAGG,EACH,IAAKG,EACL,QAASY,EAAAA,qBAAqB1B,EAAM,QAAU2B,GAAU,CACtDP,EAAYQ,GAAgB,CAACA,CAAW,EACpCV,IACFD,EAAiC,QAAUU,EAAM,qBAAoB,EAChEV,EAAiC,SAASU,EAAM,gBAAe,EAExE,CAAC,CACX,CACA,EACMT,GAAiCK,EAAAA,IAC/BM,EACA,CACE,QAASjB,EACT,QAAS,CAACK,EAAiC,QAC3C,KAAAd,EACA,MAAAK,EACA,QAAAW,EACA,SAAAb,EACA,SAAAC,EACA,KAAAG,EACA,MAAO,CAAE,UAAW,mBAAmB,CACjD,CACA,CACA,EAAO,CACL,CACF,EACAZ,EAAO,YAAcL,EACrB,IAAIqC,EAAa,cACbC,EAAchC,EAAM,WACtB,CAACC,EAAOC,IAAiB,CACvB,KAAM,CAAE,cAAAC,EAAe,GAAG8B,CAAU,EAAKhC,EACnCiC,EAAUpC,EAAiBiC,EAAY5B,CAAa,EAC1D,OAAuBqB,EAAAA,IACrBC,EAAAA,UAAU,KACV,CACE,aAAcC,EAASQ,EAAQ,OAAO,EACtC,gBAAiBA,EAAQ,SAAW,GAAK,OACzC,GAAGD,EACH,IAAK/B,CACb,CACA,CACE,CACF,EACA8B,EAAY,YAAcD,EAC1B,IAAID,EAAe7B,GAAU,CAC3B,KAAM,CAAE,QAAAkC,EAAS,QAAAf,EAAS,QAAAgB,EAAU,GAAM,GAAGC,CAAU,EAAKpC,EACtDqC,EAAMtC,EAAM,OAAO,IAAI,EACvB6B,EAAcU,EAAAA,YAAYnB,CAAO,EACjCoB,EAAcC,EAAAA,QAAQN,CAAO,EACnCnC,OAAAA,EAAM,UAAU,IAAM,CACpB,MAAM0C,EAAQJ,EAAI,QACZK,EAAa,OAAO,iBAAiB,UAErCtB,EADa,OAAO,yBAAyBsB,EAAY,SAAS,EAC1C,IAC9B,GAAId,IAAgBT,GAAWC,EAAY,CACzC,MAAMO,EAAQ,IAAI,MAAM,QAAS,CAAE,QAAAQ,CAAO,CAAE,EAC5Cf,EAAW,KAAKqB,EAAOtB,CAAO,EAC9BsB,EAAM,cAAcd,CAAK,CAC3B,CACF,EAAG,CAACC,EAAaT,EAASgB,CAAO,CAAC,EACXZ,EAAAA,IACrB,QACA,CACE,KAAM,WACN,cAAe,GACf,eAAgBJ,EAChB,GAAGiB,EACH,SAAU,GACV,IAAAC,EACA,MAAO,CACL,GAAGrC,EAAM,MACT,GAAGuC,EACH,SAAU,WACV,cAAe,OACf,QAAS,EACT,OAAQ,CAChB,CACA,CACA,CACA,EACA,SAASd,EAASN,EAAS,CACzB,OAAOA,EAAU,UAAY,WAC/B,CACA,IAAIwB,EAAO7C,EACP8C,EAAQb,EClHZ,MAAMc,EAAgB,GAAgD,GAAK,YAAa,EAQ3EC,GAAa,CAAC,CACzB,SAAAC,EACA,SAAAxC,EACA,QAAAyC,EACA,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAuB,CACrB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAA6B,MAAS,EAC1D,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAA6B,MAAS,EACpE,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAS,EAAK,EAE5CK,EAAaC,GAA2C,CAC5D,GAAI,CAACvD,EAAU,CACbuD,EAAE,eAAA,EACF,MAAMC,EAAUlB,EAAaiB,EAAE,WAAW,EACtCA,EAAE,YAAY,QAAQ,CAAC,EAAE,QACzBA,EAAE,YAAY,QAClBJ,EAAcK,CAAO,EACrBf,IAAA,CACF,CACF,EAEMgB,EAAcC,EAAAA,YACjBH,GAA+B,CAC9B,GAAI,OAAOL,GAAe,SACxB,OAIF,MAAMS,GADUrB,EAAaiB,CAAC,EAAIA,EAAE,QAAQ,CAAC,EAAE,QAAUA,EAAE,SAC/BL,EAE5B,GAAI,CAACS,EACH,OAGF,MAAMC,EAAYf,EAAWc,EACzB,CAACP,GAAc,KAAK,IAAIQ,CAAS,GACnCP,EAAc,EAAI,EAGpB,MAAMQ,EACAD,EAAYhB,EAAO,MACdA,EAAO,MAGZgB,EAAYhB,EAAO,KACdA,EAAO,KAGTgB,EAGTZ,EAASa,CAAgB,EACzBnB,IAAS,CAAE,EAAGmB,EAAkB,CAClC,EAEA,CAACnB,EAAQM,EAAUI,EAAYF,CAAU,CAAA,EAGrCY,EAAYJ,EAAAA,YAAY,IAAM,CAClCP,EAAc,MAAS,EACvBH,EAAS,MAAS,EAClBK,EAAc,EAAK,EACnBV,IAAA,CACF,EAAG,CAACA,EAAQQ,CAAa,CAAC,EAE1BY,OAAAA,EAAAA,UAAU,KACR,OAAO,iBAAiB,YAAaN,CAAW,EAChD,OAAO,iBAAiB,YAAaA,CAAW,EAEzC,IAAM,CACX,OAAO,oBAAoB,YAAaA,CAAW,EACnD,OAAO,oBAAoB,YAAaA,CAAW,CACrD,GACC,CAACA,CAAW,CAAC,EAEhBM,EAAAA,UAAU,KACR,OAAO,iBAAiB,UAAWD,CAAS,EAC5C,OAAO,iBAAiB,WAAYA,CAAS,EAEtC,IAAM,CACX,OAAO,oBAAoB,UAAWA,CAAS,EAC/C,OAAO,oBAAoB,WAAYA,CAAS,CAClD,GACC,CAACA,CAAS,CAAC,EAEPE,iBAAexB,CAAQ,EAC1ByB,EAAAA,aAA+BzB,EAAU,CACvC,YAAac,EACb,aAAcA,EACd,MAAO,CAAE,GAAGR,EAAO,UAAW,cAAcM,EAAaL,EAAQF,CAAQ,KAAA,CAAM,CAChF,EACD,IACN,EC7GMqB,EAAoB,CACxB,MAAO,OACP,OAAQ,MACV,EAEO,SAASC,EACdC,EACM,CACN,KAAM,CAAE,IAAAtC,EAAK,IAAAuC,EAAM,cAAe,MAAAC,GAAUF,EACtC,CAAC,CAAE,MAAAG,EAAO,OAAAC,CAAA,EAAUC,CAAO,EAAIxB,EAAAA,SAAeiB,CAAW,EACzDQ,EAAYC,GAAA,EACZC,EAAeC,EAAAA,OAAa,CAAE,GAAGX,EAAa,EAC9CY,EAAWD,EAAAA,OAA2C,MAAS,EACrE,OAAAC,EAAS,QAAUV,EAAQ,SAE3BL,EAAAA,UAAU,IAAM,CAKd,GAJI,CAACjC,EAAI,SAIL,OAAO,OAAW,KAAe,EAAE,mBAAoB,QACzD,OAGF,MAAMiD,EAAW,IAAI,eAAe,CAAC,CAACC,CAAK,IAAM,CAC/C,MAAMC,EAEJZ,IAAQ,aACJ,gBACAA,IAAQ,2BACR,4BACA,iBAEAa,EAAWC,EAAYH,EAAOC,EAAS,YAAY,EACnDG,EAAYD,EAAYH,EAAOC,EAAS,WAAW,EAKzD,GAFEL,EAAa,QAAQ,QAAUM,GAAYN,EAAa,QAAQ,SAAWQ,EAE7D,CACd,MAAMC,EAAgB,CACpB,MAAOH,GAAYZ,EAAQ,KAAK,MAAMY,CAAQ,EAAIA,EAClD,OAAQE,GAAad,EAAQ,KAAK,MAAMc,CAAS,EAAIA,CAAA,EAEvDR,EAAa,QAAQ,MAAQM,EAC7BN,EAAa,QAAQ,OAASQ,EAE1BN,EAAS,QACXA,EAAS,QAAQO,CAAO,EAEpBX,KACFD,EAAQY,CAAO,CAGrB,CACF,CAAC,EAED,OAAAN,EAAS,QAAQjD,EAAI,QAAS,CAAE,IAAAuC,EAAK,EAE9B,IAAM,CACXU,EAAS,WAAA,CACX,CACF,EAAG,CAACV,EAAKvC,EAAK4C,EAAWJ,CAAK,CAAC,EAExB,CAAE,MAAAC,EAAO,OAAAC,CAAA,CAClB,CAOA,SAASW,EACPH,EACAX,EACAiB,EACoB,CACpB,OAAKN,EAAMX,CAAG,EAOP,MAAM,QAAQW,EAAMX,CAAG,CAAC,EAC3BW,EAAMX,CAAG,EAAE,CAAC,EAAEiB,CAAQ,EAGrBN,EAAMX,CAAG,EAAEiB,CAAQ,EAVlBjB,IAAQ,iBACHW,EAAM,YAAYM,IAAa,aAAe,QAAU,QAAQ,EAEzE,MAQJ,CAEA,SAASX,IAAe,CACtB,MAAMD,EAAYG,EAAAA,OAAO,EAAK,EAE9Bd,OAAAA,EAAAA,UAAU,KACRW,EAAU,QAAU,GAEb,IAAM,CACXA,EAAU,QAAU,EACtB,GACC,CAAA,CAAE,EAEEhB,cAAY,IAAMgB,EAAU,QAAS,CAAA,CAAE,CAChD,CC/GO,MAAMa,GAAgB,CAAC,CAAE,QAAA3E,EAAS,SAAA4E,KAAmC,CAC1E,MAAMC,EAA6CZ,EAAAA,OAAO,IAAI,EACxDa,EAAWb,EAAAA,OAAwB,IAAI,EACvC,CAAC9B,EAAOC,CAAQ,EAAIC,EAAAA,SAA6B,MAAS,EAC1D,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAS,EAAK,EAC5C,CAAC0C,EAAaC,CAAc,EAAI3C,EAAAA,SAAS,CAAC,EAE1C,CAAE,OAAQ4C,EAAc,GAAM1B,EAAkB,CAAE,IAAKuB,EAAU,MAAO,GAAM,EAC9E,CAAE,OAAQI,EAAe,GAAM3B,EAAkB,CAAE,IAAKsB,EAAU,MAAO,GAAM,EAE/EM,GAA0BD,GAAgB,GAAKD,EAC/CG,EAAeH,EAAcE,EAC7BE,EAAeF,EAAyB,EACxCG,EAAmBF,EAAe,EAClCG,EACJ,OAAOpD,GAAU,WAAanC,EAAUmC,EAAQmD,EAAmBnD,EAAQmD,GAyB7E,MAAO,CACL,SAAAT,EACA,SAAAC,EACA,WAAAtC,EACA,OAAQ,CAAE,KAAM6C,EAAc,MAAOD,CAAA,EACrC,SAAUpF,EAAUoF,EAAeC,EACnC,OA7Ba,CAAC,CAAE,EAAAG,KAAuB,CACvCpD,EAASoD,CAAC,EACQ,KAAK,KAAKxF,EAAUoF,EAAeC,GAAgBG,CAAC,EAG1D,GAAK/C,EAAc,EAAI,CACrC,EAwBE,OAtBa,IAAM,CACnBA,EAAc,EAAK,EACnBD,GAAcwC,EAAe,KAAK,KAAK,EACnCO,GACFX,IAAW,CAAC5E,CAAO,CAEvB,EAiBE,iBAfuB,IAAM,CACzB,KAAK,MAAQ+E,EAAc,IAC7BH,IAAW,CAAC5E,CAAO,EAErBoC,EAAS,MAAS,CACpB,CAUE,CAEJ,myBCUMqD,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EAClBC,EAAgB,gBAETC,EAASC,EAAAA,WACpB,CACE,CACE,CAAC,eAAgBC,EACjB,UAAAC,EAAA,MACAC,EACA,SAAArB,EACA,cAAAsB,EAAgB,QAChB,QAAAlG,EACA,YAAAmG,EACA,eAAAjH,EACA,SAAAkH,EAAW,GACX,GAAGvH,CAAA,EAELqC,IACG,CACH,KAAM,CAACmF,EAAiBC,CAAkB,EAAIjE,EAAAA,SAC5C,OAAOrC,GAAY,UAAYA,EAAU,CAAC,CAACd,CAAA,EAEvCqH,EAAY,GAAQ,OAAOvG,GAAY,UAAYA,EAAUqG,GAC7D,CAAE,SAAAvB,EAAU,SAAAD,EAAU,WAAArC,EAAY,iBAAAgE,EAAkB,GAAGC,CAAA,EAAoB9B,GAAc,CAC7F,QAAS4B,EACT,SAAWlH,GAAU,CACdR,EAAM,WACT+F,IAAWvF,CAAK,EAChBiH,EAAmBjH,CAAK,EAE5B,CAAA,CACD,EAEKqH,EAAc,IAClBtG,EAAAA,IAACuG,EAAAA,MAAA,CACC,QAAS9H,EAAM,GACf,cAAakH,GAAc,GAAGA,CAAU,SACxC,SAAUlH,EAAM,SAChB,UAAW4G,EAAG,GAAGG,CAAa,UAAW,GAAGA,CAAa,YAAYM,CAAa,EAAE,EACpF,SAAAE,EAEA,eAACQ,EAAAA,UAAA,CAAU,SAAU/H,EAAM,SAAU,SAAAuH,EAClC,SAAAH,CAAA,CACH,CAAA,CAAA,EAIJ,OACE9F,OAAC,OAAI,UAAWsF,EAAGO,EAAW,GAAGJ,CAAa,aAAa,EACxD,SAAA,CAAAK,GAASC,IAAkB,QAAUQ,EAAA,EACtCtG,EAAAA,IAACyG,EAAA,CACE,GAAGhI,EACJ,IAAAqC,EACA,GAAIrC,EAAM,GACV,cAAakH,EACb,UAAWN,EAAGG,EAAe,CAAE,CAAC,GAAGA,CAAa,YAAY,EAAGQ,EAAU,EACzE,gBAAiBI,EACjB,QAASD,EAET,SAAApG,EAAAA,KAAC,OAAA,CACC,IAAK0E,EACL,UAAWY,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGQ,CAAA,CACxC,EAED,SAAA,CAAAhG,EAAAA,IAAC,QAAK,UAAWqF,EAAG,GAAGG,CAAa,uBAAuB,EACzD,SAAAxF,EAAAA,IAAC0G,EAAAA,EAAA,CAAK,UAAWrB,EAAG,GAAGG,CAAa,aAAa,EAAG,IAAKmB,IAAe,KAAK,MAAM,CAAA,CACrF,EACA3G,EAAAA,IAACuB,GAAA,CAAW,SAAUwE,EAAc,GAAGM,EACrC,SAAArG,EAAAA,IAAC4G,EAAA,CACC,IAAKlC,EACL,cAAaiB,GAAc,GAAGA,CAAU,SACxC,UAAWN,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGpD,EACvC,CAAC,GAAGoD,CAAa,mBAAmB,EAAGQ,CAAA,CACxC,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CAAA,CACF,CAAA,EAEDH,GAASC,IAAkB,SAAWQ,EAAA,CAAY,EACrD,CAEJ,CACF,EAEAb,EAAO,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"toggle-BgrfdtmN.js","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-switch@1.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7c6a1205dfc0b547da67f2d77f280718/node_modules/@radix-ui/react-switch/dist/index.mjs","../../../components/toggle/src/DraggableX.tsx","../../../components/toggle/src/hooks/useResizeObserver.ts","../../../components/toggle/src/hooks/useToggleDrag.ts","../../../components/toggle/src/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import {\n  cloneElement,\n  type CSSProperties,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { type SwitchThumbProps } from \"@radix-ui/react-switch\";\n\nexport type DraggableXProps = {\n  children?: ReactElement<SwitchThumbProps>;\n  disabled?: boolean;\n  position: number;\n  bounds: { left: number; right: number };\n  onStart?: () => void;\n  onDrag?: (args: { x: number }) => void;\n  onStop?: () => void;\n  style?: CSSProperties;\n};\n\nconst isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => e && \"touches\" in e;\n\n/**\n * Bare minimum to make the toggle draggable.\n * It is created for usage in the toggle only but could easily be extracted and used elsewhere.\n *\n * It is called `DraggableX` since it's only for dragging along the x-axis.\n */\nexport const DraggableX = ({\n  children,\n  disabled,\n  onStart,\n  onDrag,\n  onStop,\n  bounds,\n  position,\n  style,\n}: DraggableXProps) => {\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [dragStartX, setDragStartX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const startDrag = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      const clientX = isTouchEvent(e.nativeEvent)\n        ? e.nativeEvent.touches[0].clientX\n        : e.nativeEvent.clientX;\n      setDragStartX(clientX);\n      onStart?.();\n    }\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      if (typeof dragStartX !== \"number\") {\n        return;\n      }\n\n      const clientX = isTouchEvent(e) ? e.touches[0].clientX : e.clientX;\n      const dragDelta = clientX - dragStartX;\n\n      if (!dragDelta) {\n        return;\n      }\n\n      const nextDragX = position + dragDelta;\n      if (!isDragging && Math.abs(nextDragX)) {\n        setIsDragging(true);\n      }\n\n      const nextDragXBounded = (() => {\n        if (nextDragX > bounds.right) {\n          return bounds.right;\n        }\n\n        if (nextDragX < bounds.left) {\n          return bounds.left;\n        }\n\n        return nextDragX;\n      })();\n\n      setDragX(nextDragXBounded);\n      onDrag?.({ x: nextDragXBounded });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onDrag, setDragX, isDragging, dragStartX]\n  );\n\n  const onMouseUp = useCallback(() => {\n    setDragStartX(undefined);\n    setDragX(undefined);\n    setIsDragging(false);\n    onStop?.();\n  }, [onStop, setDragStartX]);\n\n  useEffect(() => {\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"touchmove\", onMouseMove);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"touchmove\", onMouseMove);\n    };\n  }, [onMouseMove]);\n\n  useEffect(() => {\n    window.addEventListener(\"mouseup\", onMouseUp);\n    window.addEventListener(\"touchend\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mouseup\", onMouseUp);\n      window.removeEventListener(\"touchend\", onMouseUp);\n    };\n  }, [onMouseUp]);\n\n  return isValidElement(children)\n    ? cloneElement<SwitchThumbProps>(children, {\n        onMouseDown: startDrag,\n        onTouchStart: startDrag,\n        style: { ...style, transform: `translateX(${isDragging ? dragX : position}px)` },\n      })\n    : null;\n};\n","import type { RefObject } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n// This hook is a clone of useResizeObserver in b2c-sales/hooks\n\ntype Size = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>;\n  onResize?: (size: Size) => void;\n  box?: \"border-box\" | \"content-box\" | \"device-pixel-content-box\";\n  round?: boolean;\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(\n  options: UseResizeObserverOptions<T>\n): Size {\n  const { ref, box = \"content-box\", round } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window)) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n\n        box === \"border-box\"\n          ? \"borderBoxSize\"\n          : box === \"device-pixel-content-box\"\n          ? \"devicePixelContentBoxSize\"\n          : \"contentBoxSize\";\n\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n\n      const hasChanged =\n        previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = {\n          width: newWidth && round ? Math.round(newWidth) : newWidth,\n          height: newHeight && round ? Math.round(newHeight) : newHeight,\n        };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted, round]);\n\n  return { width, height };\n}\n\ntype BoxSizesKey = keyof Pick<\n  ResizeObserverEntry,\n  \"borderBoxSize\" | \"contentBoxSize\" | \"devicePixelContentBoxSize\"\n>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize\n): number | undefined {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore Support Firefox's non-standard behavior\n      (entry[box][sizeType] as number);\n}\n\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n","import { type RefObject, useRef, useState } from \"react\";\n\nimport { useResizeObserver } from \"./useResizeObserver\";\n\ntype UseToggleDragProps = {\n  checked: boolean;\n  onChange: ((checked: boolean) => void) | undefined;\n};\n\nexport const useToggleDrag = ({ checked, onChange }: UseToggleDragProps) => {\n  const trackRef: RefObject<HTMLDivElement | null> = useRef(null);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStopped, setDragStopped] = useState(0);\n\n  const { height: thumbHeight = 0 } = useResizeObserver({ ref: thumbRef, round: true });\n  const { height: switchHeight = 0 } = useResizeObserver({ ref: trackRef, round: true });\n\n  const switchThumbHeightDelta = (switchHeight || 0) - thumbHeight;\n  const maxDragRange = thumbHeight + switchThumbHeightDelta;\n  const minDragRange = switchThumbHeightDelta / 2;\n  const halfMaxDragRange = maxDragRange / 2;\n  const isDraggedHalfway =\n    typeof dragX === \"number\" && (checked ? dragX < halfMaxDragRange : dragX > halfMaxDragRange);\n\n  const onDrag = ({ x }: { x: number }) => {\n    setDragX(x);\n    const dragDelta = Math.abs((checked ? maxDragRange : minDragRange) - x);\n\n    // Add a threshold here for then accidentally dragging when clicking/touching\n    dragDelta > 2 && setIsDragging(true);\n  };\n\n  const onStop = () => {\n    setIsDragging(false);\n    isDragging && setDragStopped(Date.now());\n    if (isDraggedHalfway) {\n      onChange?.(!checked);\n    }\n  };\n\n  const onChangeWithDrag = () => {\n    if (Date.now() - dragStopped > 50) {\n      onChange?.(!checked);\n    }\n    setDragX(undefined);\n  };\n\n  return {\n    trackRef,\n    thumbRef,\n    isDragging,\n    bounds: { left: minDragRange, right: maxDragRange },\n    position: checked ? maxDragRange : minDragRange,\n    onDrag,\n    onStop,\n    onChangeWithDrag,\n  };\n};\n","import React, { forwardRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as Switch from \"@radix-ui/react-switch\";\nimport c from \"classnames/bind\";\n\nimport { DraggableX } from \"./DraggableX\";\nimport { useToggleDrag } from \"./hooks/useToggleDrag\";\nimport styles from \"./toggle.module.scss\";\n\nexport type ToggleProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\" | \"id\"> & {\n  /**\n   * To use when no label is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * The controlled state of the toggle. Must be used in conjunction with `onChange`.\n   * */\n  checked?: boolean;\n  /**\n   * The state of the toggle when it is initially rendered. Use when you do not need to control its state.\n   * */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   * */\n  disabled?: boolean;\n  /**\n   * When `true`, the toggle isn't draggable.\n   * */\n  disableDrag?: boolean;\n  /**\n   * ID of the toggle.\n   * */\n  id: string;\n  /**\n   * The label of the toggle.\n   * */\n  label?: string;\n  /**\n   * Set to decide which side of the toggle the label should be rendered.\n   * */\n  labelPosition?: \"left\" | \"right\";\n  /**\n   * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the toggle is toggled.\n   * */\n  onChange?: (checked: boolean) => void;\n  /**\n   * When `true`, indicates that the user must check the toggle before the owning form can be submitted..\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when wrapped with a form and submitted with a name.\n   * */\n  value?: string;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-toggle\";\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      label,\n      onChange,\n      labelPosition = \"right\",\n      checked,\n      disableDrag,\n      defaultChecked,\n      negative = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalChecked, setInternalChecked] = useState(\n      typeof checked === \"boolean\" ? checked : !!defaultChecked\n    );\n    const isChecked = Boolean(typeof checked === \"boolean\" ? checked : internalChecked);\n    const { thumbRef, trackRef, isDragging, onChangeWithDrag, ...draggableXProps } = useToggleDrag({\n      checked: isChecked,\n      onChange: (value) => {\n        if (!props.disabled) {\n          onChange?.(value);\n          setInternalChecked(value);\n        }\n      },\n    });\n\n    const renderLabel = () => (\n      <Label\n        htmlFor={props.id}\n        data-testid={dataTestId && `${dataTestId}-label`}\n        disabled={props.disabled}\n        className={cx(`${rootClassName}__label`, `${rootClassName}__label--${labelPosition}`)}\n        negative={negative}\n      >\n        <Paragraph disabled={props.disabled} negative={negative}>\n          {label}\n        </Paragraph>\n      </Label>\n    );\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)}>\n        {label && labelPosition === \"left\" && renderLabel()}\n        <Switch.Root\n          {...props}\n          ref={ref}\n          id={props.id}\n          data-testid={dataTestId}\n          className={cx(rootClassName, { [`${rootClassName}--negative`]: negative })}\n          onCheckedChange={onChangeWithDrag}\n          checked={isChecked}\n        >\n          <span\n            ref={trackRef}\n            className={cx(`${rootClassName}__track`, {\n              [`${rootClassName}__track--negative`]: negative,\n            })}\n          >\n            <span className={cx(`${rootClassName}__checkmark-container`)}>\n              <Icon className={cx(`${rootClassName}__checkmark`)} svg={checkmarkBold} size=\"xxs\" />\n            </span>\n            <DraggableX disabled={disableDrag} {...draggableXProps}>\n              <Switch.Thumb\n                ref={thumbRef}\n                data-testid={dataTestId && `${dataTestId}-thumb`}\n                className={cx(`${rootClassName}__thumb`, {\n                  [`${rootClassName}__thumb--dragging`]: isDragging,\n                  [`${rootClassName}__thumb--negative`]: negative,\n                })}\n              />\n            </DraggableX>\n          </span>\n        </Switch.Root>\n        {label && labelPosition === \"right\" && renderLabel()}\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","isTouchEvent","DraggableX","children","onStart","onDrag","onStop","bounds","position","style","dragX","setDragX","useState","dragStartX","setDragStartX","isDragging","setIsDragging","startDrag","e","clientX","onMouseMove","useCallback","dragDelta","nextDragX","nextDragXBounded","onMouseUp","useEffect","isValidElement","cloneElement","initialSize","useResizeObserver","options","box","round","width","height","setSize","isMounted","useIsMounted","previousSize","useRef","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","useToggleDrag","onChange","trackRef","thumbRef","dragStopped","setDragStopped","thumbHeight","switchHeight","switchThumbHeightDelta","maxDragRange","minDragRange","halfMaxDragRange","isDraggedHalfway","x","cx","c","styles","rootClassName","Toggle","forwardRef","dataTestId","className","label","labelPosition","disableDrag","negative","internalChecked","setInternalChecked","isChecked","onChangeWithDrag","draggableXProps","renderLabel","Label","Paragraph","Switch.Root","Icon","checkmarkBold","Switch.Thumb"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{toggle-CY3J8BRX.mjs → toggle-Cg1KFa_2.mjs}

@@ -4,7 +4,7 @@ import { useState as S, useCallback as P, useEffect as E, isValidElement as A, c
 import { b as q } from "./icon.es-CZcKxTaM.mjs";
 import { l as F } from "./checkmark-bold.es-CV3e_t3E.mjs";
 import { L as U } from "./label-7sJe5-pX.mjs";
-import { P as V } from "./paragraph-DSxXmX_0.mjs";
+import { P as V } from "./paragraph-CwAdFoIm.mjs";
 import { u as G, c as J, a as K } from "./index-tyLV0iiH.mjs";
 import { u as Q } from "./index-DLcqcWxM.mjs";
 import { c as Y } from "./index-DOfn3ixy.mjs";
@@ -299,4 +299,4 @@ ge.displayName = "Toggle";
 export {
   ge as T
 };
-//# sourceMappingURL=toggle-CY3J8BRX.mjs.map
+//# sourceMappingURL=toggle-Cg1KFa_2.mjs.map

package/dist/{toggle-CY3J8BRX.mjs.map → toggle-Cg1KFa_2.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-CY3J8BRX.mjs","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-switch@1.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7c6a1205dfc0b547da67f2d77f280718/node_modules/@radix-ui/react-switch/dist/index.mjs","../../../components/toggle/src/DraggableX.tsx","../../../components/toggle/src/hooks/useResizeObserver.ts","../../../components/toggle/src/hooks/useToggleDrag.ts","../../../components/toggle/src/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import {\n  cloneElement,\n  type CSSProperties,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { type SwitchThumbProps } from \"@radix-ui/react-switch\";\n\nexport type DraggableXProps = {\n  children?: ReactElement<SwitchThumbProps>;\n  disabled?: boolean;\n  position: number;\n  bounds: { left: number; right: number };\n  onStart?: () => void;\n  onDrag?: (args: { x: number }) => void;\n  onStop?: () => void;\n  style?: CSSProperties;\n};\n\nconst isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => e && \"touches\" in e;\n\n/**\n * Bare minimum to make the toggle draggable.\n * It is created for usage in the toggle only but could easily be extracted and used elsewhere.\n *\n * It is called `DraggableX` since it's only for dragging along the x-axis.\n */\nexport const DraggableX = ({\n  children,\n  disabled,\n  onStart,\n  onDrag,\n  onStop,\n  bounds,\n  position,\n  style,\n}: DraggableXProps) => {\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [dragStartX, setDragStartX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const startDrag = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      const clientX = isTouchEvent(e.nativeEvent)\n        ? e.nativeEvent.touches[0].clientX\n        : e.nativeEvent.clientX;\n      setDragStartX(clientX);\n      onStart?.();\n    }\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      if (typeof dragStartX !== \"number\") {\n        return;\n      }\n\n      const clientX = isTouchEvent(e) ? e.touches[0].clientX : e.clientX;\n      const dragDelta = clientX - dragStartX;\n\n      if (!dragDelta) {\n        return;\n      }\n\n      const nextDragX = position + dragDelta;\n      if (!isDragging && Math.abs(nextDragX)) {\n        setIsDragging(true);\n      }\n\n      const nextDragXBounded = (() => {\n        if (nextDragX > bounds.right) {\n          return bounds.right;\n        }\n\n        if (nextDragX < bounds.left) {\n          return bounds.left;\n        }\n\n        return nextDragX;\n      })();\n\n      setDragX(nextDragXBounded);\n      onDrag?.({ x: nextDragXBounded });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onDrag, setDragX, isDragging, dragStartX]\n  );\n\n  const onMouseUp = useCallback(() => {\n    setDragStartX(undefined);\n    setDragX(undefined);\n    setIsDragging(false);\n    onStop?.();\n  }, [onStop, setDragStartX]);\n\n  useEffect(() => {\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"touchmove\", onMouseMove);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"touchmove\", onMouseMove);\n    };\n  }, [onMouseMove]);\n\n  useEffect(() => {\n    window.addEventListener(\"mouseup\", onMouseUp);\n    window.addEventListener(\"touchend\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mouseup\", onMouseUp);\n      window.removeEventListener(\"touchend\", onMouseUp);\n    };\n  }, [onMouseUp]);\n\n  return isValidElement(children)\n    ? cloneElement<SwitchThumbProps>(children, {\n        onMouseDown: startDrag,\n        onTouchStart: startDrag,\n        style: { ...style, transform: `translateX(${isDragging ? dragX : position}px)` },\n      })\n    : null;\n};\n","import type { RefObject } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n// This hook is a clone of useResizeObserver in b2c-sales/hooks\n\ntype Size = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>;\n  onResize?: (size: Size) => void;\n  box?: \"border-box\" | \"content-box\" | \"device-pixel-content-box\";\n  round?: boolean;\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(\n  options: UseResizeObserverOptions<T>\n): Size {\n  const { ref, box = \"content-box\", round } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window)) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n\n        box === \"border-box\"\n          ? \"borderBoxSize\"\n          : box === \"device-pixel-content-box\"\n          ? \"devicePixelContentBoxSize\"\n          : \"contentBoxSize\";\n\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n\n      const hasChanged =\n        previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = {\n          width: newWidth && round ? Math.round(newWidth) : newWidth,\n          height: newHeight && round ? Math.round(newHeight) : newHeight,\n        };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted, round]);\n\n  return { width, height };\n}\n\ntype BoxSizesKey = keyof Pick<\n  ResizeObserverEntry,\n  \"borderBoxSize\" | \"contentBoxSize\" | \"devicePixelContentBoxSize\"\n>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize\n): number | undefined {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore Support Firefox's non-standard behavior\n      (entry[box][sizeType] as number);\n}\n\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n","import { type RefObject, useRef, useState } from \"react\";\n\nimport { useResizeObserver } from \"./useResizeObserver\";\n\ntype UseToggleDragProps = {\n  checked: boolean;\n  onChange: ((checked: boolean) => void) | undefined;\n};\n\nexport const useToggleDrag = ({ checked, onChange }: UseToggleDragProps) => {\n  const trackRef: RefObject<HTMLDivElement | null> = useRef(null);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStopped, setDragStopped] = useState(0);\n\n  const { height: thumbHeight = 0 } = useResizeObserver({ ref: thumbRef, round: true });\n  const { height: switchHeight = 0 } = useResizeObserver({ ref: trackRef, round: true });\n\n  const switchThumbHeightDelta = (switchHeight || 0) - thumbHeight;\n  const maxDragRange = thumbHeight + switchThumbHeightDelta;\n  const minDragRange = switchThumbHeightDelta / 2;\n  const halfMaxDragRange = maxDragRange / 2;\n  const isDraggedHalfway =\n    typeof dragX === \"number\" && (checked ? dragX < halfMaxDragRange : dragX > halfMaxDragRange);\n\n  const onDrag = ({ x }: { x: number }) => {\n    setDragX(x);\n    const dragDelta = Math.abs((checked ? maxDragRange : minDragRange) - x);\n\n    // Add a threshold here for then accidentally dragging when clicking/touching\n    dragDelta > 2 && setIsDragging(true);\n  };\n\n  const onStop = () => {\n    setIsDragging(false);\n    isDragging && setDragStopped(Date.now());\n    if (isDraggedHalfway) {\n      onChange?.(!checked);\n    }\n  };\n\n  const onChangeWithDrag = () => {\n    if (Date.now() - dragStopped > 50) {\n      onChange?.(!checked);\n    }\n    setDragX(undefined);\n  };\n\n  return {\n    trackRef,\n    thumbRef,\n    isDragging,\n    bounds: { left: minDragRange, right: maxDragRange },\n    position: checked ? maxDragRange : minDragRange,\n    onDrag,\n    onStop,\n    onChangeWithDrag,\n  };\n};\n","import React, { forwardRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as Switch from \"@radix-ui/react-switch\";\nimport c from \"classnames/bind\";\n\nimport { DraggableX } from \"./DraggableX\";\nimport { useToggleDrag } from \"./hooks/useToggleDrag\";\nimport styles from \"./toggle.module.scss\";\n\nexport type ToggleProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\" | \"id\"> & {\n  /**\n   * To use when no label is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * The controlled state of the toggle. Must be used in conjunction with `onChange`.\n   * */\n  checked?: boolean;\n  /**\n   * The state of the toggle when it is initially rendered. Use when you do not need to control its state.\n   * */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   * */\n  disabled?: boolean;\n  /**\n   * When `true`, the toggle isn't draggable.\n   * */\n  disableDrag?: boolean;\n  /**\n   * ID of the toggle.\n   * */\n  id: string;\n  /**\n   * The label of the toggle.\n   * */\n  label?: string;\n  /**\n   * Set to decide which side of the toggle the label should be rendered.\n   * */\n  labelPosition?: \"left\" | \"right\";\n  /**\n   * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the toggle is toggled.\n   * */\n  onChange?: (checked: boolean) => void;\n  /**\n   * When `true`, indicates that the user must check the toggle before the owning form can be submitted..\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when wrapped with a form and submitted with a name.\n   * */\n  value?: string;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-toggle\";\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      label,\n      onChange,\n      labelPosition = \"right\",\n      checked,\n      disableDrag,\n      defaultChecked,\n      negative = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalChecked, setInternalChecked] = useState(\n      typeof checked === \"boolean\" ? checked : !!defaultChecked\n    );\n    const isChecked = Boolean(typeof checked === \"boolean\" ? checked : internalChecked);\n    const { thumbRef, trackRef, isDragging, onChangeWithDrag, ...draggableXProps } = useToggleDrag({\n      checked: isChecked,\n      onChange: (value) => {\n        if (!props.disabled) {\n          onChange?.(value);\n          setInternalChecked(value);\n        }\n      },\n    });\n\n    const renderLabel = () => (\n      <Label\n        htmlFor={props.id}\n        data-testid={dataTestId && `${dataTestId}-label`}\n        disabled={props.disabled}\n        className={cx(`${rootClassName}__label`, `${rootClassName}__label--${labelPosition}`)}\n        negative={negative}\n      >\n        <Paragraph disabled={props.disabled} negative={negative}>\n          {label}\n        </Paragraph>\n      </Label>\n    );\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)}>\n        {label && labelPosition === \"left\" && renderLabel()}\n        <Switch.Root\n          {...props}\n          ref={ref}\n          id={props.id}\n          data-testid={dataTestId}\n          className={cx(rootClassName, { [`${rootClassName}--negative`]: negative })}\n          onCheckedChange={onChangeWithDrag}\n          checked={isChecked}\n        >\n          <span\n            ref={trackRef}\n            className={cx(`${rootClassName}__track`, {\n              [`${rootClassName}__track--negative`]: negative,\n            })}\n          >\n            <span className={cx(`${rootClassName}__checkmark-container`)}>\n              <Icon className={cx(`${rootClassName}__checkmark`)} svg={checkmarkBold} size=\"xxs\" />\n            </span>\n            <DraggableX disabled={disableDrag} {...draggableXProps}>\n              <Switch.Thumb\n                ref={thumbRef}\n                data-testid={dataTestId && `${dataTestId}-thumb`}\n                className={cx(`${rootClassName}__thumb`, {\n                  [`${rootClassName}__thumb--dragging`]: isDragging,\n                  [`${rootClassName}__thumb--negative`]: negative,\n                })}\n              />\n            </DraggableX>\n          </span>\n        </Switch.Root>\n        {label && labelPosition === \"right\" && renderLabel()}\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","isTouchEvent","DraggableX","children","onStart","onDrag","onStop","bounds","position","style","dragX","setDragX","useState","dragStartX","setDragStartX","isDragging","setIsDragging","startDrag","e","clientX","onMouseMove","useCallback","dragDelta","nextDragX","nextDragXBounded","onMouseUp","useEffect","isValidElement","cloneElement","initialSize","useResizeObserver","options","box","round","width","height","setSize","isMounted","useIsMounted","previousSize","useRef","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","useToggleDrag","onChange","trackRef","thumbRef","dragStopped","setDragStopped","thumbHeight","switchHeight","switchThumbHeightDelta","maxDragRange","minDragRange","halfMaxDragRange","isDraggedHalfway","x","cx","c","styles","rootClassName","Toggle","forwardRef","dataTestId","className","label","labelPosition","disableDrag","negative","internalChecked","setInternalChecked","isChecked","onChangeWithDrag","draggableXProps","renderLabel","Label","Paragraph","Switch.Root","Icon","checkmarkBold","Switch.Thumb"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"toggle-Cg1KFa_2.mjs","sources":["../../../common/temp/node_modules/.pnpm/@radix-ui+react-switch@1.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_7c6a1205dfc0b547da67f2d77f280718/node_modules/@radix-ui/react-switch/dist/index.mjs","../../../components/toggle/src/DraggableX.tsx","../../../components/toggle/src/hooks/useResizeObserver.ts","../../../components/toggle/src/hooks/useToggleDrag.ts","../../../components/toggle/src/toggle.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import {\n  cloneElement,\n  type CSSProperties,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { type SwitchThumbProps } from \"@radix-ui/react-switch\";\n\nexport type DraggableXProps = {\n  children?: ReactElement<SwitchThumbProps>;\n  disabled?: boolean;\n  position: number;\n  bounds: { left: number; right: number };\n  onStart?: () => void;\n  onDrag?: (args: { x: number }) => void;\n  onStop?: () => void;\n  style?: CSSProperties;\n};\n\nconst isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => e && \"touches\" in e;\n\n/**\n * Bare minimum to make the toggle draggable.\n * It is created for usage in the toggle only but could easily be extracted and used elsewhere.\n *\n * It is called `DraggableX` since it's only for dragging along the x-axis.\n */\nexport const DraggableX = ({\n  children,\n  disabled,\n  onStart,\n  onDrag,\n  onStop,\n  bounds,\n  position,\n  style,\n}: DraggableXProps) => {\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [dragStartX, setDragStartX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const startDrag = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!disabled) {\n      e.preventDefault();\n      const clientX = isTouchEvent(e.nativeEvent)\n        ? e.nativeEvent.touches[0].clientX\n        : e.nativeEvent.clientX;\n      setDragStartX(clientX);\n      onStart?.();\n    }\n  };\n\n  const onMouseMove = useCallback(\n    (e: MouseEvent | TouchEvent) => {\n      if (typeof dragStartX !== \"number\") {\n        return;\n      }\n\n      const clientX = isTouchEvent(e) ? e.touches[0].clientX : e.clientX;\n      const dragDelta = clientX - dragStartX;\n\n      if (!dragDelta) {\n        return;\n      }\n\n      const nextDragX = position + dragDelta;\n      if (!isDragging && Math.abs(nextDragX)) {\n        setIsDragging(true);\n      }\n\n      const nextDragXBounded = (() => {\n        if (nextDragX > bounds.right) {\n          return bounds.right;\n        }\n\n        if (nextDragX < bounds.left) {\n          return bounds.left;\n        }\n\n        return nextDragX;\n      })();\n\n      setDragX(nextDragXBounded);\n      onDrag?.({ x: nextDragXBounded });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onDrag, setDragX, isDragging, dragStartX]\n  );\n\n  const onMouseUp = useCallback(() => {\n    setDragStartX(undefined);\n    setDragX(undefined);\n    setIsDragging(false);\n    onStop?.();\n  }, [onStop, setDragStartX]);\n\n  useEffect(() => {\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"touchmove\", onMouseMove);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"touchmove\", onMouseMove);\n    };\n  }, [onMouseMove]);\n\n  useEffect(() => {\n    window.addEventListener(\"mouseup\", onMouseUp);\n    window.addEventListener(\"touchend\", onMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mouseup\", onMouseUp);\n      window.removeEventListener(\"touchend\", onMouseUp);\n    };\n  }, [onMouseUp]);\n\n  return isValidElement(children)\n    ? cloneElement<SwitchThumbProps>(children, {\n        onMouseDown: startDrag,\n        onTouchStart: startDrag,\n        style: { ...style, transform: `translateX(${isDragging ? dragX : position}px)` },\n      })\n    : null;\n};\n","import type { RefObject } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\n// This hook is a clone of useResizeObserver in b2c-sales/hooks\n\ntype Size = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>;\n  onResize?: (size: Size) => void;\n  box?: \"border-box\" | \"content-box\" | \"device-pixel-content-box\";\n  round?: boolean;\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(\n  options: UseResizeObserverOptions<T>\n): Size {\n  const { ref, box = \"content-box\", round } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window)) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n\n        box === \"border-box\"\n          ? \"borderBoxSize\"\n          : box === \"device-pixel-content-box\"\n          ? \"devicePixelContentBoxSize\"\n          : \"contentBoxSize\";\n\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n\n      const hasChanged =\n        previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = {\n          width: newWidth && round ? Math.round(newWidth) : newWidth,\n          height: newHeight && round ? Math.round(newHeight) : newHeight,\n        };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted, round]);\n\n  return { width, height };\n}\n\ntype BoxSizesKey = keyof Pick<\n  ResizeObserverEntry,\n  \"borderBoxSize\" | \"contentBoxSize\" | \"devicePixelContentBoxSize\"\n>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize\n): number | undefined {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore Support Firefox's non-standard behavior\n      (entry[box][sizeType] as number);\n}\n\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n","import { type RefObject, useRef, useState } from \"react\";\n\nimport { useResizeObserver } from \"./useResizeObserver\";\n\ntype UseToggleDragProps = {\n  checked: boolean;\n  onChange: ((checked: boolean) => void) | undefined;\n};\n\nexport const useToggleDrag = ({ checked, onChange }: UseToggleDragProps) => {\n  const trackRef: RefObject<HTMLDivElement | null> = useRef(null);\n  const thumbRef = useRef<HTMLSpanElement>(null);\n  const [dragX, setDragX] = useState<number | undefined>(undefined);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStopped, setDragStopped] = useState(0);\n\n  const { height: thumbHeight = 0 } = useResizeObserver({ ref: thumbRef, round: true });\n  const { height: switchHeight = 0 } = useResizeObserver({ ref: trackRef, round: true });\n\n  const switchThumbHeightDelta = (switchHeight || 0) - thumbHeight;\n  const maxDragRange = thumbHeight + switchThumbHeightDelta;\n  const minDragRange = switchThumbHeightDelta / 2;\n  const halfMaxDragRange = maxDragRange / 2;\n  const isDraggedHalfway =\n    typeof dragX === \"number\" && (checked ? dragX < halfMaxDragRange : dragX > halfMaxDragRange);\n\n  const onDrag = ({ x }: { x: number }) => {\n    setDragX(x);\n    const dragDelta = Math.abs((checked ? maxDragRange : minDragRange) - x);\n\n    // Add a threshold here for then accidentally dragging when clicking/touching\n    dragDelta > 2 && setIsDragging(true);\n  };\n\n  const onStop = () => {\n    setIsDragging(false);\n    isDragging && setDragStopped(Date.now());\n    if (isDraggedHalfway) {\n      onChange?.(!checked);\n    }\n  };\n\n  const onChangeWithDrag = () => {\n    if (Date.now() - dragStopped > 50) {\n      onChange?.(!checked);\n    }\n    setDragX(undefined);\n  };\n\n  return {\n    trackRef,\n    thumbRef,\n    isDragging,\n    bounds: { left: minDragRange, right: maxDragRange },\n    position: checked ? maxDragRange : minDragRange,\n    onDrag,\n    onStop,\n    onChangeWithDrag,\n  };\n};\n","import React, { forwardRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon } from \"@purpur/icon\";\nimport { checkmarkBold } from \"@purpur/icon/assets/checkmark-bold\";\nimport { Label } from \"@purpur/label\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport * as Switch from \"@radix-ui/react-switch\";\nimport c from \"classnames/bind\";\n\nimport { DraggableX } from \"./DraggableX\";\nimport { useToggleDrag } from \"./hooks/useToggleDrag\";\nimport styles from \"./toggle.module.scss\";\n\nexport type ToggleProps = Omit<BaseProps<\"button\">, \"onChange\" | \"children\" | \"id\"> & {\n  /**\n   * To use when no label is given.\n   * */\n  [\"aria-label\"]?: string;\n  /**\n   * To use with custom label (not recommended).\n   * */\n  [\"aria-labelledby\"]?: string;\n  /**\n   * The controlled state of the toggle. Must be used in conjunction with `onChange`.\n   * */\n  checked?: boolean;\n  /**\n   * The state of the toggle when it is initially rendered. Use when you do not need to control its state.\n   * */\n  defaultChecked?: boolean;\n  /**\n   * When `true`, prevents the user from interacting with the toggle.\n   * */\n  disabled?: boolean;\n  /**\n   * When `true`, the toggle isn't draggable.\n   * */\n  disableDrag?: boolean;\n  /**\n   * ID of the toggle.\n   * */\n  id: string;\n  /**\n   * The label of the toggle.\n   * */\n  label?: string;\n  /**\n   * Set to decide which side of the toggle the label should be rendered.\n   * */\n  labelPosition?: \"left\" | \"right\";\n  /**\n   * The name of the toggle. Submitted with its owning form as part of a name/value pair, when wrapped in a form.\n   * */\n  name?: string;\n  /**\n   * Event handler called when the toggle is toggled.\n   * */\n  onChange?: (checked: boolean) => void;\n  /**\n   * When `true`, indicates that the user must check the toggle before the owning form can be submitted..\n   * */\n  required?: boolean;\n  /**\n   * The value given as data when wrapped with a form and submitted with a name.\n   * */\n  value?: string;\n  negative?: boolean;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-toggle\";\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      label,\n      onChange,\n      labelPosition = \"right\",\n      checked,\n      disableDrag,\n      defaultChecked,\n      negative = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalChecked, setInternalChecked] = useState(\n      typeof checked === \"boolean\" ? checked : !!defaultChecked\n    );\n    const isChecked = Boolean(typeof checked === \"boolean\" ? checked : internalChecked);\n    const { thumbRef, trackRef, isDragging, onChangeWithDrag, ...draggableXProps } = useToggleDrag({\n      checked: isChecked,\n      onChange: (value) => {\n        if (!props.disabled) {\n          onChange?.(value);\n          setInternalChecked(value);\n        }\n      },\n    });\n\n    const renderLabel = () => (\n      <Label\n        htmlFor={props.id}\n        data-testid={dataTestId && `${dataTestId}-label`}\n        disabled={props.disabled}\n        className={cx(`${rootClassName}__label`, `${rootClassName}__label--${labelPosition}`)}\n        negative={negative}\n      >\n        <Paragraph disabled={props.disabled} negative={negative}>\n          {label}\n        </Paragraph>\n      </Label>\n    );\n\n    return (\n      <div className={cx(className, `${rootClassName}__container`)}>\n        {label && labelPosition === \"left\" && renderLabel()}\n        <Switch.Root\n          {...props}\n          ref={ref}\n          id={props.id}\n          data-testid={dataTestId}\n          className={cx(rootClassName, { [`${rootClassName}--negative`]: negative })}\n          onCheckedChange={onChangeWithDrag}\n          checked={isChecked}\n        >\n          <span\n            ref={trackRef}\n            className={cx(`${rootClassName}__track`, {\n              [`${rootClassName}__track--negative`]: negative,\n            })}\n          >\n            <span className={cx(`${rootClassName}__checkmark-container`)}>\n              <Icon className={cx(`${rootClassName}__checkmark`)} svg={checkmarkBold} size=\"xxs\" />\n            </span>\n            <DraggableX disabled={disableDrag} {...draggableXProps}>\n              <Switch.Thumb\n                ref={thumbRef}\n                data-testid={dataTestId && `${dataTestId}-thumb`}\n                className={cx(`${rootClassName}__thumb`, {\n                  [`${rootClassName}__thumb--dragging`]: isDragging,\n                  [`${rootClassName}__thumb--negative`]: negative,\n                })}\n              />\n            </DraggableX>\n          </span>\n        </Switch.Root>\n        {label && labelPosition === \"right\" && renderLabel()}\n      </div>\n    );\n  }\n);\n\nToggle.displayName = \"Toggle\";\n"],"names":["SWITCH_NAME","createSwitchContext","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","isTouchEvent","DraggableX","children","onStart","onDrag","onStop","bounds","position","style","dragX","setDragX","useState","dragStartX","setDragStartX","isDragging","setIsDragging","startDrag","e","clientX","onMouseMove","useCallback","dragDelta","nextDragX","nextDragXBounded","onMouseUp","useEffect","isValidElement","cloneElement","initialSize","useResizeObserver","options","box","round","width","height","setSize","isMounted","useIsMounted","previousSize","useRef","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","useToggleDrag","onChange","trackRef","thumbRef","dragStopped","setDragStopped","thumbHeight","switchHeight","switchThumbHeightDelta","maxDragRange","minDragRange","halfMaxDragRange","isDraggedHalfway","x","cx","c","styles","rootClassName","Toggle","forwardRef","dataTestId","className","label","labelPosition","disableDrag","negative","internalChecked","setInternalChecked","isChecked","onChangeWithDrag","draggableXProps","renderLabel","Label","Paragraph","Switch.Root","Icon","checkmarkBold","Switch.Thumb"],"mappings":";;;;;;;;;;;;;AAYA,IAAIA,IAAc,UACd,CAACC,EAAsC,IAAIC,EAAmBF,CAAW,GACzE,CAACG,IAAgBC,EAAgB,IAAIH,GAAoBD,CAAW,GACpEK,IAASC,EAAM;AAAA,EACjB,CAACC,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,eAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAASC;AAAA,MACT,gBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,iBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQX,GACE,CAACY,GAAQC,CAAS,IAAId,EAAM,SAAS,IAAI,GACzCe,IAAeC,EAAgBd,GAAc,CAACe,MAASH,EAAUG,CAAI,CAAC,GACtEC,IAAmClB,EAAM,OAAO,EAAK,GACrDmB,IAAgBN,IAASF,KAAQ,CAAC,CAACE,EAAO,QAAQ,MAAM,IAAI,IAC5D,CAACO,IAAU,IAAOC,CAAU,IAAIC,EAAqB;AAAA,MACzD,MAAMjB;AAAA,MACN,aAAaC;AAAA,MACb,UAAUI;AAAA,IAChB,CAAK;AACD,WAAuB,gBAAAa,EAAK1B,IAAgB,EAAE,OAAOM,GAAe,SAAAiB,GAAS,UAAAZ,GAAU,UAAU;AAAA,MAC/E,gBAAAgB;AAAA,QACdC,EAAU;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,gBAAgBL;AAAA,UAChB,iBAAiBb;AAAA,UACjB,cAAcmB,EAASN,CAAO;AAAA,UAC9B,iBAAiBZ,IAAW,KAAK;AAAA,UACjC,UAAAA;AAAA,UACA,OAAAC;AAAA,UACA,GAAGG;AAAA,UACH,KAAKG;AAAA,UACL,SAASY,EAAqB1B,EAAM,SAAS,CAAC2B,MAAU;AACtD,YAAAP,EAAW,CAACQ,MAAgB,CAACA,CAAW,GACpCV,MACFD,EAAiC,UAAUU,EAAM,qBAAoB,GAChEV,EAAiC,WAASU,EAAM,gBAAe;AAAA,UAExE,CAAC;AAAA,QACX;AAAA,MACA;AAAA,MACMT,KAAiC,gBAAAK;AAAA,QAC/BM;AAAA,QACA;AAAA,UACE,SAASjB;AAAA,UACT,SAAS,CAACK,EAAiC;AAAA,UAC3C,MAAAd;AAAA,UACA,OAAAK;AAAA,UACA,SAAAW;AAAA,UACA,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,MAAAG;AAAA,UACA,OAAO,EAAE,WAAW,oBAAmB;AAAA,QACjD;AAAA,MACA;AAAA,IACA,GAAO;AAAA,EACL;AACF;AACAZ,EAAO,cAAcL;AACrB,IAAIqC,IAAa,eACbC,IAAchC,EAAM;AAAA,EACtB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,eAAAC,GAAe,GAAG8B,EAAU,IAAKhC,GACnCiC,IAAUpC,GAAiBiC,GAAY5B,CAAa;AAC1D,WAAuB,gBAAAqB;AAAA,MACrBC,EAAU;AAAA,MACV;AAAA,QACE,cAAcC,EAASQ,EAAQ,OAAO;AAAA,QACtC,iBAAiBA,EAAQ,WAAW,KAAK;AAAA,QACzC,GAAGD;AAAA,QACH,KAAK/B;AAAA,MACb;AAAA,IACA;AAAA,EACE;AACF;AACA8B,EAAY,cAAcD;AAC1B,IAAID,KAAc,CAAC7B,MAAU;AAC3B,QAAM,EAAE,SAAAkC,GAAS,SAAAf,GAAS,SAAAgB,IAAU,IAAM,GAAGC,EAAU,IAAKpC,GACtDqC,IAAMtC,EAAM,OAAO,IAAI,GACvB6B,IAAcU,EAAYnB,CAAO,GACjCoB,IAAcC,EAAQN,CAAO;AACnC,SAAAnC,EAAM,UAAU,MAAM;AACpB,UAAM0C,IAAQJ,EAAI,SACZK,IAAa,OAAO,iBAAiB,WAErCtB,IADa,OAAO,yBAAyBsB,GAAY,SAAS,EAC1C;AAC9B,QAAId,MAAgBT,KAAWC,GAAY;AACzC,YAAMO,IAAQ,IAAI,MAAM,SAAS,EAAE,SAAAQ,EAAO,CAAE;AAC5C,MAAAf,EAAW,KAAKqB,GAAOtB,CAAO,GAC9BsB,EAAM,cAAcd,CAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAACC,GAAaT,GAASgB,CAAO,CAAC,GACX,gBAAAZ;AAAA,IACrB;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,eAAe;AAAA,MACf,gBAAgBJ;AAAA,MAChB,GAAGiB;AAAA,MACH,UAAU;AAAA,MACV,KAAAC;AAAA,MACA,OAAO;AAAA,QACL,GAAGrC,EAAM;AAAA,QACT,GAAGuC;AAAA,QACH,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MAChB;AAAA,IACA;AAAA,EACA;AACA;AACA,SAASd,EAASN,GAAS;AACzB,SAAOA,IAAU,YAAY;AAC/B;AACA,IAAIwB,KAAO7C,GACP8C,KAAQb;AClHZ,MAAMc,IAAe,CAAC,MAAgD,KAAK,aAAa,GAQ3EC,KAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAxC;AAAA,EACA,SAAAyC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAAuB;AACrB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,MAAS,GAC1D,CAACC,GAAYC,CAAa,IAAIF,EAA6B,MAAS,GACpE,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK,GAE5CK,IAAY,CAACC,MAA2C;AAC5D,QAAI,CAACvD,GAAU;AACb,MAAAuD,EAAE,eAAA;AACF,YAAMC,IAAUlB,EAAaiB,EAAE,WAAW,IACtCA,EAAE,YAAY,QAAQ,CAAC,EAAE,UACzBA,EAAE,YAAY;AAClB,MAAAJ,EAAcK,CAAO,GACrBf,IAAA;AAAA,IACF;AAAA,EACF,GAEMgB,IAAcC;AAAA,IAClB,CAACH,MAA+B;AAC9B,UAAI,OAAOL,KAAe;AACxB;AAIF,YAAMS,KADUrB,EAAaiB,CAAC,IAAIA,EAAE,QAAQ,CAAC,EAAE,UAAUA,EAAE,WAC/BL;AAE5B,UAAI,CAACS;AACH;AAGF,YAAMC,IAAYf,IAAWc;AAC7B,MAAI,CAACP,KAAc,KAAK,IAAIQ,CAAS,KACnCP,EAAc,EAAI;AAGpB,YAAMQ,IACAD,IAAYhB,EAAO,QACdA,EAAO,QAGZgB,IAAYhB,EAAO,OACdA,EAAO,OAGTgB;AAGT,MAAAZ,EAASa,CAAgB,GACzBnB,IAAS,EAAE,GAAGmB,GAAkB;AAAA,IAClC;AAAA;AAAA,IAEA,CAACnB,GAAQM,GAAUI,GAAYF,CAAU;AAAA,EAAA,GAGrCY,IAAYJ,EAAY,MAAM;AAClC,IAAAP,EAAc,MAAS,GACvBH,EAAS,MAAS,GAClBK,EAAc,EAAK,GACnBV,IAAA;AAAA,EACF,GAAG,CAACA,GAAQQ,CAAa,CAAC;AAE1B,SAAAY,EAAU,OACR,OAAO,iBAAiB,aAAaN,CAAW,GAChD,OAAO,iBAAiB,aAAaA,CAAW,GAEzC,MAAM;AACX,WAAO,oBAAoB,aAAaA,CAAW,GACnD,OAAO,oBAAoB,aAAaA,CAAW;AAAA,EACrD,IACC,CAACA,CAAW,CAAC,GAEhBM,EAAU,OACR,OAAO,iBAAiB,WAAWD,CAAS,GAC5C,OAAO,iBAAiB,YAAYA,CAAS,GAEtC,MAAM;AACX,WAAO,oBAAoB,WAAWA,CAAS,GAC/C,OAAO,oBAAoB,YAAYA,CAAS;AAAA,EAClD,IACC,CAACA,CAAS,CAAC,GAEPE,EAAexB,CAAQ,IAC1ByB,EAA+BzB,GAAU;AAAA,IACvC,aAAac;AAAA,IACb,cAAcA;AAAA,IACd,OAAO,EAAE,GAAGR,GAAO,WAAW,cAAcM,IAAaL,IAAQF,CAAQ,MAAA;AAAA,EAAM,CAChF,IACD;AACN,GC7GMqB,IAAoB;AAAA,EACxB,OAAO;AAAA,EACP,QAAQ;AACV;AAEO,SAASC,EACdC,GACM;AACN,QAAM,EAAE,KAAAtC,GAAK,KAAAuC,IAAM,eAAe,OAAAC,MAAUF,GACtC,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,GAAUC,CAAO,IAAIxB,EAAeiB,CAAW,GACzDQ,IAAYC,GAAA,GACZC,IAAeC,EAAa,EAAE,GAAGX,GAAa,GAC9CY,IAAWD,EAA2C,MAAS;AACrE,SAAAC,EAAS,UAAUV,EAAQ,UAE3BL,EAAU,MAAM;AAKd,QAJI,CAACjC,EAAI,WAIL,OAAO,SAAW,OAAe,EAAE,oBAAoB;AACzD;AAGF,UAAMiD,IAAW,IAAI,eAAe,CAAC,CAACC,CAAK,MAAM;AAC/C,YAAMC,IAEJZ,MAAQ,eACJ,kBACAA,MAAQ,6BACR,8BACA,kBAEAa,IAAWC,EAAYH,GAAOC,GAAS,YAAY,GACnDG,IAAYD,EAAYH,GAAOC,GAAS,WAAW;AAKzD,UAFEL,EAAa,QAAQ,UAAUM,KAAYN,EAAa,QAAQ,WAAWQ,GAE7D;AACd,cAAMC,IAAgB;AAAA,UACpB,OAAOH,KAAYZ,IAAQ,KAAK,MAAMY,CAAQ,IAAIA;AAAA,UAClD,QAAQE,KAAad,IAAQ,KAAK,MAAMc,CAAS,IAAIA;AAAA,QAAA;AAEvD,QAAAR,EAAa,QAAQ,QAAQM,GAC7BN,EAAa,QAAQ,SAASQ,GAE1BN,EAAS,UACXA,EAAS,QAAQO,CAAO,IAEpBX,OACFD,EAAQY,CAAO;AAAA,MAGrB;AAAA,IACF,CAAC;AAED,WAAAN,EAAS,QAAQjD,EAAI,SAAS,EAAE,KAAAuC,GAAK,GAE9B,MAAM;AACX,MAAAU,EAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAACV,GAAKvC,GAAK4C,GAAWJ,CAAK,CAAC,GAExB,EAAE,OAAAC,GAAO,QAAAC,EAAA;AAClB;AAOA,SAASW,EACPH,GACAX,GACAiB,GACoB;AACpB,SAAKN,EAAMX,CAAG,IAOP,MAAM,QAAQW,EAAMX,CAAG,CAAC,IAC3BW,EAAMX,CAAG,EAAE,CAAC,EAAEiB,CAAQ;AAAA;AAAA;AAAA,IAGrBN,EAAMX,CAAG,EAAEiB,CAAQ;AAAA,MAVlBjB,MAAQ,mBACHW,EAAM,YAAYM,MAAa,eAAe,UAAU,QAAQ,IAEzE;AAQJ;AAEA,SAASX,KAAe;AACtB,QAAMD,IAAYG,EAAO,EAAK;AAE9B,SAAAd,EAAU,OACRW,EAAU,UAAU,IAEb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAEEhB,EAAY,MAAMgB,EAAU,SAAS,CAAA,CAAE;AAChD;AC/GO,MAAMa,KAAgB,CAAC,EAAE,SAAA3E,GAAS,UAAA4E,QAAmC;AAC1E,QAAMC,IAA6CZ,EAAO,IAAI,GACxDa,IAAWb,EAAwB,IAAI,GACvC,CAAC9B,GAAOC,CAAQ,IAAIC,EAA6B,MAAS,GAC1D,CAACG,GAAYC,CAAa,IAAIJ,EAAS,EAAK,GAC5C,CAAC0C,GAAaC,CAAc,IAAI3C,EAAS,CAAC,GAE1C,EAAE,QAAQ4C,IAAc,MAAM1B,EAAkB,EAAE,KAAKuB,GAAU,OAAO,IAAM,GAC9E,EAAE,QAAQI,IAAe,MAAM3B,EAAkB,EAAE,KAAKsB,GAAU,OAAO,IAAM,GAE/EM,KAA0BD,KAAgB,KAAKD,GAC/CG,IAAeH,IAAcE,GAC7BE,IAAeF,IAAyB,GACxCG,IAAmBF,IAAe,GAClCG,IACJ,OAAOpD,KAAU,aAAanC,IAAUmC,IAAQmD,IAAmBnD,IAAQmD;AAyB7E,SAAO;AAAA,IACL,UAAAT;AAAA,IACA,UAAAC;AAAA,IACA,YAAAtC;AAAA,IACA,QAAQ,EAAE,MAAM6C,GAAc,OAAOD,EAAA;AAAA,IACrC,UAAUpF,IAAUoF,IAAeC;AAAA,IACnC,QA7Ba,CAAC,EAAE,GAAAG,QAAuB;AACvC,MAAApD,EAASoD,CAAC,GACQ,KAAK,KAAKxF,IAAUoF,IAAeC,KAAgBG,CAAC,IAG1D,KAAK/C,EAAc,EAAI;AAAA,IACrC;AAAA,IAwBE,QAtBa,MAAM;AACnB,MAAAA,EAAc,EAAK,GACnBD,KAAcwC,EAAe,KAAK,KAAK,GACnCO,KACFX,IAAW,CAAC5E,CAAO;AAAA,IAEvB;AAAA,IAiBE,kBAfuB,MAAM;AAC7B,MAAI,KAAK,QAAQ+E,IAAc,MAC7BH,IAAW,CAAC5E,CAAO,GAErBoC,EAAS,MAAS;AAAA,IACpB;AAAA,EAUE;AAEJ;;;;;;;;;;;;;GCUMqD,IAAKC,GAAE,KAAKC,EAAM,GAClBC,IAAgB,iBAETC,KAASC;AAAA,EACpB,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAArB;AAAA,IACA,eAAAsB,IAAgB;AAAA,IAChB,SAAAlG;AAAA,IACA,aAAAmG;AAAA,IACA,gBAAAjH;AAAA,IACA,UAAAkH,IAAW;AAAA,IACX,GAAGvH;AAAA,EAAA,GAELqC,MACG;AACH,UAAM,CAACmF,GAAiBC,CAAkB,IAAIjE;AAAA,MAC5C,OAAOrC,KAAY,YAAYA,IAAU,CAAC,CAACd;AAAA,IAAA,GAEvCqH,IAAY,GAAQ,OAAOvG,KAAY,YAAYA,IAAUqG,IAC7D,EAAE,UAAAvB,GAAU,UAAAD,GAAU,YAAArC,GAAY,kBAAAgE,GAAkB,GAAGC,EAAA,IAAoB9B,GAAc;AAAA,MAC7F,SAAS4B;AAAA,MACT,UAAU,CAAClH,MAAU;AACnB,QAAKR,EAAM,aACT+F,IAAWvF,CAAK,GAChBiH,EAAmBjH,CAAK;AAAA,MAE5B;AAAA,IAAA,CACD,GAEKqH,IAAc,MAClB,gBAAAtG;AAAA,MAACuG;AAAA,MAAA;AAAA,QACC,SAAS9H,EAAM;AAAA,QACf,eAAakH,KAAc,GAAGA,CAAU;AAAA,QACxC,UAAUlH,EAAM;AAAA,QAChB,WAAW4G,EAAG,GAAGG,CAAa,WAAW,GAAGA,CAAa,YAAYM,CAAa,EAAE;AAAA,QACpF,UAAAE;AAAA,QAEA,4BAACQ,GAAA,EAAU,UAAU/H,EAAM,UAAU,UAAAuH,GAClC,UAAAH,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAIJ,WACE,gBAAA9F,EAAC,SAAI,WAAWsF,EAAGO,GAAW,GAAGJ,CAAa,aAAa,GACxD,UAAA;AAAA,MAAAK,KAASC,MAAkB,UAAUQ,EAAA;AAAA,MACtC,gBAAAtG;AAAA,QAACyG;AAAAA,QAAA;AAAA,UACE,GAAGhI;AAAA,UACJ,KAAAqC;AAAA,UACA,IAAIrC,EAAM;AAAA,UACV,eAAakH;AAAA,UACb,WAAWN,EAAGG,GAAe,EAAE,CAAC,GAAGA,CAAa,YAAY,GAAGQ,GAAU;AAAA,UACzE,iBAAiBI;AAAA,UACjB,SAASD;AAAA,UAET,UAAA,gBAAApG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK0E;AAAA,cACL,WAAWY,EAAG,GAAGG,CAAa,WAAW;AAAA,gBACvC,CAAC,GAAGA,CAAa,mBAAmB,GAAGQ;AAAA,cAAA,CACxC;AAAA,cAED,UAAA;AAAA,gBAAA,gBAAAhG,EAAC,UAAK,WAAWqF,EAAG,GAAGG,CAAa,uBAAuB,GACzD,UAAA,gBAAAxF,EAAC0G,GAAA,EAAK,WAAWrB,EAAG,GAAGG,CAAa,aAAa,GAAG,KAAKmB,GAAe,MAAK,OAAM,EAAA,CACrF;AAAA,gBACA,gBAAA3G,EAACuB,IAAA,EAAW,UAAUwE,GAAc,GAAGM,GACrC,UAAA,gBAAArG;AAAA,kBAAC4G;AAAAA,kBAAA;AAAA,oBACC,KAAKlC;AAAA,oBACL,eAAaiB,KAAc,GAAGA,CAAU;AAAA,oBACxC,WAAWN,EAAG,GAAGG,CAAa,WAAW;AAAA,sBACvC,CAAC,GAAGA,CAAa,mBAAmB,GAAGpD;AAAA,sBACvC,CAAC,GAAGoD,CAAa,mBAAmB,GAAGQ;AAAA,oBAAA,CACxC;AAAA,kBAAA;AAAA,gBAAA,EACH,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAEDH,KAASC,MAAkB,WAAWQ,EAAA;AAAA,IAAY,GACrD;AAAA,EAEJ;AACF;AAEAb,GAAO,cAAc;","x_google_ignoreList":[0]}

package/dist/toggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./toggle-B8ZLUVar.js");exports.Toggle=e.Toggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./toggle-BgrfdtmN.js");exports.Toggle=e.Toggle;
 //# sourceMappingURL=toggle.cjs.js.map

package/dist/toggle.es.js

@@ -1,4 +1,4 @@
-import { T as g } from "./toggle-CY3J8BRX.mjs";
+import { T as g } from "./toggle-Cg1KFa_2.mjs";
 export {
   g as Toggle
 };