@proyecto-viviana/solidaria-components 0.0.4 → 0.0.5

package/dist/index.js

@@ -1,8 +1,5 @@
-import { createMemo, splitProps, createContext, useContext } from 'solid-js';
-import { createComponent, Dynamic, mergeProps, template, spread, insert, use } from 'solid-js/web';
-import { createButton, createFocusRing, createHover, createSwitch, createCheckboxGroupItem, createCheckbox, createCheckboxGroup, createRadioGroup, createRadio, createTextField, createLink, createProgressBar, createSeparator } from '@proyecto-viviana/solidaria';
-import { createToggleState, createCheckboxGroupState, createRadioGroupState, createTextFieldState } from '@proyecto-viviana/solid-stately';
-
+// src/utils.tsx
+import { createContext, useContext, createMemo } from "solid-js";
 function useRenderProps(props, values) {
   return createMemo(() => {
     const currentValues = values();
@@ -65,7 +62,12 @@ function filterDOMProps(props, options = {}) {
   return result;
 }
 
-const visuallyHiddenStyles = {
+// src/VisuallyHidden.tsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+var visuallyHiddenStyles = {
   border: "0",
   clip: "rect(0 0 0 0)",
   "clip-path": "inset(50%)",
@@ -80,7 +82,7 @@ const visuallyHiddenStyles = {
 function VisuallyHidden(props) {
   const [local, others] = splitProps(props, ["elementType", "children", "isFocusable"]);
   const elementType = () => local.elementType ?? "span";
-  return createComponent(Dynamic, mergeProps({
+  return _$createComponent(Dynamic, _$mergeProps({
     get component() {
       return elementType();
     },
@@ -92,10 +94,20 @@ function VisuallyHidden(props) {
   }));
 }
 
-var _tmpl$$5 = /* @__PURE__ */ template(`<button>`);
-const ButtonContext = createContext(null);
+// src/Button.tsx
+import { template as _$template } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps2 } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createContext as createContext2, createMemo as createMemo2, splitProps as splitProps2 } from "solid-js";
+import { createButton, createFocusRing, createHover } from "@proyecto-viviana/solidaria";
+var _tmpl$ = /* @__PURE__ */ _$template(`<button>`);
+var ButtonContext = createContext2(null);
 function Button(props) {
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps2(props, ["children", "class", "style", "slot"]);
   const resolveDisabled = () => {
     const disabled = ariaProps.isDisabled;
     if (typeof disabled === "function") {
@@ -122,7 +134,7 @@ function Button(props) {
       return resolveDisabled();
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo2(() => ({
     isHovered: isHovered(),
     isPressed: buttonAria.isPressed(),
     isFocused: isFocused(),
@@ -135,7 +147,7 @@ function Button(props) {
     style: local.style,
     defaultClassName: "solidaria-Button"
   }, renderValues);
-  const domProps = createMemo(() => {
+  const domProps = createMemo2(() => {
     const filtered = filterDOMProps(ariaProps, {
       global: true
     });
@@ -163,8 +175,8 @@ function Button(props) {
     return rest;
   };
   return (() => {
-    var _el$ = _tmpl$$5();
-    spread(_el$, mergeProps(domProps, cleanButtonProps, cleanFocusProps, cleanHoverProps, {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps2(domProps, cleanButtonProps, cleanFocusProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
       },
@@ -187,16 +199,32 @@ function Button(props) {
         return resolveDisabled() || void 0;
       }
     }), false, true);
-    insert(_el$, () => renderProps().children);
+    _$insert(_el$, () => renderProps().children);
+    _$runHydrationEvents();
     return _el$;
   })();
 }
 
-var _tmpl$$4 = /* @__PURE__ */ template(`<input>`), _tmpl$2$3 = /* @__PURE__ */ template(`<label>`);
-const ToggleSwitchContext = createContext(null);
+// src/Switch.tsx
+import { template as _$template2 } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert2 } from "solid-js/web";
+import { createComponent as _$createComponent2 } from "solid-js/web";
+import { getNextElement as _$getNextElement2 } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents2 } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { spread as _$spread2 } from "solid-js/web";
+import { mergeProps as _$mergeProps3 } from "solid-js/web";
+import { memo as _$memo2 } from "solid-js/web";
+import { createContext as createContext3, createMemo as createMemo3, splitProps as splitProps3 } from "solid-js";
+import { createSwitch, createFocusRing as createFocusRing2, createHover as createHover2 } from "@proyecto-viviana/solidaria";
+import { createToggleState } from "@proyecto-viviana/solid-stately";
+var _tmpl$2 = /* @__PURE__ */ _$template2(`<input>`);
+var _tmpl$22 = /* @__PURE__ */ _$template2(`<label><!$><!/><!$><!/>`);
+var ToggleSwitchContext = createContext3(null);
 function ToggleSwitch(props) {
   let inputRef = null;
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps3(props, ["children", "class", "style", "slot"]);
   const state = createToggleState({
     get isSelected() {
       return ariaProps.isSelected;
@@ -219,16 +247,16 @@ function ToggleSwitch(props) {
     isFocused,
     isFocusVisible,
     focusProps
-  } = createFocusRing();
+  } = createFocusRing2();
   const {
     isHovered,
     hoverProps
-  } = createHover({
+  } = createHover2({
     get isDisabled() {
       return ariaProps.isDisabled || ariaProps.isReadOnly;
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo3(() => ({
     isSelected: switchAria.isSelected(),
     isHovered: isHovered(),
     isPressed: switchAria.isPressed(),
@@ -244,7 +272,7 @@ function ToggleSwitch(props) {
     style: local.style,
     defaultClassName: "solidaria-ToggleSwitch"
   }, renderValues);
-  const domProps = createMemo(() => {
+  const domProps = createMemo3(() => {
     const filtered = filterDOMProps(ariaProps, {
       global: true
     });
@@ -281,8 +309,8 @@ function ToggleSwitch(props) {
     return rest;
   };
   return (() => {
-    var _el$ = _tmpl$2$3();
-    spread(_el$, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
+    var _el$ = _$getNextElement2(_tmpl$22), _el$3 = _el$.firstChild, [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling), _el$5 = _el$4.nextSibling, [_el$6, _co$2] = _$getNextMarker(_el$5.nextSibling);
+    _$spread2(_el$, _$mergeProps3(domProps, cleanLabelProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
       },
@@ -311,25 +339,43 @@ function ToggleSwitch(props) {
         return switchAria.isReadOnly || void 0;
       }
     }), false, true);
-    insert(_el$, createComponent(VisuallyHidden, {
+    _$insert2(_el$, _$createComponent2(VisuallyHidden, {
       get children() {
-        var _el$2 = _tmpl$$4();
-        use((el) => inputRef = el, _el$2);
-        spread(_el$2, mergeProps(cleanInputProps, cleanFocusProps), false, false);
+        var _el$2 = _$getNextElement2(_tmpl$2);
+        _$use((el) => inputRef = el, _el$2);
+        _$spread2(_el$2, _$mergeProps3(cleanInputProps, cleanFocusProps), false, false);
+        _$runHydrationEvents2();
         return _el$2;
       }
-    }), null);
-    insert(_el$, () => renderProps().children, null);
+    }), _el$4, _co$);
+    _$insert2(_el$, () => renderProps().children, _el$6, _co$2);
+    _$runHydrationEvents2();
     return _el$;
   })();
 }
 
-var _tmpl$$3 = /* @__PURE__ */ template(`<div>`), _tmpl$2$2 = /* @__PURE__ */ template(`<input>`), _tmpl$3$2 = /* @__PURE__ */ template(`<label>`);
-const CheckboxGroupContext = createContext(null);
-const CheckboxGroupStateContext = createContext(null);
-const CheckboxContext = createContext(null);
+// src/Checkbox.tsx
+import { template as _$template3 } from "solid-js/web";
+import { getNextMarker as _$getNextMarker2 } from "solid-js/web";
+import { use as _$use2 } from "solid-js/web";
+import { createComponent as _$createComponent3 } from "solid-js/web";
+import { getNextElement as _$getNextElement3 } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents3 } from "solid-js/web";
+import { insert as _$insert3 } from "solid-js/web";
+import { spread as _$spread3 } from "solid-js/web";
+import { mergeProps as _$mergeProps4 } from "solid-js/web";
+import { memo as _$memo3 } from "solid-js/web";
+import { createContext as createContext4, useContext as useContext2, createMemo as createMemo4, splitProps as splitProps4 } from "solid-js";
+import { createCheckbox, createCheckboxGroup, createCheckboxGroupItem, createFocusRing as createFocusRing3, createHover as createHover3 } from "@proyecto-viviana/solidaria";
+import { createToggleState as createToggleState2, createCheckboxGroupState } from "@proyecto-viviana/solid-stately";
+var _tmpl$3 = /* @__PURE__ */ _$template3(`<div>`);
+var _tmpl$23 = /* @__PURE__ */ _$template3(`<input>`);
+var _tmpl$32 = /* @__PURE__ */ _$template3(`<label><!$><!/><!$><!/>`);
+var CheckboxGroupContext = createContext4(null);
+var CheckboxGroupStateContext = createContext4(null);
+var CheckboxContext = createContext4(null);
 function CheckboxGroup(props) {
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps4(props, ["children", "class", "style", "slot"]);
   const state = createCheckboxGroupState({
     get value() {
       return ariaProps.value;
@@ -354,7 +400,7 @@ function CheckboxGroup(props) {
     }
   });
   const groupAria = createCheckboxGroup(() => ariaProps, state);
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo4(() => ({
     isDisabled: state.isDisabled,
     isReadOnly: state.isReadOnly,
     isRequired: ariaProps.isRequired ?? false,
@@ -367,7 +413,7 @@ function CheckboxGroup(props) {
     style: local.style,
     defaultClassName: "solidaria-CheckboxGroup"
   }, renderValues);
-  const domProps = createMemo(() => filterDOMProps(ariaProps, {
+  const domProps = createMemo4(() => filterDOMProps(ariaProps, {
     global: true
   }));
   const cleanGroupProps = () => {
@@ -377,11 +423,11 @@ function CheckboxGroup(props) {
     } = groupAria.groupProps;
     return rest;
   };
-  return createComponent(CheckboxGroupStateContext.Provider, {
+  return _$createComponent3(CheckboxGroupStateContext.Provider, {
     value: state,
     get children() {
-      var _el$ = _tmpl$$3();
-      spread(_el$, mergeProps(domProps, cleanGroupProps, {
+      var _el$ = _$getNextElement3(_tmpl$3);
+      _$spread3(_el$, _$mergeProps4(domProps, cleanGroupProps, {
         get ["class"]() {
           return renderProps().class;
         },
@@ -401,15 +447,16 @@ function CheckboxGroup(props) {
           return groupAria.isInvalid || void 0;
         }
       }), false, true);
-      insert(_el$, () => renderProps().children);
+      _$insert3(_el$, () => renderProps().children);
+      _$runHydrationEvents3();
       return _el$;
     }
   });
 }
 function Checkbox(props) {
   let inputRef = null;
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot", "isIndeterminate"]);
-  const groupState = useContext(CheckboxGroupStateContext);
+  const [local, ariaProps] = splitProps4(props, ["children", "class", "style", "slot", "isIndeterminate"]);
+  const groupState = useContext2(CheckboxGroupStateContext);
   let isSelected;
   let isPressed;
   let isDisabled;
@@ -431,7 +478,7 @@ function Checkbox(props) {
     labelProps = itemAria.labelProps;
     inputProps = itemAria.inputProps;
   } else {
-    const state = createToggleState({
+    const state = createToggleState2({
       get isSelected() {
         return ariaProps.isSelected;
       },
@@ -462,16 +509,16 @@ function Checkbox(props) {
     isFocused,
     isFocusVisible,
     focusProps
-  } = createFocusRing();
+  } = createFocusRing3();
   const {
     isHovered,
     hoverProps
-  } = createHover({
+  } = createHover3({
     get isDisabled() {
       return isDisabled || isReadOnly;
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo4(() => ({
     isSelected: isSelected(),
     isIndeterminate: local.isIndeterminate ?? false,
     isHovered: isHovered(),
@@ -489,7 +536,7 @@ function Checkbox(props) {
     style: local.style,
     defaultClassName: "solidaria-Checkbox"
   }, renderValues);
-  const domProps = createMemo(() => {
+  const domProps = createMemo4(() => {
     const filtered = filterDOMProps(ariaProps, {
       global: true
     });
@@ -526,8 +573,8 @@ function Checkbox(props) {
     return rest;
   };
   return (() => {
-    var _el$2 = _tmpl$3$2();
-    spread(_el$2, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
+    var _el$2 = _$getNextElement3(_tmpl$32), _el$4 = _el$2.firstChild, [_el$5, _co$] = _$getNextMarker2(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = _$getNextMarker2(_el$6.nextSibling);
+    _$spread3(_el$2, _$mergeProps4(domProps, cleanLabelProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
       },
@@ -559,25 +606,43 @@ function Checkbox(props) {
         return ariaProps.isRequired || void 0;
       }
     }), false, true);
-    insert(_el$2, createComponent(VisuallyHidden, {
+    _$insert3(_el$2, _$createComponent3(VisuallyHidden, {
       get children() {
-        var _el$3 = _tmpl$2$2();
-        use((el) => inputRef = el, _el$3);
-        spread(_el$3, mergeProps(cleanInputProps, cleanFocusProps), false, false);
+        var _el$3 = _$getNextElement3(_tmpl$23);
+        _$use2((el) => inputRef = el, _el$3);
+        _$spread3(_el$3, _$mergeProps4(cleanInputProps, cleanFocusProps), false, false);
+        _$runHydrationEvents3();
         return _el$3;
       }
-    }), null);
-    insert(_el$2, () => renderProps().children, null);
+    }), _el$5, _co$);
+    _$insert3(_el$2, () => renderProps().children, _el$7, _co$2);
+    _$runHydrationEvents3();
     return _el$2;
   })();
 }
 
-var _tmpl$$2 = /* @__PURE__ */ template(`<div>`), _tmpl$2$1 = /* @__PURE__ */ template(`<input>`), _tmpl$3$1 = /* @__PURE__ */ template(`<label>`);
-const RadioGroupContext = createContext(null);
-const RadioGroupStateContext = createContext(null);
-const RadioContext = createContext(null);
+// src/RadioGroup.tsx
+import { template as _$template4 } from "solid-js/web";
+import { getNextMarker as _$getNextMarker3 } from "solid-js/web";
+import { use as _$use3 } from "solid-js/web";
+import { createComponent as _$createComponent4 } from "solid-js/web";
+import { getNextElement as _$getNextElement4 } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents4 } from "solid-js/web";
+import { insert as _$insert4 } from "solid-js/web";
+import { spread as _$spread4 } from "solid-js/web";
+import { mergeProps as _$mergeProps5 } from "solid-js/web";
+import { memo as _$memo4 } from "solid-js/web";
+import { createContext as createContext5, useContext as useContext3, createMemo as createMemo5, splitProps as splitProps5 } from "solid-js";
+import { createRadio, createRadioGroup, createFocusRing as createFocusRing4, createHover as createHover4 } from "@proyecto-viviana/solidaria";
+import { createRadioGroupState } from "@proyecto-viviana/solid-stately";
+var _tmpl$4 = /* @__PURE__ */ _$template4(`<div>`);
+var _tmpl$24 = /* @__PURE__ */ _$template4(`<input>`);
+var _tmpl$33 = /* @__PURE__ */ _$template4(`<label><!$><!/><!$><!/>`);
+var RadioGroupContext = createContext5(null);
+var RadioGroupStateContext = createContext5(null);
+var RadioContext = createContext5(null);
 function RadioGroup(props) {
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps5(props, ["children", "class", "style", "slot"]);
   const state = createRadioGroupState({
     get value() {
       return props.value;
@@ -602,7 +667,7 @@ function RadioGroup(props) {
     }
   });
   const groupAria = createRadioGroup(() => ariaProps, state);
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo5(() => ({
     orientation: ariaProps.orientation ?? "vertical",
     isDisabled: state.isDisabled,
     isReadOnly: state.isReadOnly,
@@ -616,7 +681,7 @@ function RadioGroup(props) {
     style: local.style,
     defaultClassName: "solidaria-RadioGroup"
   }, renderValues);
-  const domProps = createMemo(() => filterDOMProps(ariaProps, {
+  const domProps = createMemo5(() => filterDOMProps(ariaProps, {
     global: true
   }));
   const cleanGroupProps = () => {
@@ -626,11 +691,11 @@ function RadioGroup(props) {
     } = groupAria.radioGroupProps;
     return rest;
   };
-  return createComponent(RadioGroupStateContext.Provider, {
+  return _$createComponent4(RadioGroupStateContext.Provider, {
     value: state,
     get children() {
-      var _el$ = _tmpl$$2();
-      spread(_el$, mergeProps(domProps, cleanGroupProps, {
+      var _el$ = _$getNextElement4(_tmpl$4);
+      _$spread4(_el$, _$mergeProps5(domProps, cleanGroupProps, {
         get ["class"]() {
           return renderProps().class;
         },
@@ -653,7 +718,8 @@ function RadioGroup(props) {
           return groupAria.isInvalid || void 0;
         }
       }), false, true);
-      insert(_el$, () => renderProps().children);
+      _$insert4(_el$, () => renderProps().children);
+      _$runHydrationEvents4();
       return _el$;
     }
   });
@@ -664,7 +730,7 @@ function RadioImpl(props) {
     radioProps,
     state
   } = props;
-  const [local, ariaProps] = splitProps(radioProps, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps5(radioProps, ["children", "class", "style", "slot"]);
   const radioAria = createRadio(() => ({
     ...ariaProps,
     children: typeof local.children === "function" ? true : local.children
@@ -673,16 +739,16 @@ function RadioImpl(props) {
     isFocused,
     isFocusVisible,
     focusProps
-  } = createFocusRing();
+  } = createFocusRing4();
   const {
     isHovered,
     hoverProps
-  } = createHover({
+  } = createHover4({
     get isDisabled() {
       return radioAria.isDisabled || state.isReadOnly;
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo5(() => ({
     isSelected: radioAria.isSelected(),
     isHovered: isHovered(),
     isPressed: radioAria.isPressed(),
@@ -699,7 +765,7 @@ function RadioImpl(props) {
     style: local.style,
     defaultClassName: "solidaria-Radio"
   }, renderValues);
-  const domProps = createMemo(() => {
+  const domProps = createMemo5(() => {
     const filtered = filterDOMProps(ariaProps, {
       global: true
     });
@@ -736,8 +802,8 @@ function RadioImpl(props) {
     return rest;
   };
   return (() => {
-    var _el$2 = _tmpl$3$1();
-    spread(_el$2, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
+    var _el$2 = _$getNextElement4(_tmpl$33), _el$4 = _el$2.firstChild, [_el$5, _co$] = _$getNextMarker3(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = _$getNextMarker3(_el$6.nextSibling);
+    _$spread4(_el$2, _$mergeProps5(domProps, cleanLabelProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
       },
@@ -772,35 +838,52 @@ function RadioImpl(props) {
         return state.isRequired || void 0;
       }
     }), false, true);
-    insert(_el$2, createComponent(VisuallyHidden, {
+    _$insert4(_el$2, _$createComponent4(VisuallyHidden, {
       get children() {
-        var _el$3 = _tmpl$2$1();
-        use((el) => inputRef = el, _el$3);
-        spread(_el$3, mergeProps(cleanInputProps, cleanFocusProps), false, false);
+        var _el$3 = _$getNextElement4(_tmpl$24);
+        _$use3((el) => inputRef = el, _el$3);
+        _$spread4(_el$3, _$mergeProps5(cleanInputProps, cleanFocusProps), false, false);
+        _$runHydrationEvents4();
         return _el$3;
       }
-    }), null);
-    insert(_el$2, () => renderProps().children, null);
+    }), _el$5, _co$);
+    _$insert4(_el$2, () => renderProps().children, _el$7, _co$2);
+    _$runHydrationEvents4();
     return _el$2;
   })();
 }
 function Radio(props) {
-  return (() => {
-    const state = useContext(RadioGroupStateContext);
+  return () => {
+    const state = useContext3(RadioGroupStateContext);
     if (!state) {
       throw new Error("Radio must be used within a RadioGroup");
     }
-    return createComponent(RadioImpl, {
+    return _$createComponent4(RadioImpl, {
       radioProps: props,
       state
     });
-  });
+  };
 }
 
-var _tmpl$$1 = /* @__PURE__ */ template(`<label>`), _tmpl$2 = /* @__PURE__ */ template(`<input>`), _tmpl$3 = /* @__PURE__ */ template(`<textarea>`), _tmpl$4 = /* @__PURE__ */ template(`<div>`);
-const TextFieldContext = createContext(null);
+// src/TextField.tsx
+import { template as _$template5 } from "solid-js/web";
+import { createComponent as _$createComponent5 } from "solid-js/web";
+import { memo as _$memo5 } from "solid-js/web";
+import { getNextElement as _$getNextElement5 } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents5 } from "solid-js/web";
+import { insert as _$insert5 } from "solid-js/web";
+import { spread as _$spread5 } from "solid-js/web";
+import { mergeProps as _$mergeProps6 } from "solid-js/web";
+import { createContext as createContext6, useContext as useContext4, createMemo as createMemo6, splitProps as splitProps6 } from "solid-js";
+import { createTextField, createFocusRing as createFocusRing5, createHover as createHover5 } from "@proyecto-viviana/solidaria";
+import { createTextFieldState } from "@proyecto-viviana/solid-stately";
+var _tmpl$5 = /* @__PURE__ */ _$template5(`<label>`);
+var _tmpl$25 = /* @__PURE__ */ _$template5(`<input>`);
+var _tmpl$34 = /* @__PURE__ */ _$template5(`<textarea>`);
+var _tmpl$42 = /* @__PURE__ */ _$template5(`<div>`);
+var TextFieldContext = createContext6(null);
 function Label(props) {
-  const context = useContext(TextFieldContext);
+  const context = useContext4(TextFieldContext);
   const mergedProps = () => {
     if (context) {
       const {
@@ -815,14 +898,15 @@ function Label(props) {
     return props;
   };
   return (() => {
-    var _el$ = _tmpl$$1();
-    spread(_el$, mergeProps(mergedProps), false, true);
-    insert(_el$, () => props.children);
+    var _el$ = _$getNextElement5(_tmpl$5);
+    _$spread5(_el$, _$mergeProps6(mergedProps), false, true);
+    _$insert5(_el$, () => props.children);
+    _$runHydrationEvents5();
     return _el$;
   })();
 }
 function Input(props) {
-  const context = useContext(TextFieldContext);
+  const context = useContext4(TextFieldContext);
   const mergedProps = () => {
     if (context) {
       const {
@@ -837,13 +921,14 @@ function Input(props) {
     return props;
   };
   return (() => {
-    var _el$2 = _tmpl$2();
-    spread(_el$2, mergeProps(mergedProps), false, false);
+    var _el$2 = _$getNextElement5(_tmpl$25);
+    _$spread5(_el$2, _$mergeProps6(mergedProps), false, false);
+    _$runHydrationEvents5();
     return _el$2;
   })();
 }
 function TextArea(props) {
-  const context = useContext(TextFieldContext);
+  const context = useContext4(TextFieldContext);
   const mergedProps = () => {
     if (context) {
       const {
@@ -859,13 +944,14 @@ function TextArea(props) {
     return props;
   };
   return (() => {
-    var _el$3 = _tmpl$3();
-    spread(_el$3, mergeProps(mergedProps), false, false);
+    var _el$3 = _$getNextElement5(_tmpl$34);
+    _$spread5(_el$3, _$mergeProps6(mergedProps), false, false);
+    _$runHydrationEvents5();
     return _el$3;
   })();
 }
 function TextField(props) {
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps6(props, ["children", "class", "style", "slot"]);
   const state = createTextFieldState({
     get value() {
       return ariaProps.value;
@@ -886,16 +972,16 @@ function TextField(props) {
     isFocused,
     isFocusVisible,
     focusProps
-  } = createFocusRing();
+  } = createFocusRing5();
   const {
     isHovered,
     hoverProps
-  } = createHover({
+  } = createHover5({
     get isDisabled() {
       return ariaProps.isDisabled;
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo6(() => ({
     isDisabled: ariaProps.isDisabled || false,
     isInvalid: textFieldAria.isInvalid,
     isReadOnly: ariaProps.isReadOnly || false,
@@ -910,7 +996,7 @@ function TextField(props) {
     style: local.style,
     defaultClassName: "solidaria-TextField"
   }, renderValues);
-  const domProps = createMemo(() => {
+  const domProps = createMemo6(() => {
     const filtered = filterDOMProps(ariaProps, {
       global: true
     });
@@ -934,11 +1020,11 @@ function TextField(props) {
     errorMessageProps: textFieldAria.errorMessageProps,
     isInvalid: textFieldAria.isInvalid
   };
-  return createComponent(TextFieldContext.Provider, {
+  return _$createComponent5(TextFieldContext.Provider, {
     value: contextValue,
     get children() {
-      var _el$4 = _tmpl$4();
-      spread(_el$4, mergeProps(domProps, cleanHoverProps, {
+      var _el$4 = _$getNextElement5(_tmpl$42);
+      _$spread5(_el$4, _$mergeProps6(domProps, cleanHoverProps, {
         get ["class"]() {
           return renderProps().class;
         },
@@ -967,15 +1053,23 @@ function TextField(props) {
           return isFocusVisible() || void 0;
         }
       }), false, true);
-      insert(_el$4, () => renderProps().children);
+      _$insert5(_el$4, () => renderProps().children);
+      _$runHydrationEvents5();
       return _el$4;
     }
   });
 }
 
-const LinkContext = createContext(null);
+// src/Link.tsx
+import { createComponent as _$createComponent6 } from "solid-js/web";
+import { mergeProps as _$mergeProps7 } from "solid-js/web";
+import { memo as _$memo6 } from "solid-js/web";
+import { createContext as createContext7, createMemo as createMemo7, splitProps as splitProps7 } from "solid-js";
+import { Dynamic as Dynamic2 } from "solid-js/web";
+import { createLink, createFocusRing as createFocusRing6, createHover as createHover6 } from "@proyecto-viviana/solidaria";
+var LinkContext = createContext7(null);
 function Link(props) {
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot", "onHoverStart", "onHoverEnd", "onHoverChange"]);
+  const [local, ariaProps] = splitProps7(props, ["children", "class", "style", "slot", "onHoverStart", "onHoverEnd", "onHoverChange"]);
   const elementType = () => {
     if (ariaProps.href && !ariaProps.isDisabled) {
       return "a";
@@ -1045,11 +1139,11 @@ function Link(props) {
     isFocused,
     isFocusVisible,
     focusProps
-  } = createFocusRing();
+  } = createFocusRing6();
   const {
     isHovered,
     hoverProps
-  } = createHover({
+  } = createHover6({
     get isDisabled() {
       return ariaProps.isDisabled ?? false;
     },
@@ -1063,7 +1157,7 @@ function Link(props) {
       return local.onHoverChange;
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo7(() => ({
     isCurrent: !!ariaProps["aria-current"],
     isHovered: isHovered(),
     isPressed: linkAria.isPressed(),
@@ -1077,7 +1171,7 @@ function Link(props) {
     style: local.style,
     defaultClassName: "solidaria-Link"
   }, renderValues);
-  const domProps = createMemo(() => filterDOMProps(ariaProps, {
+  const domProps = createMemo7(() => filterDOMProps(ariaProps, {
     global: true
   }));
   const cleanLinkProps = () => {
@@ -1101,7 +1195,7 @@ function Link(props) {
     } = focusProps;
     return rest;
   };
-  return createComponent(Dynamic, mergeProps({
+  return _$createComponent6(Dynamic2, _$mergeProps7({
     get component() {
       return elementType();
     }
@@ -1136,13 +1230,22 @@ function Link(props) {
   }));
 }
 
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-const ProgressBarContext = createContext(null);
+// src/ProgressBar.tsx
+import { template as _$template6 } from "solid-js/web";
+import { getNextElement as _$getNextElement6 } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents6 } from "solid-js/web";
+import { insert as _$insert6 } from "solid-js/web";
+import { spread as _$spread6 } from "solid-js/web";
+import { mergeProps as _$mergeProps8 } from "solid-js/web";
+import { createContext as createContext8, createMemo as createMemo8, splitProps as splitProps8 } from "solid-js";
+import { createProgressBar } from "@proyecto-viviana/solidaria";
+var _tmpl$6 = /* @__PURE__ */ _$template6(`<div>`);
+var ProgressBarContext = createContext8(null);
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function ProgressBar(props) {
-  const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
+  const [local, ariaProps] = splitProps8(props, ["children", "class", "style", "slot"]);
   const value = () => ariaProps.value ?? 0;
   const minValue = () => ariaProps.minValue ?? 0;
   const maxValue = () => ariaProps.maxValue ?? 100;
@@ -1182,17 +1285,17 @@ function ProgressBar(props) {
       return ariaProps["aria-details"];
     }
   });
-  const percentage = createMemo(() => {
+  const percentage = createMemo8(() => {
     if (isIndeterminate()) {
       return void 0;
     }
     const clampedValue = clamp(value(), minValue(), maxValue());
     return (clampedValue - minValue()) / (maxValue() - minValue()) * 100;
   });
-  const valueText = createMemo(() => {
+  const valueText = createMemo8(() => {
     return progressAria.progressBarProps["aria-valuetext"];
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo8(() => ({
     percentage: percentage(),
     valueText: valueText(),
     isIndeterminate: isIndeterminate()
@@ -1203,12 +1306,12 @@ function ProgressBar(props) {
     style: local.style,
     defaultClassName: "solidaria-ProgressBar"
   }, renderValues);
-  const domProps = createMemo(() => filterDOMProps(ariaProps, {
+  const domProps = createMemo8(() => filterDOMProps(ariaProps, {
     global: true
   }));
   return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(domProps, () => progressAria.progressBarProps, {
+    var _el$ = _$getNextElement6(_tmpl$6);
+    _$spread6(_el$, _$mergeProps8(domProps, () => progressAria.progressBarProps, {
       get ["class"]() {
         return renderProps().class;
       },
@@ -1219,15 +1322,22 @@ function ProgressBar(props) {
         return local.slot;
       }
     }), false, true);
-    insert(_el$, () => renderProps().children);
+    _$insert6(_el$, () => renderProps().children);
+    _$runHydrationEvents6();
     return _el$;
   })();
 }
 
-const SeparatorContext = createContext(null);
+// src/Separator.tsx
+import { createComponent as _$createComponent7 } from "solid-js/web";
+import { mergeProps as _$mergeProps9 } from "solid-js/web";
+import { createContext as createContext9, createMemo as createMemo9, splitProps as splitProps9 } from "solid-js";
+import { Dynamic as Dynamic3 } from "solid-js/web";
+import { createSeparator } from "@proyecto-viviana/solidaria";
+var SeparatorContext = createContext9(null);
 function Separator(props) {
-  const [local, ariaProps] = splitProps(props, ["class", "style", "slot"]);
-  const elementType = createMemo(() => {
+  const [local, ariaProps] = splitProps9(props, ["class", "style", "slot"]);
+  const elementType = createMemo9(() => {
     let element = ariaProps.elementType || "hr";
     if (element === "hr" && ariaProps.orientation === "vertical") {
       element = "div";
@@ -1251,27 +1361,27 @@ function Separator(props) {
       return ariaProps.id;
     }
   });
-  const renderValues = createMemo(() => ({
+  const renderValues = createMemo9(() => ({
     orientation: ariaProps.orientation ?? "horizontal"
   }));
-  const resolvedClass = createMemo(() => {
+  const resolvedClass = createMemo9(() => {
     const cls = local.class;
     if (typeof cls === "function") {
       return cls(renderValues());
     }
     return cls ?? "solidaria-Separator";
   });
-  const resolvedStyle = createMemo(() => {
+  const resolvedStyle = createMemo9(() => {
     const style = local.style;
     if (typeof style === "function") {
       return style(renderValues());
     }
     return style;
   });
-  const domProps = createMemo(() => filterDOMProps(ariaProps, {
+  const domProps = createMemo9(() => filterDOMProps(ariaProps, {
     global: true
   }));
-  return createComponent(Dynamic, mergeProps({
+  return _$createComponent7(Dynamic3, _$mergeProps9({
     get component() {
       return elementType();
     }
@@ -1287,6 +1397,37 @@ function Separator(props) {
     }
   }));
 }
-
-export { Button, ButtonContext, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, CheckboxGroupStateContext, Input, Label, Link, LinkContext, ProgressBar, ProgressBarContext, Radio, RadioContext, RadioGroup, RadioGroupContext, RadioGroupStateContext, Separator, SeparatorContext, TextArea, TextField, TextFieldContext, ToggleSwitch, ToggleSwitchContext, VisuallyHidden, createDataAttributes, dataAttr, filterDOMProps, removeDataAttributes, useRenderProps };
-//# sourceMappingURL=index.js.map
+export {
+  Button,
+  ButtonContext,
+  Checkbox,
+  CheckboxContext,
+  CheckboxGroup,
+  CheckboxGroupContext,
+  CheckboxGroupStateContext,
+  Input,
+  Label,
+  Link,
+  LinkContext,
+  ProgressBar,
+  ProgressBarContext,
+  Radio,
+  RadioContext,
+  RadioGroup,
+  RadioGroupContext,
+  RadioGroupStateContext,
+  Separator,
+  SeparatorContext,
+  TextArea,
+  TextField,
+  TextFieldContext,
+  ToggleSwitch,
+  ToggleSwitchContext,
+  VisuallyHidden,
+  createDataAttributes,
+  dataAttr,
+  filterDOMProps,
+  removeDataAttributes,
+  useRenderProps
+};
+//# sourceMappingURL=index.js.map