@tarsis/toolkit 0.1.7 → 0.2.0-alpha.0
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/{gl-CUit2zVX.cjs → gl-BEZg6Wap.cjs} +1 -1
- package/dist/{gl-B-fQuXuc.js → gl-C_pRt5g2.js} +1 -1
- package/dist/{index-DHCNXyqk.js → index-DAWWSvvE.js} +58 -55
- package/dist/{index-BaHWZZlq.cjs → index-DZiwFzFb.cjs} +58 -55
- package/dist/index.cjs +1 -1
- package/dist/index.css +481 -481
- package/dist/index.d.ts +11 -9
- package/dist/index.js +1 -1
- package/package.json +8 -8
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-DZiwFzFb.cjs');
|
|
6
6
|
|
|
7
7
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { W as WebGLRenderer, P as PerspectiveCamera, S as Scene, T as THREE$1, C as Clock, a as TextureLoader, R as RawShaderMaterial, D as DoubleSide, b as WebGLRenderTarget, c as Color, M as Mesh, d as TorusKnotGeometry, e as ShaderMaterial } from './index-
|
|
1
|
+
import { W as WebGLRenderer, P as PerspectiveCamera, S as Scene, T as THREE$1, C as Clock, a as TextureLoader, R as RawShaderMaterial, D as DoubleSide, b as WebGLRenderTarget, c as Color, M as Mesh, d as TorusKnotGeometry, e as ShaderMaterial } from './index-DAWWSvvE.js';
|
|
2
2
|
|
|
3
3
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
4
4
|
|
|
@@ -51744,8 +51744,8 @@ const WebGLSmoke = () => {
|
|
|
51744
51744
|
};
|
|
51745
51745
|
|
|
51746
51746
|
const usePrevious = (value) => {
|
|
51747
|
-
const previousRef = useRef();
|
|
51748
|
-
const currentRef = useRef();
|
|
51747
|
+
const previousRef = useRef(void 0);
|
|
51748
|
+
const currentRef = useRef(void 0);
|
|
51749
51749
|
if (value !== currentRef.current) {
|
|
51750
51750
|
previousRef.current = currentRef.current;
|
|
51751
51751
|
currentRef.current = value;
|
|
@@ -51753,7 +51753,7 @@ const usePrevious = (value) => {
|
|
|
51753
51753
|
return previousRef.current;
|
|
51754
51754
|
};
|
|
51755
51755
|
const usePreviousRender = (value) => {
|
|
51756
|
-
const previousRef = useRef();
|
|
51756
|
+
const previousRef = useRef(void 0);
|
|
51757
51757
|
useEffect(() => {
|
|
51758
51758
|
previousRef.current = value;
|
|
51759
51759
|
}, [value]);
|
|
@@ -52368,31 +52368,31 @@ const BubblyParticlesButton = () => {
|
|
|
52368
52368
|
);
|
|
52369
52369
|
};
|
|
52370
52370
|
|
|
52371
|
-
const root$4j = "
|
|
52372
|
-
const button$p = "
|
|
52373
|
-
const p = "
|
|
52374
|
-
const text$z = "
|
|
52375
|
-
const rise1 = "
|
|
52376
|
-
const rise2 = "
|
|
52377
|
-
const rise3 = "
|
|
52378
|
-
const rise4 = "
|
|
52379
|
-
const rise5 = "
|
|
52380
|
-
const rise6 = "
|
|
52381
|
-
const rise7 = "
|
|
52382
|
-
const rise8 = "
|
|
52383
|
-
const rise9 = "
|
|
52384
|
-
const rise10 = "
|
|
52385
|
-
const rise11 = "
|
|
52386
|
-
const rise12 = "
|
|
52387
|
-
const rise13 = "
|
|
52388
|
-
const rise14 = "
|
|
52389
|
-
const rise15 = "
|
|
52390
|
-
const rise16 = "
|
|
52391
|
-
const rise17 = "
|
|
52392
|
-
const rise18 = "
|
|
52393
|
-
const rise19 = "
|
|
52394
|
-
const rise20 = "
|
|
52395
|
-
const effects = "
|
|
52371
|
+
const root$4j = "_root_3l6b9_1";
|
|
52372
|
+
const button$p = "_button_3l6b9_13";
|
|
52373
|
+
const p = "_p_3l6b9_26";
|
|
52374
|
+
const text$z = "_text_3l6b9_26";
|
|
52375
|
+
const rise1 = "_rise1_3l6b9_1";
|
|
52376
|
+
const rise2 = "_rise2_3l6b9_1";
|
|
52377
|
+
const rise3 = "_rise3_3l6b9_1";
|
|
52378
|
+
const rise4 = "_rise4_3l6b9_1";
|
|
52379
|
+
const rise5 = "_rise5_3l6b9_1";
|
|
52380
|
+
const rise6 = "_rise6_3l6b9_1";
|
|
52381
|
+
const rise7 = "_rise7_3l6b9_1";
|
|
52382
|
+
const rise8 = "_rise8_3l6b9_1";
|
|
52383
|
+
const rise9 = "_rise9_3l6b9_1";
|
|
52384
|
+
const rise10 = "_rise10_3l6b9_1";
|
|
52385
|
+
const rise11 = "_rise11_3l6b9_1";
|
|
52386
|
+
const rise12 = "_rise12_3l6b9_1";
|
|
52387
|
+
const rise13 = "_rise13_3l6b9_1";
|
|
52388
|
+
const rise14 = "_rise14_3l6b9_1";
|
|
52389
|
+
const rise15 = "_rise15_3l6b9_1";
|
|
52390
|
+
const rise16 = "_rise16_3l6b9_1";
|
|
52391
|
+
const rise17 = "_rise17_3l6b9_1";
|
|
52392
|
+
const rise18 = "_rise18_3l6b9_1";
|
|
52393
|
+
const rise19 = "_rise19_3l6b9_1";
|
|
52394
|
+
const rise20 = "_rise20_3l6b9_1";
|
|
52395
|
+
const effects = "_effects_3l6b9_240";
|
|
52396
52396
|
const styles$4F = {
|
|
52397
52397
|
root: root$4j,
|
|
52398
52398
|
button: button$p,
|
|
@@ -55632,10 +55632,10 @@ const NeonButton = ({ className = "", ...props }) => {
|
|
|
55632
55632
|
return /* @__PURE__ */ jsx("button", { type: "button", className: cn(styles$47.root, className), ...props, children: "Neon" });
|
|
55633
55633
|
};
|
|
55634
55634
|
|
|
55635
|
-
const root$3Q = "
|
|
55636
|
-
const i$1 = "
|
|
55637
|
-
const noise = "
|
|
55638
|
-
const text$s = "
|
|
55635
|
+
const root$3Q = "_root_n1yzb_2";
|
|
55636
|
+
const i$1 = "_i_n1yzb_22";
|
|
55637
|
+
const noise = "_noise_n1yzb_1";
|
|
55638
|
+
const text$s = "_text_n1yzb_482";
|
|
55639
55639
|
const styles$46 = {
|
|
55640
55640
|
root: root$3Q,
|
|
55641
55641
|
i: i$1,
|
|
@@ -61711,7 +61711,7 @@ const DockMotion$1 = ({
|
|
|
61711
61711
|
children: React.Children.map(children, (item) => {
|
|
61712
61712
|
const element = item;
|
|
61713
61713
|
if (element && element.type === DockMotionItem) {
|
|
61714
|
-
const
|
|
61714
|
+
const props = element.props;
|
|
61715
61715
|
return React.cloneElement(element, {
|
|
61716
61716
|
...props,
|
|
61717
61717
|
onClick: (...args) => {
|
|
@@ -64070,7 +64070,7 @@ const EndlessLoader = () => {
|
|
|
64070
64070
|
if (typeof window === "undefined") return;
|
|
64071
64071
|
const loadGl = async () => {
|
|
64072
64072
|
window.THREE = require("three");
|
|
64073
|
-
const GLModule = await import('./gl-
|
|
64073
|
+
const GLModule = await import('./gl-C_pRt5g2.js');
|
|
64074
64074
|
const glInstance = new GLModule.GL();
|
|
64075
64075
|
glInstance.init();
|
|
64076
64076
|
};
|
|
@@ -70196,12 +70196,12 @@ const ScrambledText = ({
|
|
|
70196
70196
|
);
|
|
70197
70197
|
};
|
|
70198
70198
|
|
|
70199
|
-
const root$Z = "
|
|
70200
|
-
const line = "
|
|
70201
|
-
const word$1 = "
|
|
70202
|
-
const link = "
|
|
70203
|
-
const letter = "
|
|
70204
|
-
const wobble = "
|
|
70199
|
+
const root$Z = "_root_1mstj_1";
|
|
70200
|
+
const line = "_line_1mstj_9";
|
|
70201
|
+
const word$1 = "_word_1mstj_14";
|
|
70202
|
+
const link = "_link_1mstj_18";
|
|
70203
|
+
const letter = "_letter_1mstj_22";
|
|
70204
|
+
const wobble = "_wobble_1mstj_1";
|
|
70205
70205
|
const styles$12 = {
|
|
70206
70206
|
root: root$Z,
|
|
70207
70207
|
line: line,
|
|
@@ -72425,21 +72425,24 @@ const BaileysBead = ({ theta, offset = 0, opa }) => {
|
|
|
72425
72425
|
const cos = Math.cos(rad);
|
|
72426
72426
|
return cos * -1;
|
|
72427
72427
|
};
|
|
72428
|
-
return
|
|
72429
|
-
|
|
72430
|
-
|
|
72431
|
-
|
|
72432
|
-
|
|
72433
|
-
|
|
72434
|
-
|
|
72435
|
-
|
|
72436
|
-
|
|
72437
|
-
|
|
72438
|
-
|
|
72439
|
-
|
|
72440
|
-
|
|
72441
|
-
|
|
72442
|
-
|
|
72428
|
+
return (
|
|
72429
|
+
// @ts-expect-error doesn't work on react 19 at the moment
|
|
72430
|
+
/* @__PURE__ */ jsxs(
|
|
72431
|
+
a$2.div,
|
|
72432
|
+
{
|
|
72433
|
+
className: styles$u.beadContainer,
|
|
72434
|
+
style: {
|
|
72435
|
+
transform: `translate(-50%, -50%)`,
|
|
72436
|
+
rotate,
|
|
72437
|
+
opacity: opacity.to((o) => o * mapOpacityToAngle())
|
|
72438
|
+
},
|
|
72439
|
+
children: [
|
|
72440
|
+
/* @__PURE__ */ jsx("div", { className: cn(styles$u.bead, styles$u.bead3) }),
|
|
72441
|
+
/* @__PURE__ */ jsx("div", { className: cn(styles$u.bead, styles$u.bead2) }),
|
|
72442
|
+
/* @__PURE__ */ jsx("div", { className: cn(styles$u.bead, styles$u.bead1) })
|
|
72443
|
+
]
|
|
72444
|
+
}
|
|
72445
|
+
)
|
|
72443
72446
|
);
|
|
72444
72447
|
};
|
|
72445
72448
|
|
|
@@ -51746,8 +51746,8 @@ const WebGLSmoke = () => {
|
|
|
51746
51746
|
};
|
|
51747
51747
|
|
|
51748
51748
|
const usePrevious = (value) => {
|
|
51749
|
-
const previousRef = React.useRef();
|
|
51750
|
-
const currentRef = React.useRef();
|
|
51749
|
+
const previousRef = React.useRef(void 0);
|
|
51750
|
+
const currentRef = React.useRef(void 0);
|
|
51751
51751
|
if (value !== currentRef.current) {
|
|
51752
51752
|
previousRef.current = currentRef.current;
|
|
51753
51753
|
currentRef.current = value;
|
|
@@ -51755,7 +51755,7 @@ const usePrevious = (value) => {
|
|
|
51755
51755
|
return previousRef.current;
|
|
51756
51756
|
};
|
|
51757
51757
|
const usePreviousRender = (value) => {
|
|
51758
|
-
const previousRef = React.useRef();
|
|
51758
|
+
const previousRef = React.useRef(void 0);
|
|
51759
51759
|
React.useEffect(() => {
|
|
51760
51760
|
previousRef.current = value;
|
|
51761
51761
|
}, [value]);
|
|
@@ -52370,31 +52370,31 @@ const BubblyParticlesButton = () => {
|
|
|
52370
52370
|
);
|
|
52371
52371
|
};
|
|
52372
52372
|
|
|
52373
|
-
const root$4j = "
|
|
52374
|
-
const button$p = "
|
|
52375
|
-
const p = "
|
|
52376
|
-
const text$z = "
|
|
52377
|
-
const rise1 = "
|
|
52378
|
-
const rise2 = "
|
|
52379
|
-
const rise3 = "
|
|
52380
|
-
const rise4 = "
|
|
52381
|
-
const rise5 = "
|
|
52382
|
-
const rise6 = "
|
|
52383
|
-
const rise7 = "
|
|
52384
|
-
const rise8 = "
|
|
52385
|
-
const rise9 = "
|
|
52386
|
-
const rise10 = "
|
|
52387
|
-
const rise11 = "
|
|
52388
|
-
const rise12 = "
|
|
52389
|
-
const rise13 = "
|
|
52390
|
-
const rise14 = "
|
|
52391
|
-
const rise15 = "
|
|
52392
|
-
const rise16 = "
|
|
52393
|
-
const rise17 = "
|
|
52394
|
-
const rise18 = "
|
|
52395
|
-
const rise19 = "
|
|
52396
|
-
const rise20 = "
|
|
52397
|
-
const effects = "
|
|
52373
|
+
const root$4j = "_root_3l6b9_1";
|
|
52374
|
+
const button$p = "_button_3l6b9_13";
|
|
52375
|
+
const p = "_p_3l6b9_26";
|
|
52376
|
+
const text$z = "_text_3l6b9_26";
|
|
52377
|
+
const rise1 = "_rise1_3l6b9_1";
|
|
52378
|
+
const rise2 = "_rise2_3l6b9_1";
|
|
52379
|
+
const rise3 = "_rise3_3l6b9_1";
|
|
52380
|
+
const rise4 = "_rise4_3l6b9_1";
|
|
52381
|
+
const rise5 = "_rise5_3l6b9_1";
|
|
52382
|
+
const rise6 = "_rise6_3l6b9_1";
|
|
52383
|
+
const rise7 = "_rise7_3l6b9_1";
|
|
52384
|
+
const rise8 = "_rise8_3l6b9_1";
|
|
52385
|
+
const rise9 = "_rise9_3l6b9_1";
|
|
52386
|
+
const rise10 = "_rise10_3l6b9_1";
|
|
52387
|
+
const rise11 = "_rise11_3l6b9_1";
|
|
52388
|
+
const rise12 = "_rise12_3l6b9_1";
|
|
52389
|
+
const rise13 = "_rise13_3l6b9_1";
|
|
52390
|
+
const rise14 = "_rise14_3l6b9_1";
|
|
52391
|
+
const rise15 = "_rise15_3l6b9_1";
|
|
52392
|
+
const rise16 = "_rise16_3l6b9_1";
|
|
52393
|
+
const rise17 = "_rise17_3l6b9_1";
|
|
52394
|
+
const rise18 = "_rise18_3l6b9_1";
|
|
52395
|
+
const rise19 = "_rise19_3l6b9_1";
|
|
52396
|
+
const rise20 = "_rise20_3l6b9_1";
|
|
52397
|
+
const effects = "_effects_3l6b9_240";
|
|
52398
52398
|
const styles$4F = {
|
|
52399
52399
|
root: root$4j,
|
|
52400
52400
|
button: button$p,
|
|
@@ -55634,10 +55634,10 @@ const NeonButton = ({ className = "", ...props }) => {
|
|
|
55634
55634
|
return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cn(styles$47.root, className), ...props, children: "Neon" });
|
|
55635
55635
|
};
|
|
55636
55636
|
|
|
55637
|
-
const root$3Q = "
|
|
55638
|
-
const i$1 = "
|
|
55639
|
-
const noise = "
|
|
55640
|
-
const text$s = "
|
|
55637
|
+
const root$3Q = "_root_n1yzb_2";
|
|
55638
|
+
const i$1 = "_i_n1yzb_22";
|
|
55639
|
+
const noise = "_noise_n1yzb_1";
|
|
55640
|
+
const text$s = "_text_n1yzb_482";
|
|
55641
55641
|
const styles$46 = {
|
|
55642
55642
|
root: root$3Q,
|
|
55643
55643
|
i: i$1,
|
|
@@ -61713,7 +61713,7 @@ const DockMotion$1 = ({
|
|
|
61713
61713
|
children: React.Children.map(children, (item) => {
|
|
61714
61714
|
const element = item;
|
|
61715
61715
|
if (element && element.type === DockMotionItem) {
|
|
61716
|
-
const
|
|
61716
|
+
const props = element.props;
|
|
61717
61717
|
return React.cloneElement(element, {
|
|
61718
61718
|
...props,
|
|
61719
61719
|
onClick: (...args) => {
|
|
@@ -64072,7 +64072,7 @@ const EndlessLoader = () => {
|
|
|
64072
64072
|
if (typeof window === "undefined") return;
|
|
64073
64073
|
const loadGl = async () => {
|
|
64074
64074
|
window.THREE = require("three");
|
|
64075
|
-
const GLModule = await Promise.resolve().then(() => require('./gl-
|
|
64075
|
+
const GLModule = await Promise.resolve().then(() => require('./gl-BEZg6Wap.cjs'));
|
|
64076
64076
|
const glInstance = new GLModule.GL();
|
|
64077
64077
|
glInstance.init();
|
|
64078
64078
|
};
|
|
@@ -70198,12 +70198,12 @@ const ScrambledText = ({
|
|
|
70198
70198
|
);
|
|
70199
70199
|
};
|
|
70200
70200
|
|
|
70201
|
-
const root$Z = "
|
|
70202
|
-
const line = "
|
|
70203
|
-
const word$1 = "
|
|
70204
|
-
const link = "
|
|
70205
|
-
const letter = "
|
|
70206
|
-
const wobble = "
|
|
70201
|
+
const root$Z = "_root_1mstj_1";
|
|
70202
|
+
const line = "_line_1mstj_9";
|
|
70203
|
+
const word$1 = "_word_1mstj_14";
|
|
70204
|
+
const link = "_link_1mstj_18";
|
|
70205
|
+
const letter = "_letter_1mstj_22";
|
|
70206
|
+
const wobble = "_wobble_1mstj_1";
|
|
70207
70207
|
const styles$12 = {
|
|
70208
70208
|
root: root$Z,
|
|
70209
70209
|
line: line,
|
|
@@ -72427,21 +72427,24 @@ const BaileysBead = ({ theta, offset = 0, opa }) => {
|
|
|
72427
72427
|
const cos = Math.cos(rad);
|
|
72428
72428
|
return cos * -1;
|
|
72429
72429
|
};
|
|
72430
|
-
return
|
|
72431
|
-
|
|
72432
|
-
|
|
72433
|
-
|
|
72434
|
-
|
|
72435
|
-
|
|
72436
|
-
|
|
72437
|
-
|
|
72438
|
-
|
|
72439
|
-
|
|
72440
|
-
|
|
72441
|
-
|
|
72442
|
-
|
|
72443
|
-
|
|
72444
|
-
|
|
72430
|
+
return (
|
|
72431
|
+
// @ts-expect-error doesn't work on react 19 at the moment
|
|
72432
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
72433
|
+
web.a.div,
|
|
72434
|
+
{
|
|
72435
|
+
className: styles$u.beadContainer,
|
|
72436
|
+
style: {
|
|
72437
|
+
transform: `translate(-50%, -50%)`,
|
|
72438
|
+
rotate,
|
|
72439
|
+
opacity: opacity.to((o) => o * mapOpacityToAngle())
|
|
72440
|
+
},
|
|
72441
|
+
children: [
|
|
72442
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$u.bead, styles$u.bead3) }),
|
|
72443
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$u.bead, styles$u.bead2) }),
|
|
72444
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$u.bead, styles$u.bead1) })
|
|
72445
|
+
]
|
|
72446
|
+
}
|
|
72447
|
+
)
|
|
72445
72448
|
);
|
|
72446
72449
|
};
|
|
72447
72450
|
|