@tinybigui/react 0.1.0-rc.1 → 0.1.1

package/dist/index.cjs

@@ -1,21 +1,18 @@
 'use strict';
 
-var $7jXr9$clsx = require('clsx');
+var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var materialColorUtilities = require('@material/material-color-utilities');
-var $3whtM$react = require('react');
+var react = require('react');
 var reactAria = require('react-aria');
+var utils = require('@react-aria/utils');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var $7jXr9$clsx__default = /*#__PURE__*/_interopDefault($7jXr9$clsx);
-var $3whtM$react__default = /*#__PURE__*/_interopDefault($3whtM$react);
+var reactStately = require('react-stately');
 
 // src/utils/cn.ts
 function cn(...inputs) {
-  return tailwindMerge.twMerge($7jXr9$clsx.clsx(inputs));
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 function getColorValue(variable, element = document.documentElement) {
   const varName = variable.startsWith("--") ? variable : `--${variable}`;
@@ -134,160 +131,9 @@ function truncateText(lines = 1) {
     textOverflow: "ellipsis"
   };
 }
-var $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
-if (typeof FinalizationRegistry !== "undefined") new FinalizationRegistry((heldValue) => {
-  $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
-});
-function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
-  if (idA === idB) return idA;
-  let setIdsA = $bdb11010cef70236$export$d41a04c74483c6ef.get(idA);
-  if (setIdsA) {
-    setIdsA.forEach((ref) => ref.current = idB);
-    return idB;
-  }
-  let setIdsB = $bdb11010cef70236$export$d41a04c74483c6ef.get(idB);
-  if (setIdsB) {
-    setIdsB.forEach((ref) => ref.current = idA);
-    return idA;
-  }
-  return idB;
-}
-
-// ../../node_modules/.pnpm/@react-aria+utils@3.32.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@react-aria/utils/dist/chain.mjs
-function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
-  return (...args) => {
-    for (let callback of callbacks) if (typeof callback === "function") callback(...args);
-  };
-}
-function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
-  let result = {
-    ...args[0]
-  };
-  for (let i = 1; i < args.length; i++) {
-    let props = args[i];
-    for (let key in props) {
-      let a = result[key];
-      let b = props[key];
-      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
-      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
-      65 && key.charCodeAt(2) <= /* 'Z' */
-      90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
-      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = ($7jXr9$clsx__default.default)(a, b);
-      else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
-      else result[key] = b !== void 0 ? b : a;
-    }
-  }
-  return result;
-}
-
-// ../../node_modules/.pnpm/@react-aria+utils@3.32.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@react-aria/utils/dist/filterDOMProps.mjs
-var $65484d02dcb7eb3e$var$DOMPropNames = /* @__PURE__ */ new Set([
-  "id"
-]);
-var $65484d02dcb7eb3e$var$labelablePropNames = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]);
-var $65484d02dcb7eb3e$var$linkPropNames = /* @__PURE__ */ new Set([
-  "href",
-  "hrefLang",
-  "target",
-  "rel",
-  "download",
-  "ping",
-  "referrerPolicy"
-]);
-var $65484d02dcb7eb3e$var$globalAttrs = /* @__PURE__ */ new Set([
-  "dir",
-  "lang",
-  "hidden",
-  "inert",
-  "translate"
-]);
-var $65484d02dcb7eb3e$var$globalEvents = /* @__PURE__ */ new Set([
-  "onClick",
-  "onAuxClick",
-  "onContextMenu",
-  "onDoubleClick",
-  "onMouseDown",
-  "onMouseEnter",
-  "onMouseLeave",
-  "onMouseMove",
-  "onMouseOut",
-  "onMouseOver",
-  "onMouseUp",
-  "onTouchCancel",
-  "onTouchEnd",
-  "onTouchMove",
-  "onTouchStart",
-  "onPointerDown",
-  "onPointerMove",
-  "onPointerUp",
-  "onPointerCancel",
-  "onPointerEnter",
-  "onPointerLeave",
-  "onPointerOver",
-  "onPointerOut",
-  "onGotPointerCapture",
-  "onLostPointerCapture",
-  "onScroll",
-  "onWheel",
-  "onAnimationStart",
-  "onAnimationEnd",
-  "onAnimationIteration",
-  "onTransitionCancel",
-  "onTransitionEnd",
-  "onTransitionRun",
-  "onTransitionStart"
-]);
-var $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
-function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
-  let { labelable, isLink, global, events = global, propNames } = opts;
-  let filteredProps = {};
-  for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && ($65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith("Capture") && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7))) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
-  return filteredProps;
-}
-var $458b0a5536c1a7cf$var$_React_useInsertionEffect;
-var $458b0a5536c1a7cf$var$useEarlyEffect = typeof document !== "undefined" ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = ($3whtM$react__default.default)["useInsertionEffect"]) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : ($3whtM$react__default.default).useLayoutEffect : () => {
-};
-function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
-  let [stateValue, setStateValue] = ($3whtM$react.useState)(value || defaultValue);
-  let valueRef = ($3whtM$react.useRef)(stateValue);
-  let isControlledRef = ($3whtM$react.useRef)(value !== void 0);
-  let isControlled = value !== void 0;
-  ($3whtM$react.useEffect)(() => {
-    let wasControlled = isControlledRef.current;
-    if (wasControlled !== isControlled && process.env.NODE_ENV !== "production") console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
-    isControlledRef.current = isControlled;
-  }, [
-    isControlled
-  ]);
-  let currentValue = isControlled ? value : stateValue;
-  $458b0a5536c1a7cf$var$useEarlyEffect(() => {
-    valueRef.current = currentValue;
-  });
-  let [, forceUpdate] = ($3whtM$react.useReducer)(() => ({}), {});
-  let setValue = ($3whtM$react.useCallback)((value2, ...args) => {
-    let newValue = typeof value2 === "function" ? value2(valueRef.current) : value2;
-    if (!Object.is(valueRef.current, newValue)) {
-      valueRef.current = newValue;
-      setStateValue(newValue);
-      forceUpdate();
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue, ...args);
-    }
-  }, [
-    onChange
-  ]);
-  return [
-    currentValue,
-    setValue
-  ];
-}
-var ButtonHeadless = $3whtM$react.forwardRef(
+var ButtonHeadless = react.forwardRef(
   ({ className, children, tabIndex = 0, onMouseDown, type, ...restProps }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const { buttonProps } = reactAria.useButton(
       {
@@ -306,7 +152,7 @@ var ButtonHeadless = $3whtM$react.forwardRef(
       onPressUp: _onPressUp,
       ...htmlAttrs
     } = restProps;
-    const mergedProps = $3ef42575df84b30b$export$9d1611c77c2fe928(
+    const mergedProps = utils.mergeProps(
       buttonProps,
       {
         tabIndex,
@@ -537,9 +383,9 @@ var buttonVariants = classVarianceAuthority.cva(
 );
 function useRipple(options = {}) {
   const { disabled = false, color = "currentColor", duration = 450 } = options;
-  const [ripples, setRipples] = $3whtM$react.useState([]);
-  const rippleKeyCounter = $3whtM$react.useRef(0);
-  const onMouseDown = $3whtM$react.useCallback(
+  const [ripples, setRipples] = react.useState([]);
+  const rippleKeyCounter = react.useRef(0);
+  const onMouseDown = react.useCallback(
     (event) => {
       if (disabled) return;
       const element = event.currentTarget;
@@ -607,7 +453,7 @@ var Spinner = () => /* @__PURE__ */ jsxRuntime.jsxs(
     ]
   }
 );
-var Button = $3whtM$react.forwardRef(
+var Button = react.forwardRef(
   ({
     // Variant props (CVA)
     variant = "filled",
@@ -679,7 +525,7 @@ var Button = $3whtM$react.forwardRef(
   }
 );
 Button.displayName = "Button";
-var IconButtonHeadless = $3whtM$react.forwardRef(
+var IconButtonHeadless = react.forwardRef(
   ({
     className,
     children,
@@ -691,7 +537,7 @@ var IconButtonHeadless = $3whtM$react.forwardRef(
     title,
     ...props
   }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const { buttonProps } = reactAria.useButton(
       {
@@ -703,8 +549,8 @@ var IconButtonHeadless = $3whtM$react.forwardRef(
       },
       ref
     );
-    const domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
-    const mergedProps = $3ef42575df84b30b$export$9d1611c77c2fe928(
+    const domProps = utils.filterDOMProps(props);
+    const mergedProps = utils.mergeProps(
       buttonProps,
       domProps,
       {
@@ -925,7 +771,7 @@ var iconButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var IconButton = $3whtM$react.forwardRef(
+var IconButton = react.forwardRef(
   ({
     // Variant props (CVA)
     variant = "standard",
@@ -962,7 +808,7 @@ var IconButton = $3whtM$react.forwardRef(
       onMouseDown?.(e);
       handleRipple(e);
     };
-    const mergedPropsValue = $3ef42575df84b30b$export$9d1611c77c2fe928(props, {
+    const mergedPropsValue = utils.mergeProps(props, {
       ...onPress && { onPress },
       onMouseDown: mergedOnMouseDown,
       isDisabled
@@ -1002,7 +848,7 @@ var IconButton = $3whtM$react.forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
-var FABHeadless = $3whtM$react.forwardRef(
+var FABHeadless = react.forwardRef(
   ({
     className,
     children,
@@ -1013,7 +859,7 @@ var FABHeadless = $3whtM$react.forwardRef(
     title,
     ...props
   }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const { buttonProps } = reactAria.useButton(
       {
@@ -1022,8 +868,8 @@ var FABHeadless = $3whtM$react.forwardRef(
       },
       ref
     );
-    const domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
-    const mergedProps = $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, domProps, {
+    const domProps = utils.filterDOMProps(props);
+    const mergedProps = utils.mergeProps(buttonProps, domProps, {
       tabIndex,
       className,
       onMouseDown,
@@ -1250,7 +1096,7 @@ var Spinner2 = () => /* @__PURE__ */ jsxRuntime.jsxs(
     ]
   }
 );
-var FAB = $3whtM$react.forwardRef(
+var FAB = react.forwardRef(
   ({
     // Variant props (CVA)
     size = "medium",
@@ -1290,7 +1136,7 @@ var FAB = $3whtM$react.forwardRef(
       onMouseDown?.(e);
       handleRipple(e);
     };
-    const mergedPropsValue = $3ef42575df84b30b$export$9d1611c77c2fe928(props, {
+    const mergedPropsValue = utils.mergeProps(props, {
       ...onPress && { onPress },
       onMouseDown: mergedOnMouseDown,
       isDisabled
@@ -1606,7 +1452,7 @@ var textFieldCharacterCountVariants = classVarianceAuthority.cva(
     }
   }
 );
-var TextFieldHeadless = $3whtM$react.forwardRef(
+var TextFieldHeadless = react.forwardRef(
   ({
     label,
     description,
@@ -1623,7 +1469,7 @@ var TextFieldHeadless = $3whtM$react.forwardRef(
     children,
     ...restProps
   }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const inputElementType = multiline ? "textarea" : "input";
     const {
@@ -1650,7 +1496,7 @@ var TextFieldHeadless = $3whtM$react.forwardRef(
     const displayErrorMessage = errorMessage ?? validationErrors.join(" ");
     const currentValue = typeof inputProps.value === "string" ? inputProps.value : typeof inputProps.defaultValue === "string" ? inputProps.defaultValue : "";
     if (typeof children === "function") {
-      const mergedInputProps2 = $3ef42575df84b30b$export$9d1611c77c2fe928(
+      const mergedInputProps2 = utils.mergeProps(
         inputProps,
         focusProps
       );
@@ -1692,7 +1538,7 @@ var TextFieldHeadless = $3whtM$react.forwardRef(
       onFocusChange: _onFocusChange,
       ...htmlAttrs
     } = restProps;
-    const mergedInputProps = $3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps, htmlAttrs, {
+    const mergedInputProps = utils.mergeProps(inputProps, focusProps, htmlAttrs, {
       className: inputClassName
     });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: fullWidth ? { width: "100%" } : void 0, children: [
@@ -1711,7 +1557,7 @@ var TextFieldHeadless = $3whtM$react.forwardRef(
   }
 );
 TextFieldHeadless.displayName = "TextFieldHeadless";
-var TextField = $3whtM$react.forwardRef(
+var TextField = react.forwardRef(
   ({
     variant = "filled",
     size = "medium",
@@ -1909,196 +1755,6 @@ var TextField = $3whtM$react.forwardRef(
   }
 );
 TextField.displayName = "TextField";
-var $e5be200c675c3b3a$export$aca958c65c314e6c = {
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valueMissing: false,
-  valid: true
-};
-var $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE = {
-  ...$e5be200c675c3b3a$export$aca958c65c314e6c,
-  customError: true,
-  valid: false
-};
-var $e5be200c675c3b3a$export$dad6ae84456c676a = {
-  isInvalid: false,
-  validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
-  validationErrors: []
-};
-var $e5be200c675c3b3a$export$571b5131b7e65c11 = ($3whtM$react.createContext)({});
-var $e5be200c675c3b3a$export$a763b9476acd3eb = "__formValidationState" + Date.now();
-function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
-  if (props[$e5be200c675c3b3a$export$a763b9476acd3eb]) {
-    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$e5be200c675c3b3a$export$a763b9476acd3eb];
-    return {
-      realtimeValidation,
-      displayValidation,
-      updateValidation,
-      resetValidation,
-      commitValidation
-    };
-  }
-  return $e5be200c675c3b3a$var$useFormValidationStateImpl(props);
-}
-function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
-  let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
-  if (validationState) isInvalid || (isInvalid = validationState === "invalid");
-  let controlledError = isInvalid !== void 0 ? {
-    isInvalid,
-    validationErrors: [],
-    validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
-  } : null;
-  let clientError = ($3whtM$react.useMemo)(() => {
-    if (!validate || value == null) return null;
-    let validateErrors = $e5be200c675c3b3a$var$runValidate(validate, value);
-    return $e5be200c675c3b3a$var$getValidationResult(validateErrors);
-  }, [
-    validate,
-    value
-  ]);
-  if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
-  let serverErrors = ($3whtM$react.useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
-  let serverErrorMessages = ($3whtM$react.useMemo)(() => {
-    if (name) return Array.isArray(name) ? name.flatMap((name2) => $e5be200c675c3b3a$var$asArray(serverErrors[name2])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
-    return [];
-  }, [
-    serverErrors,
-    name
-  ]);
-  let [lastServerErrors, setLastServerErrors] = ($3whtM$react.useState)(serverErrors);
-  let [isServerErrorCleared, setServerErrorCleared] = ($3whtM$react.useState)(false);
-  if (serverErrors !== lastServerErrors) {
-    setLastServerErrors(serverErrors);
-    setServerErrorCleared(false);
-  }
-  let serverError = ($3whtM$react.useMemo)(() => $e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
-    isServerErrorCleared,
-    serverErrorMessages
-  ]);
-  let nextValidation = ($3whtM$react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let [currentValidity, setCurrentValidity] = ($3whtM$react.useState)($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let lastError = ($3whtM$react.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let commitValidation = () => {
-    if (!commitQueued) return;
-    setCommitQueued(false);
-    let error = clientError || builtinValidation || nextValidation.current;
-    if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
-      lastError.current = error;
-      setCurrentValidity(error);
-    }
-  };
-  let [commitQueued, setCommitQueued] = ($3whtM$react.useState)(false);
-  ($3whtM$react.useEffect)(commitValidation);
-  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $e5be200c675c3b3a$export$dad6ae84456c676a;
-  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
-  return {
-    realtimeValidation,
-    displayValidation,
-    updateValidation(value2) {
-      if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
-      else nextValidation.current = value2;
-    },
-    resetValidation() {
-      let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
-      if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
-        lastError.current = error;
-        setCurrentValidity(error);
-      }
-      if (validationBehavior === "native") setCommitQueued(false);
-      setServerErrorCleared(true);
-    },
-    commitValidation() {
-      if (validationBehavior === "native") setCommitQueued(true);
-      setServerErrorCleared(true);
-    }
-  };
-}
-function $e5be200c675c3b3a$var$asArray(v) {
-  if (!v) return [];
-  return Array.isArray(v) ? v : [
-    v
-  ];
-}
-function $e5be200c675c3b3a$var$runValidate(validate, value) {
-  if (typeof validate === "function") {
-    let e = validate(value);
-    if (e && typeof e !== "boolean") return $e5be200c675c3b3a$var$asArray(e);
-  }
-  return [];
-}
-function $e5be200c675c3b3a$var$getValidationResult(errors) {
-  return errors.length ? {
-    isInvalid: true,
-    validationErrors: errors,
-    validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
-  } : null;
-}
-function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
-  if (a === b) return true;
-  return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
-}
-var $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
-var $a54cdc5c1942b639$var$i = 0;
-function $a54cdc5c1942b639$export$bca9d026f8e704eb(props) {
-  let name = ($3whtM$react.useMemo)(() => props.name || `radio-group-${$a54cdc5c1942b639$var$instance}-${++$a54cdc5c1942b639$var$i}`, [
-    props.name
-  ]);
-  var _props_defaultValue;
-  let [selectedValue, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : null, props.onChange);
-  let [initialValue] = ($3whtM$react.useState)(selectedValue);
-  let [lastFocusedValue, setLastFocusedValue] = ($3whtM$react.useState)(null);
-  let validation = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
-    ...props,
-    value: selectedValue
-  });
-  let setSelectedValue = (value) => {
-    if (!props.isReadOnly && !props.isDisabled) {
-      setSelected(value);
-      validation.commitValidation();
-    }
-  };
-  let isInvalid = validation.displayValidation.isInvalid;
-  var _props_defaultValue1;
-  return {
-    ...validation,
-    name,
-    selectedValue,
-    defaultSelectedValue: props.value !== void 0 ? initialValue : (_props_defaultValue1 = props.defaultValue) !== null && _props_defaultValue1 !== void 0 ? _props_defaultValue1 : null,
-    setSelectedValue,
-    lastFocusedValue,
-    setLastFocusedValue,
-    isDisabled: props.isDisabled || false,
-    isReadOnly: props.isReadOnly || false,
-    isRequired: props.isRequired || false,
-    validationState: props.validationState || (isInvalid ? "invalid" : null),
-    isInvalid
-  };
-}
-function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
-  let { isReadOnly } = props;
-  let [isSelected, setSelected] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.isSelected, props.defaultSelected || false, props.onChange);
-  let [initialValue] = ($3whtM$react.useState)(isSelected);
-  function updateSelected(value) {
-    if (!isReadOnly) setSelected(value);
-  }
-  function toggleState() {
-    if (!isReadOnly) setSelected(!isSelected);
-  }
-  var _props_defaultSelected;
-  return {
-    isSelected,
-    defaultSelected: (_props_defaultSelected = props.defaultSelected) !== null && _props_defaultSelected !== void 0 ? _props_defaultSelected : initialValue,
-    setSelected: updateSelected,
-    toggle: toggleState
-  };
-}
 var checkboxVariants = classVarianceAuthority.cva(
   [
     // Base classes (always applied to label wrapper)
@@ -2288,7 +1944,7 @@ var checkboxLabelVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Checkbox = $3whtM$react.forwardRef(
+var Checkbox = react.forwardRef(
   ({
     // Content props
     children,
@@ -2302,7 +1958,7 @@ var Checkbox = $3whtM$react.forwardRef(
     // Other props
     ...props
   }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const htmlAttrs = props;
     const dataTestId = htmlAttrs["data-testid"];
@@ -2314,7 +1970,7 @@ var Checkbox = $3whtM$react.forwardRef(
       title: _htmlTitle,
       ...restPropsWithoutHtmlAttrs
     } = props;
-    const state = $3017fa7ffdddec74$export$8042c6c013fd5226(restPropsWithoutHtmlAttrs);
+    const state = reactStately.useToggleState(restPropsWithoutHtmlAttrs);
     const { inputProps, labelProps } = reactAria.useCheckbox(
       restPropsWithoutHtmlAttrs,
       state,
@@ -2326,7 +1982,7 @@ var Checkbox = $3whtM$react.forwardRef(
     const { onMouseDown: handleRipple, ripples } = useRipple({
       disabled: isDisabled || disableRipple
     });
-    $3whtM$react.useEffect(() => {
+    react.useEffect(() => {
       if (ref.current) {
         ref.current.indeterminate = isIndeterminate;
       }
@@ -2705,7 +2361,7 @@ var switchLabelVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Switch = $3whtM$react.forwardRef(
+var Switch = react.forwardRef(
   ({
     // Content props
     children,
@@ -2719,7 +2375,7 @@ var Switch = $3whtM$react.forwardRef(
     // Other props
     ...props
   }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const htmlAttrs = props;
     const dataTestId = htmlAttrs["data-testid"];
@@ -2731,7 +2387,7 @@ var Switch = $3whtM$react.forwardRef(
       title: _htmlTitle,
       ...restPropsWithoutHtmlAttrs
     } = props;
-    const state = $3017fa7ffdddec74$export$8042c6c013fd5226(restPropsWithoutHtmlAttrs);
+    const state = reactStately.useToggleState(restPropsWithoutHtmlAttrs);
     const { inputProps, labelProps, isPressed } = reactAria.useSwitch(
       restPropsWithoutHtmlAttrs,
       state,
@@ -2857,12 +2513,12 @@ var Switch = $3whtM$react.forwardRef(
   }
 );
 Switch.displayName = "Switch";
-var RadioGroupContext = $3whtM$react.createContext(null);
-var RadioGroupHeadless = $3whtM$react.forwardRef(
+var RadioGroupContext = react.createContext(null);
+var RadioGroupHeadless = react.forwardRef(
   ({ className, children, renderLabel, ...props }, forwardedRef) => {
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
-    const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(props);
+    const state = reactStately.useRadioGroupState(props);
     const { radioGroupProps, labelProps } = reactAria.useRadioGroup(props, state);
     const dataTestId = props["data-testid"];
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...radioGroupProps, ref, className, "data-testid": dataTestId, children: [
@@ -3091,7 +2747,7 @@ var radioLabelVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Radio = $3whtM$react.forwardRef(
+var Radio = react.forwardRef(
   ({
     // Content props
     children,
@@ -3103,11 +2759,11 @@ var Radio = $3whtM$react.forwardRef(
     // Other props
     ...props
   }, forwardedRef) => {
-    const state = $3whtM$react.useContext(RadioGroupContext);
+    const state = react.useContext(RadioGroupContext);
     if (!state) {
       throw new Error("Radio must be used within a RadioGroup");
     }
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const htmlAttrs = props;
     const dataTestId = htmlAttrs["data-testid"];
@@ -3245,13 +2901,13 @@ var Radio = $3whtM$react.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var RadioGroup = $3whtM$react.forwardRef(
+var RadioGroup = react.forwardRef(
   ({
     // Content props
     children,
     // State props
     orientation = "vertical",
-    isInvalid = false,
+    isInvalid: _isInvalid = false,
     isDisabled = false,
     // Styling
     className,
@@ -3306,13 +2962,13 @@ var RadioGroup = $3whtM$react.forwardRef(
   }
 );
 RadioGroup.displayName = "RadioGroup";
-var RadioHeadless = $3whtM$react.forwardRef(
+var RadioHeadless = react.forwardRef(
   ({ className, children, renderRadio, ...props }, forwardedRef) => {
-    const state = $3whtM$react.useContext(RadioGroupContext);
+    const state = react.useContext(RadioGroupContext);
     if (!state) {
       throw new Error("RadioHeadless must be used within a RadioGroupHeadless");
     }
-    const internalRef = $3whtM$react.useRef(null);
+    const internalRef = react.useRef(null);
     const ref = forwardedRef ?? internalRef;
     const { inputProps, isSelected, isDisabled, isPressed } = reactAria.useRadio(props, state, ref);
     const { isFocusVisible, focusProps } = reactAria.useFocusRing();