@proyecto-viviana/solidaria-components 0.1.3 → 0.2.1

package/dist/index.ssr.js

@@ -1583,7 +1583,7 @@ function ListBox(props) {
     } = focusProps;
     return rest;
   };
-  const isEmpty = () => stateProps.items.length === 0;
+  const isEmpty = () => (stateProps.items?.length ?? 0) === 0;
   return _$createComponent10(ListBoxContext.Provider, {
     value: {
       state
@@ -1613,9 +1613,9 @@ function ListBox(props) {
             }
           }), isEmpty() && local.renderEmptyState ? _$escape8(local.renderEmptyState()) : _$escape8(_$createComponent10(For, {
             get each() {
-              return stateProps.items;
+              return stateProps.items ?? [];
             },
-            children: (item) => props.children(item)
+            children: (item) => typeof props.children === "function" ? props.children(item) : null
           })), false);
         }
       });
@@ -1954,9 +1954,9 @@ function Menu(props) {
             }
           }), _$escape9(_$createComponent11(For2, {
             get each() {
-              return stateProps.items;
+              return stateProps.items ?? [];
             },
-            children: (item) => props.children?.(item)
+            children: (item) => typeof props.children === "function" ? props.children(item) : null
           })), false);
         }
       });
@@ -2085,7 +2085,7 @@ function Select(props) {
   const [local, stateProps, ariaProps] = splitProps14(props, ["class", "style", "slot"], ["items", "getKey", "getTextValue", "getDisabled", "disabledKeys", "selectedKey", "defaultSelectedKey", "onSelectionChange", "isOpen", "defaultOpen", "onOpenChange", "name"]);
   const state = createSelectState({
     get items() {
-      return stateProps.items;
+      return stateProps.items ?? [];
     },
     get getKey() {
       return stateProps.getKey;
@@ -4355,7 +4355,7 @@ function ComboBox(props) {
   let buttonRef = null;
   const state = createComboBoxState({
     get items() {
-      return stateProps.items;
+      return stateProps.items ?? [];
     },
     get getKey() {
       return stateProps.getKey;
@@ -7400,7 +7400,7 @@ function Table(props) {
   const [ref, setRef] = createSignal12(null);
   const collection = createMemo34(() => createTableCollection({
     columns: stateProps.columns,
-    rows: stateProps.items,
+    rows: stateProps.items ?? [],
     getKey: stateProps.getKey,
     getTextValue: stateProps.getTextValue,
     showSelectionCheckboxes: stateProps.showSelectionCheckboxes ?? false
@@ -7438,7 +7438,7 @@ function Table(props) {
     isFocusVisible: isFocusVisible(),
     isDisabled: false,
     // Tables don't have a global disabled state
-    isEmpty: stateProps.items.length === 0
+    isEmpty: (stateProps.items?.length ?? 0) === 0
   }));
   const renderProps = useRenderProps({
     children: props.children,
@@ -7496,7 +7496,7 @@ function Table(props) {
               return isFocusVisible() || void 0;
             },
             get ["data-empty"]() {
-              return stateProps.items.length === 0 || void 0;
+              return (stateProps.items?.length ?? 0) === 0 || void 0;
             }
           }), _$escape30(renderProps.renderChildren()), false);
         }
@@ -8037,7 +8037,7 @@ function buildGridCollection(items, getKey, getTextValue, getDisabled) {
 function GridList(props) {
   const [local, stateProps, ariaProps] = splitProps34(props, ["children", "class", "style", "slot", "renderEmptyState"], ["items", "getKey", "getTextValue", "getDisabled", "disabledKeys", "selectionMode", "selectedKeys", "defaultSelectedKeys", "onSelectionChange"]);
   const [ref, setRef] = createSignal13(null);
-  const collection = createMemo35(() => buildGridCollection(stateProps.items, stateProps.getKey, stateProps.getTextValue, stateProps.getDisabled));
+  const collection = createMemo35(() => buildGridCollection(stateProps.items ?? [], stateProps.getKey, stateProps.getTextValue, stateProps.getDisabled));
   const allDisabledKeys = createMemo35(() => {
     const keys = /* @__PURE__ */ new Set();
     if (stateProps.disabledKeys) {
@@ -8080,7 +8080,7 @@ function GridList(props) {
     isFocused: state.isFocused || isFocused(),
     isFocusVisible: isFocusVisible(),
     isDisabled: ariaProps.isDisabled ?? false,
-    isEmpty: stateProps.items.length === 0
+    isEmpty: (stateProps.items?.length ?? 0) === 0
   }));
   const renderProps = useRenderProps({
     class: local.class,
@@ -8107,7 +8107,7 @@ function GridList(props) {
     } = focusProps;
     return rest;
   };
-  const isEmpty = () => stateProps.items.length === 0;
+  const isEmpty = () => (stateProps.items?.length ?? 0) === 0;
   const contextValue = createMemo35(() => ({
     state,
     collection: collection(),
@@ -8142,9 +8142,9 @@ function GridList(props) {
             }
           }), isEmpty() && local.renderEmptyState ? _$escape31(local.renderEmptyState()) : _$escape31(_$createComponent32(For13, {
             get each() {
-              return stateProps.items;
+              return stateProps.items ?? [];
             },
-            children: (item) => props.children(item)
+            children: (item) => typeof props.children === "function" ? props.children(item) : null
           })), false);
         }
       });