@proyecto-viviana/solidaria 0.2.0 → 0.2.1

package/dist/{index.jsx → index.ssr.js}

@@ -452,13 +452,13 @@ function isVirtualPointerEvent(event) {
   return !isAndroid() && event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
 }
 function chain(...callbacks) {
-  return ((...args) => {
+  return (...args) => {
     for (const callback of callbacks) {
       if (typeof callback === "function") {
         callback(...args);
       }
     }
-  });
+  };
 }
 function setEventTarget(event, target) {
   Object.defineProperty(event, "target", {
@@ -751,7 +751,7 @@ function isPressedValue(isPressed) {
   }
   return isPressed ?? false;
 }
-var LINK_CLICKED = /* @__PURE__ */ Symbol("linkClicked");
+var LINK_CLICKED = Symbol("linkClicked");
 var pressableCSSInjected = false;
 function injectPressableCSS() {
   if (pressableCSSInjected || typeof document === "undefined") return;
@@ -2553,6 +2553,7 @@ function createToggle(props, state2, ref) {
     const hasChildren = p.children != null;
     const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
     if (!hasChildren && !hasAriaLabel && isDevEnv()) {
+      console.warn("If you do not provide children, you must specify an aria-label for accessibility");
     }
   });
   const combinedIsPressed = () => isPressed() || isLabelPressed();
@@ -2644,16 +2645,8 @@ function createCheckbox(props, state2, inputRef) {
 import { createCheckboxGroupState } from "@proyecto-viviana/solid-stately";
 
 // src/ssr/index.tsx
-import {
-  createContext as createContext2,
-  createEffect as createEffect8,
-  createMemo as createMemo3,
-  createSignal as createSignal8,
-  onCleanup as onCleanup11,
-  onMount as onMount2,
-  useContext as useContext2,
-  createUniqueId
-} from "solid-js";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { createContext as createContext2, createEffect as createEffect8, createMemo as createMemo3, createSignal as createSignal8, onCleanup as onCleanup11, onMount as onMount2, useContext as useContext2, createUniqueId } from "solid-js";
 import { isServer as isServer3 } from "solid-js/web";
 var SSRContext = createContext2({
   isSSR: isServer3,
@@ -2677,9 +2670,14 @@ function SSRProvider(props) {
     isSSR: isServer3,
     prefix: props.prefix ? parentContext.prefix ? `${parentContext.prefix}-${props.prefix}` : props.prefix : parentContext.prefix
   }));
-  return <SSRContext.Provider value={value()}>
-      {props.children}
-    </SSRContext.Provider>;
+  return _$createComponent(SSRContext.Provider, {
+    get value() {
+      return value();
+    },
+    get children() {
+      return props.children;
+    }
+  });
 }
 function createHydrationState() {
   if (isServer3) {
@@ -2789,6 +2787,9 @@ function createLabel(props) {
     if (label) {
       labelledBy = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
     } else if (!ariaLabelledby && !ariaLabel && isDevEnv()) {
+      console.warn(
+        "If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility"
+      );
     }
     return createLabels({
       id,
@@ -3103,6 +3104,7 @@ function createRadio(props, state2, ref) {
     const hasChildren = p.children != null;
     const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
     if (!hasChildren && !hasAriaLabel && isDevEnv()) {
+      console.warn("If you do not provide children, you must specify an aria-label for accessibility");
     }
   });
   createEffect9(() => {
@@ -3554,14 +3556,8 @@ import {
 } from "solid-js";
 
 // src/i18n/locale.tsx
-import {
-  createContext as createContext3,
-  createEffect as createEffect10,
-  createMemo as createMemo4,
-  createSignal as createSignal9,
-  onCleanup as onCleanup12,
-  useContext as useContext3
-} from "solid-js";
+import { createComponent as _$createComponent2 } from "solid-js/web";
+import { createContext as createContext3, createEffect as createEffect10, createMemo as createMemo4, createSignal as createSignal9, onCleanup as onCleanup12, useContext as useContext3 } from "solid-js";
 
 // src/i18n/utils.ts
 var RTL_SCRIPTS = /* @__PURE__ */ new Set([
@@ -3623,7 +3619,7 @@ function createCacheKey(locale, options) {
 }
 
 // src/i18n/locale.tsx
-var localeSymbol = /* @__PURE__ */ Symbol.for("solidaria.i18n.locale");
+var localeSymbol = Symbol.for("solidaria.i18n.locale");
 var currentLocale = null;
 var listeners = /* @__PURE__ */ new Set();
 function getDefaultLocale() {
@@ -3683,9 +3679,12 @@ function I18nProvider(props) {
     }
     return defaultLocale();
   });
-  return <I18nContext.Provider value={locale}>
-      {props.children}
-    </I18nContext.Provider>;
+  return _$createComponent2(I18nContext.Provider, {
+    value: locale,
+    get children() {
+      return props.children;
+    }
+  });
 }
 
 // src/i18n/NumberFormatter.ts
@@ -3760,6 +3759,9 @@ function numberFormatSignDisplayPolyfill(numberFormat, signDisplay, num) {
       const noSign = numberFormat.format(processedNum);
       const minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
       if ([...minus].length !== 1) {
+        console.warn(
+          "solidaria i18n polyfill for NumberFormat signDisplay: Unsupported case"
+        );
       }
       const positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
       return positive;
@@ -4858,13 +4860,11 @@ function keepVisible(element) {
 }
 
 // src/overlays/createModal.tsx
-import {
-  createContext as createContext4,
-  createSignal as createSignal12,
-  useContext as useContext4,
-  createEffect as createEffect16,
-  onCleanup as onCleanup18
-} from "solid-js";
+import { ssrElement as _$ssrElement } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent3 } from "solid-js/web";
+import { createContext as createContext4, createSignal as createSignal12, useContext as useContext4, createEffect as createEffect16, onCleanup as onCleanup18 } from "solid-js";
 import { Portal } from "solid-js/web";
 import { isServer as isServer4 } from "solid-js/web";
 var ModalContext = createContext4(null);
@@ -4887,9 +4887,12 @@ var ModalProvider = (props) => {
       }
     }
   };
-  return <ModalContext.Provider value={context}>
-      {props.children}
-    </ModalContext.Provider>;
+  return _$createComponent3(ModalContext.Provider, {
+    value: context,
+    get children() {
+      return props.children;
+    }
+  });
 };
 function useModalProvider() {
   const context = useContext4(ModalContext);
@@ -4902,15 +4905,23 @@ function useModalProvider() {
   };
 }
 var OverlayContainerDOM = (props) => {
-  const { modalProviderProps } = useModalProvider();
-  return <div data-overlay-container {...modalProviderProps}>
-      {props.children}
-    </div>;
+  const {
+    modalProviderProps
+  } = useModalProvider();
+  return _$ssrElement("div", _$mergeProps({
+    "data-overlay-container": true
+  }, modalProviderProps), _$escape(props.children), false);
 };
 var OverlayProvider = (props) => {
-  return <ModalProvider>
-      <OverlayContainerDOM>{props.children}</OverlayContainerDOM>
-    </ModalProvider>;
+  return _$createComponent3(ModalProvider, {
+    get children() {
+      return _$createComponent3(OverlayContainerDOM, {
+        get children() {
+          return props.children;
+        }
+      });
+    }
+  });
 };
 var OverlayContainer = (props) => {
   if (isServer4) {
@@ -4923,9 +4934,18 @@ var OverlayContainer = (props) => {
       throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
     }
   });
-  return <Portal mount={portalContainer()}>
-      <OverlayProvider>{props.children}</OverlayProvider>
-    </Portal>;
+  return _$createComponent3(Portal, {
+    get mount() {
+      return portalContainer();
+    },
+    get children() {
+      return _$createComponent3(OverlayProvider, {
+        get children() {
+          return props.children;
+        }
+      });
+    }
+  });
 };
 function createModal(options) {
   const context = useContext4(ModalContext);
@@ -5048,6 +5068,9 @@ function createListBox(props, state2, _ref) {
   if (isDevEnv()) {
     const p = getProps();
     if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) {
+      console.warn(
+        "[solidaria] A ListBox requires an aria-label or aria-labelledby attribute for accessibility."
+      );
     }
   }
   const domProps = () => filterDOMProps(getProps(), { labelable: true });
@@ -5317,6 +5340,9 @@ function createMenu(props, state2, ref) {
   if (isDevEnv()) {
     const p = getProps();
     if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) {
+      console.warn(
+        "[solidaria] A Menu requires an aria-label or aria-labelledby attribute for accessibility."
+      );
     }
   }
   const domProps = () => filterDOMProps(getProps(), { labelable: true });
@@ -5918,6 +5944,11 @@ function createSelect(props, state2, _ref) {
 }
 
 // src/select/createHiddenSelect.tsx
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssrElement as _$ssrElement2 } from "solid-js/web";
+import { createComponent as _$createComponent4 } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape2 } from "solid-js/web";
 import { For, createEffect as createEffect21, onCleanup as onCleanup23 } from "solid-js";
 
 // src/form/createFormValidation.ts
@@ -6025,6 +6056,9 @@ function createFormValidation(props, state2, ref) {
 }
 
 // src/select/createHiddenSelect.tsx
+var _tmpl$ = "<option></option>";
+var _tmpl$2 = ["<label>", "", "</label>"];
+var _tmpl$3 = ["<option", "", ">", "</option>"];
 function createHiddenSelect(props) {
   const getProps = () => access(props);
   let selectRef;
@@ -6045,14 +6079,10 @@ function createHiddenSelect(props) {
   createEffect21(() => {
     const p = getProps();
     if (!selectRef || p.validationBehavior !== "native" || !p.validationState) return;
-    createFormValidation(
-      {
-        validationBehavior: p.validationBehavior,
-        focus: () => p.triggerRef?.()?.focus()
-      },
-      p.validationState,
-      () => selectRef
-    );
+    createFormValidation({
+      validationBehavior: p.validationBehavior,
+      focus: () => p.triggerRef?.()?.focus()
+    }, p.validationState, () => selectRef);
   });
   return {
     get containerProps() {
@@ -6112,13 +6142,18 @@ function createHiddenSelect(props) {
         value: selectedKey != null ? String(selectedKey) : "",
         disabled: p.isDisabled ?? state2.isDisabled,
         required: useTextInput ? p.isRequired : void 0,
-        style: useTextInput ? { display: "none" } : void 0
+        style: useTextInput ? {
+          display: "none"
+        } : void 0
       };
     }
   };
 }
 function HiddenSelect(props) {
-  const { containerProps, selectProps } = createHiddenSelect({
+  const {
+    containerProps,
+    selectProps
+  } = createHiddenSelect({
     get state() {
       return props.state;
     },
@@ -6149,19 +6184,12 @@ function HiddenSelect(props) {
   });
   const collection = () => props.state.collection();
   const selectedKey = () => props.state.selectedKey();
-  return <div {...containerProps}>
-      <label>
-        {props.label}
-        <select {...selectProps}>
-          <option />
-          <For each={Array.from(collection())}>
-            {(item) => <option value={String(item.key)} selected={item.key === selectedKey()}>
-                {item.textValue}
-              </option>}
-          </For>
-        </select>
-      </label>
-    </div>;
+  return _$ssrElement2("div", containerProps, _$ssr(_tmpl$2, _$escape2(props.label), _$ssrElement2("select", selectProps, [_$ssr(_tmpl$), _$escape2(_$createComponent4(For, {
+    get each() {
+      return Array.from(collection());
+    },
+    children: (item) => _$ssr(_tmpl$3, _$ssrAttribute("value", _$escape2(String(item.key), true), false), _$ssrAttribute("selected", item.key === selectedKey(), true), _$escape2(item.textValue))
+  }))], false)), false);
 }
 
 // src/tabs/createTabs.ts
@@ -7400,6 +7428,9 @@ function createComboBox(props, state2, inputRef, buttonRef, listBoxRef) {
   if (isDevEnv()) {
     const p = getProps();
     if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) {
+      console.warn(
+        "[solidaria] A ComboBox requires a label, aria-label, or aria-labelledby attribute for accessibility."
+      );
     }
   }
   let isPointerDownInsideListBox = false;
@@ -8638,15 +8669,12 @@ function createPopover(props, state2) {
 }
 
 // src/focus/FocusScope.tsx
-import {
-  createContext as createContext5,
-  useContext as useContext5,
-  createEffect as createEffect28,
-  onCleanup as onCleanup31,
-  createSignal as createSignal15,
-  onMount as onMount6
-} from "solid-js";
+import { createComponent as _$createComponent5 } from "solid-js/web";
+import { ssr as _$ssr2 } from "solid-js/web";
+import { createContext as createContext5, useContext as useContext5, createEffect as createEffect28, onCleanup as onCleanup31, createSignal as createSignal15, onMount as onMount6 } from "solid-js";
 import { isServer as isServer7 } from "solid-js/web";
+var _tmpl$4 = "<span data-focus-scope-start hidden></span>";
+var _tmpl$22 = "<span data-focus-scope-end hidden></span>";
 var FocusScopeContext = createContext5(null);
 function useFocusManager() {
   return useContext5(FocusScopeContext)?.focusManager;
@@ -8691,7 +8719,7 @@ function getActiveElement4(doc) {
 }
 var FocusScope = (props) => {
   if (isServer7) {
-    return <>{props.children}</>;
+    return props.children;
   }
   let startRef;
   let endRef;
@@ -8701,7 +8729,12 @@ var FocusScope = (props) => {
     focusNext(opts = {}) {
       const scope = scopeElements();
       if (scope.length === 0) return null;
-      const { from, tabbable = true, wrap = false, accept } = opts;
+      const {
+        from,
+        tabbable = true,
+        wrap = false,
+        accept
+      } = opts;
       const elements = getFocusableElements2(scope, tabbable).filter((el) => !accept || accept(el));
       const doc = getOwnerDocument(scope[0]);
       const current = from || getActiveElement4(doc);
@@ -8725,7 +8758,12 @@ var FocusScope = (props) => {
     focusPrevious(opts = {}) {
       const scope = scopeElements();
       if (scope.length === 0) return null;
-      const { from, tabbable = true, wrap = false, accept } = opts;
+      const {
+        from,
+        tabbable = true,
+        wrap = false,
+        accept
+      } = opts;
       const elements = getFocusableElements2(scope, tabbable).filter((el) => !accept || accept(el));
       const doc = getOwnerDocument(scope[0]);
       const current = from || getActiveElement4(doc);
@@ -8749,7 +8787,10 @@ var FocusScope = (props) => {
     focusFirst(opts = {}) {
       const scope = scopeElements();
       if (scope.length === 0) return null;
-      const { tabbable = true, accept } = opts;
+      const {
+        tabbable = true,
+        accept
+      } = opts;
       const elements = getFocusableElements2(scope, tabbable).filter((el) => !accept || accept(el));
       if (elements.length > 0) {
         focusSafely(elements[0]);
@@ -8760,7 +8801,10 @@ var FocusScope = (props) => {
     focusLast(opts = {}) {
       const scope = scopeElements();
       if (scope.length === 0) return null;
-      const { tabbable = true, accept } = opts;
+      const {
+        tabbable = true,
+        accept
+      } = opts;
       const elements = getFocusableElements2(scope, tabbable).filter((el) => !accept || accept(el));
       if (elements.length > 0) {
         const lastElement = elements[elements.length - 1];
@@ -8860,11 +8904,15 @@ var FocusScope = (props) => {
       });
     }
   });
-  return <FocusScopeContext.Provider value={{ focusManager, scopeRef: scopeElements }}>
-      <span data-focus-scope-start hidden ref={startRef} />
-      {props.children}
-      <span data-focus-scope-end hidden ref={endRef} />
-    </FocusScopeContext.Provider>;
+  return _$createComponent5(FocusScopeContext.Provider, {
+    value: {
+      focusManager,
+      scopeRef: scopeElements
+    },
+    get children() {
+      return [_$ssr2(_tmpl$4), props.children, _$ssr2(_tmpl$22)];
+    }
+  });
 };
 
 // src/focus/createFocusRestore.ts
@@ -11895,6 +11943,7 @@ function createGrid(props, state2, ref) {
   createMemo26(() => {
     const p = props();
     if (!p["aria-label"] && !p["aria-labelledby"]) {
+      console.warn("Grid: An aria-label or aria-labelledby prop is required for accessibility.");
     }
   });
   const gridProps = createMemo26(() => {
@@ -12504,6 +12553,7 @@ function createTable(props, state2, ref) {
   createMemo29(() => {
     const p = props();
     if (!p["aria-label"] && !p["aria-labelledby"]) {
+      console.warn("Table: An aria-label or aria-labelledby prop is required for accessibility.");
     }
   });
   const gridProps = createMemo29(() => {
@@ -15439,6 +15489,9 @@ var LandmarkManager = class {
         const labels = group.map((l) => l.label);
         const uniqueLabels = new Set(labels.filter(Boolean));
         if (uniqueLabels.size < group.length) {
+          console.warn(
+            `Multiple landmarks with role "${role}" exist. Each should have a unique aria-label or aria-labelledby.`
+          );
         }
       }
     }
@@ -15820,3 +15873,4 @@ export {
   visuallyHiddenStyles,
   writeToDataTransfer
 };
+//# sourceMappingURL=index.ssr.js.map