@proyecto-viviana/solidaria 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,36 +1,26 @@
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _shouldStopPropagation;
-import { onCleanup, createSignal, onMount, useContext, createContext, createEffect, createMemo, createUniqueId, untrack } from "solid-js";
-import { isServer } from "solid-js/web";
+import { onCleanup, createSignal, onMount, useContext, createContext, createEffect, createMemo, untrack, createUniqueId } from 'solid-js';
+import { isServer } from 'solid-js/web';
+
 class PressEvent {
+  type;
+  pointerType;
+  target;
+  shiftKey;
+  ctrlKey;
+  metaKey;
+  altKey;
+  x;
+  y;
+  #shouldStopPropagation = true;
   constructor(type, pointerType, originalEvent, target) {
-    __publicField(this, "type");
-    __publicField(this, "pointerType");
-    __publicField(this, "target");
-    __publicField(this, "shiftKey");
-    __publicField(this, "ctrlKey");
-    __publicField(this, "metaKey");
-    __publicField(this, "altKey");
-    __publicField(this, "x");
-    __publicField(this, "y");
-    __privateAdd(this, _shouldStopPropagation, true);
     this.type = type;
     this.pointerType = pointerType;
     this.target = target;
     const e = originalEvent;
-    this.shiftKey = (e == null ? void 0 : e.shiftKey) ?? false;
-    this.ctrlKey = (e == null ? void 0 : e.ctrlKey) ?? false;
-    this.metaKey = (e == null ? void 0 : e.metaKey) ?? false;
-    this.altKey = (e == null ? void 0 : e.altKey) ?? false;
+    this.shiftKey = e?.shiftKey ?? false;
+    this.ctrlKey = e?.ctrlKey ?? false;
+    this.metaKey = e?.metaKey ?? false;
+    this.altKey = e?.altKey ?? false;
     this.x = 0;
     this.y = 0;
     if (originalEvent && "clientX" in originalEvent && target) {
@@ -48,28 +38,27 @@ class PressEvent {
    * By default, press events stop propagation.
    */
   continuePropagation() {
-    __privateSet(this, _shouldStopPropagation, false);
+    this.#shouldStopPropagation = false;
   }
   /**
    * Whether the event should stop propagation.
    * Used internally by the press handler.
    */
   get shouldStopPropagation() {
-    return __privateGet(this, _shouldStopPropagation);
+    return this.#shouldStopPropagation;
   }
 }
-_shouldStopPropagation = new WeakMap();
 function createPressEvent(type, pointerType, originalEvent, target) {
   return new PressEvent(type, pointerType, originalEvent, target);
 }
+
 function mergeProps(...args) {
-  var _a;
   const result = {};
   for (const props of args) {
     for (const key in props) {
       const value = props[key];
       const existingValue = result[key];
-      if (typeof existingValue === "function" && typeof value === "function" && key.startsWith("on") && key[2] === ((_a = key[2]) == null ? void 0 : _a.toUpperCase())) {
+      if (typeof existingValue === "function" && typeof value === "function" && key.startsWith("on") && key[2] === key[2]?.toUpperCase()) {
         result[key] = chainHandlers(existingValue, value);
       } else if (key === "class" || key === "className") {
         result[key] = mergeClassNames(existingValue, value);
@@ -91,6 +80,7 @@ function chainHandlers(existingHandler, newHandler) {
 function mergeClassNames(...classes) {
   return classes.filter(Boolean).join(" ");
 }
+
 const DOMPropNames = /* @__PURE__ */ new Set(["id"]);
 const labelablePropNames = /* @__PURE__ */ new Set([
   "aria-label",
@@ -149,21 +139,22 @@ function filterDOMProps(props, opts = {}) {
   const { labelable, isLink, global, events = global, propNames } = opts;
   const filteredProps = {};
   for (const prop in props) {
-    if (Object.prototype.hasOwnProperty.call(props, prop) && (DOMPropNames.has(prop) || labelable && labelablePropNames.has(prop) || isLink && linkPropNames.has(prop) || global && globalAttrs.has(prop) || events && (globalEvents.has(prop) || prop.endsWith("Capture") && globalEvents.has(prop.slice(0, -7))) || (propNames == null ? void 0 : propNames.has(prop)) || propRe.test(prop))) {
+    if (Object.prototype.hasOwnProperty.call(props, prop) && (DOMPropNames.has(prop) || labelable && labelablePropNames.has(prop) || isLink && linkPropNames.has(prop) || global && globalAttrs.has(prop) || events && (globalEvents.has(prop) || prop.endsWith("Capture") && globalEvents.has(prop.slice(0, -7))) || propNames?.has(prop) || propRe.test(prop))) {
       filteredProps[prop] = props[prop];
     }
   }
   return filteredProps;
 }
+
 function access$1(value) {
   return typeof value === "function" ? value() : value;
 }
 function isAccessor(value) {
   return typeof value === "function";
 }
+
 function testPlatform(re) {
-  var _a;
-  return typeof window !== "undefined" && window.navigator != null ? re.test(window.navigator.platform || ((_a = window.navigator.userAgentData) == null ? void 0 : _a.platform) || "") : false;
+  return typeof window !== "undefined" && window.navigator != null ? re.test(window.navigator.platform || window.navigator.userAgentData?.platform || "") : false;
 }
 function isMac() {
   return testPlatform(/^Mac/i);
@@ -177,8 +168,9 @@ function isIPad() {
 function isIOS() {
   return isIPhone() || isIPad();
 }
+
 function getOwnerDocument(el) {
-  return (el == null ? void 0 : el.ownerDocument) ?? document;
+  return el?.ownerDocument ?? document;
 }
 function nodeContains(parent, child) {
   if (!parent || !child) {
@@ -279,14 +271,15 @@ function shouldPreventDefaultKeyboard(target, key) {
 function openLink(target, event, allowOpener = false) {
   const { href, target: linkTarget, rel } = target;
   const keyEvent = event;
-  const shouldOpenInNewTab = linkTarget === "_blank" || (keyEvent == null ? void 0 : keyEvent.metaKey) || (keyEvent == null ? void 0 : keyEvent.ctrlKey) || (keyEvent == null ? void 0 : keyEvent.shiftKey) || (keyEvent == null ? void 0 : keyEvent.altKey);
+  const shouldOpenInNewTab = linkTarget === "_blank" || keyEvent?.metaKey || keyEvent?.ctrlKey || keyEvent?.shiftKey || keyEvent?.altKey;
   if (shouldOpenInNewTab) {
-    const features = !allowOpener && (rel == null ? void 0 : rel.includes("noopener")) ? "noopener" : void 0;
+    const features = !allowOpener && rel?.includes("noopener") ? "noopener" : void 0;
     window.open(href, linkTarget || "_blank", features);
   } else {
     window.location.href = href;
   }
 }
+
 function areRectanglesOverlapping(a, b) {
   if (a.left > b.right || b.left > a.right) {
     return false;
@@ -349,6 +342,7 @@ function getTouchById(event, pointerId) {
   }
   return null;
 }
+
 function isVirtualClick(event) {
   if (event.mozInputSource === 0 && event.isTrusted) {
     return true;
@@ -377,6 +371,7 @@ function setEventTarget(event, target) {
     configurable: true
   });
 }
+
 let state = "default";
 let savedUserSelect = "";
 let modifiedElementMap = /* @__PURE__ */ new WeakMap();
@@ -444,6 +439,7 @@ function runAfterTransition(callback) {
     transitionTimeout = null;
   }, 0);
 }
+
 function focusWithoutScrolling(element) {
   if (!element) return;
   try {
@@ -483,13 +479,13 @@ let preventFocusTimeout = null;
 function preventFocus(target) {
   const focusableAncestor = findFocusableAncestor(target);
   if (!focusableAncestor) return;
-  const document2 = getOwnerDocument(target);
-  const activeElement = document2.activeElement;
+  const document = getOwnerDocument(target);
+  const activeElement = document.activeElement;
   ignoreFocus = true;
   const onFocus = (e) => {
     if (ignoreFocus) {
       e.stopImmediatePropagation();
-      if (activeElement && activeElement !== document2.body) {
+      if (activeElement && activeElement !== document.body) {
         activeElement.focus();
       }
     }
@@ -527,10 +523,11 @@ function findFocusableAncestor(element) {
   return element;
 }
 const focusSafely = focusWithoutScrolling;
+
 function createGlobalListeners() {
   const listeners = [];
   function addGlobalListener(type, handler, options) {
-    const target = (options == null ? void 0 : options.isWindow) ? window : document;
+    const target = options?.isWindow ? window : document;
     const listenerOptions = options ? {
       capture: options.capture,
       passive: options.passive,
@@ -540,16 +537,13 @@ function createGlobalListeners() {
     listeners.push({ target, type, handler, options: listenerOptions });
   }
   function removeGlobalListener(type, handler, options) {
-    const target = (options == null ? void 0 : options.isWindow) ? window : document;
+    const target = options?.isWindow ? window : document;
     const listenerOptions = options ? {
       capture: options.capture
     } : void 0;
     target.removeEventListener(type, handler, listenerOptions);
     const index = listeners.findIndex(
-      (l) => {
-        var _a;
-        return l.target === target && l.type === type && l.handler === handler && ((_a = l.options) == null ? void 0 : _a.capture) === (listenerOptions == null ? void 0 : listenerOptions.capture);
-      }
+      (l) => l.target === target && l.type === type && l.handler === handler && l.options?.capture === listenerOptions?.capture
     );
     if (index !== -1) {
       listeners.splice(index, 1);
@@ -568,6 +562,7 @@ function createGlobalListeners() {
     removeAllGlobalListeners
   };
 }
+
 function isDisabledValue$2(isDisabled) {
   if (typeof isDisabled === "function") {
     return isDisabled();
@@ -943,16 +938,15 @@ function createPress(props = {}) {
     addGlobalListener("keyup", onKeyUp, { capture: true });
   };
   const onKeyUp = (e) => {
-    var _a, _b;
     if (!pressState.isPressed || pressState.pointerType !== "keyboard") {
       return;
     }
     if (!isValidKeyboardEvent(e, pressState.target)) {
       return;
     }
-    if (isMac() && e.key === "Meta" && ((_a = pressState.metaKeyEvents) == null ? void 0 : _a.size)) {
+    if (isMac() && e.key === "Meta" && pressState.metaKeyEvents?.size) {
       for (const [key, event] of pressState.metaKeyEvents) {
-        (_b = pressState.target) == null ? void 0 : _b.dispatchEvent(
+        pressState.target?.dispatchEvent(
           new KeyboardEvent("keyup", {
             key,
             code: event.code,
@@ -1060,6 +1054,7 @@ function createPress(props = {}) {
     pressProps
   };
 }
+
 function createSyntheticBlurHandler(onBlur) {
   let isFocused = false;
   let observer = null;
@@ -1079,7 +1074,7 @@ function createSyntheticBlurHandler(onBlur) {
       target.addEventListener("focusout", onBlurHandler, { once: true });
       observer = new MutationObserver(() => {
         if (isFocused && target.disabled) {
-          observer == null ? void 0 : observer.disconnect();
+          observer?.disconnect();
           const relatedTarget = target === document.activeElement ? null : document.activeElement;
           target.dispatchEvent(new FocusEvent("blur", { relatedTarget }));
           target.dispatchEvent(new FocusEvent("focusout", { bubbles: true, relatedTarget }));
@@ -1117,7 +1112,7 @@ function createFocus(props = {}) {
   };
   const onFocus = (e) => {
     const ownerDocument = getOwnerDocument(e.target);
-    const activeElement = ownerDocument == null ? void 0 : ownerDocument.activeElement;
+    const activeElement = ownerDocument?.activeElement;
     if (e.target === e.currentTarget && activeElement === getEventTarget(e)) {
       if (onFocusProp) {
         onFocusProp(e);
@@ -1141,6 +1136,7 @@ function createFocus(props = {}) {
     }
   };
 }
+
 function createFocusWithin(props = {}) {
   const { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
   let isFocusWithin = false;
@@ -1168,7 +1164,7 @@ function createFocusWithin(props = {}) {
       return;
     }
     const ownerDocument = getOwnerDocument(e.target);
-    const activeElement = ownerDocument == null ? void 0 : ownerDocument.activeElement;
+    const activeElement = ownerDocument?.activeElement;
     if (!isFocusWithin && activeElement === getEventTarget(e)) {
       if (onFocusWithin) {
         onFocusWithin(e);
@@ -1182,9 +1178,9 @@ function createFocusWithin(props = {}) {
         "focus",
         (focusEvent) => {
           if (isFocusWithin && !nodeContains(currentTarget, focusEvent.target)) {
-            const window2 = ownerDocument == null ? void 0 : ownerDocument.defaultView;
-            if (window2) {
-              const nativeEvent = new window2.FocusEvent("blur", {
+            const window = ownerDocument?.defaultView;
+            if (window) {
+              const nativeEvent = new window.FocusEvent("blur", {
                 relatedTarget: focusEvent.target
               });
               setEventTarget(nativeEvent, currentTarget);
@@ -1218,6 +1214,7 @@ function createFocusWithin(props = {}) {
     }
   };
 }
+
 function createEventHandler(handler) {
   if (!handler) {
     return void 0;
@@ -1248,6 +1245,7 @@ function createKeyboard(props = {}) {
     }
   };
 }
+
 const FocusableContext = createContext(null);
 function useFocusableContext(setRef) {
   const context = useContext(FocusableContext) || {};
@@ -1268,7 +1266,7 @@ function createFocusable(props = {}, ref) {
   let autoFocusDone = false;
   const setRef = (el) => {
     elementRef = el;
-    ref == null ? void 0 : ref(el);
+    ref?.(el);
   };
   const { focusProps } = createFocus({
     isDisabled: isDisabledValue$1(props.isDisabled),
@@ -1306,6 +1304,7 @@ function createFocusable(props = {}, ref) {
     focusableProps
   };
 }
+
 let currentModality = null;
 let hasSetupGlobalListeners = false;
 let changeHandlers = /* @__PURE__ */ new Set();
@@ -1372,6 +1371,7 @@ function createFocusRing(props = {}) {
     focusProps: focusResult.focusProps
   };
 }
+
 let globalIgnoreEmulatedMouseEvents = false;
 let hoverCount = 0;
 function setGlobalIgnoreEmulatedMouseEvents() {
@@ -1413,7 +1413,7 @@ function setupGlobalTouchEvents() {
 function createHover(props = {}) {
   const getProps = () => access$1(props);
   const [isHovered, setIsHovered] = createSignal(false);
-  let state2 = {
+  let state = {
     isHovered: false,
     ignoreEmulatedMouseEvents: false,
     pointerType: "",
@@ -1425,42 +1425,40 @@ function createHover(props = {}) {
   });
   createEffect(() => {
     const p = getProps();
-    if (p.isDisabled && state2.isHovered) {
-      triggerHoverEnd(state2.target, state2.pointerType);
+    if (p.isDisabled && state.isHovered) {
+      triggerHoverEnd(state.target, state.pointerType);
     }
   });
   function triggerHoverStart(target, pointerType) {
-    var _a, _b;
     const p = getProps();
-    state2.pointerType = pointerType;
-    if (p.isDisabled || state2.isHovered) {
+    state.pointerType = pointerType;
+    if (p.isDisabled || state.isHovered) {
       return;
     }
-    state2.isHovered = true;
-    state2.target = target;
-    (_a = p.onHoverStart) == null ? void 0 : _a.call(p, {
+    state.isHovered = true;
+    state.target = target;
+    p.onHoverStart?.({
       type: "hoverstart",
       target,
       pointerType
     });
-    (_b = p.onHoverChange) == null ? void 0 : _b.call(p, true);
+    p.onHoverChange?.(true);
     setIsHovered(true);
   }
   function triggerHoverEnd(target, pointerType) {
-    var _a, _b;
     const p = getProps();
-    state2.pointerType = "";
-    state2.target = null;
-    if (!state2.isHovered || !target) {
+    state.pointerType = "";
+    state.target = null;
+    if (!state.isHovered || !target) {
       return;
     }
-    state2.isHovered = false;
-    (_a = p.onHoverEnd) == null ? void 0 : _a.call(p, {
+    state.isHovered = false;
+    p.onHoverEnd?.({
       type: "hoverend",
       target,
       pointerType
     });
-    (_b = p.onHoverChange) == null ? void 0 : _b.call(p, false);
+    p.onHoverChange?.(false);
     setIsHovered(false);
   }
   const hoverProps = createMemo(() => {
@@ -1485,10 +1483,10 @@ function createHover(props = {}) {
     }
     return {
       onMouseEnter: (e) => {
-        if (!state2.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) {
+        if (!state.ignoreEmulatedMouseEvents && !globalIgnoreEmulatedMouseEvents) {
           triggerHoverStart(e.currentTarget, "mouse");
         }
-        state2.ignoreEmulatedMouseEvents = false;
+        state.ignoreEmulatedMouseEvents = false;
       },
       onMouseLeave: (e) => {
         const p = getProps();
@@ -1503,6 +1501,7 @@ function createHover(props = {}) {
     isHovered
   };
 }
+
 function isDisabledValue(isDisabled) {
   if (typeof isDisabled === "function") {
     return isDisabled();
@@ -1592,6 +1591,7 @@ function createButton(props = {}) {
     isPressed
   };
 }
+
 function getSelectedValue(isSelected) {
   if (typeof isSelected === "function") {
     return isSelected();
@@ -1610,17 +1610,15 @@ function createToggleButton(props = {}) {
     return uncontrolledSelected();
   };
   const toggleSelection = () => {
-    var _a;
     const newValue = !isSelected();
     if (!isControlled) {
       setUncontrolledSelected(newValue);
     }
-    (_a = props.onChange) == null ? void 0 : _a.call(props, newValue);
+    props.onChange?.(newValue);
   };
   const onPress = (e) => {
-    var _a;
     toggleSelection();
-    (_a = props.onPress) == null ? void 0 : _a.call(props, e);
+    props.onPress?.(e);
   };
   const { buttonProps: baseButtonProps, isPressed } = createButton(
     mergeProps(props, {
@@ -1639,6 +1637,7 @@ function createToggleButton(props = {}) {
     isSelected
   };
 }
+
 function access(value) {
   return typeof value === "function" ? value() : value;
 }
@@ -1801,7 +1800,7 @@ function createRadioGroupState(props = {}) {
   function setLastFocusedValue(value) {
     setLastFocusedValueInternal(value);
   }
-  const state2 = {
+  const state = {
     name,
     selectedValue,
     defaultSelectedValue: initialProps.defaultValue ?? null,
@@ -1821,10 +1820,11 @@ function createRadioGroupState(props = {}) {
       return isInvalid();
     }
   };
-  radioGroupSyncVersion.set(state2, syncVersion);
-  return state2;
+  radioGroupSyncVersion.set(state, syncVersion);
+  return state;
 }
-function createToggle(props, state2, ref) {
+
+function createToggle(props, state, ref) {
   const getProps = () => access$1(props);
   const isDisabled = () => getProps().isDisabled ?? false;
   const isReadOnly = () => getProps().isReadOnly ?? false;
@@ -1865,10 +1865,9 @@ function createToggle(props, state2, ref) {
       return getProps().onPressUp;
     },
     onPress(e) {
-      var _a, _b, _c;
-      (_b = (_a = getProps()).onPress) == null ? void 0 : _b.call(_a, e);
-      state2.toggle();
-      (_c = ref()) == null ? void 0 : _c.focus();
+      getProps().onPress?.(e);
+      state.toggle();
+      ref()?.focus();
     },
     get isDisabled() {
       return isDisabled() || isReadOnly();
@@ -1905,10 +1904,10 @@ function createToggle(props, state2, ref) {
   const onChange = (e) => {
     e.stopPropagation();
     if (isReadOnly()) {
-      e.currentTarget.checked = state2.isSelected();
+      e.currentTarget.checked = state.isSelected();
       return;
     }
-    state2.setSelected(e.currentTarget.checked);
+    state.setSelected(e.currentTarget.checked);
   };
   createEffect(() => {
     const p = getProps();
@@ -1942,16 +1941,17 @@ function createToggle(props, state2, ref) {
         onClick: (e) => e.stopPropagation()
       });
     },
-    isSelected: state2.isSelected,
+    isSelected: state.isSelected,
     isPressed: combinedIsPressed,
     isDisabled: isDisabled(),
     isReadOnly: isReadOnly(),
     isInvalid: isInvalid()
   };
 }
-function createCheckbox(props, state2, inputRef) {
+
+function createCheckbox(props, state, inputRef) {
   const getProps = () => access$1(props);
-  const toggleResult = createToggle(props, state2, inputRef);
+  const toggleResult = createToggle(props, state, inputRef);
   const {
     labelProps: baseLabelProps,
     isSelected,
@@ -2000,6 +2000,7 @@ function createCheckbox(props, state2, inputRef) {
     isInvalid
   };
 }
+
 function createIsSSR() {
   return isServer;
 }
@@ -2010,6 +2011,7 @@ function createId(defaultId) {
   return `solidaria-${createUniqueId()}`;
 }
 const canUseDOM = !isServer;
+
 function createLabels(props, defaultLabel) {
   let {
     id,
@@ -2032,6 +2034,7 @@ function createLabels(props, defaultLabel) {
     "aria-labelledby": labelledBy
   };
 }
+
 function createLabel(props) {
   const getProps = () => access$1(props);
   const id = createId(getProps().id);
@@ -2075,6 +2078,7 @@ function createLabel(props) {
     }
   };
 }
+
 function createField(props) {
   const getProps = () => access$1(props);
   const { labelProps, fieldProps: baseLabelFieldProps } = createLabel(props);
@@ -2131,10 +2135,11 @@ function createField(props) {
     }
   };
 }
+
 const checkboxGroupData = /* @__PURE__ */ new WeakMap();
-function createCheckboxGroup(props, state2) {
+function createCheckboxGroup(props, state) {
   const getProps = () => access$1(props);
-  const isInvalid = () => state2.isInvalid;
+  const isInvalid = () => state.isInvalid;
   const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({
     get label() {
       return getProps().label;
@@ -2164,7 +2169,7 @@ function createCheckboxGroup(props, state2) {
     // shouldn't be labeled by a <label> element.
     labelElementType: "span"
   });
-  checkboxGroupData.set(state2, {
+  checkboxGroupData.set(state, {
     name: getProps().name,
     form: getProps().form,
     descriptionId: descriptionProps.id,
@@ -2187,7 +2192,7 @@ function createCheckboxGroup(props, state2) {
     get groupProps() {
       return mergeProps(domProps(), {
         role: "group",
-        "aria-disabled": state2.isDisabled || void 0,
+        "aria-disabled": state.isDisabled || void 0,
         ...fieldProps,
         ...focusWithinProps
       });
@@ -2206,37 +2211,37 @@ function createCheckboxGroup(props, state2) {
     }
   };
 }
-function createCheckboxGroupItem(props, state2, inputRef) {
+
+function createCheckboxGroupItem(props, state, inputRef) {
   const getProps = () => access$1(props);
   const toggleState = {
-    isSelected: () => state2.isSelected(getProps().value),
-    defaultSelected: state2.defaultValue.includes(getProps().value),
+    isSelected: () => state.isSelected(getProps().value),
+    defaultSelected: state.defaultValue.includes(getProps().value),
     setSelected(isSelected) {
-      var _a, _b;
       const value = getProps().value;
       if (isSelected) {
-        state2.addValue(value);
+        state.addValue(value);
       } else {
-        state2.removeValue(value);
+        state.removeValue(value);
       }
-      (_b = (_a = getProps()).onChange) == null ? void 0 : _b.call(_a, isSelected);
+      getProps().onChange?.(isSelected);
     },
     toggle() {
-      state2.toggleValue(getProps().value);
+      state.toggleValue(getProps().value);
     }
   };
-  const getGroupData = () => checkboxGroupData.get(state2);
+  const getGroupData = () => checkboxGroupData.get(state);
   const checkboxProps = () => {
     const p = getProps();
     const groupData = getGroupData();
     return {
       ...p,
-      isReadOnly: p.isReadOnly ?? state2.isReadOnly,
-      isDisabled: p.isDisabled ?? state2.isDisabled,
-      name: p.name ?? (groupData == null ? void 0 : groupData.name),
-      form: p.form ?? (groupData == null ? void 0 : groupData.form),
-      isRequired: p.isRequired ?? state2.isRequired(),
-      validationBehavior: p.validationBehavior ?? (groupData == null ? void 0 : groupData.validationBehavior) ?? "aria"
+      isReadOnly: p.isReadOnly ?? state.isReadOnly,
+      isDisabled: p.isDisabled ?? state.isDisabled,
+      name: p.name ?? groupData?.name,
+      form: p.form ?? groupData?.form,
+      isRequired: p.isRequired ?? state.isRequired(),
+      validationBehavior: p.validationBehavior ?? groupData?.validationBehavior ?? "aria"
     };
   };
   const result = createCheckbox(checkboxProps, toggleState, inputRef);
@@ -2250,10 +2255,10 @@ function createCheckboxGroupItem(props, state2, inputRef) {
       if (propsDescribedBy) {
         describedByIds.push(propsDescribedBy);
       }
-      if (state2.isInvalid && (groupData == null ? void 0 : groupData.errorMessageId)) {
+      if (state.isInvalid && groupData?.errorMessageId) {
         describedByIds.push(groupData.errorMessageId);
       }
-      if (groupData == null ? void 0 : groupData.descriptionId) {
+      if (groupData?.descriptionId) {
         describedByIds.push(groupData.descriptionId);
       }
       const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(" ") : void 0;
@@ -2264,8 +2269,9 @@ function createCheckboxGroupItem(props, state2, inputRef) {
     }
   };
 }
+
 const radioGroupData = /* @__PURE__ */ new WeakMap();
-function createRadioGroup(props, state2) {
+function createRadioGroup(props, state) {
   const getProps = () => access$1(props);
   const orientation = () => getProps().orientation ?? "vertical";
   const isReadOnly = () => getProps().isReadOnly ?? false;
@@ -2283,7 +2289,7 @@ function createRadioGroup(props, state2) {
       return getProps().errorMessage;
     },
     get isInvalid() {
-      return state2.isInvalid;
+      return state.isInvalid;
     },
     // Radio group is not an HTML input element so it
     // shouldn't be labeled by a <label> element.
@@ -2291,24 +2297,17 @@ function createRadioGroup(props, state2) {
   });
   const { focusWithinProps } = createFocusWithin({
     onBlurWithin(e) {
-      var _a, _b;
-      (_b = (_a = getProps()).onBlur) == null ? void 0 : _b.call(_a, e);
-      if (!state2.selectedValue()) {
-        state2.setLastFocusedValue(null);
+      getProps().onBlur?.(e);
+      if (!state.selectedValue()) {
+        state.setLastFocusedValue(null);
       }
     },
-    onFocusWithin: (e) => {
-      var _a, _b;
-      return (_b = (_a = getProps()).onFocus) == null ? void 0 : _b.call(_a, e);
-    },
-    onFocusWithinChange: (isFocused) => {
-      var _a, _b;
-      return (_b = (_a = getProps()).onFocusChange) == null ? void 0 : _b.call(_a, isFocused);
-    }
+    onFocusWithin: (e) => getProps().onFocus?.(e),
+    onFocusWithinChange: (isFocused) => getProps().onFocusChange?.(isFocused)
   });
   const domProps = () => filterDOMProps(getProps(), { labelable: true });
   const groupName = getProps().name ?? createId();
-  radioGroupData.set(state2, {
+  radioGroupData.set(state, {
     name: groupName,
     form: getProps().form,
     descriptionId: descriptionProps.id,
@@ -2325,7 +2324,7 @@ function createRadioGroup(props, state2) {
         {
           role: "radiogroup",
           onKeyDown,
-          "aria-invalid": state2.isInvalid || void 0,
+          "aria-invalid": state.isInvalid || void 0,
           "aria-errormessage": getProps()["aria-errormessage"],
           "aria-readonly": isReadOnly() || void 0,
           "aria-required": isRequired() || void 0,
@@ -2339,7 +2338,7 @@ function createRadioGroup(props, state2) {
     descriptionProps,
     errorMessageProps,
     get isInvalid() {
-      return state2.isInvalid;
+      return state.isInvalid;
     },
     get validationErrors() {
       return [];
@@ -2349,12 +2348,13 @@ function createRadioGroup(props, state2) {
     }
   };
 }
-function createRadio(props, state2, ref) {
+
+function createRadio(props, state, ref) {
   const getProps = () => access$1(props);
-  const isDisabled = () => getProps().isDisabled || state2.isDisabled;
+  const isDisabled = () => getProps().isDisabled || state.isDisabled;
   const value = () => getProps().value;
   const isSelected = () => {
-    const selected = state2.selectedValue();
+    const selected = state.selectedValue();
     const v = value();
     return selected === v;
   };
@@ -2369,8 +2369,8 @@ function createRadio(props, state2, ref) {
   createEffect(() => {
     const inputEl = ref();
     if (!inputEl) return;
-    const syncVersion = radioGroupSyncVersion.get(state2);
-    syncVersion == null ? void 0 : syncVersion();
+    const syncVersion = radioGroupSyncVersion.get(state);
+    syncVersion?.();
     const shouldBeChecked = isSelected();
     if (inputEl.checked !== shouldBeChecked) {
       inputEl.checked = shouldBeChecked;
@@ -2383,7 +2383,7 @@ function createRadio(props, state2, ref) {
       target.checked = isSelected();
       return;
     }
-    state2.setSelectedValue(value());
+    state.setSelectedValue(value());
     target.focus();
     target.checked = isSelected();
   };
@@ -2421,10 +2421,9 @@ function createRadio(props, state2, ref) {
       return getProps().onPressUp;
     },
     onPress(e) {
-      var _a, _b, _c;
-      (_b = (_a = getProps()).onPress) == null ? void 0 : _b.call(_a, e);
-      state2.setSelectedValue(value());
-      (_c = ref()) == null ? void 0 : _c.focus();
+      getProps().onPress?.(e);
+      state.setSelectedValue(value());
+      ref()?.focus();
     },
     get isDisabled() {
       return isDisabled();
@@ -2438,9 +2437,8 @@ function createRadio(props, state2, ref) {
       return getProps().autoFocus;
     },
     onFocus(e) {
-      var _a, _b;
-      (_b = (_a = getProps()).onFocus) == null ? void 0 : _b.call(_a, e);
-      state2.setLastFocusedValue(value());
+      getProps().onFocus?.(e);
+      state.setLastFocusedValue(value());
     },
     get onBlur() {
       return getProps().onBlur;
@@ -2461,8 +2459,8 @@ function createRadio(props, state2, ref) {
     if (isDisabled()) {
       return void 0;
     }
-    const selected = state2.selectedValue();
-    const lastFocused = state2.lastFocusedValue();
+    const selected = state.selectedValue();
+    const lastFocused = state.lastFocusedValue();
     const currentValue = value();
     if (selected != null) {
       if (selected === currentValue) {
@@ -2476,7 +2474,7 @@ function createRadio(props, state2, ref) {
       return -1;
     }
   };
-  const getGroupData = () => radioGroupData.get(state2);
+  const getGroupData = () => radioGroupData.get(state);
   const combinedIsPressed = () => isPressed() || isLabelPressed();
   return {
     labelProps: mergeProps(labelPressProps, {
@@ -2490,20 +2488,20 @@ function createRadio(props, state2, ref) {
       if (p["aria-describedby"]) {
         describedByIds.push(p["aria-describedby"]);
       }
-      if (state2.isInvalid && (groupData == null ? void 0 : groupData.errorMessageId)) {
+      if (state.isInvalid && groupData?.errorMessageId) {
         describedByIds.push(groupData.errorMessageId);
       }
-      if (groupData == null ? void 0 : groupData.descriptionId) {
+      if (groupData?.descriptionId) {
         describedByIds.push(groupData.descriptionId);
       }
       const ariaDescribedBy = describedByIds.length > 0 ? describedByIds.join(" ") : void 0;
       return mergeProps(domProps(), interactions, {
         type: "radio",
-        name: groupData == null ? void 0 : groupData.name,
-        form: groupData == null ? void 0 : groupData.form,
+        name: groupData?.name,
+        form: groupData?.form,
         tabIndex: getTabIndex(),
         disabled: isDisabled(),
-        required: state2.isRequired && (groupData == null ? void 0 : groupData.validationBehavior) === "native",
+        required: state.isRequired && groupData?.validationBehavior === "native",
         checked: isSelected(),
         value: value(),
         onChange,
@@ -2515,8 +2513,9 @@ function createRadio(props, state2, ref) {
     isPressed: combinedIsPressed
   };
 }
-function createSwitch(props, state2, ref) {
-  const toggle = createToggle(props, state2, ref);
+
+function createSwitch(props, state, ref) {
+  const toggle = createToggle(props, state, ref);
   return {
     labelProps: toggle.labelProps,
     get inputProps() {
@@ -2533,6 +2532,7 @@ function createSwitch(props, state2, ref) {
     isReadOnly: toggle.isReadOnly
   };
 }
+
 function createLink(props = {}) {
   const getProps = () => access$1(props);
   const isDisabled = () => getProps().isDisabled ?? false;
@@ -2606,12 +2606,11 @@ function createLink(props = {}) {
       ariaProps["aria-describedby"] = p["aria-describedby"];
     }
     const onClick = (e) => {
-      var _a;
       if (disabled) {
         e.preventDefault();
         return;
       }
-      (_a = p.onClick) == null ? void 0 : _a.call(p, e);
+      p.onClick?.(e);
     };
     return mergeProps(
       filterDOMProps(p, { labelable: true }),
@@ -2629,6 +2628,7 @@ function createLink(props = {}) {
     isPressed
   };
 }
+
 function createTextField(props, ref) {
   const getProps = () => access$1(props);
   const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField(props);
@@ -2663,9 +2663,8 @@ function createTextField(props, ref) {
         "aria-invalid": isInvalid || void 0,
         value: p.value ?? p.defaultValue ?? "",
         onChange: (e) => {
-          var _a;
           const target = e.target;
-          (_a = p.onChange) == null ? void 0 : _a.call(p, target.value);
+          p.onChange?.(target.value);
         },
         // Don't include type and pattern for textarea elements
         type: isTextarea ? void 0 : p.type ?? "text",
@@ -2718,6 +2717,7 @@ function createTextField(props, ref) {
     }
   };
 }
+
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -2774,6 +2774,7 @@ function createProgressBar(props = {}) {
     }
   };
 }
+
 function createSeparator(props = {}) {
   const getSeparatorProps = () => {
     const p = access$1(props);
@@ -2797,38 +2798,6 @@ function createSeparator(props = {}) {
     }
   };
 }
-export {
-  access$1 as access,
-  canUseDOM,
-  checkboxGroupData,
-  createButton,
-  createCheckbox,
-  createCheckboxGroup,
-  createCheckboxGroupItem,
-  createCheckboxGroupState,
-  createField,
-  createFocusRing,
-  createFocusable,
-  createHover,
-  createId,
-  createIsSSR,
-  createLabel,
-  createLabels,
-  createLink,
-  createPress,
-  createProgressBar,
-  createRadio,
-  createRadioGroup,
-  createRadioGroupState,
-  createSeparator,
-  createSwitch,
-  createTextField,
-  createToggle,
-  createToggleButton,
-  createToggleState,
-  filterDOMProps,
-  isAccessor,
-  mergeProps,
-  radioGroupData
-};
+
+export { access$1 as access, canUseDOM, checkboxGroupData, createButton, createCheckbox, createCheckboxGroup, createCheckboxGroupItem, createCheckboxGroupState, createField, createFocusRing, createFocusable, createHover, createId, createIsSSR, createLabel, createLabels, createLink, createPress, createProgressBar, createRadio, createRadioGroup, createRadioGroupState, createSeparator, createSwitch, createTextField, createToggle, createToggleButton, createToggleState, filterDOMProps, isAccessor, mergeProps, radioGroupData };
 //# sourceMappingURL=index.js.map