@tarsis/toolkit 0.5.4 → 0.5.6

package/dist/{gl-BUpCceY7.js → gl-BRR71tEA.js}

@@ -1,4 +1,4 @@
-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-edxXsuj9.js';
+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';
 
 /*
 object-assign

package/dist/{gl-BMhxJtUR.cjs → gl-Bb5NStwh.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const index = require('./index-6NDqwIhT.cjs');
+const index = require('./index-0YeYjJYT.cjs');
 
 /*
 object-assign

package/dist/{index-6NDqwIhT.cjs → index-0YeYjJYT.cjs}

@@ -52090,28 +52090,35 @@ const styles$4H = {
 	animate: animate$1};
 
 const BubblyParticlesButton = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      className: styles$4H.root,
-      onClick: (e) => {
-        const button = e.currentTarget;
+  const animationRef = React.useRef(null);
+  const handleClick = (e) => {
+    const button = e.currentTarget;
+    if (animationRef.current) {
+      animationRef.current.cancel();
+      animationRef.current = null;
+    }
+    button.classList.remove(styles$4H.animate);
+    requestAnimationFrame(() => {
+      button.classList.add(styles$4H.animate);
+      animationRef.current = button.animate([{ opacity: 1 }, { opacity: 1 }], {
+        duration: 750,
+        fill: "forwards",
+        easing: "ease-in-out"
+      });
+      animationRef.current.addEventListener("finish", () => {
         button.classList.remove(styles$4H.animate);
-        button.classList.add(styles$4H.animate);
-        setTimeout(() => {
-          button.classList.remove(styles$4H.animate);
-        }, 700);
-      },
-      children: "Click me!"
-    }
-  );
+        animationRef.current = null;
+      });
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles$4H.root, onClick: handleClick, children: "Click me!" });
 };
 
-const root$4i = "_root_fbkx4_1";
-const button$o = "_button_fbkx4_13";
-const p$1 = "_p_fbkx4_26";
-const text$z = "_text_fbkx4_26";
-const effects = "_effects_fbkx4_240";
+const root$4i = "_root_1pxow_1";
+const button$o = "_button_1pxow_13";
+const p$1 = "_p_1pxow_26";
+const text$z = "_text_1pxow_26";
+const effects = "_effects_1pxow_240";
 const styles$4G = {
 	root: root$4i,
 	button: button$o,
@@ -68120,9 +68127,9 @@ const NeonButton = ({ className = "", ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...rest, className: clsx(styles$48.root, className), children: "Neon" });
 };
 
-const root$3P = "_root_1asaw_2";
-const i$6 = "_i_1asaw_22";
-const text$s = "_text_1asaw_482";
+const root$3P = "_root_1u78n_2";
+const i$6 = "_i_1u78n_22";
+const text$s = "_text_1u78n_482";
 const styles$47 = {
 	root: root$3P,
 	i: i$6,
@@ -71322,7 +71329,7 @@ const styles$3j = {
 };
 
 const THROTTLE_DURATION = 500;
-const ITEMS$2 = [
+const ITEMS$1 = [
   {
     title: "Lossless Youths",
     image: "https://cdn.mos.cms.futurecdn.net/dP3N4qnEZ4tCTCLq59iysd.jpg",
@@ -71356,7 +71363,7 @@ const ITEMS$2 = [
 ].map((item) => ({ ...item, renderKey: 0 }));
 const FullScreenImageCarousel = () => {
   const sliderRef = React.useRef(null);
-  const [items, setItems] = React.useState(ITEMS$2);
+  const [items, setItems] = React.useState(ITEMS$1);
   const handlePrevClick = useWindowReady.useThrottle(() => {
     setItems((prev) => {
       const newItems = items.slice();
@@ -78141,9 +78148,9 @@ const Tooltip = ({
       opacity: 1,
       transition: {
         type: "spring",
-        stiffness: 150,
-        damping: 20,
-        mass: 1.2
+        stiffness: 280,
+        damping: 22,
+        mass: 0.9
       }
     },
     exit: {
@@ -78372,16 +78379,17 @@ const widthOutput = [
 ];
 const DockMotionItem = ({
   children,
-  itemKey,
   mouseX,
   bounce = true,
   tooltip = null,
+  tooltipOptions,
   mute = false,
   type = "button",
   className,
   onMouseEnter,
   ...rest
 }) => {
+  const itemId = React.useId();
   const ref = React.useRef(null);
   const distance = useWindowReady.useMotionValue(distanceLimit);
   const transform = useTransform(distance, distanceInput, widthOutput);
@@ -78391,6 +78399,7 @@ const DockMotionItem = ({
   });
   const audioRef = React.useRef(null);
   const hover = useWindowReady.useMatchMedia("(pointer: fine)");
+  const isMobile = hover === false;
   const [scope, animate] = useAnimate();
   const dynamicWidth = useTransform(
     size,
@@ -78458,7 +78467,7 @@ const DockMotionItem = ({
     }),
     [dynamicWidth, size]
   );
-  const resolvedKey = itemKey + type;
+  const resolvedKey = itemId + type;
   const isInteractive = rest.use !== "div";
   const ContentElement = React.useMemo(() => {
     if (rest.use && typeof rest.use !== "string") {
@@ -78487,7 +78496,7 @@ const DockMotionItem = ({
         ContentElement,
         {
           ref: scope,
-          layoutId: itemKey,
+          layoutId: itemId,
           className: clsx(styles$2S.item, className),
           onMouseEnter,
           style: contentStyle,
@@ -78511,11 +78520,14 @@ const DockMotionItem = ({
               if (audio) {
                 audio.pause();
                 audio.currentTime = 0;
-                audio.play().catch(() => {
-                });
+                const playPromise = audio.play();
+                if (playPromise && typeof playPromise.catch === "function") {
+                  playPromise.catch(() => {
+                  });
+                }
               }
             }
-            if (isInteractive && bounce) {
+            if (isInteractive && bounce && !isMobile) {
               animate([
                 [scope.current, { top: -24 }, { duration: 0.3 }],
                 [
@@ -78543,7 +78555,17 @@ const DockMotionItem = ({
       )
     }
   );
-  return tooltip ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { label: tooltip, placement: "top", offset: 6, children: container }) : container;
+  return tooltip ? /* @__PURE__ */ jsxRuntime.jsx(
+    Tooltip,
+    {
+      label: tooltip,
+      placement: "top",
+      offset: 8,
+      delay: tooltipOptions?.delay ?? 0,
+      animate: tooltipOptions?.animate ?? false,
+      children: container
+    }
+  ) : container;
 };
 
 const originX = { originX: "center" };
