@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.
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/Avatar.d.ts +2 -1
- package/dist/esm/components/Avatar.d.ts.map +1 -1
- package/dist/esm/components/Avatar.js +3 -3
- package/dist/esm/components/Avatar.js.map +1 -1
- package/dist/esm/components/Dropdown.js +1 -1
- package/dist/esm/components/Dropdown.js.map +1 -1
- package/dist/esm/components/Tooltip.d.ts +0 -1
- package/dist/esm/components/Tooltip.d.ts.map +1 -1
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/components/markdown/Markdown.d.ts +10 -5
- package/dist/esm/components/markdown/Markdown.d.ts.map +1 -1
- package/dist/esm/components/markdown/Markdown.js +6 -8
- package/dist/esm/components/markdown/Markdown.js.map +1 -1
- package/dist/esm/styles/global.css +12 -0
- package/dist/esm/styles/global_with_tw_base.css +21 -0
- package/dist/esm/styles/tailwind.css +11 -0
- package/dist/sparkle.css +34 -0
- package/package.json +1 -2
- package/src/components/Avatar.tsx +3 -1
- package/src/components/Dropdown.tsx +1 -1
- package/src/components/Tooltip.tsx +0 -1
- package/src/components/markdown/Markdown.tsx +18 -25
- package/src/styles/global.css +12 -0
- package/src/styles/global_with_tw_base.css +21 -0
- package/src/styles/tailwind.css +11 -0
- package/dist/esm/components/markdown/useAnimatedText.d.ts +0 -6
- package/dist/esm/components/markdown/useAnimatedText.d.ts.map +0 -1
- package/dist/esm/components/markdown/useAnimatedText.js +0 -28
- package/dist/esm/components/markdown/useAnimatedText.js.map +0 -1
- package/src/components/markdown/useAnimatedText.ts +0 -38
|
@@ -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
|
-
}
|