refract-ui 0.0.0 → 1.0.2

package/dist/carousel.js

@@ -1,2 +1,302 @@
 "use client";
+import { jsxs as B, jsx as v } from "react/jsx-runtime";
+import * as R from "react";
+import { useState as y, useRef as o, useEffect as F, useCallback as f } from "react";
+import { useReducedMotion as ce, animate as ie } from "framer-motion";
+import { u as se, c as ue, r as le } from "./style-uMN7vipQ.js";
+import { WebGLRenderer as de, OrthographicCamera as me, Scene as ve, Color as pe, SRGBColorSpace as fe, LinearFilter as O, ShaderMaterial as ge, PlaneGeometry as xe, Mesh as Ie } from "three";
+import { c as _e, a as we, t as he } from "./three-CWsiEOQZ.js";
+const ye = (r) => /* @__PURE__ */ R.createElement("svg", { fill: "currentColor", width: 18, height: 42, viewBox: "0 0 18 42", ...r }, /* @__PURE__ */ R.createElement("path", { d: "M18.03 1.375L16.47.125-.031 20.75l16.5 20.625 1.562-1.25L2.53 20.75z" })), Fe = (r) => /* @__PURE__ */ R.createElement("svg", { fill: "currentColor", width: 18, height: 42, viewBox: "0 0 18 42", ...r }, /* @__PURE__ */ R.createElement("path", { d: "M-.03 1.375L1.53.125l16.5 20.625-16.5 20.625-1.562-1.25 15.5-19.375z" })), Se = "_carousel_miavd_1", be = "_content_miavd_5", Pe = "_imageWrapper_miavd_11", Ce = "_canvasWrapper_miavd_23", Me = "_canvas_miavd_23", Le = "_placeholder_miavd_36", De = "_button_miavd_51", Ae = "_nav_miavd_107", Ee = "_navButton_miavd_114", l = {
+  carousel: Se,
+  content: be,
+  imageWrapper: Pe,
+  canvasWrapper: Ce,
+  canvas: Me,
+  placeholder: Le,
+  button: De,
+  nav: Ae,
+  navButton: Ee
+}, Re = `varying vec2 vUv;
+uniform sampler2D currentImage;
+uniform sampler2D nextImage;
+uniform float dispFactor;
+uniform float direction;
+uniform bool reduceMotion;
+
+void main() {
+  if (reduceMotion) {
+    // Simple crossfade
+    vec4 _currentImage = texture2D(currentImage, vUv);
+    vec4 _nextImage = texture2D(nextImage, vUv);
+    vec4 finalTexture = mix(_currentImage, _nextImage, dispFactor);
+    gl_FragColor = finalTexture;
+  } else {
+    // Liquid distortion effect
+    vec2 uv = vUv;
+    vec4 _currentImage;
+    vec4 _nextImage;
+    float intensity = 0.6;
+
+    vec4 orig1 = texture2D(currentImage, uv);
+    vec4 orig2 = texture2D(nextImage, uv);
+
+    vec2 distortedPosition = vec2(
+      uv.x + direction * (dispFactor * (orig2.r * intensity)),
+      uv.y + direction * (dispFactor * (orig2 * intensity))
+    );
+
+    vec2 distortedPosition2 = vec2(
+      uv.x - direction * ((1.0 - dispFactor) * (orig1.r * intensity)),
+      uv.y - direction * ((1.0 - dispFactor) * (orig1 * intensity))
+    );
+
+    _currentImage = texture2D(currentImage, distortedPosition);
+    _nextImage = texture2D(nextImage, distortedPosition2);
+
+    vec4 finalTexture = mix(_currentImage, _nextImage, dispFactor);
+    gl_FragColor = finalTexture;
+  }
+}
+`, Ne = `varying vec2 vUv;
+
+void main() {
+  vUv = uv;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+function J(r, s, d, h) {
+  if (s !== null) return s;
+  const S = d.length, b = (r - 1 + S) % S, D = (r + 1) % S;
+  return h > 0 ? D : b;
+}
+const qe = ({ width: r, height: s, images: d, placeholder: h, ...S }) => {
+  const [b, D] = y(!1), [a, H] = y(0), [P, Q] = y(!1), [Y, Z] = y(!0), [i, ee] = y(), [C, ne] = y(), A = o(null), N = o(), U = o(), g = o(), x = o(), M = o(), c = o(), I = o(!1), L = o(), W = o(), z = o(), q = ce(), $ = se(A, !0), j = o(null), X = o(), te = `Slide ${a + 1} of ${d.length}. ${d[a].alt}`;
+  F(() => (b && (document.body.style.cursor = "grabbing"), () => {
+    document.body.style.cursor = "";
+  }), [b]), F(() => {
+    const e = [r / -2, r / 2, s / 2, s / -2, 1, 1e3];
+    return c.current = new de({
+      canvas: A.current,
+      antialias: !1,
+      alpha: !0,
+      powerPreference: "high-performance",
+      failIfMajorPerformanceCaveat: !0
+    }), M.current = new me(...e), x.current = new ve(), c.current.setPixelRatio(2), c.current.setClearColor(1118481, 1), c.current.setSize(r, s), c.current.domElement.style.width = "100%", c.current.domElement.style.height = "auto", x.current.background = new pe(1118481), M.current.position.z = 1, () => {
+      I.current = !1, _e(x.current), we(c.current);
+    };
+  }, [s, r]), F(() => {
+    let e = !0;
+    return $ && !P && (async () => {
+      const t = c.current.capabilities.getMaxAnisotropy(), m = d.map(async (p) => {
+        const T = p.srcSet ? await le({ srcSet: p.srcSet }) : p.src.src, w = await he.loadAsync(T);
+        return await c.current.initTexture(w), w.colorSpace = fe, w.minFilter = O, w.magFilter = O, w.anisotropy = t, w.generateMipmaps = !1, w;
+      }), _ = await Promise.all(m);
+      e && (g.current = new ge({
+        uniforms: {
+          dispFactor: { value: 0 },
+          direction: { value: 1 },
+          currentImage: { value: _[0] },
+          nextImage: { value: _[1] },
+          reduceMotion: { value: q }
+        },
+        vertexShader: Ne,
+        fragmentShader: Re,
+        transparent: !1,
+        opacity: 1
+      }), U.current = new xe(r, s, 1), N.current = new Ie(U.current, g.current), N.current.position.set(0, 0, 0), x.current.add(N.current), Q(!0), ee(_), requestAnimationFrame(() => {
+        c.current.render(x.current, M.current);
+      }));
+    })(), () => {
+      e = !1;
+    };
+  }, [s, d, $, P, q, r]);
+  const G = f(
+    ({ index: e, direction: n = 1 }) => {
+      if (!i) return;
+      H(e);
+      const { uniforms: t } = g.current;
+      t.nextImage.value = i[e], t.direction.value = n;
+      const m = () => {
+        t.currentImage.value = i[e], t.dispFactor.value = 0, I.current = !1;
+      };
+      t.dispFactor.value !== 1 && (I.current = !0, ie(t.dispFactor.value, 1, {
+        type: "spring",
+        stiffness: 100,
+        damping: 20,
+        restSpeed: 1e-3,
+        restDelta: 1e-3,
+        onUpdate: (_) => {
+          t.dispFactor.value = _;
+        },
+        onComplete: m
+      }));
+    },
+    [i]
+  ), u = f(
+    ({ direction: e, index: n = null, ...t }) => {
+      if (!P) return;
+      if (I.current) {
+        cancelAnimationFrame(z.current), z.current = requestAnimationFrame(
+          () => (
+            // Self-recursive call: safe, runs async after `navigate` is fully assigned
+            // eslint-disable-next-line react-hooks/immutability
+            u({ direction: e, index: n, ...t })
+          )
+        );
+        return;
+      }
+      const m = J(a, n ?? null, i, e);
+      G({ index: m, direction: e, ...t });
+    },
+    [G, a, P, i]
+  ), re = f(
+    (e) => {
+      if (e === a) return;
+      const n = e > a ? 1 : -1;
+      u({ direction: n, index: e });
+    },
+    [a, u]
+  );
+  F(() => {
+    const e = () => {
+      const n = A.current.getBoundingClientRect();
+      ne(n);
+    };
+    return window.addEventListener("resize", e), e(), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, []), F(() => {
+    let e;
+    const n = () => {
+      e = requestAnimationFrame(n), I.current && c.current.render(x.current, M.current);
+    };
+    return e = requestAnimationFrame(n), () => {
+      cancelAnimationFrame(e);
+    };
+  }, []), F(() => {
+    if (h) {
+      const e = () => {
+        Z(!1);
+      }, n = j.current;
+      return n == null || n.addEventListener("transitionend", e), () => {
+        n && n.removeEventListener("transitionend", e);
+      };
+    }
+  }, [h]);
+  const V = f(
+    (e) => {
+      if (I.current || !g.current || !i || !C) return;
+      W.current = e;
+      const n = Math.abs(e), t = C.width;
+      L.current = e > 0 ? -1 : 1;
+      const m = 1 - (n - t) / t * -1, _ = J(a, null, d, L.current), p = g.current.uniforms, T = Math.min(Math.max(m, 0), 1);
+      p.currentImage.value = i[a], p.nextImage.value = i[_], p.direction.value = L.current, p.dispFactor.value = T, requestAnimationFrame(() => {
+        c.current.render(x.current, M.current);
+      });
+    },
+    [C, a, d, i]
+  ), K = f(() => {
+    if (!g.current) return;
+    const e = g.current.uniforms, n = (1 - e.dispFactor.value) * 1e3, t = Math.abs(W.current), m = C.width * 0.2;
+    W.current = 0, !I.current && (t === 0 || !t || (t > m ? u({
+      duration: n,
+      direction: L.current
+    }) : (e.currentImage.value = e.nextImage.value, e.nextImage.value = e.currentImage.value, e.dispFactor.value = 1 - e.dispFactor.value, u({
+      direction: L.current * -1,
+      index: a
+    }))));
+  }, [C, a, u]), E = f(
+    (e) => {
+      V(e.clientX - X.current);
+    },
+    [V]
+  ), k = f(() => {
+    D(!1), K(), document.removeEventListener("pointerup", k), document.removeEventListener("pointermove", E);
+  }, [E, K]), ae = f(
+    (e) => {
+      X.current = e.clientX, D(!0), document.addEventListener("pointermove", E), document.addEventListener("pointerup", k);
+    },
+    [E, k]
+  ), oe = (e) => {
+    switch (e.key) {
+      case "ArrowRight":
+        u({ direction: 1 });
+        break;
+      case "ArrowLeft":
+        u({ direction: -1 });
+        break;
+    }
+  };
+  return /* @__PURE__ */ B("div", { className: l.carousel, onKeyDown: oe, ...S, children: [
+    /* @__PURE__ */ B("div", { className: l.content, children: [
+      /* @__PURE__ */ B(
+        "div",
+        {
+          className: l.imageWrapper,
+          "data-dragging": b,
+          onPointerDown: ae,
+          style: ue({ aspectRatio: `${r} / ${s}` }),
+          children: [
+            /* @__PURE__ */ v(
+              "div",
+              {
+                "aria-atomic": !0,
+                className: l.canvasWrapper,
+                "aria-live": "polite",
+                "aria-label": te,
+                role: "img",
+                children: /* @__PURE__ */ v("canvas", { "aria-hidden": !0, className: l.canvas, ref: A })
+              }
+            ),
+            Y && h && /* @__PURE__ */ v(
+              "img",
+              {
+                "aria-hidden": !0,
+                className: l.placeholder,
+                "data-loaded": P && !!i,
+                src: h.src,
+                ref: j,
+                alt: "",
+                role: "presentation"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: l.button,
+          "data-prev": !0,
+          "aria-label": "Previous slide",
+          onClick: () => u({ direction: -1 }),
+          children: /* @__PURE__ */ v(ye, {})
+        }
+      ),
+      /* @__PURE__ */ v(
+        "button",
+        {
+          className: l.button,
+          "data-next": !0,
+          "aria-label": "Next slide",
+          onClick: () => u({ direction: 1 }),
+          children: /* @__PURE__ */ v(Fe, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ v("div", { className: l.nav, children: d.map((e, n) => /* @__PURE__ */ v(
+      "button",
+      {
+        className: l.navButton,
+        onClick: () => re(n),
+        "aria-label": `Jump to slide ${n + 1}`,
+        "aria-pressed": n === a
+      },
+      e.alt
+    )) })
+  ] });
+};
+export {
+  qe as Carousel
+};
 //# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"carousel.js","sources":["../src/components/Carousel/svg/arrow-left.svg","../src/components/Carousel/svg/arrow-right.svg","../src/components/Carousel/carousel.frag.glsl?raw","../src/components/Carousel/carousel.vert.glsl?raw","../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgArrowLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { fill: \"currentColor\", width: 18, height: 42, viewBox: \"0 0 18 42\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18.03 1.375L16.47.125-.031 20.75l16.5 20.625 1.562-1.25L2.53 20.75z\" }));\nexport default SvgArrowLeft;\n","import * as React from \"react\";\nconst SvgArrowRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { fill: \"currentColor\", width: 18, height: 42, viewBox: \"0 0 18 42\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M-.03 1.375L1.53.125l16.5 20.625-16.5 20.625-1.562-1.25 15.5-19.375z\" }));\nexport default SvgArrowRight;\n","export default \"varying vec2 vUv;\\nuniform sampler2D currentImage;\\nuniform sampler2D nextImage;\\nuniform float dispFactor;\\nuniform float direction;\\nuniform bool reduceMotion;\\n\\nvoid main() {\\n  if (reduceMotion) {\\n    // Simple crossfade\\n    vec4 _currentImage = texture2D(currentImage, vUv);\\n    vec4 _nextImage = texture2D(nextImage, vUv);\\n    vec4 finalTexture = mix(_currentImage, _nextImage, dispFactor);\\n    gl_FragColor = finalTexture;\\n  } else {\\n    // Liquid distortion effect\\n    vec2 uv = vUv;\\n    vec4 _currentImage;\\n    vec4 _nextImage;\\n    float intensity = 0.6;\\n\\n    vec4 orig1 = texture2D(currentImage, uv);\\n    vec4 orig2 = texture2D(nextImage, uv);\\n\\n    vec2 distortedPosition = vec2(\\n      uv.x + direction * (dispFactor * (orig2.r * intensity)),\\n      uv.y + direction * (dispFactor * (orig2 * intensity))\\n    );\\n\\n    vec2 distortedPosition2 = vec2(\\n      uv.x - direction * ((1.0 - dispFactor) * (orig1.r * intensity)),\\n      uv.y - direction * ((1.0 - dispFactor) * (orig1 * intensity))\\n    );\\n\\n    _currentImage = texture2D(currentImage, distortedPosition);\\n    _nextImage = texture2D(nextImage, distortedPosition2);\\n\\n    vec4 finalTexture = mix(_currentImage, _nextImage, dispFactor);\\n    gl_FragColor = finalTexture;\\n  }\\n}\\n\"","export default \"varying vec2 vUv;\\n\\nvoid main() {\\n  vUv = uv;\\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\\n}\\n\"","import ArrowLeft from './svg/arrow-left.svg';\nimport ArrowRight from './svg/arrow-right.svg';\nimport { animate, useReducedMotion } from 'framer-motion';\nimport { useInViewport } from '../../hooks/useInViewport';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent } from 'react';\nimport {\n  Color,\n  LinearFilter,\n  Mesh,\n  OrthographicCamera,\n  PlaneGeometry,\n  Scene,\n  ShaderMaterial,\n  SRGBColorSpace,\n  WebGLRenderer,\n} from 'three';\nimport type { Texture } from 'three';\nimport { resolveSrcFromSrcSet } from '../../utils/image';\nimport { cssProps } from '../../utils/style';\nimport { cleanRenderer, cleanScene, textureLoader } from '../../utils/three';\nimport styles from './Carousel.module.css';\nimport fragment from './carousel.frag.glsl?raw';\nimport vertex from './carousel.vert.glsl?raw';\n\ninterface CarouselImage {\n  src?: { src: string };\n  srcSet?: { src: string; width: number }[];\n  alt: string;\n}\n\ninterface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  width: number;\n  height: number;\n  images: CarouselImage[];\n  placeholder?: { src: string };\n}\n\nfunction determineIndex(\n  imageIndex: number,\n  index: number | null,\n  images: CarouselImage[] | Texture[],\n  direction: number\n) {\n  if (index !== null) return index;\n  const length = images.length;\n  const prevIndex = (imageIndex - 1 + length) % length;\n  const nextIndex = (imageIndex + 1) % length;\n  const finalIndex = direction > 0 ? nextIndex : prevIndex;\n  return finalIndex;\n}\n\nexport const Carousel = ({ width, height, images, placeholder, ...rest }: CarouselProps) => {\n  const [dragging, setDragging] = useState(false);\n  const [imageIndex, setImageIndex] = useState(0);\n  const [loaded, setLoaded] = useState(false);\n  const [showPlaceholder, setShowPlaceholder] = useState(true);\n  const [textures, setTextures] = useState<Texture[]>();\n  const [canvasRect, setCanvasRect] = useState<DOMRect>();\n  const canvas = useRef<HTMLCanvasElement>(null);\n  const imagePlane = useRef<Mesh>();\n  const geometry = useRef<PlaneGeometry>();\n  const material = useRef<ShaderMaterial>();\n  const scene = useRef<Scene>();\n  const camera = useRef<OrthographicCamera>();\n  const renderer = useRef<WebGLRenderer>();\n  const animating = useRef(false);\n  const swipeDirection = useRef<number>();\n  const lastSwipePosition = useRef<number>();\n  const scheduledAnimationFrame = useRef<number>();\n  const reduceMotion = useReducedMotion();\n  const inViewport = useInViewport(canvas, true);\n  const placeholderRef = useRef<HTMLImageElement>(null);\n  const initSwipeX = useRef<number>();\n\n  const currentImageAlt = `Slide ${imageIndex + 1} of ${images.length}. ${\n    images[imageIndex].alt\n  }`;\n\n  useEffect(() => {\n    if (dragging) {\n      document.body.style.cursor = 'grabbing';\n    }\n\n    return () => {\n      document.body.style.cursor = '';\n    };\n  }, [dragging]);\n\n  useEffect(() => {\n    const cameraOptions = [width / -2, width / 2, height / 2, height / -2, 1, 1000] as const;\n    renderer.current = new WebGLRenderer({\n      canvas: canvas.current!,\n      antialias: false,\n      alpha: true,\n      powerPreference: 'high-performance',\n      failIfMajorPerformanceCaveat: true,\n    });\n    camera.current = new OrthographicCamera(...cameraOptions);\n    scene.current = new Scene();\n    renderer.current.setPixelRatio(2);\n    renderer.current.setClearColor(0x111111, 1.0);\n    renderer.current.setSize(width, height);\n    renderer.current.domElement.style.width = '100%';\n    renderer.current.domElement.style.height = 'auto';\n    scene.current.background = new Color(0x111111);\n    camera.current.position.z = 1;\n\n    return () => {\n      animating.current = false;\n      cleanScene(scene.current!);\n      cleanRenderer(renderer.current!);\n    };\n  }, [height, width]);\n\n  useEffect(() => {\n    let mounted = true;\n\n    const loadImages = async () => {\n      const anisotropy = renderer.current!.capabilities.getMaxAnisotropy();\n\n      const texturePromises = images.map(async image => {\n        const imageSrc = image.srcSet\n          ? await resolveSrcFromSrcSet({ srcSet: image.srcSet })\n          : image.src!.src;\n        const imageTexture = await textureLoader.loadAsync(imageSrc);\n        await renderer.current!.initTexture(imageTexture);\n        imageTexture.colorSpace = SRGBColorSpace;\n        imageTexture.minFilter = LinearFilter;\n        imageTexture.magFilter = LinearFilter;\n        imageTexture.anisotropy = anisotropy;\n        imageTexture.generateMipmaps = false;\n        return imageTexture;\n      });\n\n      const loadedTextures = await Promise.all(texturePromises);\n\n      if (!mounted) return;\n\n      material.current = new ShaderMaterial({\n        uniforms: {\n          dispFactor: { value: 0 },\n          direction: { value: 1 },\n          currentImage: { value: loadedTextures[0] },\n          nextImage: { value: loadedTextures[1] },\n          reduceMotion: { value: reduceMotion },\n        },\n        vertexShader: vertex,\n        fragmentShader: fragment,\n        transparent: false,\n        opacity: 1,\n      });\n\n      geometry.current = new PlaneGeometry(width, height, 1);\n      imagePlane.current = new Mesh(geometry.current, material.current);\n      imagePlane.current.position.set(0, 0, 0);\n      scene.current!.add(imagePlane.current);\n\n      setLoaded(true);\n      setTextures(loadedTextures);\n\n      requestAnimationFrame(() => {\n        renderer.current!.render(scene.current!, camera.current!);\n      });\n    };\n\n    if (inViewport && !loaded) {\n      loadImages();\n    }\n\n    return () => {\n      mounted = false;\n    };\n  }, [height, images, inViewport, loaded, reduceMotion, width]);\n\n  const goToIndex = useCallback(\n    ({ index, direction = 1 }: { index: number; direction?: number }) => {\n      if (!textures) return;\n      setImageIndex(index);\n      const { uniforms } = material.current!;\n      uniforms.nextImage.value = textures[index];\n      uniforms.direction.value = direction;\n\n      const onComplete = () => {\n        uniforms.currentImage.value = textures[index];\n        uniforms.dispFactor.value = 0;\n        animating.current = false;\n      };\n\n      if (uniforms.dispFactor.value !== 1) {\n        animating.current = true;\n\n        animate(uniforms.dispFactor.value, 1, {\n          type: 'spring',\n          stiffness: 100,\n          damping: 20,\n          restSpeed: 0.001,\n          restDelta: 0.001,\n          onUpdate: (value: number) => {\n            uniforms.dispFactor.value = value;\n          },\n          onComplete,\n        });\n      }\n    },\n    [textures]\n  );\n\n  const navigate = useCallback(\n    ({ direction, index = null, ...navRest }: { direction: number; index?: number | null; duration?: number }) => {\n      if (!loaded) return;\n\n      if (animating.current) {\n        cancelAnimationFrame(scheduledAnimationFrame.current!);\n        scheduledAnimationFrame.current = requestAnimationFrame(() =>\n          // Self-recursive call: safe, runs async after `navigate` is fully assigned\n          // eslint-disable-next-line react-hooks/immutability\n          navigate({ direction, index, ...navRest })\n        );\n        return;\n      }\n\n      const finalIndex = determineIndex(imageIndex, index ?? null, textures!, direction);\n      goToIndex({ index: finalIndex, direction, ...navRest });\n    },\n    [goToIndex, imageIndex, loaded, textures]\n  );\n\n  const onNavClick = useCallback(\n    (index: number) => {\n      if (index === imageIndex) return;\n      const direction = index > imageIndex ? 1 : -1;\n      navigate({ direction, index });\n    },\n    [imageIndex, navigate]\n  );\n\n  useEffect(() => {\n    const handleResize = () => {\n      const rect = canvas.current!.getBoundingClientRect();\n      setCanvasRect(rect);\n    };\n\n    window.addEventListener('resize', handleResize);\n    handleResize();\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  useEffect(() => {\n    let animation: number;\n\n    const animateLoop = () => {\n      animation = requestAnimationFrame(animateLoop);\n      if (animating.current) {\n        renderer.current!.render(scene.current!, camera.current!);\n      }\n    };\n\n    animation = requestAnimationFrame(animateLoop);\n\n    return () => {\n      cancelAnimationFrame(animation);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (placeholder) {\n      const purgePlaceholder = () => {\n        setShowPlaceholder(false);\n      };\n\n      const placeholderElement = placeholderRef.current;\n      placeholderElement?.addEventListener('transitionend', purgePlaceholder);\n\n      return () => {\n        if (placeholderElement) {\n          placeholderElement.removeEventListener('transitionend', purgePlaceholder);\n        }\n      };\n    }\n  }, [placeholder]);\n\n  const onSwipeMove = useCallback(\n    (x: number) => {\n      if (animating.current || !material.current || !textures || !canvasRect) return;\n      lastSwipePosition.current = x;\n      const absoluteX = Math.abs(x);\n      const containerWidth = canvasRect.width;\n      swipeDirection.current = x > 0 ? -1 : 1;\n      const swipePercentage = 1 - ((absoluteX - containerWidth) / containerWidth) * -1;\n      const nextIndex = determineIndex(imageIndex, null, images, swipeDirection.current);\n      const uniforms = material.current.uniforms;\n      const displacementClamp = Math.min(Math.max(swipePercentage, 0), 1);\n\n      uniforms.currentImage.value = textures[imageIndex];\n      uniforms.nextImage.value = textures[nextIndex];\n      uniforms.direction.value = swipeDirection.current;\n\n      uniforms.dispFactor.value = displacementClamp;\n\n      requestAnimationFrame(() => {\n        renderer.current!.render(scene.current!, camera.current!);\n      });\n    },\n    [canvasRect, imageIndex, images, textures]\n  );\n\n  const onSwipeEnd = useCallback(() => {\n    if (!material.current) return;\n    const uniforms = material.current.uniforms;\n    const duration = (1 - uniforms.dispFactor.value) * 1000;\n    const position = Math.abs(lastSwipePosition.current!);\n    const minSwipeDistance = canvasRect!.width * 0.2;\n    lastSwipePosition.current = 0;\n\n    if (animating.current) return;\n    if (position === 0 || !position) return;\n\n    if (position > minSwipeDistance) {\n      navigate({\n        duration,\n        direction: swipeDirection.current!,\n      });\n    } else {\n      uniforms.currentImage.value = uniforms.nextImage.value;\n      uniforms.nextImage.value = uniforms.currentImage.value;\n      uniforms.dispFactor.value = 1 - uniforms.dispFactor.value;\n\n      navigate({\n        direction: swipeDirection.current! * -1,\n        index: imageIndex,\n      });\n    }\n  }, [canvasRect, imageIndex, navigate]);\n\n  const handlePointerMove = useCallback(\n    (event: globalThis.PointerEvent) => {\n      onSwipeMove(event.clientX - initSwipeX.current!);\n    },\n    [onSwipeMove]\n  );\n\n  const handlePointerUp = useCallback(() => {\n    setDragging(false);\n    onSwipeEnd();\n\n    // Self-reference: safe, only runs when the listener actually fires (after assignment)\n    // eslint-disable-next-line react-hooks/immutability\n    document.removeEventListener('pointerup', handlePointerUp);\n    document.removeEventListener('pointermove', handlePointerMove);\n  }, [handlePointerMove, onSwipeEnd]);\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      initSwipeX.current = event.clientX;\n      setDragging(true);\n\n      document.addEventListener('pointermove', handlePointerMove);\n      document.addEventListener('pointerup', handlePointerUp);\n    },\n    [handlePointerMove, handlePointerUp]\n  );\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    switch (event.key) {\n      case 'ArrowRight':\n        navigate({ direction: 1 });\n        break;\n      case 'ArrowLeft':\n        navigate({ direction: -1 });\n        break;\n    }\n  };\n\n  return (\n    <div className={styles.carousel} onKeyDown={handleKeyDown} {...rest}>\n      <div className={styles.content}>\n        <div\n          className={styles.imageWrapper}\n          data-dragging={dragging}\n          onPointerDown={handlePointerDown}\n          style={cssProps({ aspectRatio: `${width} / ${height}` })}\n        >\n          <div\n            aria-atomic\n            className={styles.canvasWrapper}\n            aria-live=\"polite\"\n            aria-label={currentImageAlt}\n            role=\"img\"\n          >\n            <canvas aria-hidden className={styles.canvas} ref={canvas} />\n          </div>\n          {showPlaceholder && placeholder && (\n            <img\n              aria-hidden\n              className={styles.placeholder}\n              data-loaded={loaded && !!textures}\n              src={placeholder.src}\n              ref={placeholderRef}\n              alt=\"\"\n              role=\"presentation\"\n            />\n          )}\n        </div>\n        <button\n          className={styles.button}\n          data-prev={true}\n          aria-label=\"Previous slide\"\n          onClick={() => navigate({ direction: -1 })}\n        >\n          <ArrowLeft />\n        </button>\n        <button\n          className={styles.button}\n          data-next={true}\n          aria-label=\"Next slide\"\n          onClick={() => navigate({ direction: 1 })}\n        >\n          <ArrowRight />\n        </button>\n      </div>\n      <div className={styles.nav}>\n        {images.map((image, index) => (\n          <button\n            className={styles.navButton}\n            key={image.alt}\n            onClick={() => onNavClick(index)}\n            aria-label={`Jump to slide ${index + 1}`}\n            aria-pressed={index === imageIndex}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["SvgArrowLeft","props","React","SvgArrowRight","fragment","vertex","determineIndex","imageIndex","index","images","direction","length","prevIndex","nextIndex","Carousel","width","height","placeholder","rest","dragging","setDragging","useState","setImageIndex","loaded","setLoaded","showPlaceholder","setShowPlaceholder","textures","setTextures","canvasRect","setCanvasRect","canvas","useRef","imagePlane","geometry","material","scene","camera","renderer","animating","swipeDirection","lastSwipePosition","scheduledAnimationFrame","reduceMotion","useReducedMotion","inViewport","useInViewport","placeholderRef","initSwipeX","currentImageAlt","useEffect","cameraOptions","WebGLRenderer","OrthographicCamera","Scene","Color","cleanScene","cleanRenderer","mounted","anisotropy","texturePromises","image","imageSrc","resolveSrcFromSrcSet","imageTexture","textureLoader","SRGBColorSpace","LinearFilter","loadedTextures","ShaderMaterial","PlaneGeometry","Mesh","goToIndex","useCallback","uniforms","onComplete","animate","value","navigate","navRest","finalIndex","onNavClick","handleResize","rect","animation","animateLoop","purgePlaceholder","placeholderElement","onSwipeMove","x","absoluteX","containerWidth","swipePercentage","displacementClamp","onSwipeEnd","duration","position","minSwipeDistance","handlePointerMove","event","handlePointerUp","handlePointerDown","handleKeyDown","jsxs","styles","cssProps","jsx","ArrowLeft","ArrowRight"],"mappings":"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"}

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,10 @@
+export interface BreadcrumbItem {
+    label: string;
+    href: string;
+}
+interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    className?: string;
+}
+export declare const Breadcrumbs: ({ items, className }: BreadcrumbsProps) => import("react").JSX.Element;
+export {};

package/dist/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbItem } from './Breadcrumbs';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+import { LinkComponent } from '../LinkProvider';
+import { icons } from '../Icon';
+export interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    href?: string;
+    as?: ElementType;
+    secondary?: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    icon?: keyof typeof icons;
+    iconEnd?: keyof typeof icons;
+    iconHoverShift?: boolean;
+    iconOnly?: boolean;
+    children?: ReactNode;
+    rel?: string;
+    target?: string;
+    disabled?: boolean;
+    download?: string;
+    /** Overrides the LinkProvider-supplied component for this instance only. */
+    linkComponent?: LinkComponent;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+interface CarouselImage {
+    src?: {
+        src: string;
+    };
+    srcSet?: {
+        src: string;
+        width: number;
+    }[];
+    alt: string;
+}
+interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
+    width: number;
+    height: number;
+    images: CarouselImage[];
+    placeholder?: {
+        src: string;
+    };
+}
+export declare const Carousel: ({ width, height, images, placeholder, ...rest }: CarouselProps) => import("react").JSX.Element;
+export {};

package/dist/components/Carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './Carousel';

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface DividerProps extends ComponentPropsWithoutRef<'div'> {
+    lineWidth?: string;
+    lineHeight?: string;
+    notchWidth?: string;
+    notchHeight?: string;
+    collapseDelay?: number;
+    collapsed?: boolean;
+    notch?: boolean;
+    light?: boolean;
+}
+export declare const Divider: ({ lineWidth, lineHeight, notchWidth, notchHeight, collapseDelay, collapsed, notch, light, className, style, ...rest }: DividerProps) => import("react").JSX.Element;

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider';

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+export interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
+    children?: ReactNode;
+    level?: number;
+    as?: ElementType;
+    align?: string;
+    weight?: string;
+}
+export declare const Heading: ({ children, level, as, align, weight, className, ...rest }: HeadingProps) => import("react").JSX.Element;

package/dist/components/Heading/index.d.ts

@@ -0,0 +1,2 @@
+export { Heading } from './Heading';
+export type { HeadingProps } from './Heading';

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,30 @@
+export declare const icons: {
+    arrowLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    arrowRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    articles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    company: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    check: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    chevronRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    close: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    copy: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    download: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    figma: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    github: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    linkedin: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    menu: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    pause: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    play: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    skills: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    storybook: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    twitter: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+};
+export type IconName = keyof typeof icons;
+export interface IconProps {
+    icon: IconName;
+    className?: string;
+    [key: string]: unknown;
+}
+export declare const Icon: ({ icon, className, ...rest }: IconProps) => import("react").JSX.Element;

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon, icons } from './Icon';
+export type { IconProps, IconName } from './Icon';

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+interface ImageSrc {
+    src: string;
+    width?: number;
+    height?: number;
+}
+interface SrcSetItem {
+    src: string;
+    width: number;
+}
+interface ImageProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    style?: CSSProperties;
+    reveal?: boolean;
+    delay?: number;
+    raised?: boolean;
+    src?: ImageSrc;
+    srcSet?: SrcSetItem[];
+    placeholder?: ImageSrc;
+    alt?: string;
+    play?: boolean;
+    restartOnPause?: boolean;
+    sizes?: string;
+    noPauseButton?: boolean;
+}
+export declare const Image: ({ className, style, reveal, delay, raised, src: baseSrc, srcSet, placeholder, ...rest }: ImageProps) => import("react").JSX.Element;
+export {};

package/dist/components/Image/index.d.ts

@@ -0,0 +1 @@
+export * from './Image';

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ChangeEvent, FocusEvent } from 'react';
+export interface InputProps {
+    id?: string;
+    label?: string;
+    value?: string;
+    multiline?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    error?: string | null;
+    onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    autoComplete?: string;
+    required?: boolean;
+    maxLength?: number;
+    type?: string;
+    placeholder?: string;
+    /** Multiline only: cap the auto-grow at this many rows, then scroll inside. */
+    maxRows?: number;
+    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    [key: string]: unknown;
+}
+export declare const Input: ({ id, label, value, multiline, className, style, error, onBlur, autoComplete, required, maxLength, type, placeholder, maxRows, onChange, ...rest }: InputProps) => React.JSX.Element;

package/dist/components/Input/TextArea.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent, TextareaHTMLAttributes } from 'react';
+interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    className?: string;
+    resize?: string;
+    value?: string;
+    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    minRows?: number;
+    maxRows?: number;
+}
+export declare const TextArea: ({ className, resize, value, onChange, minRows, maxRows, ...rest }: TextAreaProps) => import("react").JSX.Element;
+export {};

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Input';
+export * from './TextArea';

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { LinkComponent } from '../LinkProvider';
+interface LinkProps extends ComponentPropsWithoutRef<'a'> {
+    secondary?: boolean;
+    children?: ReactNode;
+    /** Overrides the LinkProvider-supplied component for this instance only. */
+    linkComponent?: LinkComponent;
+}
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/Link/index.d.ts

@@ -0,0 +1 @@
+export { Link } from './Link';

package/dist/components/LinkProvider/LinkProvider.d.ts

@@ -0,0 +1,11 @@
+import { AnchorHTMLAttributes, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+};
+export type LinkComponent = ForwardRefExoticComponent<LinkComponentProps & RefAttributes<HTMLAnchorElement>>;
+export interface LinkProviderProps {
+    component: LinkComponent;
+    children?: ReactNode;
+}
+export declare const LinkProvider: ({ component, children }: LinkProviderProps) => import("react").JSX.Element;
+export declare const useLinkComponent: () => LinkComponent;

package/dist/components/LinkProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './LinkProvider';

package/dist/components/List/List.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+interface ListProps extends ComponentPropsWithoutRef<'ul'> {
+    ordered?: boolean;
+    children?: ReactNode;
+}
+export declare const List: ({ ordered, children, className, ...rest }: ListProps) => import("react").JSX.Element;
+interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
+    children?: ReactNode;
+}
+export declare const ListItem: ({ children, ...rest }: ListItemProps) => import("react").JSX.Element;
+export {};

package/dist/components/List/index.d.ts

@@ -0,0 +1 @@
+export { List, ListItem } from './List';

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface LoaderProps extends ComponentPropsWithoutRef<'div'> {
+    size?: number;
+    text?: string;
+}
+export declare const Loader: ({ className, style, size, text, ...rest }: LoaderProps) => import("react").JSX.Element;

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader';