@dust-tt/sparkle 0.2.641-rc-3 → 0.2.642

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/esm/components/Avatar.d.ts +2 -1
  3. package/dist/esm/components/Avatar.d.ts.map +1 -1
  4. package/dist/esm/components/Avatar.js +3 -3
  5. package/dist/esm/components/Avatar.js.map +1 -1
  6. package/dist/esm/components/Dropdown.js +1 -1
  7. package/dist/esm/components/Dropdown.js.map +1 -1
  8. package/dist/esm/components/Tooltip.d.ts +0 -1
  9. package/dist/esm/components/Tooltip.d.ts.map +1 -1
  10. package/dist/esm/components/Tooltip.js.map +1 -1
  11. package/dist/esm/components/markdown/Markdown.d.ts +10 -5
  12. package/dist/esm/components/markdown/Markdown.d.ts.map +1 -1
  13. package/dist/esm/components/markdown/Markdown.js +6 -8
  14. package/dist/esm/components/markdown/Markdown.js.map +1 -1
  15. package/dist/esm/styles/global.css +12 -0
  16. package/dist/esm/styles/global_with_tw_base.css +21 -0
  17. package/dist/esm/styles/tailwind.css +11 -0
  18. package/dist/sparkle.css +34 -0
  19. package/package.json +1 -2
  20. package/src/components/Avatar.tsx +3 -1
  21. package/src/components/Dropdown.tsx +1 -1
  22. package/src/components/Tooltip.tsx +0 -1
  23. package/src/components/markdown/Markdown.tsx +18 -25
  24. package/src/styles/global.css +12 -0
  25. package/src/styles/global_with_tw_base.css +21 -0
  26. package/src/styles/tailwind.css +11 -0
  27. package/dist/esm/components/markdown/useAnimatedText.d.ts +0 -6
  28. package/dist/esm/components/markdown/useAnimatedText.d.ts.map +0 -1
  29. package/dist/esm/components/markdown/useAnimatedText.js +0 -28
  30. package/dist/esm/components/markdown/useAnimatedText.js.map +0 -1
  31. package/src/components/markdown/useAnimatedText.ts +0 -38
@@ -1,6 +0,0 @@
1
- import { type Easing } from "framer-motion";
2
- export declare function useAnimatedText(text: string, shouldAnimate: boolean, options?: {
3
- duration?: number;
4
- ease?: Easing;
5
- }): string;
6
- //# sourceMappingURL=useAnimatedText.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useAnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/useAnimatedText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAGrD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,OAAO,EACtB,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,UA4BF"}
@@ -1,28 +0,0 @@
1
- import { __read } from "tslib";
2
- import { animate } from "framer-motion";
3
- import { useEffect, useState } from "react";
4
- export function useAnimatedText(text, shouldAnimate, options) {
5
- var _a = __read(useState(0), 2), cursor = _a[0], setCursor = _a[1];
6
- var _b = __read(useState(0), 2), startingCursor = _b[0], setStartingCursor = _b[1];
7
- var _c = __read(useState(text), 2), prevText = _c[0], setPrevText = _c[1];
8
- if (prevText !== text) {
9
- setPrevText(text);
10
- setStartingCursor(text.startsWith(prevText) ? cursor : 0);
11
- }
12
- useEffect(function () {
13
- var _a, _b;
14
- var controls = animate(startingCursor, text.length, {
15
- duration: (_a = options === null || options === void 0 ? void 0 : options.duration) !== null && _a !== void 0 ? _a : 4,
16
- ease: (_b = options === null || options === void 0 ? void 0 : options.ease) !== null && _b !== void 0 ? _b : "easeOut",
17
- onUpdate: function (latest) {
18
- setCursor(Math.floor(latest));
19
- },
20
- });
21
- return function () { return controls.stop(); };
22
- }, [startingCursor, text, options === null || options === void 0 ? void 0 : options.duration, options === null || options === void 0 ? void 0 : options.ease]);
23
- if (!shouldAnimate) {
24
- return text;
25
- }
26
- return text.slice(0, cursor);
27
- }
28
- //# sourceMappingURL=useAnimatedText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useAnimatedText.js","sourceRoot":"","sources":["../../../../src/components/markdown/useAnimatedText.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,eAAe,CAC7B,IAAY,EACZ,aAAsB,EACtB,OAGC;IAEK,IAAA,KAAA,OAAsB,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAhC,MAAM,QAAA,EAAE,SAAS,QAAe,CAAC;IAClC,IAAA,KAAA,OAAsC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAhD,cAAc,QAAA,EAAE,iBAAiB,QAAe,CAAC;IAClD,IAAA,KAAA,OAA0B,QAAQ,CAAC,IAAI,CAAC,IAAA,EAAvC,QAAQ,QAAA,EAAE,WAAW,QAAkB,CAAC;IAE/C,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,SAAS,CAAC;;QACR,IAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE;YACpD,QAAQ,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC;YAChC,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,SAAS;YAChC,QAAQ,YAAC,MAAM;gBACb,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;YAChC,CAAC;SACF,CAAC,CAAC;QAEH,OAAO,cAAM,OAAA,QAAQ,CAAC,IAAI,EAAE,EAAf,CAAe,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,CAAC;IAE7D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC/B,CAAC"}
@@ -1,38 +0,0 @@
1
- import { animate, type Easing } from "framer-motion";
2
- import { useEffect, useState } from "react";
3
-
4
- export function useAnimatedText(
5
- text: string,
6
- shouldAnimate: boolean,
7
- options?: {
8
- duration?: number;
9
- ease?: Easing;
10
- }
11
- ) {
12
- const [cursor, setCursor] = useState(0);
13
- const [startingCursor, setStartingCursor] = useState(0);
14
- const [prevText, setPrevText] = useState(text);
15
-
16
- if (prevText !== text) {
17
- setPrevText(text);
18
- setStartingCursor(text.startsWith(prevText) ? cursor : 0);
19
- }
20
-
21
- useEffect(() => {
22
- const controls = animate(startingCursor, text.length, {
23
- duration: options?.duration ?? 4,
24
- ease: options?.ease ?? "easeOut",
25
- onUpdate(latest) {
26
- setCursor(Math.floor(latest));
27
- },
28
- });
29
-
30
- return () => controls.stop();
31
- }, [startingCursor, text, options?.duration, options?.ease]);
32
-
33
- if (!shouldAnimate) {
34
- return text;
35
- }
36
-
37
- return text.slice(0, cursor);
38
- }