@tarsis/toolkit 0.5.5 → 0.5.6
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-DdwJz_mF.js → gl-BRR71tEA.js} +1 -1
- package/dist/{gl-DsV56HgE.cjs → gl-Bb5NStwh.cjs} +1 -1
- package/dist/{index-ChTtGKlP.cjs → index-0YeYjJYT.cjs} +54 -76
- package/dist/{index-Bg1pubdW.cjs → index-BoOtR9fl.cjs} +1 -1
- package/dist/{index-DlWIMcpH.js → index-DTHY_OnB.js} +54 -76
- package/dist/{index-2z8s0Prr.js → index-DZDOztP9.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +14 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +478 -478
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as commonjsGlobal, a as getAugmentedNamespace, g as getDefaultExportFromCjs, W as WebGLRenderer, P as PerspectiveCamera, S as Scene, T as THREE$1, C as Clock, b as TextureLoader, R as RawShaderMaterial, D as DoubleSide, d as WebGLRenderTarget, e as Color, M as Mesh, f as TorusKnotGeometry, h as ShaderMaterial } from './index-
|
|
1
|
+
import { c as commonjsGlobal, a as getAugmentedNamespace, g as getDefaultExportFromCjs, W as WebGLRenderer, P as PerspectiveCamera, S as Scene, T as THREE$1, C as Clock, b as TextureLoader, R as RawShaderMaterial, D as DoubleSide, d as WebGLRenderTarget, e as Color, M as Mesh, f as TorusKnotGeometry, h as ShaderMaterial } from './index-DTHY_OnB.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
4
|
object-assign
|
|
@@ -52090,28 +52090,35 @@ const styles$4H = {
|
|
|
52090
52090
|
animate: animate$1};
|
|
52091
52091
|
|
|
52092
52092
|
const BubblyParticlesButton = () => {
|
|
52093
|
-
|
|
52094
|
-
|
|
52095
|
-
|
|
52096
|
-
|
|
52097
|
-
|
|
52098
|
-
|
|
52093
|
+
const animationRef = React.useRef(null);
|
|
52094
|
+
const handleClick = (e) => {
|
|
52095
|
+
const button = e.currentTarget;
|
|
52096
|
+
if (animationRef.current) {
|
|
52097
|
+
animationRef.current.cancel();
|
|
52098
|
+
animationRef.current = null;
|
|
52099
|
+
}
|
|
52100
|
+
button.classList.remove(styles$4H.animate);
|
|
52101
|
+
requestAnimationFrame(() => {
|
|
52102
|
+
button.classList.add(styles$4H.animate);
|
|
52103
|
+
animationRef.current = button.animate([{ opacity: 1 }, { opacity: 1 }], {
|
|
52104
|
+
duration: 750,
|
|
52105
|
+
fill: "forwards",
|
|
52106
|
+
easing: "ease-in-out"
|
|
52107
|
+
});
|
|
52108
|
+
animationRef.current.addEventListener("finish", () => {
|
|
52099
52109
|
button.classList.remove(styles$4H.animate);
|
|
52100
|
-
|
|
52101
|
-
|
|
52102
|
-
|
|
52103
|
-
|
|
52104
|
-
|
|
52105
|
-
children: "Click me!"
|
|
52106
|
-
}
|
|
52107
|
-
);
|
|
52110
|
+
animationRef.current = null;
|
|
52111
|
+
});
|
|
52112
|
+
});
|
|
52113
|
+
};
|
|
52114
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles$4H.root, onClick: handleClick, children: "Click me!" });
|
|
52108
52115
|
};
|
|
52109
52116
|
|
|
52110
|
-
const root$4i = "
|
|
52111
|
-
const button$o = "
|
|
52112
|
-
const p$1 = "
|
|
52113
|
-
const text$z = "
|
|
52114
|
-
const effects = "
|
|
52117
|
+
const root$4i = "_root_1pxow_1";
|
|
52118
|
+
const button$o = "_button_1pxow_13";
|
|
52119
|
+
const p$1 = "_p_1pxow_26";
|
|
52120
|
+
const text$z = "_text_1pxow_26";
|
|
52121
|
+
const effects = "_effects_1pxow_240";
|
|
52115
52122
|
const styles$4G = {
|
|
52116
52123
|
root: root$4i,
|
|
52117
52124
|
button: button$o,
|
|
@@ -68120,9 +68127,9 @@ const NeonButton = ({ className = "", ...rest }) => {
|
|
|
68120
68127
|
return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...rest, className: clsx(styles$48.root, className), children: "Neon" });
|
|
68121
68128
|
};
|
|
68122
68129
|
|
|
68123
|
-
const root$3P = "
|
|
68124
|
-
const i$6 = "
|
|
68125
|
-
const text$s = "
|
|
68130
|
+
const root$3P = "_root_1u78n_2";
|
|
68131
|
+
const i$6 = "_i_1u78n_22";
|
|
68132
|
+
const text$s = "_text_1u78n_482";
|
|
68126
68133
|
const styles$47 = {
|
|
68127
68134
|
root: root$3P,
|
|
68128
68135
|
i: i$6,
|
|
@@ -71322,7 +71329,7 @@ const styles$3j = {
|
|
|
71322
71329
|
};
|
|
71323
71330
|
|
|
71324
71331
|
const THROTTLE_DURATION = 500;
|
|
71325
|
-
const ITEMS$
|
|
71332
|
+
const ITEMS$1 = [
|
|
71326
71333
|
{
|
|
71327
71334
|
title: "Lossless Youths",
|
|
71328
71335
|
image: "https://cdn.mos.cms.futurecdn.net/dP3N4qnEZ4tCTCLq59iysd.jpg",
|
|
@@ -71356,7 +71363,7 @@ const ITEMS$2 = [
|
|
|
71356
71363
|
].map((item) => ({ ...item, renderKey: 0 }));
|
|
71357
71364
|
const FullScreenImageCarousel = () => {
|
|
71358
71365
|
const sliderRef = React.useRef(null);
|
|
71359
|
-
const [items, setItems] = React.useState(ITEMS$
|
|
71366
|
+
const [items, setItems] = React.useState(ITEMS$1);
|
|
71360
71367
|
const handlePrevClick = useWindowReady.useThrottle(() => {
|
|
71361
71368
|
setItems((prev) => {
|
|
71362
71369
|
const newItems = items.slice();
|
|
@@ -78392,6 +78399,7 @@ const DockMotionItem = ({
|
|
|
78392
78399
|
});
|
|
78393
78400
|
const audioRef = React.useRef(null);
|
|
78394
78401
|
const hover = useWindowReady.useMatchMedia("(pointer: fine)");
|
|
78402
|
+
const isMobile = hover === false;
|
|
78395
78403
|
const [scope, animate] = useAnimate();
|
|
78396
78404
|
const dynamicWidth = useTransform(
|
|
78397
78405
|
size,
|
|
@@ -78512,11 +78520,14 @@ const DockMotionItem = ({
|
|
|
78512
78520
|
if (audio) {
|
|
78513
78521
|
audio.pause();
|
|
78514
78522
|
audio.currentTime = 0;
|
|
78515
|
-
audio.play()
|
|
78516
|
-
|
|
78523
|
+
const playPromise = audio.play();
|
|
78524
|
+
if (playPromise && typeof playPromise.catch === "function") {
|
|
78525
|
+
playPromise.catch(() => {
|
|
78526
|
+
});
|
|
78527
|
+
}
|
|
78517
78528
|
}
|
|
78518
78529
|
}
|
|
78519
|
-
if (isInteractive && bounce) {
|
|
78530
|
+
if (isInteractive && bounce && !isMobile) {
|
|
78520
78531
|
animate([
|
|
78521
78532
|
[scope.current, { top: -24 }, { duration: 0.3 }],
|
|
78522
78533
|
[
|
|
@@ -80631,7 +80642,7 @@ const EndlessLoader = ({ container }) => {
|
|
|
80631
80642
|
return;
|
|
80632
80643
|
}
|
|
80633
80644
|
try {
|
|
80634
|
-
const GLModule = await Promise.resolve().then(() => require('./gl-
|
|
80645
|
+
const GLModule = await Promise.resolve().then(() => require('./gl-Bb5NStwh.cjs'));
|
|
80635
80646
|
if (!isActiveRef.current) {
|
|
80636
80647
|
return;
|
|
80637
80648
|
}
|
|
@@ -82488,7 +82499,7 @@ const styles$1P = {
|
|
|
82488
82499
|
icon: icon$6
|
|
82489
82500
|
};
|
|
82490
82501
|
|
|
82491
|
-
const ITEMS
|
|
82502
|
+
const ITEMS = [
|
|
82492
82503
|
{
|
|
82493
82504
|
title: "Home",
|
|
82494
82505
|
url: "https://images.unsplash.com/photo-1666091863721-54331a5db52d"
|
|
@@ -82514,7 +82525,7 @@ const CurtainRevealMenu = () => {
|
|
|
82514
82525
|
const [toggle, setToggle] = React.useState(false);
|
|
82515
82526
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1P.root, "data-nav": toggle, children: [
|
|
82516
82527
|
/* @__PURE__ */ jsxRuntime.jsx("main", { className: styles$1P.main }),
|
|
82517
|
-
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: styles$1P.nav, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1P.navLinks, children: ITEMS
|
|
82528
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: styles$1P.nav, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1P.navLinks, children: ITEMS.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("a", { className: styles$1P.navLink, href: "#", children: [
|
|
82518
82529
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$1P.navLinkLabel, children: item.title }),
|
|
82519
82530
|
/* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$1P.navLinkImage, src: item.url, alt: "" })
|
|
82520
82531
|
] }, i)) }) }),
|
|
@@ -82587,41 +82598,7 @@ const styles$1N = {
|
|
|
82587
82598
|
};
|
|
82588
82599
|
|
|
82589
82600
|
const ICON_SIZE = 32;
|
|
82590
|
-
const
|
|
82591
|
-
linkedin: "M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z",
|
|
82592
|
-
instagram: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z",
|
|
82593
|
-
facebook: "M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z",
|
|
82594
|
-
twitter: "M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z",
|
|
82595
|
-
youtube: "M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"
|
|
82596
|
-
};
|
|
82597
|
-
const ITEMS = [
|
|
82598
|
-
{
|
|
82599
|
-
id: "li",
|
|
82600
|
-
title: "LinkedIn",
|
|
82601
|
-
icon: ICONS["linkedin"]
|
|
82602
|
-
},
|
|
82603
|
-
{
|
|
82604
|
-
id: "ig",
|
|
82605
|
-
title: "Instagram",
|
|
82606
|
-
icon: ICONS["instagram"]
|
|
82607
|
-
},
|
|
82608
|
-
{
|
|
82609
|
-
id: "fb",
|
|
82610
|
-
title: "Facebook",
|
|
82611
|
-
icon: ICONS["facebook"]
|
|
82612
|
-
},
|
|
82613
|
-
{
|
|
82614
|
-
id: "tw",
|
|
82615
|
-
title: "Twitter",
|
|
82616
|
-
icon: ICONS["twitter"]
|
|
82617
|
-
},
|
|
82618
|
-
{
|
|
82619
|
-
id: "yt",
|
|
82620
|
-
title: "YouTube",
|
|
82621
|
-
icon: ICONS["youtube"]
|
|
82622
|
-
}
|
|
82623
|
-
];
|
|
82624
|
-
const DropdownMenu = ({ value, items = ITEMS }) => {
|
|
82601
|
+
const DropdownMenu = ({ value, items }) => {
|
|
82625
82602
|
const [iconLeft, setIconLeft] = React.useState(0);
|
|
82626
82603
|
const [iconTop, setIconTop] = React.useState(0);
|
|
82627
82604
|
const [rotateArrow, setRotateArrow] = React.useState(0);
|
|
@@ -82664,7 +82641,7 @@ const DropdownMenu = ({ value, items = ITEMS }) => {
|
|
|
82664
82641
|
className: clsx(styles$1N.mainButton, styles$1N.dropdownButton),
|
|
82665
82642
|
onClick: () => {
|
|
82666
82643
|
const listWrapperSizes = 3.5;
|
|
82667
|
-
const dropdownOpenHeight = 4.6 *
|
|
82644
|
+
const dropdownOpenHeight = 4.6 * items.length + listWrapperSizes;
|
|
82668
82645
|
dropdownHeight === 0 ? setDropdownProps(180, dropdownOpenHeight, 1) : setDropdownProps(0, 0, 0);
|
|
82669
82646
|
},
|
|
82670
82647
|
children: [
|
|
@@ -82704,12 +82681,12 @@ const DropdownMenu = ({ value, items = ITEMS }) => {
|
|
|
82704
82681
|
onMouseLeave: () => {
|
|
82705
82682
|
setFloatingIcon(null);
|
|
82706
82683
|
},
|
|
82707
|
-
children:
|
|
82684
|
+
children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
82708
82685
|
"li",
|
|
82709
82686
|
{
|
|
82710
82687
|
className: styles$1N.dropdownListItem,
|
|
82711
82688
|
onMouseMove: () => {
|
|
82712
|
-
setFloatingIcon(item.icon);
|
|
82689
|
+
setFloatingIcon(item.icon ?? null);
|
|
82713
82690
|
},
|
|
82714
82691
|
onClick: () => {
|
|
82715
82692
|
setActive(item);
|
|
@@ -83241,7 +83218,7 @@ const MagnifiedNavItems = () => {
|
|
|
83241
83218
|
return () => {
|
|
83242
83219
|
window.removeEventListener("resize", debouncedUpdateGlassPos);
|
|
83243
83220
|
};
|
|
83244
|
-
}, []);
|
|
83221
|
+
}, [debouncedUpdateGlassPos]);
|
|
83245
83222
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1I.root, children: [
|
|
83246
83223
|
/* @__PURE__ */ jsxRuntime.jsxs("svg", { display: "none", children: [
|
|
83247
83224
|
/* @__PURE__ */ jsxRuntime.jsx("symbol", { id: "home", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("g", { fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "12 0,24 8,24 24,16 24,16 14,8 14,8 24,0 24,0 8" }) }) }),
|
|
@@ -84679,6 +84656,7 @@ const TabBarAnimation = () => {
|
|
|
84679
84656
|
});
|
|
84680
84657
|
},
|
|
84681
84658
|
onComplete: () => {
|
|
84659
|
+
navElement.classList.remove(styles$1z.before, styles$1z.after);
|
|
84682
84660
|
gsapWithCSS.set(activeElement, {
|
|
84683
84661
|
x: getOffsetLeft(buttonElement),
|
|
84684
84662
|
"--active-element-show": "1"
|
|
@@ -86572,11 +86550,11 @@ const ScrambledText = ({ children, reveal = false }) => {
|
|
|
86572
86550
|
);
|
|
86573
86551
|
};
|
|
86574
86552
|
|
|
86575
|
-
const root$Y = "
|
|
86576
|
-
const line = "
|
|
86577
|
-
const word$1 = "
|
|
86578
|
-
const link = "
|
|
86579
|
-
const letter = "
|
|
86553
|
+
const root$Y = "_root_1d8jp_1";
|
|
86554
|
+
const line = "_line_1d8jp_9";
|
|
86555
|
+
const word$1 = "_word_1d8jp_14";
|
|
86556
|
+
const link = "_link_1d8jp_18";
|
|
86557
|
+
const letter = "_letter_1d8jp_22";
|
|
86580
86558
|
const styles$11 = {
|
|
86581
86559
|
root: root$Y,
|
|
86582
86560
|
line: line,
|
|
@@ -96530,7 +96508,7 @@ const Lock = () => {
|
|
|
96530
96508
|
}
|
|
96531
96509
|
};
|
|
96532
96510
|
const asynchronously = async () => {
|
|
96533
|
-
const Flickity = await Promise.resolve().then(() => require('./index-
|
|
96511
|
+
const Flickity = await Promise.resolve().then(() => require('./index-BoOtR9fl.cjs')).then(n => n.index).then((m) => m.default);
|
|
96534
96512
|
if (!rowsRef.current || !window) return;
|
|
96535
96513
|
const rows = rowsRef.current.children;
|
|
96536
96514
|
for (let i = 0, len = rows.length; i < len; i++) {
|
|
@@ -114402,7 +114380,7 @@ exports.HoldSubmitButton = HoldSubmitButton;
|
|
|
114402
114380
|
exports.HoverGlowButton = HoverGlowButton;
|
|
114403
114381
|
exports.HoverTile = HoverTile;
|
|
114404
114382
|
exports.Hoverable3DCard = Hoverable3DCard;
|
|
114405
|
-
exports.ITEMS = ITEMS
|
|
114383
|
+
exports.ITEMS = ITEMS;
|
|
114406
114384
|
exports.Illumination = Illumination;
|
|
114407
114385
|
exports.ImageCard = ImageCard;
|
|
114408
114386
|
exports.ImageClipping = ImageClipping;
|
|
@@ -52070,28 +52070,35 @@ const styles$4H = {
|
|
|
52070
52070
|
animate: animate$1};
|
|
52071
52071
|
|
|
52072
52072
|
const BubblyParticlesButton = () => {
|
|
52073
|
-
|
|
52074
|
-
|
|
52075
|
-
|
|
52076
|
-
|
|
52077
|
-
|
|
52078
|
-
|
|
52073
|
+
const animationRef = useRef(null);
|
|
52074
|
+
const handleClick = (e) => {
|
|
52075
|
+
const button = e.currentTarget;
|
|
52076
|
+
if (animationRef.current) {
|
|
52077
|
+
animationRef.current.cancel();
|
|
52078
|
+
animationRef.current = null;
|
|
52079
|
+
}
|
|
52080
|
+
button.classList.remove(styles$4H.animate);
|
|
52081
|
+
requestAnimationFrame(() => {
|
|
52082
|
+
button.classList.add(styles$4H.animate);
|
|
52083
|
+
animationRef.current = button.animate([{ opacity: 1 }, { opacity: 1 }], {
|
|
52084
|
+
duration: 750,
|
|
52085
|
+
fill: "forwards",
|
|
52086
|
+
easing: "ease-in-out"
|
|
52087
|
+
});
|
|
52088
|
+
animationRef.current.addEventListener("finish", () => {
|
|
52079
52089
|
button.classList.remove(styles$4H.animate);
|
|
52080
|
-
|
|
52081
|
-
|
|
52082
|
-
|
|
52083
|
-
|
|
52084
|
-
|
|
52085
|
-
children: "Click me!"
|
|
52086
|
-
}
|
|
52087
|
-
);
|
|
52090
|
+
animationRef.current = null;
|
|
52091
|
+
});
|
|
52092
|
+
});
|
|
52093
|
+
};
|
|
52094
|
+
return /* @__PURE__ */ jsx("button", { className: styles$4H.root, onClick: handleClick, children: "Click me!" });
|
|
52088
52095
|
};
|
|
52089
52096
|
|
|
52090
|
-
const root$4i = "
|
|
52091
|
-
const button$o = "
|
|
52092
|
-
const p$1 = "
|
|
52093
|
-
const text$z = "
|
|
52094
|
-
const effects = "
|
|
52097
|
+
const root$4i = "_root_1pxow_1";
|
|
52098
|
+
const button$o = "_button_1pxow_13";
|
|
52099
|
+
const p$1 = "_p_1pxow_26";
|
|
52100
|
+
const text$z = "_text_1pxow_26";
|
|
52101
|
+
const effects = "_effects_1pxow_240";
|
|
52095
52102
|
const styles$4G = {
|
|
52096
52103
|
root: root$4i,
|
|
52097
52104
|
button: button$o,
|
|
@@ -68100,9 +68107,9 @@ const NeonButton = ({ className = "", ...rest }) => {
|
|
|
68100
68107
|
return /* @__PURE__ */ jsx("button", { type: "button", ...rest, className: clsx(styles$48.root, className), children: "Neon" });
|
|
68101
68108
|
};
|
|
68102
68109
|
|
|
68103
|
-
const root$3P = "
|
|
68104
|
-
const i$6 = "
|
|
68105
|
-
const text$s = "
|
|
68110
|
+
const root$3P = "_root_1u78n_2";
|
|
68111
|
+
const i$6 = "_i_1u78n_22";
|
|
68112
|
+
const text$s = "_text_1u78n_482";
|
|
68106
68113
|
const styles$47 = {
|
|
68107
68114
|
root: root$3P,
|
|
68108
68115
|
i: i$6,
|
|
@@ -71302,7 +71309,7 @@ const styles$3j = {
|
|
|
71302
71309
|
};
|
|
71303
71310
|
|
|
71304
71311
|
const THROTTLE_DURATION = 500;
|
|
71305
|
-
const ITEMS$
|
|
71312
|
+
const ITEMS$1 = [
|
|
71306
71313
|
{
|
|
71307
71314
|
title: "Lossless Youths",
|
|
71308
71315
|
image: "https://cdn.mos.cms.futurecdn.net/dP3N4qnEZ4tCTCLq59iysd.jpg",
|
|
@@ -71336,7 +71343,7 @@ const ITEMS$2 = [
|
|
|
71336
71343
|
].map((item) => ({ ...item, renderKey: 0 }));
|
|
71337
71344
|
const FullScreenImageCarousel = () => {
|
|
71338
71345
|
const sliderRef = useRef(null);
|
|
71339
|
-
const [items, setItems] = useState(ITEMS$
|
|
71346
|
+
const [items, setItems] = useState(ITEMS$1);
|
|
71340
71347
|
const handlePrevClick = useThrottle(() => {
|
|
71341
71348
|
setItems((prev) => {
|
|
71342
71349
|
const newItems = items.slice();
|
|
@@ -78372,6 +78379,7 @@ const DockMotionItem = ({
|
|
|
78372
78379
|
});
|
|
78373
78380
|
const audioRef = useRef(null);
|
|
78374
78381
|
const hover = useMatchMedia("(pointer: fine)");
|
|
78382
|
+
const isMobile = hover === false;
|
|
78375
78383
|
const [scope, animate] = useAnimate();
|
|
78376
78384
|
const dynamicWidth = useTransform(
|
|
78377
78385
|
size,
|
|
@@ -78492,11 +78500,14 @@ const DockMotionItem = ({
|
|
|
78492
78500
|
if (audio) {
|
|
78493
78501
|
audio.pause();
|
|
78494
78502
|
audio.currentTime = 0;
|
|
78495
|
-
audio.play()
|
|
78496
|
-
|
|
78503
|
+
const playPromise = audio.play();
|
|
78504
|
+
if (playPromise && typeof playPromise.catch === "function") {
|
|
78505
|
+
playPromise.catch(() => {
|
|
78506
|
+
});
|
|
78507
|
+
}
|
|
78497
78508
|
}
|
|
78498
78509
|
}
|
|
78499
|
-
if (isInteractive && bounce) {
|
|
78510
|
+
if (isInteractive && bounce && !isMobile) {
|
|
78500
78511
|
animate([
|
|
78501
78512
|
[scope.current, { top: -24 }, { duration: 0.3 }],
|
|
78502
78513
|
[
|
|
@@ -80611,7 +80622,7 @@ const EndlessLoader = ({ container }) => {
|
|
|
80611
80622
|
return;
|
|
80612
80623
|
}
|
|
80613
80624
|
try {
|
|
80614
|
-
const GLModule = await import('./gl-
|
|
80625
|
+
const GLModule = await import('./gl-BRR71tEA.js');
|
|
80615
80626
|
if (!isActiveRef.current) {
|
|
80616
80627
|
return;
|
|
80617
80628
|
}
|
|
@@ -82468,7 +82479,7 @@ const styles$1P = {
|
|
|
82468
82479
|
icon: icon$6
|
|
82469
82480
|
};
|
|
82470
82481
|
|
|
82471
|
-
const ITEMS
|
|
82482
|
+
const ITEMS = [
|
|
82472
82483
|
{
|
|
82473
82484
|
title: "Home",
|
|
82474
82485
|
url: "https://images.unsplash.com/photo-1666091863721-54331a5db52d"
|
|
@@ -82494,7 +82505,7 @@ const CurtainRevealMenu = () => {
|
|
|
82494
82505
|
const [toggle, setToggle] = useState(false);
|
|
82495
82506
|
return /* @__PURE__ */ jsxs("div", { className: styles$1P.root, "data-nav": toggle, children: [
|
|
82496
82507
|
/* @__PURE__ */ jsx("main", { className: styles$1P.main }),
|
|
82497
|
-
/* @__PURE__ */ jsx("nav", { className: styles$1P.nav, children: /* @__PURE__ */ jsx("div", { className: styles$1P.navLinks, children: ITEMS
|
|
82508
|
+
/* @__PURE__ */ jsx("nav", { className: styles$1P.nav, children: /* @__PURE__ */ jsx("div", { className: styles$1P.navLinks, children: ITEMS.map((item, i) => /* @__PURE__ */ jsxs("a", { className: styles$1P.navLink, href: "#", children: [
|
|
82498
82509
|
/* @__PURE__ */ jsx("h2", { className: styles$1P.navLinkLabel, children: item.title }),
|
|
82499
82510
|
/* @__PURE__ */ jsx("img", { className: styles$1P.navLinkImage, src: item.url, alt: "" })
|
|
82500
82511
|
] }, i)) }) }),
|
|
@@ -82567,41 +82578,7 @@ const styles$1N = {
|
|
|
82567
82578
|
};
|
|
82568
82579
|
|
|
82569
82580
|
const ICON_SIZE = 32;
|
|
82570
|
-
const
|
|
82571
|
-
linkedin: "M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z",
|
|
82572
|
-
instagram: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z",
|
|
82573
|
-
facebook: "M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z",
|
|
82574
|
-
twitter: "M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z",
|
|
82575
|
-
youtube: "M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"
|
|
82576
|
-
};
|
|
82577
|
-
const ITEMS = [
|
|
82578
|
-
{
|
|
82579
|
-
id: "li",
|
|
82580
|
-
title: "LinkedIn",
|
|
82581
|
-
icon: ICONS["linkedin"]
|
|
82582
|
-
},
|
|
82583
|
-
{
|
|
82584
|
-
id: "ig",
|
|
82585
|
-
title: "Instagram",
|
|
82586
|
-
icon: ICONS["instagram"]
|
|
82587
|
-
},
|
|
82588
|
-
{
|
|
82589
|
-
id: "fb",
|
|
82590
|
-
title: "Facebook",
|
|
82591
|
-
icon: ICONS["facebook"]
|
|
82592
|
-
},
|
|
82593
|
-
{
|
|
82594
|
-
id: "tw",
|
|
82595
|
-
title: "Twitter",
|
|
82596
|
-
icon: ICONS["twitter"]
|
|
82597
|
-
},
|
|
82598
|
-
{
|
|
82599
|
-
id: "yt",
|
|
82600
|
-
title: "YouTube",
|
|
82601
|
-
icon: ICONS["youtube"]
|
|
82602
|
-
}
|
|
82603
|
-
];
|
|
82604
|
-
const DropdownMenu = ({ value, items = ITEMS }) => {
|
|
82581
|
+
const DropdownMenu = ({ value, items }) => {
|
|
82605
82582
|
const [iconLeft, setIconLeft] = useState(0);
|
|
82606
82583
|
const [iconTop, setIconTop] = useState(0);
|
|
82607
82584
|
const [rotateArrow, setRotateArrow] = useState(0);
|
|
@@ -82644,7 +82621,7 @@ const DropdownMenu = ({ value, items = ITEMS }) => {
|
|
|
82644
82621
|
className: clsx(styles$1N.mainButton, styles$1N.dropdownButton),
|
|
82645
82622
|
onClick: () => {
|
|
82646
82623
|
const listWrapperSizes = 3.5;
|
|
82647
|
-
const dropdownOpenHeight = 4.6 *
|
|
82624
|
+
const dropdownOpenHeight = 4.6 * items.length + listWrapperSizes;
|
|
82648
82625
|
dropdownHeight === 0 ? setDropdownProps(180, dropdownOpenHeight, 1) : setDropdownProps(0, 0, 0);
|
|
82649
82626
|
},
|
|
82650
82627
|
children: [
|
|
@@ -82684,12 +82661,12 @@ const DropdownMenu = ({ value, items = ITEMS }) => {
|
|
|
82684
82661
|
onMouseLeave: () => {
|
|
82685
82662
|
setFloatingIcon(null);
|
|
82686
82663
|
},
|
|
82687
|
-
children:
|
|
82664
|
+
children: items.map((item, index) => /* @__PURE__ */ jsx(
|
|
82688
82665
|
"li",
|
|
82689
82666
|
{
|
|
82690
82667
|
className: styles$1N.dropdownListItem,
|
|
82691
82668
|
onMouseMove: () => {
|
|
82692
|
-
setFloatingIcon(item.icon);
|
|
82669
|
+
setFloatingIcon(item.icon ?? null);
|
|
82693
82670
|
},
|
|
82694
82671
|
onClick: () => {
|
|
82695
82672
|
setActive(item);
|
|
@@ -83221,7 +83198,7 @@ const MagnifiedNavItems = () => {
|
|
|
83221
83198
|
return () => {
|
|
83222
83199
|
window.removeEventListener("resize", debouncedUpdateGlassPos);
|
|
83223
83200
|
};
|
|
83224
|
-
}, []);
|
|
83201
|
+
}, [debouncedUpdateGlassPos]);
|
|
83225
83202
|
return /* @__PURE__ */ jsxs("div", { className: styles$1I.root, children: [
|
|
83226
83203
|
/* @__PURE__ */ jsxs("svg", { display: "none", children: [
|
|
83227
83204
|
/* @__PURE__ */ jsx("symbol", { id: "home", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("g", { fill: "currentColor", children: /* @__PURE__ */ jsx("polygon", { points: "12 0,24 8,24 24,16 24,16 14,8 14,8 24,0 24,0 8" }) }) }),
|
|
@@ -84659,6 +84636,7 @@ const TabBarAnimation = () => {
|
|
|
84659
84636
|
});
|
|
84660
84637
|
},
|
|
84661
84638
|
onComplete: () => {
|
|
84639
|
+
navElement.classList.remove(styles$1z.before, styles$1z.after);
|
|
84662
84640
|
gsapWithCSS.set(activeElement, {
|
|
84663
84641
|
x: getOffsetLeft(buttonElement),
|
|
84664
84642
|
"--active-element-show": "1"
|
|
@@ -86552,11 +86530,11 @@ const ScrambledText = ({ children, reveal = false }) => {
|
|
|
86552
86530
|
);
|
|
86553
86531
|
};
|
|
86554
86532
|
|
|
86555
|
-
const root$Y = "
|
|
86556
|
-
const line = "
|
|
86557
|
-
const word$1 = "
|
|
86558
|
-
const link = "
|
|
86559
|
-
const letter = "
|
|
86533
|
+
const root$Y = "_root_1d8jp_1";
|
|
86534
|
+
const line = "_line_1d8jp_9";
|
|
86535
|
+
const word$1 = "_word_1d8jp_14";
|
|
86536
|
+
const link = "_link_1d8jp_18";
|
|
86537
|
+
const letter = "_letter_1d8jp_22";
|
|
86560
86538
|
const styles$11 = {
|
|
86561
86539
|
root: root$Y,
|
|
86562
86540
|
line: line,
|
|
@@ -96510,7 +96488,7 @@ const Lock = () => {
|
|
|
96510
96488
|
}
|
|
96511
96489
|
};
|
|
96512
96490
|
const asynchronously = async () => {
|
|
96513
|
-
const Flickity = await import('./index-
|
|
96491
|
+
const Flickity = await import('./index-DZDOztP9.js').then(n => n.i).then((m) => m.default);
|
|
96514
96492
|
if (!rowsRef.current || !window) return;
|
|
96515
96493
|
const rows = rowsRef.current.children;
|
|
96516
96494
|
for (let i = 0, len = rows.length; i < len; i++) {
|
|
@@ -114233,4 +114211,4 @@ const ViewTransitionImageGallery = () => {
|
|
|
114233
114211
|
] });
|
|
114234
114212
|
};
|
|
114235
114213
|
|
|
114236
|
-
export { RealisticSmoke as $, AdjoinedFilters as A, BackgroundSlider as B, Clock as C, DoubleSide as D, GlitterCard as E, FadeUp as F, GlidingReveal as G, GlowingShadows as H, GradientBorder as I, ImageClipping as J, Lock as K, LayeredComponents as L, Mesh as M, NamedPointer as N, MotionDigits as O, PerspectiveCamera as P, MouseMoveGallery as Q, RawShaderMaterial as R, Scene as S, THREE as T, MultiGradientBackground as U, MultipathSvgAnimation as V, WebGLRenderer as W, NotificationBell as X, PhotoZoom as Y, PolaroidStack as Z, QuickTimeClock as _, getAugmentedNamespace as a, GravityButton as a$, RevealImageAnimation as a0, SchrodingerFormControls as a1, SlideIn as a2, SmokeTextDisappearance as a3, SolarEclipse as a4, SpeechToText as a5, StaticSolarEclipse as a6, StickyList as a7, TranslucentBackdrop as a8, TurbulenceFilter as a9, AuroraButton as aA, BubblyParticlesButton as aB, BurningButton as aC, ButtonHoverFill as aD, ButtonShimmer as aE, ButtonWithDot as aF, ClaymorphicHeart as aG, ClickButtonParticles as aH, ColorfulButtons as aI, ConfettiButton as aJ, DarkMatterButton as aK, DDDButton as aL, DockButton as aM, DoubleArrowButton as aN, DoubleArrowCollabButton as aO, DoubleStateButton as aP, DynamicIconButton as aQ, EchoClickButton as aR, ElectrifiedButton as aS, ElectrifiedButtonGS as aT, FailedDownloadButton as aU, FootprintButton as aV, GalaxyButton as aW, GlowButton as aX, GodRaysButton as aY, GoHoverButton as aZ, GooeyButton as a_, LoveGlow as aa, TextImageHover as ab, VoiceAnimation as ac, BlurVignette as ad, BorderGradient as ae, CircleParticles as af, Counter as ag, Illumination as ah, LandingXYScroll as ai, RhombusGallery as aj, ThanosDisappearEffect as ak, ThanosDisappearEffectList as al, ViewTransitionAddToCard as am, ViewTransitionImageGallery as an, Expand as ao, GridAccordion as ap, BackgroundCircles as aq, ComplexGradient as ar, RaysBackground as as, Texture$1 as at, WebGLSmoke as au, ComingSoonBadge as av, ActivateButton as aw, AirplaneAnimation as ax, AnimatedHoverButton as ay, AnimatedHoverGlowButton as az, TextureLoader as b, RotatedCardsCarousel as b$, HeartFoldButton as b0, HoldSubmitButton as b1, HoverGlowButton as b2, Ios15Button as b3, MagneticButton as b4, MinimalisticGlassButton as b5, MorphingSubmitButton as b6, MultiStageButton as b7, NeonButton as b8, NoisyButton as b9, AnimatedBlendedCard as bA, BrandCard as bB, FigmaLogo as bC, CaptionCard as bD, CardGlow as bE, CardTile as bF, ChequeredCard as bG, DDDHoverCard as bH, EnvelopeTile as bI, GlowingTile as bJ, GradientGlowingTile as bK, HoverTile as bL, Hoverable3DCard as bM, ImageCard as bN, PhotoCard$1 as bO, ProductTile as bP, ProfileCard as bQ, ShineAnimation as bR, ShineCard as bS, StackingCards as bT, BulletsCarousel as bU, CardCarousel as bV, CoverFlowGallery as bW, FullScreenImageCarousel as bX, GalleryReverseScroll as bY, GlideImageGallery as bZ, ListItemHover as b_, OrbitalSubmitButton as ba, PaperPlanButton as bb, PlayPauseButton as bc, PlayPauseMusicButton as bd, PositionHover as be, PredictionButton as bf, ProgressButton as bg, PsychedelicButton as bh, RepostButton as bi, RubberButton as bj, RunningButton as bk, ShimmerButton as bl, ShimmeringBorderGradient as bm, ShinyButton as bn, SkeuomorphicLikeButton as bo, SlidingButton as bp, SlidingStepper as bq, SparkleButton as br, SparklyButton as bs, SquishButton as bt, SuccessLoadingButton as bu, ThreadsLikeButton as bv, ThumbsUpButton as bw, TicklishButton as bx, TrickButton as by, AccentShardCard as bz, commonjsGlobal as c, CircleDotsLoader as c$, Scroller as c0, ShadowedCardsList as c1, SlidingImages as c2, Checkbox as c3, IndeterminateCheckboxes as c4, StrikethroughCheckbox as c5, StrikethroughCheckboxes as c6, Chips as c7, FlipChips as c8, DailClock as c9, ContrastBackgroundText as cA, FluidGooeyTextBackground as cB, GlassIcon as cC, NeumorphicLogo as cD, SlidingIcon as cE, SquircleAvatar as cF, ClearInput as cG, FloatingLabelInput as cH, GlowingInput as cI, InputFirework as cJ, SearchInput as cK, EmailInput as cL, NewsletterInput as cM, PasswordInput as cN, ShadowedClick as cO, BorderLink as cP, CircleLink as cQ, ForwardArrowLink as cR, PaintedLink as cS, RegularLink as cT, ShakyLine as cU, UnderlinedLink as cV, UnderlinedLink2 as cW, AcrobaticPreloader as cX, AlienSkeuomorphicLoaders as cY, CanOfDigits as cZ, ChaseLoader as c_, MotionClock as ca, NeumorphicAnalogClock as cb, CircleTextHover as cc, ClickSpark as cd, DarkMatterMouseEffect as ce, ElasticCursor as cf, SplashCursor as cg, MagicMouseEffect as ch, DialControl as ci, DialFuturistic as cj, MetalCircleController as ck, Dock as cl, DockHas as cm, DockMotion as cn, AutoMasonryGrid as co, DenseGrid as cp, Grid3DCards as cq, GridHover as cr, GridViewTransition as cs, LeaningCards as ct, BoldHamburger as cu, HamburgerMusic as cv, HamburgerX as cw, Header as cx, StickyHeader as cy, AnimatedHeroTitle as cz, WebGLRenderTarget as d, DaySwitch as d$, CubeLoader as d0, EndlessLoader as d1, InfiniteLoader as d2, LoaderGenerator as d3, LoadingBook as d4, LoadingWave as d5, OffTrackPreloader as d6, PieLoader as d7, PulseInLoader as d8, PulseOutLoader as d9, MobileNavBar as dA, NavigationMenu as dB, ParallaxMenu as dC, PianoNav as dD, PinDropdown as dE, RadialMenu as dF, RadialNavigation as dG, SinglePopoverMenu as dH, TabBarAnimation as dI, WavyMenu as dJ, CronRedirectPage as dK, EmojiLayer as dL, ParallaxEmoji as dM, ApertureVideo as dN, RadioRolling as dO, RadioParticles as dP, RadioHopping as dQ, ScrollCountdown as dR, ScrollDrivenTextBlowOut as dS, ScrollingTextReveal as dT, ScrollTextHighlight as dU, ScrollTimeline as dV, ScrollWithLight as dW, DDDRangeSlider as dX, GlowSlider as dY, NeumorphicSlider as dZ, FeedbackReactions as d_, RingLoader as da, RoundScaleLoader as db, SkateboardPreloader as dc, SmileyPreloader as dd, SnowballPreloader as de, SpinningClickAnimation as df, StretchyLoader as dg, StuntPreloader as dh, SubtleBorderAnimation as di, SuccessLoader as dj, ThreeDotsLoader as dk, TimeCirclesLoader as dl, CardMarquee as dm, Ticker as dn, AnimatedIconsNav as dp, AnimatedShareMenu as dq, ITEMS
|
|
114214
|
+
export { RealisticSmoke as $, AdjoinedFilters as A, BackgroundSlider as B, Clock as C, DoubleSide as D, GlitterCard as E, FadeUp as F, GlidingReveal as G, GlowingShadows as H, GradientBorder as I, ImageClipping as J, Lock as K, LayeredComponents as L, Mesh as M, NamedPointer as N, MotionDigits as O, PerspectiveCamera as P, MouseMoveGallery as Q, RawShaderMaterial as R, Scene as S, THREE as T, MultiGradientBackground as U, MultipathSvgAnimation as V, WebGLRenderer as W, NotificationBell as X, PhotoZoom as Y, PolaroidStack as Z, QuickTimeClock as _, getAugmentedNamespace as a, GravityButton as a$, RevealImageAnimation as a0, SchrodingerFormControls as a1, SlideIn as a2, SmokeTextDisappearance as a3, SolarEclipse as a4, SpeechToText as a5, StaticSolarEclipse as a6, StickyList as a7, TranslucentBackdrop as a8, TurbulenceFilter as a9, AuroraButton as aA, BubblyParticlesButton as aB, BurningButton as aC, ButtonHoverFill as aD, ButtonShimmer as aE, ButtonWithDot as aF, ClaymorphicHeart as aG, ClickButtonParticles as aH, ColorfulButtons as aI, ConfettiButton as aJ, DarkMatterButton as aK, DDDButton as aL, DockButton as aM, DoubleArrowButton as aN, DoubleArrowCollabButton as aO, DoubleStateButton as aP, DynamicIconButton as aQ, EchoClickButton as aR, ElectrifiedButton as aS, ElectrifiedButtonGS as aT, FailedDownloadButton as aU, FootprintButton as aV, GalaxyButton as aW, GlowButton as aX, GodRaysButton as aY, GoHoverButton as aZ, GooeyButton as a_, LoveGlow as aa, TextImageHover as ab, VoiceAnimation as ac, BlurVignette as ad, BorderGradient as ae, CircleParticles as af, Counter as ag, Illumination as ah, LandingXYScroll as ai, RhombusGallery as aj, ThanosDisappearEffect as ak, ThanosDisappearEffectList as al, ViewTransitionAddToCard as am, ViewTransitionImageGallery as an, Expand as ao, GridAccordion as ap, BackgroundCircles as aq, ComplexGradient as ar, RaysBackground as as, Texture$1 as at, WebGLSmoke as au, ComingSoonBadge as av, ActivateButton as aw, AirplaneAnimation as ax, AnimatedHoverButton as ay, AnimatedHoverGlowButton as az, TextureLoader as b, RotatedCardsCarousel as b$, HeartFoldButton as b0, HoldSubmitButton as b1, HoverGlowButton as b2, Ios15Button as b3, MagneticButton as b4, MinimalisticGlassButton as b5, MorphingSubmitButton as b6, MultiStageButton as b7, NeonButton as b8, NoisyButton as b9, AnimatedBlendedCard as bA, BrandCard as bB, FigmaLogo as bC, CaptionCard as bD, CardGlow as bE, CardTile as bF, ChequeredCard as bG, DDDHoverCard as bH, EnvelopeTile as bI, GlowingTile as bJ, GradientGlowingTile as bK, HoverTile as bL, Hoverable3DCard as bM, ImageCard as bN, PhotoCard$1 as bO, ProductTile as bP, ProfileCard as bQ, ShineAnimation as bR, ShineCard as bS, StackingCards as bT, BulletsCarousel as bU, CardCarousel as bV, CoverFlowGallery as bW, FullScreenImageCarousel as bX, GalleryReverseScroll as bY, GlideImageGallery as bZ, ListItemHover as b_, OrbitalSubmitButton as ba, PaperPlanButton as bb, PlayPauseButton as bc, PlayPauseMusicButton as bd, PositionHover as be, PredictionButton as bf, ProgressButton as bg, PsychedelicButton as bh, RepostButton as bi, RubberButton as bj, RunningButton as bk, ShimmerButton as bl, ShimmeringBorderGradient as bm, ShinyButton as bn, SkeuomorphicLikeButton as bo, SlidingButton as bp, SlidingStepper as bq, SparkleButton as br, SparklyButton as bs, SquishButton as bt, SuccessLoadingButton as bu, ThreadsLikeButton as bv, ThumbsUpButton as bw, TicklishButton as bx, TrickButton as by, AccentShardCard as bz, commonjsGlobal as c, CircleDotsLoader as c$, Scroller as c0, ShadowedCardsList as c1, SlidingImages as c2, Checkbox as c3, IndeterminateCheckboxes as c4, StrikethroughCheckbox as c5, StrikethroughCheckboxes as c6, Chips as c7, FlipChips as c8, DailClock as c9, ContrastBackgroundText as cA, FluidGooeyTextBackground as cB, GlassIcon as cC, NeumorphicLogo as cD, SlidingIcon as cE, SquircleAvatar as cF, ClearInput as cG, FloatingLabelInput as cH, GlowingInput as cI, InputFirework as cJ, SearchInput as cK, EmailInput as cL, NewsletterInput as cM, PasswordInput as cN, ShadowedClick as cO, BorderLink as cP, CircleLink as cQ, ForwardArrowLink as cR, PaintedLink as cS, RegularLink as cT, ShakyLine as cU, UnderlinedLink as cV, UnderlinedLink2 as cW, AcrobaticPreloader as cX, AlienSkeuomorphicLoaders as cY, CanOfDigits as cZ, ChaseLoader as c_, MotionClock as ca, NeumorphicAnalogClock as cb, CircleTextHover as cc, ClickSpark as cd, DarkMatterMouseEffect as ce, ElasticCursor as cf, SplashCursor as cg, MagicMouseEffect as ch, DialControl as ci, DialFuturistic as cj, MetalCircleController as ck, Dock as cl, DockHas as cm, DockMotion as cn, AutoMasonryGrid as co, DenseGrid as cp, Grid3DCards as cq, GridHover as cr, GridViewTransition as cs, LeaningCards as ct, BoldHamburger as cu, HamburgerMusic as cv, HamburgerX as cw, Header as cx, StickyHeader as cy, AnimatedHeroTitle as cz, WebGLRenderTarget as d, DaySwitch as d$, CubeLoader as d0, EndlessLoader as d1, InfiniteLoader as d2, LoaderGenerator as d3, LoadingBook as d4, LoadingWave as d5, OffTrackPreloader as d6, PieLoader as d7, PulseInLoader as d8, PulseOutLoader as d9, MobileNavBar as dA, NavigationMenu as dB, ParallaxMenu as dC, PianoNav as dD, PinDropdown as dE, RadialMenu as dF, RadialNavigation as dG, SinglePopoverMenu as dH, TabBarAnimation as dI, WavyMenu as dJ, CronRedirectPage as dK, EmojiLayer as dL, ParallaxEmoji as dM, ApertureVideo as dN, RadioRolling as dO, RadioParticles as dP, RadioHopping as dQ, ScrollCountdown as dR, ScrollDrivenTextBlowOut as dS, ScrollingTextReveal as dT, ScrollTextHighlight as dU, ScrollTimeline as dV, ScrollWithLight as dW, DDDRangeSlider as dX, GlowSlider as dY, NeumorphicSlider as dZ, FeedbackReactions as d_, RingLoader as da, RoundScaleLoader as db, SkateboardPreloader as dc, SmileyPreloader as dd, SnowballPreloader as de, SpinningClickAnimation as df, StretchyLoader as dg, StuntPreloader as dh, SubtleBorderAnimation as di, SuccessLoader as dj, ThreeDotsLoader as dk, TimeCirclesLoader as dl, CardMarquee as dm, Ticker as dn, AnimatedIconsNav as dp, AnimatedShareMenu as dq, ITEMS as dr, CurtainRevealMenu as ds, DetachedMenu as dt, DropdownMenu as du, Futuristic3DHoverMenu as dv, GlowingDropdown as dw, GlowingTabs as dx, GlowingTabs2 as dy, MagnifiedNavItems as dz, Color$1 as e, GlassSwitch as e0, IosSwitch as e1, NeonToggleSwitch as e2, NeuromorphicToggle as e3, SegmentedToggle as e4, StretchToggle as e5, TippingSwitch as e6, ToggleBubble as e7, ToggleClipPath as e8, EnlightenedText as e9, GlowingText as ea, GrainyGradientText as eb, JellyText as ec, MagicalText as ed, ScrambledText as ee, ScramblingLetters as ef, ShakingText as eg, ShiningText as eh, TextMorphing as ei, TextOutline as ej, TextShadow as ek, WeightText as el, Tooltip as em, TooltipRangeSlider as en, TorusKnotGeometry as f, getDefaultExportFromCjs as g, ShaderMaterial as h, Toasts as i, Duck as j, DynamicIsland as k, Fingerprint as l, SegmentedControls as m, ShapeSelection as n, SmoothScroll as o, Appearance as p, AreaLight as q, AvatarHover as r, BlurredBackground as s, BouncyClock as t, BreakingProgress as u, CardDetails as v, ChromaticAberration as w, CircleLinesAnimation as x, CollapseAnimation as y, FileIcons as z };
|
package/dist/index.cjs
CHANGED
|
@@ -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-0YeYjJYT.cjs');
|
|
6
6
|
const useWindowReady = require('./useWindowReady-Il0Ibn7I.cjs');
|
|
7
7
|
const svg = require('./svg-BT_esDTZ.cjs');
|
|
8
8
|
|
package/dist/index.d.ts
CHANGED
|
@@ -853,7 +853,7 @@ declare type Props_52 = {
|
|
|
853
853
|
};
|
|
854
854
|
|
|
855
855
|
declare type Props_53 = {
|
|
856
|
-
items
|
|
856
|
+
items: Item[];
|
|
857
857
|
value?: Item['id'];
|
|
858
858
|
};
|
|
859
859
|
|
|
@@ -1114,6 +1114,19 @@ export declare const SuccessLoader: ({ status }: Props_52) => JSX.Element;
|
|
|
1114
1114
|
|
|
1115
1115
|
export declare const SuccessLoadingButton: ({ onClick, onSuccess, children, className, disabled, }: Props_27) => JSX.Element;
|
|
1116
1116
|
|
|
1117
|
+
/**
|
|
1118
|
+
* TabBarAnimation Component
|
|
1119
|
+
*
|
|
1120
|
+
* An animated tab bar with a sliding indicator that creates SVG beam and strike effects
|
|
1121
|
+
* when switching between tabs. Uses GSAP for animations.
|
|
1122
|
+
*
|
|
1123
|
+
* Status: WIP - Functional but may need refinement:
|
|
1124
|
+
* - Cleanup of commented code
|
|
1125
|
+
* - Potential optimization of animation timing
|
|
1126
|
+
* - Consider accessibility improvements
|
|
1127
|
+
*
|
|
1128
|
+
* The component creates dynamic SVG elements for visual effects during tab transitions.
|
|
1129
|
+
*/
|
|
1117
1130
|
export declare const TabBarAnimation: () => JSX.Element;
|
|
1118
1131
|
|
|
1119
1132
|
export declare const TextImageHover: () => JSX.Element;
|