@chaibuilder/sdk 2.2.35 → 2.2.37

package/dist/web-blocks.js

@@ -1,4 +1,4 @@
-import { registerChaiBlockSchema as u, StylesProp as d, registerChaiBlock as p, stylesProp as P, closestBlockProp as H } from "@chaibuilder/runtime";
+import { registerChaiBlockSchema as d, StylesProp as u, registerChaiBlock as p, stylesProp as P, closestBlockProp as H } from "@chaibuilder/runtime";
 import { jsx as s, jsxs as f, Fragment as N } from "react/jsx-runtime";
 import { c as B, g as w } from "./common-functions-BGzDsf1z.js";
 import * as g from "react";
@@ -18,9 +18,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   label: "Box",
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       backgroundImage: {
         type: "string",
         default: "",
@@ -83,9 +83,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: R,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
+      styles: u("text-primary-foreground bg-primary px-4 py-2 rounded-lg flex items-center"),
       content: {
         type: "string",
         title: "Button label",
@@ -155,9 +155,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: z,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d("p-2 rounded-md flex items-center"),
+      styles: u("p-2 rounded-md flex items-center"),
       content: {
         type: "string",
         title: "Button label",
@@ -198,9 +198,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: D,
   group: "advanced",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       htmlCode: {
         type: "string",
         default: "<div><p>Enter your HTML code here...</p></div>",
@@ -219,7 +219,7 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: ce,
   group: "advanced",
-  ...u({
+  ...d({
     properties: {
       scripts: {
         type: "string",
@@ -240,9 +240,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: j,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d("bg-gray-900 h-0.5 py-2 my-1")
+      styles: u("bg-gray-900 h-0.5 py-2 my-1")
     }
   })
 }, Be = (e) => {
@@ -255,9 +255,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   label: "Empty Box",
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       backgroundImage: {
         type: "string",
         title: "Background Image",
@@ -299,10 +299,10 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: U,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: d("flex items-center gap-x-2"),
-      inputStyles: d(""),
+      styles: u("flex items-center gap-x-2"),
+      inputStyles: u(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -373,9 +373,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
       styles: "#styles:bg-black text-white rounded px-3 py-1,"
     }
   ],
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       action: {
         type: "string",
         title: "Submit URL",
@@ -399,44 +399,29 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   aiProps: ["errorMessage", "successMessage"],
   canAcceptBlock: () => !0
 }, Ne = (e) => {
-  const { blockProps: t, inBuilder: o, label: l, styles: r, inputStyles: n, icon: i, iconSize: a, iconPos: c } = e, m = w();
-  return /* @__PURE__ */ f(
-    "button",
-    {
-      id: m,
-      ...{
-        "x-bind:disabled": "formLoading"
-      },
-      ...n,
-      ...r,
-      ...t || {},
-      type: o ? "button" : "submit",
-      "aria-label": l,
-      children: [
-        l,
-        i && /* @__PURE__ */ s(
-          "div",
-          {
-            style: { width: a + "px" },
-            className: c + " " + (c === "order-first" ? "mr-2" : "ml-2") || "",
-            dangerouslySetInnerHTML: { __html: i }
-          }
-        )
-      ]
-    }
-  );
+  const { blockProps: t, inBuilder: o, label: l, styles: r, icon: n, iconSize: i, iconPos: a } = e, c = w();
+  return /* @__PURE__ */ f("button", { id: c, ...r, ...t || {}, type: o ? "button" : "submit", "aria-label": l, children: [
+    l,
+    n && /* @__PURE__ */ s(
+      "div",
+      {
+        style: { width: i + "px" },
+        className: a + " " + (a === "order-first" ? "mr-2" : "ml-2") || "",
+        dangerouslySetInnerHTML: { __html: n }
+      }
+    )
+  ] });
 }, Re = {
   type: "FormButton",
   label: "Submit Button",
   category: "core",
   icon: R,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: d(
+      styles: u(
         "text-white bg-primary disabled:bg-gray-400 px-4 py-2 rounded-global flex items-center gap-x-2"
       ),
-      inputStyles: d(""),
       label: {
         type: "string",
         title: "Label",
@@ -567,10 +552,10 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: A,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
-      inputStyles: d("w-full p-1"),
+      styles: u(""),
+      inputStyles: u("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -681,9 +666,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: q,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: d(),
+      styles: u(),
       content: {
         type: "string",
         title: "Content",
@@ -717,10 +702,10 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: F,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: d("flex items-center gap-x-2"),
-      inputStyles: d(""),
+      styles: u("flex items-center gap-x-2"),
+      inputStyles: u(""),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -768,10 +753,10 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: V,
   group: "form",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
-      inputStyles: d("w-full p-1"),
+      styles: u(""),
+      inputStyles: u("w-full p-1"),
       fieldName: {
         type: "string",
         title: "Field Name",
@@ -860,15 +845,15 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: A,
   group: "form",
-  ...u({
+  ...d({
     properties: {
       fieldName: {
         type: "string",
         title: "Field Name",
         default: "fieldName"
       },
-      styles: d(""),
-      inputStyles: d("w-full p-1"),
+      styles: u(""),
+      inputStyles: u("w-full p-1"),
       showLabel: {
         type: "boolean",
         title: "Show Label",
@@ -923,7 +908,7 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...u({
+  ...d({
     properties: {
       globalBlock: {
         type: "string",
@@ -947,7 +932,7 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   icon: O,
   group: "typography",
-  ...u({
+  ...d({
     properties: {
       tag: {
         type: "string",
@@ -955,7 +940,7 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
         title: "Level",
         enum: ["h1", "h2", "h3", "h4", "h5", "h6"]
       },
-      styles: d("text-3xl"),
+      styles: u("text-3xl"),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -976,9 +961,9 @@ const v = ({ className: e = "", inBuilder: t }) => t ? /* @__PURE__ */ s("div",
   category: "core",
   group: "basic",
   hidden: !0,
-  ...u({
+  ...d({
     properties: {
-      styles: d("")
+      styles: u("")
     }
   }),
   canAcceptBlock: () => !0,
@@ -1012,9 +997,9 @@ p(Je, {
   group: "table",
   hidden: !0,
   icon: G,
-  ...u({
+  ...d({
     properties: {
-      styles: d("")
+      styles: u("")
     }
   }),
   blocks: L("Table")
@@ -1026,9 +1011,9 @@ p(Qe, {
   group: "table",
   hidden: !0,
   icon: Y,
-  ...u({
+  ...d({
     properties: {
-      styles: d("")
+      styles: u("")
     }
   }),
   blocks: L("TableHead")
@@ -1040,9 +1025,9 @@ p(Ze, {
   group: "table",
   hidden: !0,
   icon: W,
-  ...u({
+  ...d({
     properties: {
-      styles: d("")
+      styles: u("")
     }
   }),
   blocks: L("TableBody")
@@ -1054,9 +1039,9 @@ p(Ke, {
   group: "table",
   hidden: !0,
   icon: X,
-  ...u({
+  ...d({
     properties: {
-      styles: d("")
+      styles: u("")
     }
   }),
   blocks: L("TableRow")
@@ -1068,9 +1053,9 @@ p(et, {
   group: "table",
   hidden: !0,
   icon: J,
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       content: {
         type: "string",
         default: "Heading goes here",
@@ -1149,9 +1134,9 @@ const $ = (e, ...t) => ({
   category: "core",
   icon: Q,
   group: "media",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       icon: {
         type: "string",
         title: "Icon",
@@ -1194,9 +1179,9 @@ const $ = (e, ...t) => ({
   category: "core",
   icon: Z,
   group: "media",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       image: {
         type: "string",
         title: "Image",
@@ -1271,9 +1256,9 @@ const $ = (e, ...t) => ({
   category: "core",
   icon: K,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       content: {
         type: "string",
         default: "Link goes here",
@@ -1319,9 +1304,9 @@ const $ = (e, ...t) => ({
   icon: ee,
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       listType: {
         type: "string",
         title: "List Type",
@@ -1373,9 +1358,9 @@ const $ = (e, ...t) => ({
   icon: te,
   category: "core",
   group: "basic",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       content: {
         type: "string",
         default: "List item",
@@ -1404,9 +1389,9 @@ const $ = (e, ...t) => ({
   category: "core",
   icon: oe,
   group: "typography",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       content: {
         type: "string",
         title: "Content",
@@ -1442,7 +1427,7 @@ const $ = (e, ...t) => ({
   category: "core",
   group: "basic",
   hidden: !0,
-  ...u({
+  ...d({
     properties: {
       partialBlockId: {
         type: "string",
@@ -1514,9 +1499,9 @@ const $ = (e, ...t) => ({
   canDelete: () => !0,
   canAcceptBlock: () => !0,
   canBeNested: (e) => e === "Row",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       colSpan: {
         type: "number",
         title: "Column Span",
@@ -1556,9 +1541,9 @@ const $ = (e, ...t) => ({
   category: "core",
   wrapper: !0,
   canAcceptBlock: (e) => e === "Column",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       colCount: {
         type: "number",
         default: 2,
@@ -1587,9 +1572,9 @@ const $ = (e, ...t) => ({
   category: "core",
   icon: le,
   group: "typography",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       content: {
         type: "string",
         title: "Content",
@@ -1613,9 +1598,9 @@ const $ = (e, ...t) => ({
   label: "Span",
   category: "core",
   group: "typography",
-  ...u({
+  ...d({
     properties: {
-      styles: d(""),
+      styles: u(""),
       content: {
         type: "string",
         title: "Content",
@@ -1635,9 +1620,9 @@ const $ = (e, ...t) => ({
   category: "core",
   group: "typography",
   icon: re,
-  ...u({
+  ...d({
     properties: {
-      styles: d("text-black"),
+      styles: u("text-black"),
       content: {
         title: "Content",
         type: "string",
@@ -1742,9 +1727,9 @@ const $ = (e, ...t) => ({
   category: "core",
   icon: ne,
   group: "media",
-  ...u({
+  ...d({
     properties: {
-      styles: d("absolute h-full w-full object-cover"),
+      styles: u("absolute h-full w-full object-cover"),
       videoSource: {
         type: "string",
         default: "Custom",
@@ -1853,7 +1838,7 @@ const $ = (e, ...t) => ({
     //   content: "No items",
     // },
   ],
-  ...u({
+  ...d({
     properties: {
       styles: P("grid gap-4 md:grid-cols-2 xl:grid-cols-3"),
       repeaterItems: {
@@ -1920,7 +1905,7 @@ const $ = (e, ...t) => ({
   icon: M,
   hidden: !0,
   group: "basic",
-  ...u({
+  ...d({
     properties: {
       styles: P(""),
       parentTag: H("Repeater", "tag")
@@ -1939,7 +1924,7 @@ const $ = (e, ...t) => ({
   label: "Empty State",
   hidden: !0,
   group: "basic",
-  ...u({
+  ...d({
     properties: { styles: P("p-5 flex items-center justify-center") }
   }),
   canAcceptBlock: () => !0,

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.2.35",
+  "version": "2.2.37",
   "type": "module",
   "repository": {
     "type": "git",