ssovee-os-web-ui 0.1.47 → 0.1.48

package/dist/index.cjs

@@ -3209,24 +3209,37 @@ var useGridClasses = (windowSize, gridRules) => {
   }, [windowSize.width]);
   const gridClasses = React22.useMemo(() => {
     const classes = {};
-    const resolveSpan = (spanRules) => {
+    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 candidate = spanRules?.[device];
-        if (candidate) {
-          return candidate;
+        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 = resolveSpan(classRules["col-span"]);
+      const colSpan = resolveSpan(classRules);
       classes[element] = `col-span-${deviceType}-${colSpan}`;
     }
     return classes;