@tarsis/toolkit 0.4.3 → 0.4.5
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/index.cjs +24 -24
- package/dist/index.js +24 -24
- package/dist/styles.css +484 -484
- package/package.json +36 -38
package/dist/index.cjs
CHANGED
|
@@ -670,11 +670,11 @@ const BubblyParticlesButton = () => {
|
|
|
670
670
|
);
|
|
671
671
|
};
|
|
672
672
|
|
|
673
|
-
const root$4k = "
|
|
674
|
-
const button$o = "
|
|
675
|
-
const p = "
|
|
676
|
-
const text$z = "
|
|
677
|
-
const effects = "
|
|
673
|
+
const root$4k = "_root_1vk81_1";
|
|
674
|
+
const button$o = "_button_1vk81_13";
|
|
675
|
+
const p = "_p_1vk81_26";
|
|
676
|
+
const text$z = "_text_1vk81_26";
|
|
677
|
+
const effects = "_effects_1vk81_240";
|
|
678
678
|
const styles$4H = {
|
|
679
679
|
root: root$4k,
|
|
680
680
|
button: button$o,
|
|
@@ -4489,9 +4489,9 @@ const NeonButton = ({ className = "", ...rest }) => {
|
|
|
4489
4489
|
return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...rest, className: cn(styles$49.root, className), children: "Neon" });
|
|
4490
4490
|
};
|
|
4491
4491
|
|
|
4492
|
-
const root$3R = "
|
|
4493
|
-
const i$1 = "
|
|
4494
|
-
const text$s = "
|
|
4492
|
+
const root$3R = "_root_mbmiv_2";
|
|
4493
|
+
const i$1 = "_i_mbmiv_22";
|
|
4494
|
+
const text$s = "_text_mbmiv_482";
|
|
4495
4495
|
const styles$48 = {
|
|
4496
4496
|
root: root$3R,
|
|
4497
4497
|
i: i$1,
|
|
@@ -6415,17 +6415,17 @@ const CONFIG$2 = {
|
|
|
6415
6415
|
"border-spot-opacity": 1,
|
|
6416
6416
|
"border-light-opacity": 1
|
|
6417
6417
|
};
|
|
6418
|
+
const CARDS = [
|
|
6419
|
+
{
|
|
6420
|
+
id: `card-${Math.random().toString(36).substr(2, 9)}`,
|
|
6421
|
+
spread: gsap$1.utils.random(0, 1e3),
|
|
6422
|
+
outer: true,
|
|
6423
|
+
control: false,
|
|
6424
|
+
base: gsap$1.utils.random(0, 359)
|
|
6425
|
+
}
|
|
6426
|
+
];
|
|
6418
6427
|
const CardGlow = () => {
|
|
6419
6428
|
useGlowPointer();
|
|
6420
|
-
const cards = React.useMemo(() => [
|
|
6421
|
-
{
|
|
6422
|
-
id: `card-${Math.random().toString(36).substr(2, 9)}`,
|
|
6423
|
-
spread: gsap$1.utils.random(0, 1e3),
|
|
6424
|
-
outer: true,
|
|
6425
|
-
control: false,
|
|
6426
|
-
base: gsap$1.utils.random(0, 359)
|
|
6427
|
-
}
|
|
6428
|
-
], []);
|
|
6429
6429
|
React.useEffect(() => {
|
|
6430
6430
|
for (const key of Object.keys(CONFIG$2)) {
|
|
6431
6431
|
if (key === "card") {
|
|
@@ -6444,7 +6444,7 @@ const CardGlow = () => {
|
|
|
6444
6444
|
}
|
|
6445
6445
|
}
|
|
6446
6446
|
}, []);
|
|
6447
|
-
return /* @__PURE__ */ jsxRuntime.jsx("main", { className: styles$3D.root, children:
|
|
6447
|
+
return /* @__PURE__ */ jsxRuntime.jsx("main", { className: styles$3D.root, children: CARDS.map((card, index) => {
|
|
6448
6448
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3D.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6449
6449
|
"article",
|
|
6450
6450
|
{
|
|
@@ -18443,11 +18443,11 @@ const ScrambledText = ({ children, reveal = false }) => {
|
|
|
18443
18443
|
);
|
|
18444
18444
|
};
|
|
18445
18445
|
|
|
18446
|
-
const root$_ = "
|
|
18447
|
-
const line = "
|
|
18448
|
-
const word$1 = "
|
|
18449
|
-
const link = "
|
|
18450
|
-
const letter = "
|
|
18446
|
+
const root$_ = "_root_1t3bk_1";
|
|
18447
|
+
const line = "_line_1t3bk_9";
|
|
18448
|
+
const word$1 = "_word_1t3bk_14";
|
|
18449
|
+
const link = "_link_1t3bk_18";
|
|
18450
|
+
const letter = "_letter_1t3bk_22";
|
|
18451
18451
|
const styles$13 = {
|
|
18452
18452
|
root: root$_,
|
|
18453
18453
|
line: line,
|
|
@@ -24756,9 +24756,9 @@ const styles$E = {
|
|
|
24756
24756
|
|
|
24757
24757
|
const DIGITS = [0, 3, 4, 8, 7, 2];
|
|
24758
24758
|
const PROXIMITY_RADIUS = 200;
|
|
24759
|
+
const DISTANCE_MAPPER = gsap$1.utils.mapRange(250, 50, 0, 90);
|
|
24759
24760
|
const GlidingReveal = () => {
|
|
24760
24761
|
const codeRef = React.useRef(null);
|
|
24761
|
-
const DISTANCE_MAPPER = gsap$1.utils.mapRange(250, 50, 0, 90);
|
|
24762
24762
|
const update = React.useCallback((x, y) => {
|
|
24763
24763
|
if (!codeRef.current) return;
|
|
24764
24764
|
const CENTER_POINT = codeRef.current.getBoundingClientRect();
|
package/dist/index.js
CHANGED
|
@@ -648,11 +648,11 @@ const BubblyParticlesButton = () => {
|
|
|
648
648
|
);
|
|
649
649
|
};
|
|
650
650
|
|
|
651
|
-
const root$4k = "
|
|
652
|
-
const button$o = "
|
|
653
|
-
const p = "
|
|
654
|
-
const text$z = "
|
|
655
|
-
const effects = "
|
|
651
|
+
const root$4k = "_root_1vk81_1";
|
|
652
|
+
const button$o = "_button_1vk81_13";
|
|
653
|
+
const p = "_p_1vk81_26";
|
|
654
|
+
const text$z = "_text_1vk81_26";
|
|
655
|
+
const effects = "_effects_1vk81_240";
|
|
656
656
|
const styles$4H = {
|
|
657
657
|
root: root$4k,
|
|
658
658
|
button: button$o,
|
|
@@ -4467,9 +4467,9 @@ const NeonButton = ({ className = "", ...rest }) => {
|
|
|
4467
4467
|
return /* @__PURE__ */ jsx("button", { type: "button", ...rest, className: cn(styles$49.root, className), children: "Neon" });
|
|
4468
4468
|
};
|
|
4469
4469
|
|
|
4470
|
-
const root$3R = "
|
|
4471
|
-
const i$1 = "
|
|
4472
|
-
const text$s = "
|
|
4470
|
+
const root$3R = "_root_mbmiv_2";
|
|
4471
|
+
const i$1 = "_i_mbmiv_22";
|
|
4472
|
+
const text$s = "_text_mbmiv_482";
|
|
4473
4473
|
const styles$48 = {
|
|
4474
4474
|
root: root$3R,
|
|
4475
4475
|
i: i$1,
|
|
@@ -6393,17 +6393,17 @@ const CONFIG$2 = {
|
|
|
6393
6393
|
"border-spot-opacity": 1,
|
|
6394
6394
|
"border-light-opacity": 1
|
|
6395
6395
|
};
|
|
6396
|
+
const CARDS = [
|
|
6397
|
+
{
|
|
6398
|
+
id: `card-${Math.random().toString(36).substr(2, 9)}`,
|
|
6399
|
+
spread: gsap$1.utils.random(0, 1e3),
|
|
6400
|
+
outer: true,
|
|
6401
|
+
control: false,
|
|
6402
|
+
base: gsap$1.utils.random(0, 359)
|
|
6403
|
+
}
|
|
6404
|
+
];
|
|
6396
6405
|
const CardGlow = () => {
|
|
6397
6406
|
useGlowPointer();
|
|
6398
|
-
const cards = useMemo(() => [
|
|
6399
|
-
{
|
|
6400
|
-
id: `card-${Math.random().toString(36).substr(2, 9)}`,
|
|
6401
|
-
spread: gsap$1.utils.random(0, 1e3),
|
|
6402
|
-
outer: true,
|
|
6403
|
-
control: false,
|
|
6404
|
-
base: gsap$1.utils.random(0, 359)
|
|
6405
|
-
}
|
|
6406
|
-
], []);
|
|
6407
6407
|
useEffect(() => {
|
|
6408
6408
|
for (const key of Object.keys(CONFIG$2)) {
|
|
6409
6409
|
if (key === "card") {
|
|
@@ -6422,7 +6422,7 @@ const CardGlow = () => {
|
|
|
6422
6422
|
}
|
|
6423
6423
|
}
|
|
6424
6424
|
}, []);
|
|
6425
|
-
return /* @__PURE__ */ jsx("main", { className: styles$3D.root, children:
|
|
6425
|
+
return /* @__PURE__ */ jsx("main", { className: styles$3D.root, children: CARDS.map((card, index) => {
|
|
6426
6426
|
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: styles$3D.wrapper, children: /* @__PURE__ */ jsxs(
|
|
6427
6427
|
"article",
|
|
6428
6428
|
{
|
|
@@ -18421,11 +18421,11 @@ const ScrambledText = ({ children, reveal = false }) => {
|
|
|
18421
18421
|
);
|
|
18422
18422
|
};
|
|
18423
18423
|
|
|
18424
|
-
const root$_ = "
|
|
18425
|
-
const line = "
|
|
18426
|
-
const word$1 = "
|
|
18427
|
-
const link = "
|
|
18428
|
-
const letter = "
|
|
18424
|
+
const root$_ = "_root_1t3bk_1";
|
|
18425
|
+
const line = "_line_1t3bk_9";
|
|
18426
|
+
const word$1 = "_word_1t3bk_14";
|
|
18427
|
+
const link = "_link_1t3bk_18";
|
|
18428
|
+
const letter = "_letter_1t3bk_22";
|
|
18429
18429
|
const styles$13 = {
|
|
18430
18430
|
root: root$_,
|
|
18431
18431
|
line: line,
|
|
@@ -24734,9 +24734,9 @@ const styles$E = {
|
|
|
24734
24734
|
|
|
24735
24735
|
const DIGITS = [0, 3, 4, 8, 7, 2];
|
|
24736
24736
|
const PROXIMITY_RADIUS = 200;
|
|
24737
|
+
const DISTANCE_MAPPER = gsap$1.utils.mapRange(250, 50, 0, 90);
|
|
24737
24738
|
const GlidingReveal = () => {
|
|
24738
24739
|
const codeRef = useRef(null);
|
|
24739
|
-
const DISTANCE_MAPPER = gsap$1.utils.mapRange(250, 50, 0, 90);
|
|
24740
24740
|
const update = useCallback((x, y) => {
|
|
24741
24741
|
if (!codeRef.current) return;
|
|
24742
24742
|
const CENTER_POINT = codeRef.current.getBoundingClientRect();
|