@rudra-studio/rudra-layout 1.0.20 → 1.0.22

package/components/Grid/index.d.ts

@@ -4,6 +4,13 @@ export interface GridProps extends Omit<React.HTMLAttributes<HTMLElement>, "chil
     children?: React.ReactNode;
     /** @select|div|section|article|main|aside */
     as?: GridElement;
+    /**
+     * Explicit equal-width column count. This is preferred when the desired
+     * count is data-driven or not represented by a Tailwind utility.
+     *
+     * @type|number
+     */
+    columns?: number;
     /**
      * @type|class
      * @schema [
@@ -18,6 +25,11 @@ export interface GridProps extends Omit<React.HTMLAttributes<HTMLElement>, "chil
      *       {"key":"4","label":"4 Columns"},
      *       {"key":"5","label":"5 Columns"},
      *       {"key":"6","label":"6 Columns"},
+     *       {"key":"7","label":"7 Columns"},
+     *       {"key":"8","label":"8 Columns"},
+     *       {"key":"9","label":"9 Columns"},
+     *       {"key":"10","label":"10 Columns"},
+     *       {"key":"11","label":"11 Columns"},
      *       {"key":"12","label":"12 Columns"}
      *     ]
      *   },
@@ -135,4 +147,4 @@ export interface GridProps extends Omit<React.HTMLAttributes<HTMLElement>, "chil
      */
     className?: string;
 }
-export default function Grid({ children, as, className, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export default function Grid({ children, as, columns, className, style, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;

package/components/Grid/index.js

@@ -1,10 +1,14 @@
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Grid/index.tsx
-function t({ children: t, as: n = "div", className: r = "", ...i }) {
+function t({ children: t, as: n = "div", columns: r, className: i = "", style: a, ...o }) {
 	return /* @__PURE__ */ e(n, {
-		...i,
-		className: ["grid", r].filter(Boolean).join(" "),
+		...o,
+		className: ["grid", i].filter(Boolean).join(" "),
+		style: r ? {
+			...a,
+			gridTemplateColumns: `repeat(${Math.max(1, Math.min(12, Math.floor(r)))}, minmax(0, 1fr))`
+		} : a,
 		children: t
 	});
 }

package/package.json

@@ -2,7 +2,7 @@
   "dependencies": {
     "@monaco-editor/react": "4.7.0",
     "@react-three/fiber": "9.6.1",
-    "@tanstack/react-table": "8",
+    "@tanstack/react-table": "8.21.3",
     "gsap": "3.12.5",
     "lucide-react": "^1.8.0",
     "motion": "12.0.0",
@@ -43,5 +43,5 @@
   },
   "types": "./index.d.ts",
   "unpkg": "./index.umd.js",
-  "version": "1.0.20"
+  "version": "1.0.22"
 }