ssovee-os-web-ui 0.1.46 → 0.1.47

package/dist/index.cjs

@@ -3206,12 +3206,27 @@ var useGridClasses = (windowSize, gridRules) => {
     if (windowSize.width <= 640) return "mobile";
     if (windowSize.width <= 1024) return "tablet";
     return "desktop";
-  }, [windowSize]);
+  }, [windowSize.width]);
   const gridClasses = React22.useMemo(() => {
     const classes = {};
+    const resolveSpan = (spanRules) => {
+      const fallbackByDevice = {
+        mobile: ["mobile", "tablet", "desktop"],
+        tablet: ["tablet", "desktop", "mobile"],
+        desktop: ["desktop", "tablet", "mobile"]
+      };
+      const orderedDevices = fallbackByDevice[deviceType];
+      for (const device of orderedDevices) {
+        const candidate = spanRules?.[device];
+        if (candidate) {
+          return candidate;
+        }
+      }
+      return "12";
+    };
     for (const element in gridRules) {
       const classRules = gridRules[element];
-      const colSpan = classRules["col-span"][deviceType];
+      const colSpan = resolveSpan(classRules["col-span"]);
       classes[element] = `col-span-${deviceType}-${colSpan}`;
     }
     return classes;