@chaibuilder/sdk 2.0.0-beta.75 → 2.0.0-beta.77

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./ChaiThemeFn-DQu-2Eh9.cjs"),n=require("lodash-es"),m=require("./getSplitClasses-DodqA_KW.cjs"),O=require("@mhsdesign/jit-browser-tailwindcss"),k=require("@tailwindcss/aspect-ratio"),v=require("@tailwindcss/container-queries"),R=require("@tailwindcss/forms"),$=require("@tailwindcss/typography"),T=require("./plugin-2xcljWGM.cjs"),u=require("react/jsx-runtime"),_=require("@chaibuilder/runtime"),g=require("react"),b=require("tailwind-merge"),N=(e,s="")=>{const{classes:r}=m.getSplitChaiClasses(e),t=r.split(" ").map(i=>i.split(" ").map(a=>{if(a==="")return"";if(a.includes(":")){const l=a.split(":");return l[l.length-1]=s+n.last(l),l.join(":")}return`${s}${a}`}).join(" "));return n.flattenDeep(t).join(" ")},Y=e=>{if(!e)return[];try{return JSON.parse(A(e)).filter(r=>!r._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function A(e){const s=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(s,r=>{const t=decodeURIComponent(r),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function I(e,s,r=[],t="",i){return await O.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:r,theme:{extend:T.getChaiBuilderTheme(e)},plugins:[R,$,k,v,T.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./ChaiThemeFn-DQu-2Eh9.cjs"),n=require("lodash-es"),f=require("./getSplitClasses-DodqA_KW.cjs"),F=require("@mhsdesign/jit-browser-tailwindcss"),O=require("@tailwindcss/aspect-ratio"),R=require("@tailwindcss/container-queries"),b=require("@tailwindcss/forms"),k=require("@tailwindcss/typography"),_=require("./plugin-2xcljWGM.cjs"),d=require("react/jsx-runtime"),w=require("@chaibuilder/runtime"),p=require("react"),$=require("tailwind-merge"),N=(e,r="")=>{const{classes:s}=f.getSplitChaiClasses(e),t=s.split(" ").map(i=>i.split(" ").map(c=>{if(c==="")return"";if(c.includes(":")){const l=c.split(":");return l[l.length-1]=r+n.last(l),l.join(":")}return`${r}${c}`}).join(" "));return n.flattenDeep(t).join(" ")},Y=e=>{if(!e)return[];try{return JSON.parse(A(e)).filter(s=>!s._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function A(e){const r=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(r,s=>{const t=decodeURIComponent(s),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function I(e,r,s=[],t="",i){return await F.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:s,theme:{extend:_.getChaiBuilderTheme(e)},plugins:[b,k,O,R,_.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,s)}const M=(e,s,r)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return I(s,[t],[],"",r)},J=async(e,s=f.defaultThemeOptions,r=!1)=>await M(e,s,r);async function K(e){const s=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return u.jsx(g.Suspense,{children:g.createElement(e.component,{...e.props,...s})})}const L=n.memoize((e,s)=>{const{baseClasses:r,classes:t}=m.getSplitChaiClasses(e),i=b.twMerge(r,t);return s===""?i.replace(m.STYLES_KEY,"").trim():N(i,s).replace(m.STYLES_KEY,"").trim()});function D(e,s){const r=n.get(e,`${s}_attrs`,{}),t=n.keys(r).join(" ");return n.includes(t,"x-show")&&!n.includes(t,"x-transition")&&(r["x-transition"]=""),r}function U(e,s){const r={};return Object.keys(e).forEach(t=>{if(n.isString(e[t])&&e[t].startsWith(m.STYLES_KEY)){const i=L(e[t],s);r[t]={className:i,...D(e,t)}}}),r}function V(e,s,r){if(n.isEmpty(s))return e;const t=n.cloneDeep(e),i=n.get(r,"i18nProps",[]);return n.forEach(n.keys(t),o=>{i.includes(o)&&!n.isEmpty(s)&&(t[o]=n.get(t,`${o}-${s}`,t[o]))}),t}const z=n.memoize(e=>{const s=_.getRegisteredChaiBlock(e),r=n.get(s,"schema.properties",{});return Object.fromEntries(Object.entries(r).filter(([,t])=>n.get(t,"runtime",!1)))}),W=(e,s,r)=>n.isEmpty(r)?{}:Object.entries(r).reduce((t,[i,o])=>{const d=[];let a=n.find(e,{_id:s});for(;a;)d.push(a),a=n.find(e,{_id:a._parent});const l=n.find(d,{_type:o.block});return l&&(t[i]=n.get(l,n.get(o,"prop"),null)),t},{}),Q=()=>u.jsx("span",{children:"Loading..."});function w({blocks:e,parent:s,classPrefix:r="",externalData:t={},blockModifierCallback:i=null,lang:o="",fallbackLang:d="",metadata:a={}}){const l=e,j=c=>U(c,r),E=s?n.filter(e,{_parent:s}):n.filter(e,c=>n.isEmpty(c._parent));return u.jsx(u.Fragment,{children:g.Children.toArray(E.map((c,B)=>{const S={},P=n.filter(l,{_parent:c._id});S.children=P.length>0?u.jsx(w,{externalData:t,classPrefix:r,parent:c._id,blocks:l,lang:o||d,metadata:a}):null;const p=_.getRegisteredChaiBlock(c._type);if(p!==null){let h=c;const y=p.component;h={...p.defaults,...c},i&&(h=i(h));const x=o===d?"":o,q=W(l,c._id,z(c._type)),C=n.omit({blockProps:{},inBuilder:!1,...h,index:B,...V(c,x,p),...j(h),...S,...q,metadata:a,lang:o||d},["_parent"]);if(n.has(p,"dataProvider")){const F=n.get(p,"suspenseFallback",Q);return u.jsx(g.Suspense,{fallback:g.createElement(F),children:u.jsx(K,{lang:o||d,metadata:a,dataProvider:p.dataProvider,block:c,component:y,props:C})})}return u.jsx(g.Suspense,{children:g.createElement(y,C)})}return u.jsxs("noscript",{children:[c._type," not found"]})}))})}exports.getChaiThemeCssVariables=f.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=f.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=f.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=w;exports.convertToBlocks=Y;exports.getStylesForBlocks=J;
+      @tailwind utilities;`,r)}const M=(e,r,s)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return I(r,[t],[],"",s)},J=async(e,r=m.defaultThemeOptions,s=!1)=>await M(e,r,s);async function K(e){const r=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return d.jsx(p.Suspense,{children:p.createElement(e.component,{...e.props,...r})})}const L=n.memoize((e,r)=>{const{baseClasses:s,classes:t}=f.getSplitChaiClasses(e),i=$.twMerge(s,t);return r===""?i.replace(f.STYLES_KEY,"").trim():N(i,r).replace(f.STYLES_KEY,"").trim()}),V=(e,r)=>{const s=n.cloneDeep(e);return n.forEach(n.keys(s),t=>{if(n.isString(s[t])){let i=s[t];const o=/\{\{(.*?)\}\}/g,u=i.match(o);u&&u.forEach(c=>{const l=c.slice(2,-2),S=n.get(r,l,c);i=i.replace(c,S)}),s[t]=i}}),s};function D(e,r){const s=n.get(e,`${r}_attrs`,{}),t=n.keys(s).join(" ");return n.includes(t,"x-show")&&!n.includes(t,"x-transition")&&(s["x-transition"]=""),s}function U(e,r){const s={};return Object.keys(e).forEach(t=>{if(n.isString(e[t])&&e[t].startsWith(f.STYLES_KEY)){const i=L(e[t],r);s[t]={className:i,...D(e,t)}}}),s}function z(e,r,s){if(n.isEmpty(r))return e;const t=n.cloneDeep(e),i=n.get(s,"i18nProps",[]);return n.forEach(n.keys(t),o=>{i.includes(o)&&!n.isEmpty(r)&&(t[o]=n.get(t,`${o}-${r}`,t[o]))}),t}const W=n.memoize(e=>{const r=w.getRegisteredChaiBlock(e),s=n.get(r,"schema.properties",{});return Object.fromEntries(Object.entries(s).filter(([,t])=>n.get(t,"runtime",!1)))}),Q=(e,r,s)=>n.isEmpty(s)?{}:Object.entries(s).reduce((t,[i,o])=>{const u=[];let c=n.find(e,{_id:r});for(;c;)u.push(c),c=n.find(e,{_id:c._parent});const l=n.find(u,{_type:o.block});return l&&(t[i]=n.get(l,n.get(o,"prop"),null)),t},{}),G=()=>d.jsx("span",{children:"Loading..."});function E({blocks:e,parent:r,classPrefix:s="",externalData:t={},blockModifierCallback:i=null,lang:o="",fallbackLang:u="",metadata:c={}}){const l=e,S=a=>U(a,s),j=r?n.filter(e,{_parent:r}):n.filter(e,a=>n.isEmpty(a._parent));return d.jsx(d.Fragment,{children:p.Children.toArray(j.map((a,B)=>{const y={},P=n.filter(l,{_parent:a._id});y.children=P.length>0?d.jsx(E,{externalData:t,classPrefix:s,parent:a._id,blocks:l,lang:o||u,metadata:c}):null;const g=w.getRegisteredChaiBlock(a._type);if(g!==null){let h=a;const C=g.component;h={...g.defaults,...a},i&&(h=i(h));const x=o===u?"":o,q=Q(l,a._id,W(a._type)),T=n.omit({blockProps:{},inBuilder:!1,...h,index:B,...V(z(a,x,g),t),...S(h),...y,...q,metadata:c,lang:o||u},["_parent"]);if(n.has(g,"dataProvider")){const v=n.get(g,"suspenseFallback",G);return d.jsx(p.Suspense,{fallback:p.createElement(v),children:d.jsx(K,{lang:o||u,metadata:c,dataProvider:g.dataProvider,block:a,component:C,props:T})})}return d.jsx(p.Suspense,{children:p.createElement(C,T)})}return d.jsxs("noscript",{children:[a._type," not found"]})}))})}exports.getChaiThemeCssVariables=m.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=m.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=m.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=E;exports.convertToBlocks=Y;exports.getStylesForBlocks=J;

package/dist/render.d.ts

@@ -57,3 +57,9 @@ export declare function RenderChaiBlocks({ blocks, parent, classPrefix, external
 declare type VariableKey = string;
 
 export { }
+
+declare global {
+    interface Window {
+        clarity: any;
+    }
+}

package/dist/render.js

@@ -1,27 +1,27 @@
-import { d as A } from "./ChaiThemeFn-Cort9tch.js";
-import { a as $t, b as Ft, c as Rt } from "./ChaiThemeFn-Cort9tch.js";
-import { last as I, flattenDeep as J, memoize as T, get as u, filter as h, isEmpty as f, omit as k, has as D, cloneDeep as U, forEach as K, keys as j, find as g, isString as M, includes as B } from "lodash-es";
-import { g as x, S as y } from "./getSplitClasses-DphwgQiE.js";
-import { createTailwindcss as V } from "@mhsdesign/jit-browser-tailwindcss";
+import { d as U } from "./ChaiThemeFn-Cort9tch.js";
+import { a as Rt, b as $t, c as Ft } from "./ChaiThemeFn-Cort9tch.js";
+import { last as V, flattenDeep as k, memoize as j, get as u, filter as h, isEmpty as f, omit as D, has as K, cloneDeep as x, forEach as O, keys as w, isString as v, find as S, includes as E } from "lodash-es";
+import { g as b, S as y } from "./getSplitClasses-DphwgQiE.js";
+import { createTailwindcss as M } from "@mhsdesign/jit-browser-tailwindcss";
 import W from "@tailwindcss/aspect-ratio";
 import Y from "@tailwindcss/container-queries";
 import z from "@tailwindcss/forms";
 import L from "@tailwindcss/typography";
 import { g as Q, c as q } from "./plugin-kUMxtQR5.js";
 import { jsx as d, Fragment as G, jsxs as H } from "react/jsx-runtime";
-import { getRegisteredChaiBlock as E } from "@chaibuilder/runtime";
-import S, { Suspense as _, createElement as X } from "react";
+import { getRegisteredChaiBlock as R } from "@chaibuilder/runtime";
+import _, { Suspense as C, createElement as X } from "react";
 import { twMerge as Z } from "tailwind-merge";
 const tt = (t, s = "") => {
-  const { classes: n } = x(t), e = n.split(" ").map((r) => r.split(" ").map((a) => {
-    if (a === "") return "";
-    if (a.includes(":")) {
-      const c = a.split(":");
-      return c[c.length - 1] = s + I(c), c.join(":");
+  const { classes: n } = b(t), e = n.split(" ").map((r) => r.split(" ").map((o) => {
+    if (o === "") return "";
+    if (o.includes(":")) {
+      const a = o.split(":");
+      return a[a.length - 1] = s + V(a), a.join(":");
     }
-    return `${s}${a}`;
+    return `${s}${o}`;
   }).join(" "));
-  return J(e).join(" ");
+  return k(e).join(" ");
 }, xt = (t) => {
   if (!t) return [];
   try {
@@ -37,8 +37,8 @@ function et(t) {
     return r !== -1 ? e.substring(r + 6) : e;
   });
 }
-async function st(t, s, n = [], e = "", r) {
-  return await V({
+async function nt(t, s, n = [], e = "", r) {
+  return await M({
     tailwindConfig: {
       darkMode: "class",
       safelist: n,
@@ -54,53 +54,65 @@ async function st(t, s, n = [], e = "", r) {
     s
   );
 }
-const nt = (t, s, n) => {
+const st = (t, s, n) => {
   const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (r, i) => `#styles:${i.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
-  return st(s, [e], [], "", n);
-}, Et = async (t, s = A, n = !1) => await nt(t, s, n);
+  return nt(s, [e], [], "", n);
+}, Ot = async (t, s = U, n = !1) => await st(t, s, n);
 async function rt(t) {
   const s = await (t == null ? void 0 : t.dataProvider(t.block, t.lang, t.metadata));
-  return /* @__PURE__ */ d(_, { children: S.createElement(t.component, { ...t.props, ...s }) });
+  return /* @__PURE__ */ d(C, { children: _.createElement(t.component, { ...t.props, ...s }) });
 }
-const it = T((t, s) => {
-  const { baseClasses: n, classes: e } = x(t), r = Z(n, e);
+const it = j((t, s) => {
+  const { baseClasses: n, classes: e } = b(t), r = Z(n, e);
   return s === "" ? r.replace(y, "").trim() : tt(r, s).replace(y, "").trim();
-});
-function ot(t, s) {
-  const n = u(t, `${s}_attrs`, {}), e = j(n).join(" ");
-  return B(e, "x-show") && !B(e, "x-transition") && (n["x-transition"] = ""), n;
+}), ot = (t, s) => {
+  const n = x(t);
+  return O(w(n), (e) => {
+    if (v(n[e])) {
+      let r = n[e];
+      const i = /\{\{(.*?)\}\}/g, l = r.match(i);
+      l && l.forEach((o) => {
+        const a = o.slice(2, -2), g = u(s, a, o);
+        r = r.replace(o, g);
+      }), n[e] = r;
+    }
+  }), n;
+};
+function ct(t, s) {
+  const n = u(t, `${s}_attrs`, {}), e = w(n).join(" ");
+  return E(e, "x-show") && !E(e, "x-transition") && (n["x-transition"] = ""), n;
 }
 function at(t, s) {
   const n = {};
   return Object.keys(t).forEach((e) => {
-    if (M(t[e]) && t[e].startsWith(y)) {
+    if (v(t[e]) && t[e].startsWith(y)) {
       const r = it(t[e], s);
       n[e] = {
         className: r,
-        ...ot(t, e)
+        ...ct(t, e)
       };
     }
   }), n;
 }
-function ct(t, s, n) {
+function lt(t, s, n) {
   if (f(s)) return t;
-  const e = U(t), r = u(n, "i18nProps", []);
-  return K(j(e), (i) => {
+  const e = x(t), r = u(n, "i18nProps", []);
+  return O(w(e), (i) => {
     r.includes(i) && !f(s) && (e[i] = u(e, `${i}-${s}`, e[i]));
   }), e;
 }
-const lt = T((t) => {
-  const s = E(t), n = u(s, "schema.properties", {});
+const ut = j((t) => {
+  const s = R(t), n = u(s, "schema.properties", {});
   return Object.fromEntries(Object.entries(n).filter(([, e]) => u(e, "runtime", !1)));
-}), ut = (t, s, n) => f(n) ? {} : Object.entries(n).reduce((e, [r, i]) => {
+}), pt = (t, s, n) => f(n) ? {} : Object.entries(n).reduce((e, [r, i]) => {
   const l = [];
-  let a = g(t, { _id: s });
-  for (; a; )
-    l.push(a), a = g(t, { _id: a._parent });
-  const c = g(l, { _type: i.block });
-  return c && (e[r] = u(c, u(i, "prop"), null)), e;
-}, {}), pt = () => /* @__PURE__ */ d("span", { children: "Loading..." });
-function dt({
+  let o = S(t, { _id: s });
+  for (; o; )
+    l.push(o), o = S(t, { _id: o._parent });
+  const a = S(l, { _type: i.block });
+  return a && (e[r] = u(a, u(i, "prop"), null)), e;
+}, {}), dt = () => /* @__PURE__ */ d("span", { children: "Loading..." });
+function mt({
   blocks: t,
   parent: s,
   classPrefix: n = "",
@@ -108,75 +120,75 @@ function dt({
   blockModifierCallback: r = null,
   lang: i = "",
   fallbackLang: l = "",
-  metadata: a = {}
+  metadata: o = {}
 }) {
-  const c = t, O = (o) => at(o, n), v = s ? h(t, { _parent: s }) : h(t, (o) => f(o._parent));
-  return /* @__PURE__ */ d(G, { children: S.Children.toArray(
-    v.map((o, $) => {
-      const C = {}, F = h(c, { _parent: o._id });
-      C.children = F.length > 0 ? /* @__PURE__ */ d(
-        dt,
+  const a = t, g = (c) => at(c, n), $ = s ? h(t, { _parent: s }) : h(t, (c) => f(c._parent));
+  return /* @__PURE__ */ d(G, { children: _.Children.toArray(
+    $.map((c, F) => {
+      const P = {}, N = h(a, { _parent: c._id });
+      P.children = N.length > 0 ? /* @__PURE__ */ d(
+        mt,
         {
           externalData: e,
           classPrefix: n,
-          parent: o._id,
-          blocks: c,
+          parent: c._id,
+          blocks: a,
           lang: i || l,
-          metadata: a
+          metadata: o
         }
       ) : null;
-      const p = E(o._type);
+      const p = R(c._type);
       if (p !== null) {
-        let m = o;
-        const w = p.component;
-        m = { ...p.defaults, ...o }, r && (m = r(m));
-        const R = i === l ? "" : i, N = ut(c, o._id, lt(o._type)), P = k(
+        let m = c;
+        const B = p.component;
+        m = { ...p.defaults, ...c }, r && (m = r(m));
+        const A = i === l ? "" : i, I = pt(a, c._id, ut(c._type)), T = D(
           {
             blockProps: {},
             inBuilder: !1,
             ...m,
-            index: $,
-            ...ct(o, R, p),
-            ...O(m),
-            ...C,
-            ...N,
-            metadata: a,
+            index: F,
+            ...ot(lt(c, A, p), e),
+            ...g(m),
+            ...P,
+            ...I,
+            metadata: o,
             lang: i || l
           },
           ["_parent"]
         );
-        if (D(p, "dataProvider")) {
-          const b = u(
+        if (K(p, "dataProvider")) {
+          const J = u(
             p,
             "suspenseFallback",
-            pt
+            dt
           );
-          return /* @__PURE__ */ d(_, { fallback: X(b), children: /* @__PURE__ */ d(
+          return /* @__PURE__ */ d(C, { fallback: X(J), children: /* @__PURE__ */ d(
             rt,
             {
               lang: i || l,
-              metadata: a,
+              metadata: o,
               dataProvider: p.dataProvider,
-              block: o,
-              component: w,
-              props: P
+              block: c,
+              component: B,
+              props: T
             }
           ) });
         }
-        return /* @__PURE__ */ d(_, { children: S.createElement(w, P) });
+        return /* @__PURE__ */ d(C, { children: _.createElement(B, T) });
       }
       return /* @__PURE__ */ H("noscript", { children: [
-        o._type,
+        c._type,
         " not found"
       ] });
     })
   ) });
 }
 export {
-  dt as RenderChaiBlocks,
+  mt as RenderChaiBlocks,
   xt as convertToBlocks,
-  $t as getChaiThemeCssVariables,
-  Et as getStylesForBlocks,
-  Ft as getThemeFontsCSSImport,
-  Rt as getThemeFontsLinkMarkup
+  Rt as getChaiThemeCssVariables,
+  Ot as getStylesForBlocks,
+  $t as getThemeFontsCSSImport,
+  Ft as getThemeFontsLinkMarkup
 };

package/dist/runtime.d.ts

@@ -2,3 +2,9 @@
 export * from "@chaibuilder/runtime";
 
 export { }
+
+declare global {
+    interface Window {
+        clarity: any;
+    }
+}

package/dist/tailwind.d.ts

@@ -124,3 +124,9 @@ declare type HSLColor = string;
 declare type VariableKey = string;
 
 export { }
+
+declare global {
+    interface Window {
+        clarity: any;
+    }
+}

package/dist/ui.d.ts

@@ -414,3 +414,9 @@ export declare function useToast(): {
 };
 
 export { }
+
+declare global {
+    interface Window {
+        clarity: any;
+    }
+}

package/dist/web-blocks.d.ts

@@ -1,3 +1,9 @@
 export declare const loadWebBlocks: () => void;
 
 export { }
+
+declare global {
+    interface Window {
+        clarity: any;
+    }
+}

package/dist/web-blocks.js

@@ -354,9 +354,7 @@ const Le = (e) => {
         type: "string",
         title: "Global Block",
         default: "",
-        ui: {
-          "ui:widget": "hidden"
-        }
+        ui: { "ui:widget": "hidden" }
       }
     }
   })

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.0.0-beta.75",
+  "version": "2.0.0-beta.77",
   "type": "module",
   "repository": {
     "type": "git",
@@ -134,6 +134,7 @@
     "@commitlint/config-conventional": "19.6.0",
     "@emotion/react": "^11.14.0",
     "@faker-js/faker": "^9.4.0",
+    "@microsoft/clarity": "^1.0.0",
     "@playwright/test": "^1.50.0",
     "@tanstack/eslint-plugin-query": "^5.64.2",
     "@testing-library/react": "^16.2.0",