@rudra-studio/rudra-layout 1.0.22 → 1.0.24

package/components/Box/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface BoxProps {
     children?: React.ReactNode;
     /**
      * The Custom Attributes Dictionary
@@ -10,6 +10,17 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
     customAttributes?: Record<string, string>;
     /** * @type|class
      * @schema [{
+     * "key": "Display",
+     * "type": "select",
+     * "options": [
+     * {"key": "flex", "label": "Flex"},
+     * {"key": "block", "label": "Block"},
+     * {"key": "grid", "label": "Grid"},
+     * {"key": "inline-flex", "label": "Inline Flex"},
+     * {"key": "inline-block", "label": "Inline Block"},
+     * {"key": "hidden", "label": "Hidden"}
+     * ]
+     * },{
      * "key": "Direction",
      * "prefix": "flex",
      * "type": "select",
@@ -59,6 +70,8 @@ export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
      * }]
      */
     className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: any) => void;
 }
 export declare const Box: React.FC<BoxProps>;
 export default Box;

package/components/Box/index.js

@@ -1,11 +1,23 @@
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Box/index.tsx
-var t = ({ children: t, customAttributes: n = {}, className: r = "", ...i }) => /* @__PURE__ */ e("div", {
-	className: `flex ${r}`.trim(),
-	...n,
-	...i,
-	children: t
-});
+var t = ({ children: t, customAttributes: n = {}, className: r = "", style: i, onClick: a, ...o }) => {
+	let s = [
+		"flex",
+		"block",
+		"grid",
+		"inline-flex",
+		"inline-block",
+		"hidden"
+	];
+	return /* @__PURE__ */ e("div", {
+		className: r.split(" ").some((e) => s.includes(e)) ? r : `flex ${r}`.trim(),
+		style: i,
+		onClick: a,
+		...n,
+		...o,
+		children: t
+	});
+};
 //#endregion
 export { t as default };

package/components/Section/index.d.ts

@@ -107,5 +107,12 @@ export interface SectionProps extends Omit<React.HTMLAttributes<HTMLElement>, "c
      * ]
      */
     className?: string;
+    /**
+    * The Custom Attributes Dictionary
+    * We use additionalProperties to tell the schema it's a dynamic key-value object
+    * @type|complex
+    * @schema {"type":"object"}
+    */
+    customAttributes?: Record<string, string>;
 }
-export default function Section({ children, as, className, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export default function Section({ children, as, className, customAttributes, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;

package/components/Section/index.js

@@ -1,8 +1,9 @@
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Section/index.tsx
-function t({ children: t, as: n = "section", className: r = "", ...i }) {
+function t({ children: t, as: n = "section", className: r = "", customAttributes: i = {}, ...a }) {
 	return /* @__PURE__ */ e(n, {
+		...a,
 		...i,
 		className: ["w-full", r].filter(Boolean).join(" "),
 		children: t

package/package.json

@@ -43,5 +43,5 @@
   },
   "types": "./index.d.ts",
   "unpkg": "./index.umd.js",
-  "version": "1.0.22"
+  "version": "1.0.24"
 }