@dust-tt/sparkle 0.2.647 → 0.2.649

package/dist/esm/components/Tabs.js

@@ -28,9 +28,9 @@ var TabsList = React.forwardRef(function (_a, ref) {
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
 var TabsTrigger = React.forwardRef(function (_a, ref) {
-    var className = _a.className, label = _a.label, tooltip = _a.tooltip, icon = _a.icon, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, disabled = _a.disabled, _b = _a.variant, variant = _b === void 0 ? "ghost" : _b, _c = _a.isCounter, isCounter = _c === void 0 ? false : _c, counterValue = _a.counterValue, props = __rest(_a, ["className", "label", "tooltip", "icon", "href", "target", "rel", "replace", "shallow", "disabled", "variant", "isCounter", "counterValue"]);
+    var className = _a.className, label = _a.label, tooltip = _a.tooltip, icon = _a.icon, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, disabled = _a.disabled, _b = _a.variant, variant = _b === void 0 ? "ghost" : _b, _c = _a.isCounter, isCounter = _c === void 0 ? false : _c, counterValue = _a.counterValue, dataAnalytics = _a.dataAnalytics, props = __rest(_a, ["className", "label", "tooltip", "icon", "href", "target", "rel", "replace", "shallow", "disabled", "variant", "isCounter", "counterValue", "dataAnalytics"]);
     return (React.createElement(TabsPrimitive.Trigger, __assign({ ref: ref, className: cn("s-h-11", "disabled:s-pointer-events-none", className), disabled: disabled, asChild: true }, props),
-        React.createElement(Button, { variant: variant, size: "sm", label: label, tooltip: tooltip, icon: icon, disabled: disabled, href: href, target: target, rel: rel, replace: replace, shallow: shallow, isCounter: isCounter, counterValue: counterValue, 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", "after:s-bg-foreground after:s-opacity-0 data-[state=active]:after:s-opacity-100 dark:after:s-bg-foreground-night") })));
+        React.createElement(Button, { variant: variant, size: "sm", label: label, tooltip: tooltip, icon: icon, disabled: disabled, href: href, target: target, rel: rel, replace: replace, 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", "after:s-bg-foreground after:s-opacity-0 data-[state=active]:after:s-opacity-100 dark:after:s-bg-foreground-night") })));
 });
 var TabsContent = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,IAAM,gBAAgB,GAAG,GAAG,CAAC,8BAA8B,EAAE;IAC3D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,UAAU;SACjB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,uDAAuD;SAC9D;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,IAAI;KACb;CACF,CAAC,CAAC;AAKH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,UAAC,EAAqC,EAAE,GAAG;IAAxC,IAAA,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAnC,+BAAqC,CAAF;IAAY,OAAA,CAChD,oBAAC,UAAU;QACT,oBAAC,aAAa,CAAC,IAAI,aACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAE,SAAS,CAAC,IACxD,KAAK,EACT;QACF,oBAAC,SAAS,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAC,UAAU,GAAG,CAChD,CACd,CAAA;CAAA,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAYlC,UACE,EAeC,EACD,GAAG;IAfD,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACH,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACT,KAAK,cAdV,4IAeC,CADS;IAIV,OAAO,CACL,oBAAC,aAAa,CAAC,OAAO,aACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,gCAAgC,EAAE,SAAS,CAAC,EACpE,QAAQ,EAAE,QAAQ,EAClB,OAAO,UACH,KAAK;QAET,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,iHAAiH,EACjH,kHAAkH,CACnH,GACD,CACoB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,oBAAC,aAAa,CAAC,OAAO,aACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ToolCard.js

@@ -22,7 +22,7 @@ export var ToolCard = React.forwardRef(function (_a, ref) {
                 React.createElement("a", { onClick: function (e) {
                         e.stopPropagation();
                         toolInfo.onClick();
-                    }, className: "s-cursor-pointer s-text-sm s-font-semibold s-text-muted-foreground hover:s-text-highlight-light hover:s-underline hover:s-underline-offset-2 dark:s-text-muted-foreground-night dark:hover:s-text-highlight-light-night" }, toolInfo.label))))));
+                    }, className: "s-heading-sm s-cursor-pointer s-text-muted-foreground hover:s-text-highlight-light hover:s-underline hover:s-underline-offset-2 dark:s-text-muted-foreground-night dark:hover:s-text-highlight-light-night" }, toolInfo.label))))));
 });
 ToolCard.displayName = "ToolCard";
 //# sourceMappingURL=ToolCard.js.map

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.649",
   "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/Checkbox.tsx

@@ -58,7 +58,7 @@ interface CheckboxProps
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxProps
->(({ className, size, checked, id, ...props }, ref) => {
+>(({ className, size, checked, id, tooltip, ...props }, ref) => {
   const checkbox = (
     <CheckboxPrimitive.Root
       ref={ref}
@@ -79,7 +79,11 @@ const Checkbox = React.forwardRef<
     </CheckboxPrimitive.Root>
   );
 
-  return checkbox;
+  return tooltip ? (
+    <Tooltip label={tooltip} trigger={checkbox} tooltipTriggerAsChild />
+  ) : (
+    checkbox
+  );
 });
 
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;

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 })
           )}
         >