ssovee-os-web-ui 0.1.46 → 0.1.48

package/dist/index.cjs

@@ -3206,12 +3206,40 @@ 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 = (classRules) => {
+      const directRules = classRules["col-span"] ?? classRules.colSpan ?? classRules.span;
+      const normalizedRules = directRules ?? classRules;
+      const fallbackByDevice = {
+        mobile: ["mobile", "tablet", "desktop"],
+        tablet: ["tablet", "desktop", "mobile"],
+        desktop: ["desktop", "tablet", "mobile"]
+      };
+      const aliasByDevice = {
+        mobile: ["mobile", "sm"],
+        tablet: ["tablet", "md"],
+        desktop: ["desktop", "lg"]
+      };
+      const orderedDevices = fallbackByDevice[deviceType];
+      for (const device of orderedDevices) {
+        const aliases = aliasByDevice[device];
+        for (const alias of aliases) {
+          const candidate = normalizedRules?.[alias];
+          if (typeof candidate === "number") {
+            return String(candidate);
+          }
+          if (typeof candidate === "string" && candidate.trim() !== "") {
+            return candidate;
+          }
+        }
+      }
+      return "12";
+    };
     for (const element in gridRules) {
       const classRules = gridRules[element];
-      const colSpan = classRules["col-span"][deviceType];
+      const colSpan = resolveSpan(classRules);
       classes[element] = `col-span-${deviceType}-${colSpan}`;
     }
     return classes;