@@ -78592,7 +78614,6 @@ const DockMotion$1 = ({
                   const hasDataExternal = "data-external" in props && props["data-external"] === true;
                   return React.cloneElement(element, {
                     ...props,
-                    itemKey: props.itemKey,
                     onClick: (e) => {
                       if (hasDataExternal) {
                         mouseX.set(null);
@@ -80621,7 +80642,7 @@ const EndlessLoader = ({ container }) => {
         return;
       }
       try {
-        const GLModule = await Promise.resolve().then(() => require('./gl-BMhxJtUR.cjs'));
+        const GLModule = await Promise.resolve().then(() => require('./gl-Bb5NStwh.cjs'));
         if (!isActiveRef.current) {
           return;
         }
@@ -82478,7 +82499,7 @@ const styles$1P = {
 	icon: icon$6
 };
 
-const ITEMS$1 = [
+const ITEMS = [
   {
     title: "Home",
     url: "https://images.unsplash.com/photo-1666091863721-54331a5db52d"
@@ -82504,7 +82525,7 @@ const CurtainRevealMenu = () => {
   const [toggle, setToggle] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1P.root, "data-nav": toggle, children: [
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: styles$1P.main }),
-    /* @__PURE__ */ jsxRuntime.jsx("nav", { className: styles$1P.nav, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1P.navLinks, children: ITEMS$1.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("a", { className: styles$1P.navLink, href: "#", children: [
+    /* @__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: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$1P.navLinkLabel, children: item.title }),
       /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$1P.navLinkImage, src: item.url, alt: "" })
     ] }, i)) }) }),
@@ -82577,41 +82598,7 @@ const styles$1N = {
 };
 
 const ICON_SIZE = 32;
-const ICONS = {
-  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",
-  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",
-  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",
-  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",
-  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"
-};
-const ITEMS = [
-  {
-    id: "li",
-    title: "LinkedIn",
-    icon: ICONS["linkedin"]
-  },
-  {
-    id: "ig",
-    title: "Instagram",
-    icon: ICONS["instagram"]
-  },
-  {
-    id: "fb",
-    title: "Facebook",
-    icon: ICONS["facebook"]
-  },
-  {
-    id: "tw",
-    title: "Twitter",
-    icon: ICONS["twitter"]
-  },
-  {
-    id: "yt",
-    title: "YouTube",
-    icon: ICONS["youtube"]
-  }
-];
-const DropdownMenu = ({ value, items = ITEMS }) => {
+const DropdownMenu = ({ value, items }) => {
   const [iconLeft, setIconLeft] = React.useState(0);
   const [iconTop, setIconTop] = React.useState(0);
   const [rotateArrow, setRotateArrow] = React.useState(0);
@@ -82654,7 +82641,7 @@ const DropdownMenu = ({ value, items = ITEMS }) => {
             className: clsx(styles$1N.mainButton, styles$1N.dropdownButton),
             onClick: () => {
               const listWrapperSizes = 3.5;
-              const dropdownOpenHeight = 4.6 * ITEMS.length + listWrapperSizes;
+              const dropdownOpenHeight = 4.6 * items.length + listWrapperSizes;
               dropdownHeight === 0 ? setDropdownProps(180, dropdownOpenHeight, 1) : setDropdownProps(0, 0, 0);
             },
             children: [
@@ -82694,12 +82681,12 @@ const DropdownMenu = ({ value, items = ITEMS }) => {
               onMouseLeave: () => {
                 setFloatingIcon(null);
               },
-              children: ITEMS.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
                 "li",
                 {
                   className: styles$1N.dropdownListItem,
                   onMouseMove: () => {
-                    setFloatingIcon(item.icon);
+                    setFloatingIcon(item.icon ?? null);
                   },
                   onClick: () => {
                     setActive(item);
@@ -83231,7 +83218,7 @@ const MagnifiedNavItems = () => {
     return () => {
       window.removeEventListener("resize", debouncedUpdateGlassPos);
     };
-  }, []);
+  }, [debouncedUpdateGlassPos]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1I.root, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("svg", { display: "none", children: [
       /* @__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" }) }) }),
@@ -84669,6 +84656,7 @@ const TabBarAnimation = () => {
                     });
                   },
                   onComplete: () => {
+                    navElement.classList.remove(styles$1z.before, styles$1z.after);
                     gsapWithCSS.set(activeElement, {
                       x: getOffsetLeft(buttonElement),
                       "--active-element-show": "1"
@@ -86562,11 +86550,11 @@ const ScrambledText = ({ children, reveal = false }) => {
   );
 };
 
-const root$Y = "_root_jg827_1";
-const line = "_line_jg827_9";
-const word$1 = "_word_jg827_14";
-const link = "_link_jg827_18";
-const letter = "_letter_jg827_22";
+const root$Y = "_root_1d8jp_1";
+const line = "_line_1d8jp_9";
+const word$1 = "_word_1d8jp_14";
+const link = "_link_1d8jp_18";
+const letter = "_letter_1d8jp_22";
 const styles$11 = {
 	root: root$Y,
 	line: line,
@@ -96520,7 +96508,7 @@ const Lock = () => {
       }
     };
     const asynchronously = async () => {
-      const Flickity = await Promise.resolve().then(() => require('./index-DoJenARH.cjs')).then(n => n.index).then((m) => m.default);
+      const Flickity = await Promise.resolve().then(() => require('./index-BoOtR9fl.cjs')).then(n => n.index).then((m) => m.default);
       if (!rowsRef.current || !window) return;
       const rows = rowsRef.current.children;
       for (let i = 0, len = rows.length; i < len; i++) {
@@ -114392,7 +114380,7 @@ exports.HoldSubmitButton = HoldSubmitButton;
 exports.HoverGlowButton = HoverGlowButton;
 exports.HoverTile = HoverTile;
 exports.Hoverable3DCard = Hoverable3DCard;
-exports.ITEMS = ITEMS$1;
+exports.ITEMS = ITEMS;
 exports.Illumination = Illumination;
 exports.ImageCard = ImageCard;
 exports.ImageClipping = ImageClipping;

package/dist/{index-DoJenARH.cjs → index-BoOtR9fl.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index$2 = require('./index-6NDqwIhT.cjs');
+const index$2 = require('./index-0YeYjJYT.cjs');
 
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {