@dust-tt/sparkle 0.4.26 → 0.5.0

package/dist/esm/stories/Typography.stories.js

@@ -1,22 +1,21 @@
-import { __read } from "tslib";
 import React from "react";
 import { classNames } from "../lib/utils";
 // Define the text sizes and weights
-var textSizes = {
+const textSizes = {
     xs: "s-text-xs",
     sm: "s-text-sm",
     md: "s-text-base",
     lg: "s-text-lg",
     xl: "s-text-xl",
 };
-var copySizes = {
+const copySizes = {
     xs: "s-copy-xs",
     sm: "s-copy-sm",
     base: "s-copy-base",
     lg: "s-copy-lg",
     xl: "s-copy-xl",
 };
-var extraTextSizes = {
+const extraTextSizes = {
     "2xl": "s-text-2xl",
     "3xl": "s-text-3xl",
     "4xl": "s-text-4xl",
@@ -26,7 +25,7 @@ var extraTextSizes = {
     "8xl": "s-text-8xl",
     "9xl": "s-text-9xl",
 };
-var headingSizes = {
+const headingSizes = {
     base: "s-heading-base",
     lg: "s-heading-lg",
     xl: "s-heading-xl",
@@ -39,7 +38,7 @@ var headingSizes = {
     "8xl": "s-heading-8xl",
     "9xl": "s-heading-9xl",
 };
-var headingMonoSizes = {
+const headingMonoSizes = {
     lg: "s-heading-mono-lg",
     xl: "s-heading-mono-xl",
     "2xl": "s-heading-mono-2xl",
@@ -51,100 +50,81 @@ var headingMonoSizes = {
     "8xl": "s-heading-mono-8xl",
     "9xl": "s-heading-mono-9xl",
 };
-var fontWeights = {
+const fontWeights = {
     normal: "s-font-normal",
     medium: "s-font-medium",
     semibold: "s-font-semibold",
     bold: "s-font-bold",
 };
-var loremIpsum = "Geist. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
-var copyLoremIpsum = "Geist. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
-var Typography = function (_a) {
-    var variant = _a.variant;
+const loremIpsum = "Geist. Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
+const copyLoremIpsum = `Geist. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`;
+const Typography = ({ variant }) => {
     if (variant === "font-size") {
         return (React.createElement("div", null,
             React.createElement("div", { className: "s-grid s-gap-4 s-bg-repeat s-py-8", style: {
-                    gridTemplateColumns: "repeat(".concat(Object.keys(fontWeights).length, ", minmax(0, 1fr))"),
-                } }, Object.entries(textSizes).map(function (_a) {
-                var _b = __read(_a, 2), sizeKey = _b[0], sizeClass = _b[1];
-                return Object.entries(fontWeights).map(function (_a) {
-                    var _b = __read(_a, 2), weightKey = _b[0], weightClass = _b[1];
-                    return (React.createElement("div", { key: "".concat(sizeKey, "-").concat(weightKey), className: classNames(sizeClass, weightClass) },
-                        React.createElement("div", null, "".concat(sizeKey, " ").concat(weightKey)),
-                        React.createElement("p", null, loremIpsum)));
-                });
-            })),
-            React.createElement("div", { className: "s-mt-6 s-grid s-gap-16 s-bg-repeat s-py-8" }, Object.entries(extraTextSizes).map(function (_a) {
-                var _b = __read(_a, 2), sizeKey = _b[0], sizeClass = _b[1];
-                return (React.createElement("div", { key: sizeKey, className: classNames(sizeClass, "s-font-medium") },
-                    React.createElement("div", null, "".concat(sizeKey, " medium")),
-                    React.createElement("p", null, loremIpsum)));
-            }))));
+                    gridTemplateColumns: `repeat(${Object.keys(fontWeights).length}, minmax(0, 1fr))`,
+                } }, Object.entries(textSizes).map(([sizeKey, sizeClass]) => Object.entries(fontWeights).map(([weightKey, weightClass]) => (React.createElement("div", { key: `${sizeKey}-${weightKey}`, className: classNames(sizeClass, weightClass) },
+                React.createElement("div", null, `${sizeKey} ${weightKey}`),
+                React.createElement("p", null, loremIpsum)))))),
+            React.createElement("div", { className: "s-mt-6 s-grid s-gap-16 s-bg-repeat s-py-8" }, Object.entries(extraTextSizes).map(([sizeKey, sizeClass]) => (React.createElement("div", { key: sizeKey, className: classNames(sizeClass, "s-font-medium") },
+                React.createElement("div", null, `${sizeKey} medium`),
+                React.createElement("p", null, loremIpsum)))))));
     }
     if (variant === "copy") {
-        return (React.createElement("div", { className: "s-space-y-12 s-bg-repeat s-py-8" }, Object.entries(copySizes).map(function (_a) {
-            var _b = __read(_a, 2), sizeKey = _b[0], copyClass = _b[1];
-            return (React.createElement("div", { key: sizeKey, className: "s-space-y-4" },
-                React.createElement("div", { className: copyClass },
-                    React.createElement("div", null, "Copy ".concat(sizeKey)),
-                    React.createElement("div", { className: "s-mt-2", style: {
-                            maxWidth: sizeKey === "xs"
-                                ? "20rem"
-                                : sizeKey === "sm"
-                                    ? "24rem"
-                                    : sizeKey === "base"
-                                        ? "32rem"
-                                        : sizeKey === "lg"
-                                            ? "40rem"
-                                            : "48rem",
-                        } },
-                        React.createElement("p", null, copyLoremIpsum))),
-                React.createElement("div", { className: classNames(copyClass, "s-italic") },
-                    React.createElement("div", null, "Copy ".concat(sizeKey, " Italic")),
-                    React.createElement("div", { className: "s-mt-2", style: {
-                            maxWidth: sizeKey === "xs"
-                                ? "20rem"
-                                : sizeKey === "sm"
-                                    ? "24rem"
-                                    : sizeKey === "base"
-                                        ? "32rem"
-                                        : sizeKey === "lg"
-                                            ? "40rem"
-                                            : "48rem",
-                        } },
-                        React.createElement("p", null, copyLoremIpsum))),
-                React.createElement("div", { className: classNames(copyClass, "s-font-mono") },
-                    React.createElement("div", null, "Copy ".concat(sizeKey, " Mono")),
-                    React.createElement("div", { className: "s-mt-2", style: {
-                            maxWidth: sizeKey === "xs"
-                                ? "20rem"
-                                : sizeKey === "sm"
-                                    ? "24rem"
-                                    : sizeKey === "base"
-                                        ? "32rem"
-                                        : sizeKey === "lg"
-                                            ? "40rem"
-                                            : "48rem",
-                        } },
-                        React.createElement("p", null, copyLoremIpsum)))));
-        })));
+        return (React.createElement("div", { className: "s-space-y-12 s-bg-repeat s-py-8" }, Object.entries(copySizes).map(([sizeKey, copyClass]) => (React.createElement("div", { key: sizeKey, className: "s-space-y-4" },
+            React.createElement("div", { className: copyClass },
+                React.createElement("div", null, `Copy ${sizeKey}`),
+                React.createElement("div", { className: "s-mt-2", style: {
+                        maxWidth: sizeKey === "xs"
+                            ? "20rem"
+                            : sizeKey === "sm"
+                                ? "24rem"
+                                : sizeKey === "base"
+                                    ? "32rem"
+                                    : sizeKey === "lg"
+                                        ? "40rem"
+                                        : "48rem",
+                    } },
+                    React.createElement("p", null, copyLoremIpsum))),
+            React.createElement("div", { className: classNames(copyClass, "s-italic") },
+                React.createElement("div", null, `Copy ${sizeKey} Italic`),
+                React.createElement("div", { className: "s-mt-2", style: {
+                        maxWidth: sizeKey === "xs"
+                            ? "20rem"
+                            : sizeKey === "sm"
+                                ? "24rem"
+                                : sizeKey === "base"
+                                    ? "32rem"
+                                    : sizeKey === "lg"
+                                        ? "40rem"
+                                        : "48rem",
+                    } },
+                    React.createElement("p", null, copyLoremIpsum))),
+            React.createElement("div", { className: classNames(copyClass, "s-font-mono") },
+                React.createElement("div", null, `Copy ${sizeKey} Mono`),
+                React.createElement("div", { className: "s-mt-2", style: {
+                        maxWidth: sizeKey === "xs"
+                            ? "20rem"
+                            : sizeKey === "sm"
+                                ? "24rem"
+                                : sizeKey === "base"
+                                    ? "32rem"
+                                    : sizeKey === "lg"
+                                        ? "40rem"
+                                        : "48rem",
+                    } },
+                    React.createElement("p", null, copyLoremIpsum))))))));
     }
     if (variant === "heading-mono") {
-        return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8" }, Object.entries(headingMonoSizes).map(function (_a) {
-            var _b = __read(_a, 2), sizeKey = _b[0], headingClass = _b[1];
-            return (React.createElement("div", { key: sizeKey, className: headingClass },
-                React.createElement("div", null, "Heading Mono ".concat(sizeKey)),
-                React.createElement("p", null, loremIpsum)));
-        })));
+        return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8" }, Object.entries(headingMonoSizes).map(([sizeKey, headingClass]) => (React.createElement("div", { key: sizeKey, className: headingClass },
+            React.createElement("div", null, `Heading Mono ${sizeKey}`),
+            React.createElement("p", null, loremIpsum))))));
     }
-    return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8" }, Object.entries(headingSizes).map(function (_a) {
-        var _b = __read(_a, 2), sizeKey = _b[0], headingClass = _b[1];
-        return (React.createElement("div", { key: sizeKey, className: headingClass },
-            React.createElement("div", null, "Heading ".concat(sizeKey)),
-            React.createElement("p", null, loremIpsum)));
-    })));
+    return (React.createElement("div", { className: "s-space-y-8 s-bg-repeat s-py-8" }, Object.entries(headingSizes).map(([sizeKey, headingClass]) => (React.createElement("div", { key: sizeKey, className: headingClass },
+        React.createElement("div", null, `Heading ${sizeKey}`),
+        React.createElement("p", null, loremIpsum))))));
 };
-var meta = {
+const meta = {
     title: "Theme/Typography",
     component: Typography,
     tags: ["autodocs"],
@@ -157,27 +137,27 @@ var meta = {
 };
 export default meta;
 // Add a Default story that matches the expected ID
-export var Default = {
+export const Default = {
     args: {
         variant: "font-size",
     },
 };
-export var FontSize = {
+export const FontSize = {
     args: {
         variant: "font-size",
     },
 };
-export var Heading = {
+export const Heading = {
     args: {
         variant: "heading",
     },
 };
-export var HeadingMono = {
+export const HeadingMono = {
     args: {
         variant: "heading-mono",
     },
 };
-export var Copy = {
+export const Copy = {
     args: {
         variant: "copy",
     },

package/dist/esm/stories/Typography.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.js","sourceRoot":"","sources":["../../../src/stories/Typography.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Typography.stories.js","sourceRoot":"","sources":["../../../src/stories/Typography.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/ValueCard.stories.js

@@ -1,9 +1,8 @@
-import { __assign } from "tslib";
 import * as React from "react";
 import { Avatar } from "../components";
 import { HandThumbUpIcon } from "../icons/app";
 import { ComposableCard, ValueCard } from "../components/ValueCard";
-var meta = {
+const meta = {
     title: "Modules/ValueCard",
     component: ValueCard,
     parameters: {
@@ -17,7 +16,7 @@ var meta = {
     tags: ["autodocs"],
 };
 export default meta;
-export var Basic = {
+export const Basic = {
     args: {
         title: "Messages",
         subtitle: "Monthly activity",
@@ -26,10 +25,10 @@ export var Basic = {
             React.createElement("div", { className: "s-text-lg s-font-semibold s-text-foreground" }, "847"))),
     },
 };
-export var Loading = {
-    args: __assign(__assign({}, Basic.args), { isLoading: true }),
+export const Loading = {
+    args: Object.assign(Object.assign({}, Basic.args), { isLoading: true }),
 };
-export var WithIcons = {
+export const WithIcons = {
     args: {
         title: "Reactions",
         content: (React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
@@ -38,8 +37,8 @@ export var WithIcons = {
         className: "s-w-fit",
     },
 };
-export var Composable = {
-    render: function () { return (React.createElement(ComposableCard.Root, null,
+export const Composable = {
+    render: () => (React.createElement(ComposableCard.Root, null,
         React.createElement(ComposableCard.Header, null,
             React.createElement(ComposableCard.Title, null, "Messages"),
             React.createElement(ComposableCard.Subtitle, null, "Monthly activity")),
@@ -51,6 +50,6 @@ export var Composable = {
             React.createElement("div", { className: "s-flex -s-space-x-2" },
                 React.createElement(Avatar, { size: "sm", name: "John Doe", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
                 React.createElement(Avatar, { size: "sm", name: "Jane Smith", visual: "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg" }),
-                React.createElement(Avatar, { size: "sm", name: "Bob Johnson", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }))))); },
+                React.createElement(Avatar, { size: "sm", name: "Bob Johnson", visual: "https://dust.tt/static/droidavatar/Droid_Red_3.jpg" }))))),
 };
 //# sourceMappingURL=ValueCard.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ValueCard.stories.js","sourceRoot":"","sources":["../../../src/stories/ValueCard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpE,IAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,kBAAkB;QAC5B,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,CACP,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,6BAAK,SAAS,EAAC,6CAA6C,UAAU,CAClE,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,wBACC,KAAK,CAAC,IAAI,KACb,SAAS,EAAE,IAAI,GAChB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,CACP,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,eAAe,IAAC,SAAS,EAAC,0CAA0C,GAAG;YACxE,6BAAK,SAAS,EAAC,6CAA6C,SAAS,CACjE,CACP;QACD,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,cAAc,CAAC,IAAI;QAClB,oBAAC,cAAc,CAAC,MAAM;YACpB,oBAAC,cAAc,CAAC,KAAK,mBAAgC;YACrD,oBAAC,cAAc,CAAC,QAAQ,2BAA2C,CAC7C;QACxB,oBAAC,cAAc,CAAC,OAAO;YACrB,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,oBAAC,eAAe,IAAC,SAAS,EAAC,0CAA0C,GAAG;gBACxE,6BAAK,SAAS,EAAC,2BAA2B,UAAU,CAChD,CACiB;QACzB,oBAAC,cAAc,CAAC,MAAM;YACpB,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,qDAAqD,GAC5D;gBACF,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,MAAM,EAAC,uDAAuD,GAC9D;gBACF,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,aAAa,EAClB,MAAM,EAAC,oDAAoD,GAC3D,CACE,CACgB,CACJ,CACvB,EAhCa,CAgCb;CACF,CAAC"}
+{"version":3,"file":"ValueCard.stories.js","sourceRoot":"","sources":["../../../src/stories/ValueCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,kBAAkB;QAC5B,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,CACP,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,6BAAK,SAAS,EAAC,6CAA6C,UAAU,CAClE,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,kCACC,KAAK,CAAC,IAAI,KACb,SAAS,EAAE,IAAI,GAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,CACP,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,eAAe,IAAC,SAAS,EAAC,0CAA0C,GAAG;YACxE,6BAAK,SAAS,EAAC,6CAA6C,SAAS,CACjE,CACP;QACD,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,oBAAC,cAAc,CAAC,IAAI;QAClB,oBAAC,cAAc,CAAC,MAAM;YACpB,oBAAC,cAAc,CAAC,KAAK,mBAAgC;YACrD,oBAAC,cAAc,CAAC,QAAQ,2BAA2C,CAC7C;QACxB,oBAAC,cAAc,CAAC,OAAO;YACrB,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,oBAAC,eAAe,IAAC,SAAS,EAAC,0CAA0C,GAAG;gBACxE,6BAAK,SAAS,EAAC,2BAA2B,UAAU,CAChD,CACiB;QACzB,oBAAC,cAAc,CAAC,MAAM;YACpB,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,qDAAqD,GAC5D;gBACF,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,MAAM,EAAC,uDAAuD,GAC9D;gBACF,oBAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,aAAa,EAClB,MAAM,EAAC,oDAAoD,GAC3D,CACE,CACgB,CACJ,CACvB;CACF,CAAC"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.4.26",
+  "version": "0.5.0",
   "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",
-    "build:esm": "npm run copy:esm && tsc && tsc-alias",
+    "build:esm": "npm run copy:esm && tsgo && tsc-alias",
     "copy:esm": "copyfiles -u 1 src/**/*.css src/**/*.svg src/**/*.png src/**/*.json dist/esm",
-    "build:cjs": "rollup -c",
+    "build:cjs": "node scripts/build-cjs.mjs",
     "storybook": "storybook dev -p 6006 --debug-webpack",
     "build-storybook": "storybook build",
     "format:check": "prettier --check .",
@@ -30,11 +30,6 @@
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
     "@chromatic-com/storybook": "^3.2.5",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.2",
     "@storybook/addon-essentials": "^8.6.4",
     "@storybook/addon-interactions": "^8.6.4",
     "@storybook/addon-links": "^8.6.4",
@@ -55,11 +50,13 @@
     "@types/uuid": "^9.0.6",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
+    "@typescript/native-preview": "^7.0.0-dev.20251201.1",
     "autoprefixer": "^10.4.14",
     "babel-loader": "^9.1.3",
     "babel-preset-react-app": "^10.0.1",
     "copyfiles": "^2.4.1",
     "esbuild": "^0.25.0",
+    "esbuild-plugin-postcss2": "^0.1.2",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
@@ -70,9 +67,6 @@
     "prettier-plugin-tailwindcss": "^0.6.5",
     "react": "^18.3.1",
     "react-dom": "^18.2.0",
-    "rollup": "^3.26.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
     "sass-loader": "^13.3.2",
     "storybook": "^8.6.4",
     "tailwindcss": "^3.2.4",

package/src/components/Resizable.tsx

@@ -3,10 +3,14 @@ import * as ResizablePrimitive from "react-resizable-panels";
 
 import { cn } from "@sparkle/lib/utils";
 
-const ResizablePanelGroup = ({
+type ResizablePanelGroupProps = React.ComponentProps<
+  typeof ResizablePrimitive.PanelGroup
+>;
+
+const ResizablePanelGroup: React.FC<ResizablePanelGroupProps> = ({
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+}) => (
   <ResizablePrimitive.PanelGroup
     className={cn(
       "s-flex s-h-full s-w-full data-[panel-group-direction=vertical]:s-flex-col",

package/src/components/markdown/safeRehypeKatex.ts

@@ -15,7 +15,7 @@ import type { Transformer } from "unified";
  */
 type RehypeKatexOptions = Parameters<typeof rehypeKatex>[0];
 
-export const safeRehypeKatex = (
+export const safeRehypeKatex: (options?: RehypeKatexOptions) => Transformer = (
   options: RehypeKatexOptions = {}
 ): Transformer => {
   return (tree, file) => {

package/src/components/markdown/utils.ts

@@ -45,9 +45,9 @@ export function detectLanguage(children: React.ReactNode) {
  * Inserts an empty line with a non-breaking space to create visual spacing.
  */
 export function preserveLineBreaks(content: string): string {
-  // Replace \n\n with \n \n\n to insert an empty line with content
+  // Replace <br> and \n\n with \n&nbsp;\n\n to insert an empty line with content
   // This creates visual spacing between paragraphs
-  return content.replace(/\n\n\n\n/g, "\n\n&nbsp;\n\n");
+  return content.replace(/(\n\n\n\n|<br>)/g, "\n\n&nbsp;\n\n");
 }
 
 /**