@proyecto-viviana/solidaria-components 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,8 +1,9 @@
-import { createMemo, splitProps, createContext, useContext } from 'solid-js';
+import { createContext, createMemo, splitProps, 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 { createButton, createFocusRing, createHover, createSwitch, createCheckboxGroup, createCheckboxGroupItem, createCheckbox, createRadioGroup, createTextField, createLink, createProgressBar, createSeparator, createRadio } from '@proyecto-viviana/solidaria';
 import { createToggleState, createCheckboxGroupState, createRadioGroupState, createTextFieldState } from '@proyecto-viviana/solid-stately';
 
+// src/utils.tsx
 function useRenderProps(props, values) {
   return createMemo(() => {
     const currentValues = values();
@@ -64,8 +65,7 @@ function filterDOMProps(props, options = {}) {
   }
   return result;
 }
-
-const visuallyHiddenStyles = {
+var visuallyHiddenStyles = {
   border: "0",
   clip: "rect(0 0 0 0)",
   "clip-path": "inset(50%)",
@@ -91,9 +91,8 @@ function VisuallyHidden(props) {
     }
   }));
 }
-
-var _tmpl$$5 = /* @__PURE__ */ template(`<button>`);
-const ButtonContext = createContext(null);
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+var ButtonContext = createContext(null);
 function Button(props) {
   const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
   const resolveDisabled = () => {
@@ -163,7 +162,7 @@ function Button(props) {
     return rest;
   };
   return (() => {
-    var _el$ = _tmpl$$5();
+    var _el$ = _tmpl$();
     spread(_el$, mergeProps(domProps, cleanButtonProps, cleanFocusProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
@@ -191,9 +190,9 @@ function Button(props) {
     return _el$;
   })();
 }
-
-var _tmpl$$4 = /* @__PURE__ */ template(`<input>`), _tmpl$2$3 = /* @__PURE__ */ template(`<label>`);
-const ToggleSwitchContext = createContext(null);
+var _tmpl$2 = /* @__PURE__ */ template(`<input>`);
+var _tmpl$22 = /* @__PURE__ */ template(`<label>`);
+var ToggleSwitchContext = createContext(null);
 function ToggleSwitch(props) {
   let inputRef = null;
   const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
@@ -281,7 +280,7 @@ function ToggleSwitch(props) {
     return rest;
   };
   return (() => {
-    var _el$ = _tmpl$2$3();
+    var _el$ = _tmpl$22();
     spread(_el$, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
@@ -313,7 +312,7 @@ function ToggleSwitch(props) {
     }), false, true);
     insert(_el$, createComponent(VisuallyHidden, {
       get children() {
-        var _el$2 = _tmpl$$4();
+        var _el$2 = _tmpl$2();
         use((el) => inputRef = el, _el$2);
         spread(_el$2, mergeProps(cleanInputProps, cleanFocusProps), false, false);
         return _el$2;
@@ -323,11 +322,12 @@ function ToggleSwitch(props) {
     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);
+var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$23 = /* @__PURE__ */ template(`<input>`);
+var _tmpl$32 = /* @__PURE__ */ template(`<label>`);
+var CheckboxGroupContext = createContext(null);
+var CheckboxGroupStateContext = createContext(null);
+var CheckboxContext = createContext(null);
 function CheckboxGroup(props) {
   const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
   const state = createCheckboxGroupState({
@@ -380,7 +380,7 @@ function CheckboxGroup(props) {
   return createComponent(CheckboxGroupStateContext.Provider, {
     value: state,
     get children() {
-      var _el$ = _tmpl$$3();
+      var _el$ = _tmpl$3();
       spread(_el$, mergeProps(domProps, cleanGroupProps, {
         get ["class"]() {
           return renderProps().class;
@@ -526,7 +526,7 @@ function Checkbox(props) {
     return rest;
   };
   return (() => {
-    var _el$2 = _tmpl$3$2();
+    var _el$2 = _tmpl$32();
     spread(_el$2, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
@@ -561,7 +561,7 @@ function Checkbox(props) {
     }), false, true);
     insert(_el$2, createComponent(VisuallyHidden, {
       get children() {
-        var _el$3 = _tmpl$2$2();
+        var _el$3 = _tmpl$23();
         use((el) => inputRef = el, _el$3);
         spread(_el$3, mergeProps(cleanInputProps, cleanFocusProps), false, false);
         return _el$3;
@@ -571,11 +571,12 @@ function Checkbox(props) {
     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);
+var _tmpl$4 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$24 = /* @__PURE__ */ template(`<input>`);
+var _tmpl$33 = /* @__PURE__ */ template(`<label>`);
+var RadioGroupContext = createContext(null);
+var RadioGroupStateContext = createContext(null);
+var RadioContext = createContext(null);
 function RadioGroup(props) {
   const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot"]);
   const state = createRadioGroupState({
@@ -629,7 +630,7 @@ function RadioGroup(props) {
   return createComponent(RadioGroupStateContext.Provider, {
     value: state,
     get children() {
-      var _el$ = _tmpl$$2();
+      var _el$ = _tmpl$4();
       spread(_el$, mergeProps(domProps, cleanGroupProps, {
         get ["class"]() {
           return renderProps().class;
@@ -736,7 +737,7 @@ function RadioImpl(props) {
     return rest;
   };
   return (() => {
-    var _el$2 = _tmpl$3$1();
+    var _el$2 = _tmpl$33();
     spread(_el$2, mergeProps(domProps, cleanLabelProps, cleanHoverProps, {
       get ["class"]() {
         return renderProps().class;
@@ -774,7 +775,7 @@ function RadioImpl(props) {
     }), false, true);
     insert(_el$2, createComponent(VisuallyHidden, {
       get children() {
-        var _el$3 = _tmpl$2$1();
+        var _el$3 = _tmpl$24();
         use((el) => inputRef = el, _el$3);
         spread(_el$3, mergeProps(cleanInputProps, cleanFocusProps), false, false);
         return _el$3;
@@ -785,7 +786,7 @@ function RadioImpl(props) {
   })();
 }
 function Radio(props) {
-  return (() => {
+  return () => {
     const state = useContext(RadioGroupStateContext);
     if (!state) {
       throw new Error("Radio must be used within a RadioGroup");
@@ -794,11 +795,13 @@ function Radio(props) {
       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);
+var _tmpl$5 = /* @__PURE__ */ template(`<label>`);
+var _tmpl$25 = /* @__PURE__ */ template(`<input>`);
+var _tmpl$34 = /* @__PURE__ */ template(`<textarea>`);
+var _tmpl$42 = /* @__PURE__ */ template(`<div>`);
+var TextFieldContext = createContext(null);
 function Label(props) {
   const context = useContext(TextFieldContext);
   const mergedProps = () => {
@@ -815,7 +818,7 @@ function Label(props) {
     return props;
   };
   return (() => {
-    var _el$ = _tmpl$$1();
+    var _el$ = _tmpl$5();
     spread(_el$, mergeProps(mergedProps), false, true);
     insert(_el$, () => props.children);
     return _el$;
@@ -837,7 +840,7 @@ function Input(props) {
     return props;
   };
   return (() => {
-    var _el$2 = _tmpl$2();
+    var _el$2 = _tmpl$25();
     spread(_el$2, mergeProps(mergedProps), false, false);
     return _el$2;
   })();
@@ -859,7 +862,7 @@ function TextArea(props) {
     return props;
   };
   return (() => {
-    var _el$3 = _tmpl$3();
+    var _el$3 = _tmpl$34();
     spread(_el$3, mergeProps(mergedProps), false, false);
     return _el$3;
   })();
@@ -937,7 +940,7 @@ function TextField(props) {
   return createComponent(TextFieldContext.Provider, {
     value: contextValue,
     get children() {
-      var _el$4 = _tmpl$4();
+      var _el$4 = _tmpl$42();
       spread(_el$4, mergeProps(domProps, cleanHoverProps, {
         get ["class"]() {
           return renderProps().class;
@@ -972,8 +975,7 @@ function TextField(props) {
     }
   });
 }
-
-const LinkContext = createContext(null);
+var LinkContext = createContext(null);
 function Link(props) {
   const [local, ariaProps] = splitProps(props, ["children", "class", "style", "slot", "onHoverStart", "onHoverEnd", "onHoverChange"]);
   const elementType = () => {
@@ -1135,9 +1137,8 @@ function Link(props) {
     }
   }));
 }
-
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-const ProgressBarContext = createContext(null);
+var _tmpl$6 = /* @__PURE__ */ template(`<div>`);
+var ProgressBarContext = createContext(null);
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -1207,7 +1208,7 @@ function ProgressBar(props) {
     global: true
   }));
   return (() => {
-    var _el$ = _tmpl$();
+    var _el$ = _tmpl$6();
     spread(_el$, mergeProps(domProps, () => progressAria.progressBarProps, {
       get ["class"]() {
         return renderProps().class;
@@ -1223,8 +1224,7 @@ function ProgressBar(props) {
     return _el$;
   })();
 }
-
-const SeparatorContext = createContext(null);
+var SeparatorContext = createContext(null);
 function Separator(props) {
   const [local, ariaProps] = splitProps(props, ["class", "style", "slot"]);
   const elementType = createMemo(() => {