@dust-tt/sparkle 0.2.647 → 0.2.648

package/dist/esm/components/ToolCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolCard.js","sourceRoot":"","sources":["../../../src/components/ToolCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,uBAAuB,GAC3B,mDAAmD,CAAC;AAkBtD,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAcC,EACD,GAAG;QAdD,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,sBAAsB,4BAAA,EACtB,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,4BAAwB,EAAxB,oBAAoB,mBAAG,CAAC,KAAA;IAI1B,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,EACjB,kBAAkB,EAAE,sBAAsB,EAC1C,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;QAEjC,6BAAK,SAAS,EAAC,uDAAuD;YACpE,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,6BAAK,SAAS,EAAC,wDAAwD;oBACrE,6BAAK,SAAS,EAAC,+BAA+B;wBAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;wBAChC,8BAAM,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAQ;wBACvD,UAAU,IAAI,CACb,oBAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,GACvD,CACH,CACG;oBACN,6BAAK,SAAS,EAAC,+CAA+C;wBAC3D,MAAM,IAAI,CACT,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,GACzD,CACH;wBACA,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAC,+FAA+F,IAC3G,aAAa,CACV,CACP,CACG,CACF;gBACN,oBAAC,aAAa,IACZ,SAAS,EAAC,sEAAsE,EAChF,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,oBAAoB,IAE9B,WAAW,CACE,CACZ;YACL,QAAQ,IAAI,CACX;gBACE,2BACE,OAAO,EAAE,UAAC,CAAC;wBACT,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACrB,CAAC,EACD,SAAS,EAAC,yNAAyN,IAElO,QAAQ,CAAC,KAAK,CACb,CACA,CACP,CACG,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"ToolCard.js","sourceRoot":"","sources":["../../../src/components/ToolCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,uBAAuB,GAC3B,mDAAmD,CAAC;AAkBtD,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAcC,EACD,GAAG;QAdD,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,sBAAsB,4BAAA,EACtB,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,4BAAwB,EAAxB,oBAAoB,mBAAG,CAAC,KAAA;IAI1B,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,EACjB,kBAAkB,EAAE,sBAAsB,EAC1C,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;QAEjC,6BAAK,SAAS,EAAC,uDAAuD;YACpE,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,6BAAK,SAAS,EAAC,wDAAwD;oBACrE,6BAAK,SAAS,EAAC,+BAA+B;wBAC5C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;wBAChC,8BAAM,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAQ;wBACvD,UAAU,IAAI,CACb,oBAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,GACvD,CACH,CACG;oBACN,6BAAK,SAAS,EAAC,+CAA+C;wBAC3D,MAAM,IAAI,CACT,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,GACzD,CACH;wBACA,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAC,+FAA+F,IAC3G,aAAa,CACV,CACP,CACG,CACF;gBACN,oBAAC,aAAa,IACZ,SAAS,EAAC,sEAAsE,EAChF,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,oBAAoB,IAE9B,WAAW,CACE,CACZ;YACL,QAAQ,IAAI,CACX;gBACE,2BACE,OAAO,EAAE,UAAC,CAAC;wBACT,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACrB,CAAC,EACD,SAAS,EAAC,4MAA4M,IAErN,QAAQ,CAAC,KAAK,CACb,CACA,CACP,CACG,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/esm/components/ValueCard.js

@@ -11,7 +11,7 @@ var Header = function (_a) {
 };
 var Title = function (_a) {
     var className = _a.className, children = _a.children;
-    return (React.createElement("div", { className: cn("s-text-sm s-font-semibold", "s-text-foreground dark:s-text-foreground-night", className) }, children));
+    return (React.createElement("div", { className: cn("s-heading-sm", "s-text-foreground dark:s-text-foreground-night", className) }, children));
 };
 var Subtitle = function (_a) {
     var className = _a.className, children = _a.children;

package/dist/esm/components/ValueCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueCard.js","sourceRoot":"","sources":["../../../src/components/ValueCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAMxC,IAAM,IAAI,GAAG,UAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAsB,OAAA,CACvD,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAClE,QAAQ,CACJ,CACR;AAJwD,CAIxD,CAAC;AAOF,IAAM,MAAM,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAwB,OAAA,CAC3D,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACjE;AAF4D,CAE5D,CAAC;AAOF,IAAM,KAAK,GAAG,UAAC,EAAuC;QAArC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAuB,OAAA,CACzD,6BACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,gDAAgD,EAChD,SAAS,CACV,IAEA,QAAQ,CACL,CACP;AAV0D,CAU1D,CAAC;AAOF,IAAM,QAAQ,GAAG,UAAC,EAA0C;QAAxC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAA0B,OAAA,CAC/D,6BACE,SAAS,EAAE,EAAE,CACX,WAAW,EACX,4DAA4D,EAC5D,SAAS,CACV,IAEA,QAAQ,CACL,CACP;AAVgE,CAUhE,CAAC;AAQF,IAAM,OAAO,GAAG,UAAC,EAIE;QAHjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAC,uCAAuC;YACpD,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,GAAG,CAChC,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,gDAAgD,EAChD,SAAS,CACV,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,IAAM,MAAM,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAwB,OAAA,CAC3D,6BAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,IAC3D,QAAQ,CACL,CACP;AAJ4D,CAI5D,CAAC;AAWF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAOd;QANV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACxB,oBAAC,MAAM;YACL,oBAAC,KAAK,QAAE,KAAK,CAAS;YACrB,QAAQ,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CACrC;QACT,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IAAG,OAAO,CAAW;QACjD,MAAM,IAAI,oBAAC,MAAM,QAAE,MAAM,CAAU,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,KAAK,OAAA;IACL,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,MAAM,QAAA;CACP,CAAC"}
+{"version":3,"file":"ValueCard.js","sourceRoot":"","sources":["../../../src/components/ValueCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAMxC,IAAM,IAAI,GAAG,UAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAsB,OAAA,CACvD,oBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAClE,QAAQ,CACJ,CACR;AAJwD,CAIxD,CAAC;AAOF,IAAM,MAAM,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAwB,OAAA,CAC3D,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACjE;AAF4D,CAE5D,CAAC;AAOF,IAAM,KAAK,GAAG,UAAC,EAAuC;QAArC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAuB,OAAA,CACzD,6BACE,SAAS,EAAE,EAAE,CACX,cAAc,EACd,gDAAgD,EAChD,SAAS,CACV,IAEA,QAAQ,CACL,CACP;AAV0D,CAU1D,CAAC;AAOF,IAAM,QAAQ,GAAG,UAAC,EAA0C;QAAxC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAA0B,OAAA,CAC/D,6BACE,SAAS,EAAE,EAAE,CACX,WAAW,EACX,4DAA4D,EAC5D,SAAS,CACV,IAEA,QAAQ,CACL,CACP;AAVgE,CAUhE,CAAC;AAQF,IAAM,OAAO,GAAG,UAAC,EAIE;QAHjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAC,uCAAuC;YACpD,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,GAAG,CAChC,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,gDAAgD,EAChD,SAAS,CACV,IAEA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,IAAM,MAAM,GAAG,UAAC,EAAwC;QAAtC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAAwB,OAAA,CAC3D,6BAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,IAC3D,QAAQ,CACL,CACP;AAJ4D,CAI5D,CAAC;AAWF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAOd;QANV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA;IAET,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACxB,oBAAC,MAAM;YACL,oBAAC,KAAK,QAAE,KAAK,CAAS;YACrB,QAAQ,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CACrC;QACT,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IAAG,OAAO,CAAW;QACjD,MAAM,IAAI,oBAAC,MAAM,QAAE,MAAM,CAAU,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,KAAK,OAAA;IACL,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,MAAM,QAAA;CACP,CAAC"}

package/dist/esm/stories/Chip.stories.d.ts

@@ -20,6 +20,7 @@ declare const meta: {
         rel?: undefined;
         shallow?: undefined;
         prefetch?: undefined;
+        dataAnalytics?: undefined;
     }) | ({
         size?: "xs" | "sm" | "mini" | undefined;
         color?: "primary" | "highlight" | "success" | "warning" | "info" | "green" | "blue" | "rose" | "golden" | undefined;

package/dist/esm/stories/Chip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAqBzB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAoFrB,CAAC"}
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAqBzB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAoFrB,CAAC"}

package/dist/sparkle.css

@@ -3512,6 +3512,11 @@ select {
   background-color: rgb(238 238 239 / 0.8);
 }
 
+.s-bg-primary-150 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(223 224 226 / var(--tw-bg-opacity));
+}
+
 .s-bg-primary-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(211 213 217 / var(--tw-bg-opacity));
@@ -7479,14 +7484,14 @@ select {
   background-color: rgb(150 156 165 / var(--tw-bg-opacity));
 }
 
-:is(.s-dark .dark\:s-bg-primary-700) {
+:is(.s-dark .dark\:s-bg-primary-700-night) {
   --tw-bg-opacity: 1;
-  background-color: rgb(54 65 83 / var(--tw-bg-opacity));
+  background-color: rgb(178 182 189 / var(--tw-bg-opacity));
 }
 
-:is(.s-dark .dark\:s-bg-primary-700-night) {
+:is(.s-dark .dark\:s-bg-primary-800) {
   --tw-bg-opacity: 1;
-  background-color: rgb(178 182 189 / var(--tw-bg-opacity));
+  background-color: rgb(42 50 65 / var(--tw-bg-opacity));
 }
 
 :is(.s-dark .dark\:s-bg-primary-800-night) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.647",
+  "version": "0.2.648",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/AssistantCard.tsx

@@ -19,6 +19,7 @@ interface BaseAssistantCardProps {
   onClick?: () => void;
   onContextMenu?: (event: React.MouseEvent) => void;
   variant?: CardVariantType;
+  dataAnalytics?: string;
 }
 
 type AssistantCardMore = Omit<MiniButtonProps, "icon" | "size">;
@@ -50,6 +51,7 @@ export const AssistantCard = React.forwardRef<
       subtitle,
       action,
       variant = "primary",
+      dataAnalytics,
     },
     ref
   ) => {
@@ -62,6 +64,7 @@ export const AssistantCard = React.forwardRef<
         onContextMenu={onContextMenu}
         action={action}
         variant={variant}
+        dataAnalytics={dataAnalytics}
       >
         <div className="s-flex s-gap-3">
           <Avatar visual={pictureUrl} size="md" />
@@ -102,35 +105,41 @@ interface LargeAssistantCardProps extends BaseAssistantCardProps {}
 export const LargeAssistantCard = React.forwardRef<
   HTMLDivElement,
   LargeAssistantCardProps
->(({ className, onClick, title, description, pictureUrl }, ref) => {
-  return (
-    <Card
-      ref={ref}
-      size="lg"
-      className={className}
-      onClick={onClick}
-      variant="tertiary"
-    >
-      <div className="s-flex s-gap-3">
-        <Avatar visual={pictureUrl} size="lg" />
-        <div
-          className={cn(
-            "s-flex s-flex-col s-gap-2 s-text-base",
-            "s-text-foreground dark:s-text-foreground-night"
-          )}
-        >
-          <h3 className="s-font-semibold">{title}</h3>
-          <p
+>(
+  (
+    { className, onClick, title, description, pictureUrl, dataAnalytics },
+    ref
+  ) => {
+    return (
+      <Card
+        ref={ref}
+        size="lg"
+        className={className}
+        onClick={onClick}
+        variant="tertiary"
+        dataAnalytics={dataAnalytics}
+      >
+        <div className="s-flex s-gap-3">
+          <Avatar visual={pictureUrl} size="lg" />
+          <div
             className={cn(
-              "s-line-clamp-5 s-overflow-hidden s-text-ellipsis",
-              "s-text-muted-foreground dark:s-text-muted-foreground-night"
+              "s-flex s-flex-col s-gap-2 s-text-base",
+              "s-text-foreground dark:s-text-foreground-night"
             )}
           >
-            {description}
-          </p>
+            <h3 className="s-heading-base">{title}</h3>
+            <p
+              className={cn(
+                "s-line-clamp-5 s-overflow-hidden s-text-ellipsis",
+                "s-text-muted-foreground dark:s-text-muted-foreground-night"
+              )}
+            >
+              {description}
+            </p>
+          </div>
         </div>
-      </div>
-    </Card>
-  );
-});
+      </Card>
+    );
+  }
+);
 LargeAssistantCard.displayName = "LargeAssistantCard";

package/src/components/AttachmentChip.tsx

@@ -8,7 +8,7 @@ import { LinkWrapper, LinkWrapperProps } from "./LinkWrapper";
 
 const attachmentChipVariants = cva(
   cn(
-    "s-box-border s-inline-flex s-items-center s-gap-1.5 s-rounded-lg s-px-2 s-py-1 s-text-sm s-font-semibold",
+    "s-box-border s-inline-flex s-items-center s-gap-1.5 s-rounded-lg s-px-2 s-py-1 s-heading-sm",
     "s-border-border s-bg-background",
     "dark:s-border-border-night dark:s-bg-background-night",
     "s-text-foreground dark:s-text-foreground-night",

package/src/components/Button.tsx

@@ -225,6 +225,7 @@ type CommonButtonProps = Omit<MetaButtonProps, "children"> &
     isCounter?: boolean;
     counterValue?: string;
     isRounded?: boolean;
+    dataAnalytics?: string;
   };
 
 export type MiniButtonProps = CommonButtonProps & {
@@ -263,6 +264,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       replace,
       shallow,
       "aria-label": ariaLabel,
+      dataAnalytics,
       ...props
     },
     ref
@@ -372,6 +374,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           className
         )}
         aria-label={ariaLabel || tooltip || label}
+        data-analytics={dataAnalytics}
         style={
           {
             "--pulse-color": "#93C5FD",

package/src/components/Card.tsx

@@ -78,6 +78,7 @@ interface CommonProps {
   variant?: CardVariantType;
   size?: CardSizeType;
   className?: string;
+  dataAnalytics?: string;
 }
 
 interface CardLinkProps extends CommonProps, LinkWrapperProps {
@@ -109,6 +110,7 @@ const InnerCard = React.forwardRef<HTMLDivElement, InnerCardProps>(
       rel = "",
       replace,
       shallow,
+      dataAnalytics,
       ...props
     },
     ref
@@ -135,6 +137,7 @@ const InnerCard = React.forwardRef<HTMLDivElement, InnerCardProps>(
           shallow={shallow}
           target={target}
           rel={rel}
+          data-analytics={dataAnalytics}
         >
           {children}
         </Link>
@@ -146,6 +149,7 @@ const InnerCard = React.forwardRef<HTMLDivElement, InnerCardProps>(
         ref={ref}
         className={cardButtonClassNames}
         onClick={onClick}
+        data-analytics={dataAnalytics}
         {...props}
       >
         {children}

package/src/components/Citation.tsx

@@ -85,7 +85,7 @@ const CitationIndex = React.forwardRef<
       ref={ref}
       className={cn(
         "s-z-10",
-        "s-flex s-h-4 s-w-4 s-items-center s-justify-center s-rounded-full s-text-xs s-font-semibold",
+        "s-heading-xs s-flex s-h-4 s-w-4 s-items-center s-justify-center s-rounded-full",
         "s-text-primary-200 dark:s-text-primary-200-night",
         "s-bg-primary-600 dark:s-bg-primary-600-night",
         className
@@ -247,7 +247,7 @@ const CitationTitle = React.forwardRef<HTMLDivElement, CitationTitleProps>(
         className={cn(
           "s-z-10",
           "s-line-clamp-1 s-overflow-hidden s-text-ellipsis s-break-all",
-          "s-text-sm s-font-semibold",
+          "s-heading-sm",
           "s-text-foreground dark:s-text-foreground-night",
           className
         )}

package/src/components/ContentMessage.tsx

@@ -86,7 +86,7 @@ const iconVariants = cva("s-shrink-0", {
   },
 });
 
-const titleVariants = cva("s-text-sm s-font-semibold", {
+const titleVariants = cva("s-heading-sm", {
   variants: {
     variant: {
       primary: "s-text-foreground dark:s-text-foreground-night",

package/src/components/Counter.tsx

@@ -10,9 +10,9 @@ const counterVariants = cva(
   {
     variants: {
       size: {
-        xs: "s-h-5 s-min-w-[20px] s-px-1 s-text-xs",
-        sm: "s-h-6 s-min-w-[24px] s-px-1.5 s-text-sm",
-        md: "s-h-7 s-min-w-[28px] s-px-2 s-text-base",
+        xs: "s-h-5 s-min-w-[20px] s-px-1 s-heading-xs",
+        sm: "s-h-6 s-min-w-[24px] s-px-1.5 s-heading-sm",
+        md: "s-h-7 s-min-w-[28px] s-px-2 s-heading-base",
       },
       variant: {
         primary: "",
@@ -32,55 +32,55 @@ const counterVariants = cva(
         isInButton: false,
         variant: "primary",
         className:
-          "s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800 s-font-medium",
+          "s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800",
       },
       {
         isInButton: false,
         variant: "highlight",
-        className: "s-bg-highlight s-text-white s-font-medium",
+        className: "s-bg-highlight s-text-white",
       },
       {
         isInButton: false,
         variant: "warning",
-        className: "s-bg-warning s-text-white s-font-medium",
+        className: "s-bg-warning s-text-white",
       },
       {
         isInButton: false,
         variant: "outline",
-        className: "s-bg-primary-200 s-text-primary-900 s-font-medium",
+        className: "s-bg-primary-150 s-text-primary-900",
       },
       {
         isInButton: false,
         variant: ["ghost", "ghost-secondary"],
-        className: "s-text-primary dark:s-text-primary-night s-font-medium",
+        className: "s-text-primary dark:s-text-primary-night",
       },
       {
         isInButton: true,
         variant: "primary",
         className:
-          "s-bg-primary-600 dark:s-bg-primary-400 s-text-white dark:s-text-primary-900 s-font-semibold",
+          "s-bg-primary-600 dark:s-bg-primary-400 s-text-white dark:s-text-primary-900",
       },
       {
         isInButton: true,
         variant: "highlight",
-        className: "s-bg-highlight-400 s-text-white s-font-semibold",
+        className: "s-bg-highlight-400 s-text-white",
       },
       {
         isInButton: true,
         variant: "warning",
-        className: "s-bg-warning-400 s-text-white s-font-semibold",
+        className: "s-bg-warning-400 s-text-white",
       },
       {
         isInButton: true,
         variant: "outline",
         className:
-          "s-bg-primary-200 dark:s-bg-primary-700 s-text-primary-700 dark:s-text-primary-300 s-font-semibold",
+          "s-bg-primary-150 dark:s-bg-primary-800 s-text-primary-700 dark:s-text-primary-300",
       },
       {
         isInButton: true,
         variant: ["ghost", "ghost-secondary"],
         className:
-          "s-bg-primary-200 dark:s-bg-primary-700 s-text-primary-700 dark:s-text-primary-300 s-font-semibold",
+          "s-bg-primary-150 dark:s-bg-primary-800 s-text-primary-700 dark:s-text-primary-300",
       },
     ],
     defaultVariants: {

package/src/components/DataTable.tsx

@@ -753,7 +753,7 @@ DataTable.Head = function Head({
   return (
     <th
       className={cn(
-        "s-py-2 s-pl-2 s-pr-3 s-text-left s-text-xs s-font-semibold s-capitalize",
+        "s-heading-xs s-py-2 s-pl-2 s-pr-3 s-text-left s-capitalize",
         "s-text-foreground dark:s-text-foreground-night",
         column.columnDef.meta?.className,
         className

package/src/components/Dialog.tsx

@@ -80,6 +80,7 @@ interface DialogContentProps
   isAlertDialog?: boolean;
   preventAutoFocusOnClose?: boolean;
   mountPortalContainer?: HTMLElement;
+  dataAnalytics?: string;
 }
 
 const DialogContent = React.forwardRef<
@@ -97,6 +98,7 @@ const DialogContent = React.forwardRef<
       preventAutoFocusOnClose = true,
       onCloseAutoFocus,
       mountPortalContainer,
+      dataAnalytics,
       ...props
     },
     ref
@@ -124,6 +126,7 @@ const DialogContent = React.forwardRef<
                 : props.onInteractOutside
             }
             onCloseAutoFocus={handleCloseAutoFocus}
+            data-analytics={dataAnalytics}
             {...props}
           >
             {children}

package/src/components/Dropdown.tsx

@@ -27,7 +27,7 @@ export const menuStyleClasses = {
   ),
   item: cva(
     cn(
-      "s-relative s-flex s-gap-2 s-cursor-pointer s-select-none s-items-center s-outline-none s-rounded-md s-text-sm s-font-semibold s-transition-colors s-duration-300 data-[disabled]:s-pointer-events-none",
+      "s-relative s-flex s-gap-2 s-cursor-pointer s-select-none s-items-center s-outline-none s-rounded-md s-heading-sm s-transition-colors s-duration-300 data-[disabled]:s-pointer-events-none",
       "data-[disabled]:s-text-primary-400 dark:data-[disabled]:s-text-primary-400-night"
     ),
     {
@@ -67,7 +67,7 @@ export const menuStyleClasses = {
     span: "s-absolute s-left-2 s-flex s-h-3.5 s-w-3.5 s-items-center s-justify-center",
   },
   label: cn(
-    "s-font-semibold s-px-2 s-py-2 s-text-xs",
+    "s-px-2 s-py-2 s-heading-xs",
     "s-text-muted-foreground dark:s-text-muted-foreground-night"
   ),
   description: cn(
@@ -698,7 +698,7 @@ const DropdownMenuStaticItem = React.forwardRef<
       className
     )}
   >
-    <span className="s-grow s-font-semibold">{label}</span>
+    <span className="s-grow s-font-medium">{label}</span>
     {value && (
       <span
         className={cn(

package/src/components/EmptyCTA.tsx

@@ -42,14 +42,24 @@ EmptyCTA.displayName = "EmptyCTA";
 interface EmptyCTAButtonProps extends RegularButtonProps {
   icon: React.ComponentType;
   label: string;
+  dataAnalytics?: string;
 }
 
 const EmptyCTAButton: React.FC<EmptyCTAButtonProps> = ({
   icon,
   label,
   variant = "highlight",
+  dataAnalytics,
   ...props
-}) => <Button icon={icon} label={label} variant={variant} {...props} />;
+}) => (
+  <Button
+    icon={icon}
+    label={label}
+    variant={variant}
+    dataAnalytics={dataAnalytics}
+    {...props}
+  />
+);
 
 EmptyCTAButton.displayName = "EmptyCTAButton";
 

package/src/components/LinkWrapper.tsx

@@ -10,29 +10,36 @@ export interface LinkWrapperProps {
   shallow?: boolean;
   target?: string;
   prefetch?: boolean;
+  dataAnalytics?: string;
 }
 
 export const LinkWrapper = React.forwardRef<
   HTMLAnchorElement,
   LinkWrapperProps
->(({ children, href, rel, replace, shallow, target, prefetch }, ref) => {
-  const { components } = React.useContext(SparkleContext);
+>(
+  (
+    { children, href, rel, replace, shallow, target, prefetch, dataAnalytics },
+    ref
+  ) => {
+    const { components } = React.useContext(SparkleContext);
 
-  if (href) {
-    return (
-      <components.link
-        ref={ref}
-        href={href}
-        target={target}
-        rel={rel}
-        replace={replace}
-        shallow={shallow}
-        prefetch={prefetch}
-      >
-        {children}
-      </components.link>
-    );
-  }
+    if (href) {
+      return (
+        <components.link
+          ref={ref}
+          href={href}
+          target={target}
+          rel={rel}
+          replace={replace}
+          shallow={shallow}
+          prefetch={prefetch}
+          data-analytics={dataAnalytics}
+        >
+          {children}
+        </components.link>
+      );
+    }
 
-  return children;
-});
+    return children;
+  }
+);

package/src/components/MultiPageDialog.tsx

@@ -99,6 +99,7 @@ interface MultiPageDialogProps {
   footerContent?: React.ReactNode;
   addFooterSeparator?: boolean;
   hideCloseButton?: boolean;
+  dataAnalytics?: string;
 }
 
 interface MultiPageDialogContentProps extends MultiPageDialogProps {
@@ -129,6 +130,7 @@ const MultiPageDialogContent = React.forwardRef<
       rightButton,
       footerContent,
       hideCloseButton,
+      dataAnalytics,
       ...props
     },
     ref
@@ -188,6 +190,7 @@ const MultiPageDialogContent = React.forwardRef<
         isAlertDialog={isAlertDialog}
         preventAutoFocusOnClose={preventAutoFocusOnClose}
         className={className}
+        dataAnalytics={dataAnalytics}
         {...props}
       >
         <div className={cn(multiPageDialogLayoutVariants())}>
@@ -259,7 +262,7 @@ const MultiPageDialogContent = React.forwardRef<
               {showNavigation && pages.length > 1 && (
                 <div
                   className={cn(
-                    "s-text-xs s-font-semibold s-text-muted-foreground-night",
+                    "s-heading-xs s-text-muted-foreground-night",
                     !hideCloseButton && "s-pr-8"
                   )}
                 >

package/src/components/NavigationList.tsx

@@ -71,6 +71,7 @@ interface NavigationListItemProps
   icon?: React.ComponentType;
   moreMenu?: React.ReactNode;
   status?: "idle" | "unread" | "blocked";
+  dataAnalytics?: string;
 }
 
 const NavigationListItem = React.forwardRef<
@@ -90,6 +91,7 @@ const NavigationListItem = React.forwardRef<
       shallow,
       moreMenu,
       status = "idle",
+      dataAnalytics,
       ...props
     },
     ref
@@ -129,6 +131,7 @@ const NavigationListItem = React.forwardRef<
           rel={rel}
           replace={replace}
           shallow={shallow}
+          dataAnalytics={dataAnalytics}
         >
           <div
             className={cn(
@@ -216,7 +219,7 @@ const variantStyles = cva("", {
 });
 
 const labelStyles = cva(
-  "s-font-semibold s-pt-4 s-pb-2 s-text-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis"
+  "s-pt-4 s-pb-2 s-heading-xs s-whitespace-nowrap s-overflow-hidden s-text-ellipsis"
 );
 
 interface NavigationListLabelProps

package/src/components/Notification.tsx

@@ -71,7 +71,7 @@ function NotificationContent({
       <div className="s-flex s-min-w-0 s-flex-grow s-flex-col">
         <div
           className={cn(
-            "s-text-md s-line-clamp-1 s-h-6 s-grow s-font-semibold",
+            "s-heading-md s-line-clamp-1 s-h-6 s-grow",
             variantClassName({ type })
           )}
         >

package/src/components/PriceTable.tsx

@@ -14,6 +14,7 @@ interface PriceTableProps {
   className?: string;
   children: ReactNode;
   magnified?: boolean;
+  dataAnalytics?: string;
 }
 
 const colorTable = {
@@ -45,6 +46,7 @@ export function PriceTable({
   priceLabel = "",
   className = "",
   magnified = true,
+  dataAnalytics,
   children, // Use children instead of tableItems
 }: PriceTableProps) {
   // Pass size prop to all PriceTable.Item children
@@ -73,6 +75,7 @@ export function PriceTable({
         colorTable[color],
         className
       )}
+      data-analytics={dataAnalytics}
     >
       <div
         className={classNames(

package/src/components/Sheet.tsx

@@ -89,6 +89,7 @@ interface SheetContentProps
   side?: SheetSideType;
   preventAutoFocusOnClose?: boolean;
   preventAutoFocusOnOpen?: boolean;
+  dataAnalytics?: string;
 }
 
 const SheetContent = React.forwardRef<
@@ -106,6 +107,7 @@ const SheetContent = React.forwardRef<
       preventAutoFocusOnOpen = true,
       onCloseAutoFocus,
       onOpenAutoFocus,
+      dataAnalytics,
       ...props
     },
     ref
@@ -160,6 +162,7 @@ const SheetContent = React.forwardRef<
             onCloseAutoFocus={handleCloseAutoFocus}
             onOpenAutoFocus={handleOpenAutoFocus}
             onKeyDownCapture={onKeyDownCapture}
+            data-analytics={dataAnalytics}
             {...props}
           >
             {children}

package/src/components/Tabs.tsx

@@ -52,6 +52,7 @@ const TabsTrigger = React.forwardRef<
       >
     > & {
       isLoading?: boolean;
+      dataAnalytics?: string;
     } & Omit<LinkWrapperProps, "children" | "className">
 >(
   (
@@ -69,6 +70,7 @@ const TabsTrigger = React.forwardRef<
       variant = "ghost",
       isCounter = false,
       counterValue,
+      dataAnalytics,
       ...props
     },
     ref
@@ -95,6 +97,7 @@ const TabsTrigger = React.forwardRef<
           shallow={shallow}
           isCounter={isCounter}
           counterValue={counterValue}
+          dataAnalytics={dataAnalytics}
           className={cn(
             "s-relative",
             "after:s-absolute after:s-bottom-[-9px] after:s-left-1/2 after:s-h-[2px] after:s-w-full after:s--translate-x-1/2",