@proyecto-viviana/solidaria 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,36 +1,31 @@
-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";
-class PressEvent {
+import { createContext, createSignal, onCleanup, onMount, createEffect, createMemo, createUniqueId, useContext } from 'solid-js';
+import { radioGroupSyncVersion } from '@proyecto-viviana/solid-stately';
+export { createCheckboxGroupState, createRadioGroupState, createToggleState } from '@proyecto-viviana/solid-stately';
+import { isServer } from 'solid-js/web';
+
+// src/interactions/createPress.ts
+
+// src/interactions/PressEvent.ts
+var PressEvent = class {
+  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 +43,28 @@ 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);
 }
+
+// src/utils/mergeProps.ts
 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,14 +86,16 @@ function chainHandlers(existingHandler, newHandler) {
 function mergeClassNames(...classes) {
   return classes.filter(Boolean).join(" ");
 }
-const DOMPropNames = /* @__PURE__ */ new Set(["id"]);
-const labelablePropNames = /* @__PURE__ */ new Set([
+
+// src/utils/filterDOMProps.ts
+var DOMPropNames = /* @__PURE__ */ new Set(["id"]);
+var labelablePropNames = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
 ]);
-const linkPropNames = /* @__PURE__ */ new Set([
+var linkPropNames = /* @__PURE__ */ new Set([
   "href",
   "hrefLang",
   "target",
@@ -107,8 +104,8 @@ const linkPropNames = /* @__PURE__ */ new Set([
   "ping",
   "referrerPolicy"
 ]);
-const globalAttrs = /* @__PURE__ */ new Set(["dir", "lang", "hidden", "inert", "translate"]);
-const globalEvents = /* @__PURE__ */ new Set([
+var globalAttrs = /* @__PURE__ */ new Set(["dir", "lang", "hidden", "inert", "translate"]);
+var globalEvents = /* @__PURE__ */ new Set([
   "onClick",
   "onAuxClick",
   "onContextMenu",
@@ -144,26 +141,29 @@ const globalEvents = /* @__PURE__ */ new Set([
   "onTransitionRun",
   "onTransitionStart"
 ]);
-const propRe = /^(data-.*)$/;
+var propRe = /^(data-.*)$/;
 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) {
+
+// src/utils/reactivity.ts
+function access(value) {
   return typeof value === "function" ? value() : value;
 }
 function isAccessor(value) {
   return typeof value === "function";
 }
+
+// src/utils/platform.ts
 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 +177,10 @@ function isIPad() {
 function isIOS() {
   return isIPhone() || isIPad();
 }
+
+// src/utils/dom.ts
 function getOwnerDocument(el) {
-  return (el == null ? void 0 : el.ownerDocument) ?? document;
+  return el?.ownerDocument ?? document;
 }
 function nodeContains(parent, child) {
   if (!parent || !child) {
@@ -279,14 +281,16 @@ 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;
   }
 }
+
+// src/utils/geometry.ts
 function areRectanglesOverlapping(a, b) {
   if (a.left > b.right || b.left > a.right) {
     return false;
@@ -349,6 +353,8 @@ function getTouchById(event, pointerId) {
   }
   return null;
 }
+
+// src/utils/events.ts
 function isVirtualClick(event) {
   if (event.mozInputSource === 0 && event.isTrusted) {
     return true;
@@ -377,9 +383,11 @@ function setEventTarget(event, target) {
     configurable: true
   });
 }
-let state = "default";
-let savedUserSelect = "";
-let modifiedElementMap = /* @__PURE__ */ new WeakMap();
+
+// src/utils/textSelection.ts
+var state = "default";
+var savedUserSelect = "";
+var modifiedElementMap = /* @__PURE__ */ new WeakMap();
 function disableTextSelection(target) {
   if (isIOS()) {
     if (state === "default") {
@@ -429,8 +437,8 @@ function restoreTextSelection(target) {
     }
   }
 }
-const pendingTransitions = /* @__PURE__ */ new Set();
-let transitionTimeout = null;
+var pendingTransitions = /* @__PURE__ */ new Set();
+var transitionTimeout = null;
 function runAfterTransition(callback) {
   pendingTransitions.add(callback);
   if (transitionTimeout != null) {
@@ -444,6 +452,8 @@ function runAfterTransition(callback) {
     transitionTimeout = null;
   }, 0);
 }
+
+// src/utils/focus.ts
 function focusWithoutScrolling(element) {
   if (!element) return;
   try {
@@ -478,8 +488,8 @@ function getScrollableAncestors(element) {
   ancestors.push(doc.documentElement);
   return ancestors;
 }
-let ignoreFocus = false;
-let preventFocusTimeout = null;
+var ignoreFocus = false;
+var preventFocusTimeout = null;
 function preventFocus(target) {
   const focusableAncestor = findFocusableAncestor(target);
   if (!focusableAncestor) return;
@@ -526,11 +536,11 @@ function findFocusableAncestor(element) {
   }
   return element;
 }
-const focusSafely = focusWithoutScrolling;
+var 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 +550,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,7 +575,9 @@ function createGlobalListeners() {
     removeAllGlobalListeners
   };
 }
-function isDisabledValue$2(isDisabled) {
+
+// src/interactions/createPress.ts
+function isDisabledValue(isDisabled) {
   if (typeof isDisabled === "function") {
     return isDisabled();
   }
@@ -580,8 +589,8 @@ function isPressedValue(isPressed) {
   }
   return isPressed ?? false;
 }
-const LINK_CLICKED = Symbol("linkClicked");
-let pressableCSSInjected = false;
+var LINK_CLICKED = Symbol("linkClicked");
+var pressableCSSInjected = false;
 function injectPressableCSS() {
   if (pressableCSSInjected || typeof document === "undefined") return;
   const style = document.createElement("style");
@@ -620,7 +629,7 @@ function createPress(props = {}) {
   const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();
   injectPressableCSS();
   const triggerPressStart = (originalEvent, pointerType) => {
-    if (isDisabledValue$2(props.isDisabled) || pressState.didFirePressStart) {
+    if (isDisabledValue(props.isDisabled) || pressState.didFirePressStart) {
       return false;
     }
     let shouldStopPropagation = true;
@@ -653,7 +662,7 @@ function createPress(props = {}) {
       props.onPressChange(false);
     }
     setInternalIsPressed(false);
-    if (wasPressed && !isDisabledValue$2(props.isDisabled)) {
+    if (wasPressed && !isDisabledValue(props.isDisabled)) {
       if (props.onPress) {
         const event = createPressEvent("press", pointerType, originalEvent, pressState.target);
         props.onPress(event);
@@ -662,7 +671,7 @@ function createPress(props = {}) {
     pressState.isTriggeringEvent = false;
   };
   const triggerPressUp = (originalEvent, pointerType) => {
-    if (isDisabledValue$2(props.isDisabled)) {
+    if (isDisabledValue(props.isDisabled)) {
       return;
     }
     if (props.onPressUp) {
@@ -783,7 +792,7 @@ function createPress(props = {}) {
     }
   };
   const onTouchStart = (e) => {
-    if (isDisabledValue$2(props.isDisabled)) {
+    if (isDisabledValue(props.isDisabled)) {
       return;
     }
     if (pressState.isPressed) {
@@ -909,7 +918,7 @@ function createPress(props = {}) {
     }
   };
   const onKeyDown = (e) => {
-    if (isDisabledValue$2(props.isDisabled)) {
+    if (isDisabledValue(props.isDisabled)) {
       return;
     }
     if (!isValidKeyboardEvent(e, e.currentTarget)) {
@@ -943,16 +952,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,
@@ -987,7 +995,7 @@ function createPress(props = {}) {
       return;
     }
     if (e.button === 0 && !pressState.isTriggeringEvent) {
-      if (isDisabledValue$2(props.isDisabled)) {
+      if (isDisabledValue(props.isDisabled)) {
         e.preventDefault();
         return;
       }
@@ -1079,7 +1087,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 +1125,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);
@@ -1168,7 +1176,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,7 +1190,7 @@ function createFocusWithin(props = {}) {
         "focus",
         (focusEvent) => {
           if (isFocusWithin && !nodeContains(currentTarget, focusEvent.target)) {
-            const window2 = ownerDocument == null ? void 0 : ownerDocument.defaultView;
+            const window2 = ownerDocument?.defaultView;
             if (window2) {
               const nativeEvent = new window2.FocusEvent("blur", {
                 relatedTarget: focusEvent.target
@@ -1218,6 +1226,8 @@ function createFocusWithin(props = {}) {
     }
   };
 }
+
+// src/interactions/createKeyboard.ts
 function createEventHandler(handler) {
   if (!handler) {
     return void 0;
@@ -1248,16 +1258,15 @@ function createKeyboard(props = {}) {
     }
   };
 }
-const FocusableContext = createContext(null);
+
+// src/interactions/createFocusable.ts
+var FocusableContext = createContext(null);
 function useFocusableContext(setRef) {
   const context = useContext(FocusableContext) || {};
-  if (context.ref) {
-    context.ref;
-  }
   const { ref: _, ...otherProps } = context;
   return otherProps;
 }
-function isDisabledValue$1(isDisabled) {
+function isDisabledValue2(isDisabled) {
   if (typeof isDisabled === "function") {
     return isDisabled();
   }
@@ -1268,22 +1277,22 @@ 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),
+    isDisabled: isDisabledValue2(props.isDisabled),
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onFocusChange: props.onFocusChange
   });
   const { keyboardProps } = createKeyboard({
-    isDisabled: isDisabledValue$1(props.isDisabled),
+    isDisabled: isDisabledValue2(props.isDisabled),
     onKeyDown: props.onKeyDown,
     onKeyUp: props.onKeyUp
   });
   const interactions = mergeProps(focusProps, keyboardProps);
   const contextProps = useFocusableContext();
-  const interactionProps = isDisabledValue$1(props.isDisabled) ? {} : contextProps;
+  const interactionProps = isDisabledValue2(props.isDisabled) ? {} : contextProps;
   onMount(() => {
     if (props.autoFocus && elementRef && !autoFocusDone) {
       focusSafely(elementRef);
@@ -1291,7 +1300,7 @@ function createFocusable(props = {}, ref) {
     }
   });
   let tabIndex = props.excludeFromTabOrder ? -1 : 0;
-  if (isDisabledValue$1(props.isDisabled)) {
+  if (isDisabledValue2(props.isDisabled)) {
     tabIndex = void 0;
   }
   const focusableProps = mergeProps(
@@ -1306,9 +1315,9 @@ function createFocusable(props = {}, ref) {
     focusableProps
   };
 }
-let currentModality = null;
-let hasSetupGlobalListeners = false;
-let changeHandlers = /* @__PURE__ */ new Set();
+var currentModality = null;
+var hasSetupGlobalListeners = false;
+var changeHandlers = /* @__PURE__ */ new Set();
 function triggerChangeHandlers(modality) {
   currentModality = modality;
   for (const handler of changeHandlers) {
@@ -1372,8 +1381,8 @@ function createFocusRing(props = {}) {
     focusProps: focusResult.focusProps
   };
 }
-let globalIgnoreEmulatedMouseEvents = false;
-let hoverCount = 0;
+var globalIgnoreEmulatedMouseEvents = false;
+var hoverCount = 0;
 function setGlobalIgnoreEmulatedMouseEvents() {
   globalIgnoreEmulatedMouseEvents = true;
   setTimeout(() => {
@@ -1393,8 +1402,6 @@ function setupGlobalTouchEvents() {
   if (hoverCount === 0) {
     if (typeof PointerEvent !== "undefined") {
       document.addEventListener("pointerup", handleGlobalPointerEvent);
-    } else if (process.env.NODE_ENV === "test") {
-      document.addEventListener("touchend", setGlobalIgnoreEmulatedMouseEvents);
     }
   }
   hoverCount++;
@@ -1405,13 +1412,11 @@ function setupGlobalTouchEvents() {
     }
     if (typeof PointerEvent !== "undefined") {
       document.removeEventListener("pointerup", handleGlobalPointerEvent);
-    } else if (process.env.NODE_ENV === "test") {
-      document.removeEventListener("touchend", setGlobalIgnoreEmulatedMouseEvents);
     }
   };
 }
 function createHover(props = {}) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const [isHovered, setIsHovered] = createSignal(false);
   let state2 = {
     isHovered: false,
@@ -1430,7 +1435,6 @@ function createHover(props = {}) {
     }
   });
   function triggerHoverStart(target, pointerType) {
-    var _a, _b;
     const p = getProps();
     state2.pointerType = pointerType;
     if (p.isDisabled || state2.isHovered) {
@@ -1438,16 +1442,15 @@ function createHover(props = {}) {
     }
     state2.isHovered = true;
     state2.target = target;
-    (_a = p.onHoverStart) == null ? void 0 : _a.call(p, {
+    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;
@@ -1455,12 +1458,12 @@ function createHover(props = {}) {
       return;
     }
     state2.isHovered = false;
-    (_a = p.onHoverEnd) == null ? void 0 : _a.call(p, {
+    p.onHoverEnd?.({
       type: "hoverend",
       target,
       pointerType
     });
-    (_b = p.onHoverChange) == null ? void 0 : _b.call(p, false);
+    p.onHoverChange?.(false);
     setIsHovered(false);
   }
   const hoverProps = createMemo(() => {
@@ -1503,7 +1506,9 @@ function createHover(props = {}) {
     isHovered
   };
 }
-function isDisabledValue(isDisabled) {
+
+// src/button/createButton.ts
+function isDisabledValue3(isDisabled) {
   if (typeof isDisabled === "function") {
     return isDisabled();
   }
@@ -1527,7 +1532,7 @@ function createButton(props = {}) {
   });
   const isNativeButton = elementType === "button" || elementType === "input";
   const isLink = elementType === "a";
-  const disabled = isDisabledValue(props.isDisabled);
+  const disabled = isDisabledValue3(props.isDisabled);
   let additionalProps = {};
   if (isNativeButton) {
     additionalProps = {
@@ -1610,17 +1615,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,193 +1642,8 @@ function createToggleButton(props = {}) {
     isSelected
   };
 }
-function access(value) {
-  return typeof value === "function" ? value() : value;
-}
-function createToggleState(props = {}) {
-  const getProps = () => access(props);
-  const initialProps = getProps();
-  const initialSelected = initialProps.isSelected ?? initialProps.defaultSelected ?? false;
-  const [internalSelected, setInternalSelected] = createSignal(initialSelected);
-  const isControlled = () => getProps().isSelected !== void 0;
-  const isSelected = () => {
-    const p = getProps();
-    return isControlled() ? p.isSelected ?? false : internalSelected();
-  };
-  function setSelected(value) {
-    var _a;
-    const p = getProps();
-    if (p.isReadOnly) {
-      return;
-    }
-    if (!isControlled()) {
-      setInternalSelected(value);
-    }
-    (_a = p.onChange) == null ? void 0 : _a.call(p, value);
-  }
-  function toggle() {
-    const p = getProps();
-    if (p.isReadOnly) {
-      return;
-    }
-    setSelected(!isSelected());
-  }
-  return {
-    isSelected,
-    defaultSelected: initialProps.defaultSelected ?? initialSelected,
-    setSelected,
-    toggle
-  };
-}
-function createCheckboxGroupState(props = {}) {
-  const getProps = () => access(props);
-  const initialProps = getProps();
-  const initialValue = initialProps.value ?? initialProps.defaultValue ?? [];
-  const [internalValue, setInternalValue] = createSignal(initialValue);
-  const isControlled = () => getProps().value !== void 0;
-  const value = () => {
-    const p = getProps();
-    return isControlled() ? p.value ?? [] : internalValue();
-  };
-  const isRequired = () => {
-    const p = getProps();
-    return !!p.isRequired && value().length === 0;
-  };
-  const isInvalid = () => {
-    return getProps().isInvalid ?? false;
-  };
-  function setValue(newValue) {
-    var _a;
-    const p = getProps();
-    if (p.isReadOnly || p.isDisabled) {
-      return;
-    }
-    if (!isControlled()) {
-      setInternalValue(newValue);
-    }
-    (_a = p.onChange) == null ? void 0 : _a.call(p, newValue);
-  }
-  function isSelected(checkValue) {
-    return value().includes(checkValue);
-  }
-  function addValue(addVal) {
-    const p = getProps();
-    if (p.isReadOnly || p.isDisabled) {
-      return;
-    }
-    const current = value();
-    if (!current.includes(addVal)) {
-      setValue([...current, addVal]);
-    }
-  }
-  function removeValue(removeVal) {
-    const p = getProps();
-    if (p.isReadOnly || p.isDisabled) {
-      return;
-    }
-    const current = value();
-    if (current.includes(removeVal)) {
-      setValue(current.filter((v) => v !== removeVal));
-    }
-  }
-  function toggleValue(toggleVal) {
-    const p = getProps();
-    if (p.isReadOnly || p.isDisabled) {
-      return;
-    }
-    const current = value();
-    if (current.includes(toggleVal)) {
-      setValue(current.filter((v) => v !== toggleVal));
-    } else {
-      setValue([...current, toggleVal]);
-    }
-  }
-  return {
-    value,
-    defaultValue: initialProps.defaultValue ?? initialValue,
-    get isDisabled() {
-      return getProps().isDisabled ?? false;
-    },
-    get isReadOnly() {
-      return getProps().isReadOnly ?? false;
-    },
-    get isInvalid() {
-      return isInvalid();
-    },
-    isRequired,
-    isSelected,
-    setValue,
-    addValue,
-    removeValue,
-    toggleValue
-  };
-}
-function createId$1(defaultId) {
-  return `solid-stately-${createUniqueId()}`;
-}
-const radioGroupSyncVersion = /* @__PURE__ */ new WeakMap();
-function createRadioGroupState(props = {}) {
-  const getProps = () => access(props);
-  const initialProps = untrack(() => getProps());
-  const name = initialProps.name || `radio-group-${createId$1()}`;
-  const [internalValue, setInternalValue] = createSignal(
-    initialProps.defaultValue ?? null
-  );
-  const [lastFocusedValue, setLastFocusedValueInternal] = createSignal(null);
-  const [syncVersion, setSyncVersion] = createSignal(0);
-  const isControlled = () => getProps().value !== void 0;
-  const selectedValue = () => {
-    const p = getProps();
-    if (p.value !== void 0) {
-      return p.value ?? null;
-    }
-    return internalValue();
-  };
-  const isInvalid = () => {
-    return getProps().isInvalid ?? false;
-  };
-  function setSelectedValue(value) {
-    var _a;
-    const p = getProps();
-    if (p.isReadOnly || p.isDisabled) {
-      return;
-    }
-    setSyncVersion((v) => v + 1);
-    if (!isControlled()) {
-      setInternalValue(value);
-    }
-    if (value != null) {
-      (_a = p.onChange) == null ? void 0 : _a.call(p, value);
-    }
-  }
-  function setLastFocusedValue(value) {
-    setLastFocusedValueInternal(value);
-  }
-  const state2 = {
-    name,
-    selectedValue,
-    defaultSelectedValue: initialProps.defaultValue ?? null,
-    setSelectedValue,
-    lastFocusedValue,
-    setLastFocusedValue,
-    get isDisabled() {
-      return getProps().isDisabled ?? false;
-    },
-    get isReadOnly() {
-      return getProps().isReadOnly ?? false;
-    },
-    get isRequired() {
-      return getProps().isRequired ?? false;
-    },
-    get isInvalid() {
-      return isInvalid();
-    }
-  };
-  radioGroupSyncVersion.set(state2, syncVersion);
-  return state2;
-}
 function createToggle(props, state2, ref) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const isDisabled = () => getProps().isDisabled ?? false;
   const isReadOnly = () => getProps().isReadOnly ?? false;
   const isInvalid = () => {
@@ -1865,10 +1683,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);
+      getProps().onPress?.(e);
       state2.toggle();
-      (_c = ref()) == null ? void 0 : _c.focus();
+      ref()?.focus();
     },
     get isDisabled() {
       return isDisabled() || isReadOnly();
@@ -1914,7 +1731,7 @@ function createToggle(props, state2, ref) {
     const p = getProps();
     const hasChildren = p.children != null;
     const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
-    if (!hasChildren && !hasAriaLabel && process.env.NODE_ENV !== "production") {
+    if (!hasChildren && !hasAriaLabel && true) {
       console.warn("If you do not provide children, you must specify an aria-label for accessibility");
     }
   });
@@ -1949,8 +1766,10 @@ function createToggle(props, state2, ref) {
     isInvalid: isInvalid()
   };
 }
+
+// src/checkbox/createCheckbox.ts
 function createCheckbox(props, state2, inputRef) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const toggleResult = createToggle(props, state2, inputRef);
   const {
     labelProps: baseLabelProps,
@@ -2009,7 +1828,9 @@ function createId(defaultId) {
   }
   return `solidaria-${createUniqueId()}`;
 }
-const canUseDOM = !isServer;
+var canUseDOM = !isServer;
+
+// src/label/createLabels.ts
 function createLabels(props, defaultLabel) {
   let {
     id,
@@ -2032,8 +1853,10 @@ function createLabels(props, defaultLabel) {
     "aria-labelledby": labelledBy
   };
 }
+
+// src/label/createLabel.ts
 function createLabel(props) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const id = createId(getProps().id);
   const labelId = createId();
   const getLabelProps = () => {
@@ -2055,7 +1878,7 @@ function createLabel(props) {
     let labelledBy = ariaLabelledby;
     if (label) {
       labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
-    } else if (!ariaLabelledby && !ariaLabel && process.env.NODE_ENV !== "production") {
+    } else if (!ariaLabelledby && !ariaLabel && true) {
       console.warn(
         "If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility"
       );
@@ -2075,8 +1898,10 @@ function createLabel(props) {
     }
   };
 }
+
+// src/label/createField.ts
 function createField(props) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const { labelProps, fieldProps: baseLabelFieldProps } = createLabel(props);
   const descriptionId = createId();
   const errorMessageId = createId();
@@ -2131,9 +1956,11 @@ function createField(props) {
     }
   };
 }
-const checkboxGroupData = /* @__PURE__ */ new WeakMap();
+
+// src/checkbox/createCheckboxGroup.ts
+var checkboxGroupData = /* @__PURE__ */ new WeakMap();
 function createCheckboxGroup(props, state2) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const isInvalid = () => state2.isInvalid;
   const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({
     get label() {
@@ -2206,20 +2033,21 @@ function createCheckboxGroup(props, state2) {
     }
   };
 }
+
+// src/checkbox/createCheckboxGroupItem.ts
 function createCheckboxGroupItem(props, state2, inputRef) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const toggleState = {
     isSelected: () => state2.isSelected(getProps().value),
     defaultSelected: state2.defaultValue.includes(getProps().value),
     setSelected(isSelected) {
-      var _a, _b;
       const value = getProps().value;
       if (isSelected) {
         state2.addValue(value);
       } else {
         state2.removeValue(value);
       }
-      (_b = (_a = getProps()).onChange) == null ? void 0 : _b.call(_a, isSelected);
+      getProps().onChange?.(isSelected);
     },
     toggle() {
       state2.toggleValue(getProps().value);
@@ -2233,10 +2061,10 @@ function createCheckboxGroupItem(props, state2, inputRef) {
       ...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),
+      name: p.name ?? groupData?.name,
+      form: p.form ?? groupData?.form,
       isRequired: p.isRequired ?? state2.isRequired(),
-      validationBehavior: p.validationBehavior ?? (groupData == null ? void 0 : groupData.validationBehavior) ?? "aria"
+      validationBehavior: p.validationBehavior ?? groupData?.validationBehavior ?? "aria"
     };
   };
   const result = createCheckbox(checkboxProps, toggleState, inputRef);
@@ -2250,10 +2078,10 @@ function createCheckboxGroupItem(props, state2, inputRef) {
       if (propsDescribedBy) {
         describedByIds.push(propsDescribedBy);
       }
-      if (state2.isInvalid && (groupData == null ? void 0 : groupData.errorMessageId)) {
+      if (state2.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,9 +2092,11 @@ function createCheckboxGroupItem(props, state2, inputRef) {
     }
   };
 }
-const radioGroupData = /* @__PURE__ */ new WeakMap();
+
+// src/radio/createRadioGroup.ts
+var radioGroupData = /* @__PURE__ */ new WeakMap();
 function createRadioGroup(props, state2) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const orientation = () => getProps().orientation ?? "vertical";
   const isReadOnly = () => getProps().isReadOnly ?? false;
   const isRequired = () => getProps().isRequired ?? false;
@@ -2291,20 +2121,13 @@ function createRadioGroup(props, state2) {
   });
   const { focusWithinProps } = createFocusWithin({
     onBlurWithin(e) {
-      var _a, _b;
-      (_b = (_a = getProps()).onBlur) == null ? void 0 : _b.call(_a, e);
+      getProps().onBlur?.(e);
       if (!state2.selectedValue()) {
         state2.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();
@@ -2350,7 +2173,7 @@ function createRadioGroup(props, state2) {
   };
 }
 function createRadio(props, state2, ref) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const isDisabled = () => getProps().isDisabled || state2.isDisabled;
   const value = () => getProps().value;
   const isSelected = () => {
@@ -2362,7 +2185,7 @@ function createRadio(props, state2, ref) {
     const p = getProps();
     const hasChildren = p.children != null;
     const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
-    if (!hasChildren && !hasAriaLabel && process.env.NODE_ENV !== "production") {
+    if (!hasChildren && !hasAriaLabel && true) {
       console.warn("If you do not provide children, you must specify an aria-label for accessibility");
     }
   });
@@ -2370,7 +2193,7 @@ function createRadio(props, state2, ref) {
     const inputEl = ref();
     if (!inputEl) return;
     const syncVersion = radioGroupSyncVersion.get(state2);
-    syncVersion == null ? void 0 : syncVersion();
+    syncVersion?.();
     const shouldBeChecked = isSelected();
     if (inputEl.checked !== shouldBeChecked) {
       inputEl.checked = shouldBeChecked;
@@ -2421,10 +2244,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);
+      getProps().onPress?.(e);
       state2.setSelectedValue(value());
-      (_c = ref()) == null ? void 0 : _c.focus();
+      ref()?.focus();
     },
     get isDisabled() {
       return isDisabled();
@@ -2438,8 +2260,7 @@ function createRadio(props, state2, ref) {
       return getProps().autoFocus;
     },
     onFocus(e) {
-      var _a, _b;
-      (_b = (_a = getProps()).onFocus) == null ? void 0 : _b.call(_a, e);
+      getProps().onFocus?.(e);
       state2.setLastFocusedValue(value());
     },
     get onBlur() {
@@ -2490,20 +2311,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 (state2.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: state2.isRequired && groupData?.validationBehavior === "native",
         checked: isSelected(),
         value: value(),
         onChange,
@@ -2515,6 +2336,8 @@ function createRadio(props, state2, ref) {
     isPressed: combinedIsPressed
   };
 }
+
+// src/switch/createSwitch.ts
 function createSwitch(props, state2, ref) {
   const toggle = createToggle(props, state2, ref);
   return {
@@ -2533,8 +2356,10 @@ function createSwitch(props, state2, ref) {
     isReadOnly: toggle.isReadOnly
   };
 }
+
+// src/link/createLink.ts
 function createLink(props = {}) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const isDisabled = () => getProps().isDisabled ?? false;
   const elementType = () => getProps().elementType ?? "a";
   const { pressProps, isPressed } = createPress({
@@ -2606,12 +2431,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,8 +2453,10 @@ function createLink(props = {}) {
     isPressed
   };
 }
+
+// src/textfield/createTextField.ts
 function createTextField(props, ref) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField(props);
   const { focusableProps } = createFocusable(
     {
@@ -2663,9 +2489,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,11 +2543,13 @@ function createTextField(props, ref) {
     }
   };
 }
+
+// src/progress/createProgressBar.ts
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function createProgressBar(props = {}) {
-  const getProps = () => access$1(props);
+  const getProps = () => access(props);
   const { labelProps, fieldProps } = createLabel({
     get label() {
       return getProps().label;
@@ -2774,9 +2601,11 @@ function createProgressBar(props = {}) {
     }
   };
 }
+
+// src/separator/createSeparator.ts
 function createSeparator(props = {}) {
   const getSeparatorProps = () => {
-    const p = access$1(props);
+    const p = access(props);
     const domProps = filterDOMProps(p, { labelable: true });
     let ariaOrientation;
     if (p.orientation === "vertical") {
@@ -2797,38 +2626,5 @@ 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
-};
-//# sourceMappingURL=index.js.map
+
+export { access, canUseDOM, checkboxGroupData, createButton, createCheckbox, createCheckboxGroup, createCheckboxGroupItem, createField, createFocusRing, createFocusable, createHover, createId, createIsSSR, createLabel, createLabels, createLink, createPress, createProgressBar, createRadio, createRadioGroup, createSeparator, createSwitch, createTextField, createToggle, createToggleButton, filterDOMProps, isAccessor, mergeProps, radioGroupData };