@juniorxsound/react-three-components 0.1.3 → 0.1.4

package/README.md

@@ -196,6 +196,49 @@ ref.current.goTo(2); // Go to specific index
 
 ---
 
+### useGLTFMaterialVariants
+
+Parse and assign [KHR_materials_variants](https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_variants) on an already-loaded glTF. Load the model with `useGLTF` (Drei), `useLoader(GLTFLoader, url)`, or your own loader; then pass the result. The hook applies the first variant initially (or pass `{ variant: "name" }` to avoid flashing). Returns `variants`, `activeVariant`, and `setVariant`. Suspends until the variant is applied—wrap in a `<Suspense>` boundary.
+
+```tsx
+import { Suspense } from "react";
+import { Canvas } from "@react-three/fiber";
+import { useGLTF } from "@react-three/drei";
+import { useGLTFMaterialVariants } from "@juniorxsound/react-three-components";
+
+function Shoe() {
+  const gltf = useGLTF("/MaterialsVariantsShoe.gltf");
+  const { variants, activeVariant, setVariant } = useGLTFMaterialVariants(
+    gltf,
+    { variant: "midnight" }
+  );
+  return (
+    <group>
+      <primitive object={gltf.scene} />
+      {/* Use setVariant(name) to switch variants */}
+    </group>
+  );
+}
+
+function App() {
+  return (
+    <Canvas>
+      <Suspense fallback={null}>
+        <Shoe />
+      </Suspense>
+    </Canvas>
+  );
+}
+```
+
+| Return        | Type       | Description                          |
+| ------------- | ---------- | ------------------------------------ |
+| `variants`    | `string[]` | Variant names from the extension.    |
+| `activeVariant` | `string \| null` | Currently active variant name. |
+| `setVariant`  | `(name: string) => void` | Switch to a variant by name. |
+
+---
+
 ## Context Hooks
 
 Access carousel state from any child component:

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useCarouselDrag, type DragConfig, type SpringConfig, type UseCarouselDragOptions, type UseCarouselDragReturn, } from "./useCarouselDrag";
 export { CarouselContext, useCarouselContext, type CarouselContextValue, } from "./useCarouselContext";
+export { useGLTFMaterialVariants, type GLTFWithVariants, type UseGLTFMaterialVariantsOptions, type UseGLTFMaterialVariantsResult, } from "./useGLTFMaterialVariants";

package/dist/hooks/useGLTFMaterialVariants.d.ts

@@ -0,0 +1,62 @@
+import type { Group, Mesh } from "three";
+/** KHR_materials_variants extension on the root glTF result. */
+type VariantsExtension = {
+    variants: Array<{
+        name: string;
+    }>;
+};
+/**
+ * glTF result from useGLTF (Drei), useLoader(GLTFLoader, url), or GLTFLoader.loadAsync.
+ * Must include parser and userData.gltfExtensions for KHR_materials_variants.
+ */
+export type GLTFWithVariants = {
+    scene: Group;
+    parser: {
+        getDependency: (type: string, index: number) => Promise<unknown>;
+        assignFinalMaterial: (mesh: Mesh) => void;
+    };
+    userData: {
+        gltfExtensions?: Record<string, VariantsExtension>;
+    };
+};
+/** Options for useGLTFMaterialVariants. */
+export type UseGLTFMaterialVariantsOptions = {
+    /**
+     * Initial variant to apply on first load. Prevents flashing the first variant
+     * before switching. Defaults to the first variant in the model if omitted.
+     */
+    variant?: string;
+    /**
+     * Override for getVariantPromise (testing only). When provided, used instead
+     * of the default implementation so tests can avoid suspending.
+     */
+    getVariantPromise?: (gltf: GLTFWithVariants, variantName: string) => Promise<{
+        variantName: string;
+    }>;
+};
+/** Return value of useGLTFMaterialVariants. */
+export type UseGLTFMaterialVariantsResult = {
+    /** Variant names from the extension, or empty if no extension. */
+    variants: string[];
+    /** Currently active variant name, or null if no variants. */
+    activeVariant: string | null;
+    /** Switch to a variant by name. Suspends until the variant is applied. */
+    setVariant: (variantName: string) => void;
+};
+/** Used internally and for testing. */
+export declare function getVariantsExtension(gltf: GLTFWithVariants): VariantsExtension | null;
+/**
+ * Parse and assign KHR_materials_variants on an already-loaded glTF.
+ * Load the model with useGLTF (Drei), useLoader(GLTFLoader, url), or your own
+ * loader; then pass the result here. Pass options.variant for the initial
+ * variant to avoid flashing. Call setVariant(name) to switch—both initial
+ * apply and setVariant suspend until the variant is applied. Wrap in a React
+ * Suspense boundary.
+ *
+ * @see https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_materials_variants
+ * @param gltf - Loaded glTF (from useGLTF, useLoader(GLTFLoader, url), etc.)
+ * @param options - Optional initial variant (prevents flash on load)
+ * @returns variants, activeVariant, and setVariant (render gltf.scene yourself)
+ */
+export declare function useGLTFMaterialVariants(gltf: GLTFWithVariants, options?: UseGLTFMaterialVariantsOptions): UseGLTFMaterialVariantsResult;
+export {};

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { CircularCarousel, CircularCarouselNextTrigger, CircularCarouselPrevTrigger, useCarouselContext, LinearCarousel, LinearCarouselNextTrigger, LinearCarouselPrevTrigger, useLinearCarouselContext, } from "./components";
+export { useGLTFMaterialVariants, } from "./hooks";
 export type { CircularCarouselProps, CircularCarouselRef, CarouselContextValue, LinearCarouselProps, LinearCarouselRef, LinearCarouselContextValue, DragConfig, } from "./components";
+export type { GLTFWithVariants, UseGLTFMaterialVariantsOptions, UseGLTFMaterialVariantsResult, } from "./hooks";
 export type { GroupProps } from "./types";

package/dist/react-three-components.js

@@ -1,9 +1,9 @@
-import { jsx as dt, jsxs as Yt } from "react/jsx-runtime";
-import Vt, { useRef as nt, useEffect as St, createContext as te, useContext as ee, forwardRef as jt, useState as zt, Children as Wt, useImperativeHandle as Xt, isValidElement as yt } from "react";
-import { useThree as re, useFrame as Bt } from "@react-three/fiber";
-import { useSpring as ne } from "@react-spring/web";
-import { useDrag as oe } from "@use-gesture/react";
-var Ot = { exports: {} }, bt = {};
+import { jsx as pt, jsxs as Yt } from "react/jsx-runtime";
+import zt, { useRef as ct, useEffect as St, createContext as ee, useContext as ne, useState as Lt, use as re, forwardRef as Kt, Children as Wt, useImperativeHandle as Xt, isValidElement as Pt } from "react";
+import { useThree as oe, useFrame as Bt } from "@react-three/fiber";
+import { useSpring as se } from "@react-spring/web";
+import { useDrag as ie } from "@use-gesture/react";
+var yt = { exports: {} }, Ot = {};
 /**
  * @license React
  * react-compiler-runtime.production.js
@@ -13,16 +13,16 @@ var Ot = { exports: {} }, bt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qt;
-function se() {
-  if (qt) return bt;
-  qt = 1;
-  var n = Vt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  return bt.c = function(e) {
-    return n.H.useMemoCache(e);
-  }, bt;
+var Ht;
+function ce() {
+  if (Ht) return Ot;
+  Ht = 1;
+  var r = zt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return Ot.c = function(e) {
+    return r.H.useMemoCache(e);
+  }, Ot;
 }
-var Pt = {};
+var Dt = {};
 /**
  * @license React
  * react-compiler-runtime.development.js
@@ -32,110 +32,110 @@ var Pt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var wt;
-function ie() {
-  return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var n = Vt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    Pt.c = function(e) {
-      var u = n.H;
-      return u === null && console.error(
+var qt;
+function le() {
+  return qt || (qt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var r = zt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    Dt.c = function(e) {
+      var n = r.H;
+      return n === null && console.error(
         `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
 1. You might have mismatching versions of React and the renderer (such as React DOM)
 2. You might be breaking the Rules of Hooks
 3. You might have more than one copy of React in the same app
 See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
-      ), u.useMemoCache(e);
+      ), n.useMemoCache(e);
     };
-  })()), Pt;
+  })()), Dt;
 }
-var Ht;
-function ce() {
-  return Ht || (Ht = 1, process.env.NODE_ENV === "production" ? Ot.exports = se() : Ot.exports = ie()), Ot.exports;
+var wt;
+function ae() {
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? yt.exports = ce() : yt.exports = le()), yt.exports;
 }
-var _t = ce();
-const w = 2 * Math.PI, le = 3, ue = "y", ae = 280, Dt = {
+var At = ae();
+const K = 2 * Math.PI, ue = 3, fe = "y", de = 280, Mt = {
   tension: 200,
   friction: 25
-}, fe = {
+}, ge = {
   tension: 400,
   friction: 50
 };
-function Et(n, e, u) {
-  return Math.max(e, Math.min(u, n));
+function Nt(r, e, n) {
+  return Math.max(e, Math.min(n, r));
 }
-function de(n, e, u, t) {
-  const s = n / e * w, c = Math.cos(s) * u, o = Math.sin(s) * u, k = t === "y" ? [o, 0, c] : t === "x" ? [0, c, o] : [c, o, 0], H = t === "y" ? [0, Math.PI + s, 0] : t === "x" ? [Math.PI + s, 0, 0] : [0, 0, Math.PI + s];
+function me(r, e, n, t) {
+  const s = r / e * K, c = Math.cos(s) * n, o = Math.sin(s) * n, x = t === "y" ? [o, 0, c] : t === "x" ? [0, c, o] : [c, o, 0], y = t === "y" ? [0, Math.PI + s, 0] : t === "x" ? [Math.PI + s, 0, 0] : [0, 0, Math.PI + s];
   return {
-    position: k,
-    rotation: H
+    position: x,
+    rotation: y
   };
 }
-function Lt(n, e) {
-  const u = Math.round((n - e) / w);
-  return e + u * w;
+function bt(r, e) {
+  const n = Math.round((r - e) / K);
+  return e + n * K;
 }
-function Jt(n) {
+function Jt(r) {
   const {
     count: e,
-    dragEnabled: u,
+    dragEnabled: n,
     dragAxis: t,
     dragSensitivity: s,
     maxDragAmount: c,
     dragConfig: o,
-    springConfig: k,
-    dragSpringConfig: H,
-    calculateIndexFromOffset: d,
-    calculateTargetIndex: gt,
-    calculateTargetOffset: At,
-    onNavigate: Tt
-  } = n, {
-    gl: E
-  } = re(), [{
-    offset: ot
-  }, T] = ne(() => ({
+    springConfig: x,
+    dragSpringConfig: y,
+    calculateIndexFromOffset: f,
+    calculateTargetIndex: G,
+    calculateTargetOffset: V,
+    onNavigate: $
+  } = r, {
+    gl: C
+  } = oe(), [{
+    offset: D
+  }, R] = se(() => ({
     offset: 0
-  })), N = nt(T);
-  N.current = T;
-  const st = nt(!1), L = nt(0), R = nt(0), mt = nt(0);
-  return oe(({
-    active: h,
-    movement: [f, g],
-    first: C,
-    last: M
+  })), I = ct(R);
+  I.current = R;
+  const lt = ct(!1), U = ct(0), T = ct(0), vt = ct(0);
+  return ie(({
+    active: v,
+    movement: [d, g],
+    first: E,
+    last: k
   }) => {
-    st.current = h;
-    const F = t === "x" ? f : g;
-    C && (R.current = L.current, mt.current = d(L.current)), h && C && (E.domElement.style.cursor = "grabbing"), !h && M && (E.domElement.style.cursor = "grab");
-    const S = R.current, q = Number(F);
-    let y = 0;
-    if (Number.isFinite(q)) {
-      const b = q / s;
-      y = Et(b, -c, c);
+    lt.current = v;
+    const H = t === "x" ? d : g;
+    E && (T.current = U.current, vt.current = f(U.current)), v && E && (C.domElement.style.cursor = "grabbing"), !v && k && (C.domElement.style.cursor = "grab");
+    const P = T.current, z = Number(H);
+    let M = 0;
+    if (Number.isFinite(z)) {
+      const b = z / s;
+      M = Nt(b, -c, c);
     }
-    if (h)
-      N.current.start({
-        offset: S + y,
-        config: H
+    if (v)
+      I.current.start({
+        offset: P + M,
+        config: y
       });
     else {
-      const b = mt.current, r = S + y, i = gt(r, b, y);
-      if (e === 0 || !Number.isFinite(i)) {
-        N.current.start({
-          offset: S,
-          config: k
+      const b = vt.current, i = P + M, l = G(i, b, M);
+      if (e === 0 || !Number.isFinite(l)) {
+        I.current.start({
+          offset: P,
+          config: x
         });
         return;
       }
-      Tt(i);
-      const G = At(i, r);
-      N.current.start({
-        offset: G,
-        config: k
+      $(l);
+      const q = V(l, i);
+      I.current.start({
+        offset: q,
+        config: x
       });
     }
   }, {
-    target: E.domElement,
-    enabled: u,
+    target: C.domElement,
+    enabled: n,
     from: () => [0, 0],
     filterTaps: (o == null ? void 0 : o.filterTaps) ?? !0,
     threshold: (o == null ? void 0 : o.threshold) ?? 5,
@@ -147,411 +147,471 @@ function Jt(n) {
     touchAction: (o == null ? void 0 : o.touchAction) ?? "none",
     rubberband: o == null ? void 0 : o.rubberband
   }), St(() => {
-    if (!u) return;
-    const h = E.domElement, f = h.style.touchAction, g = h.style.cursor;
-    return h.style.touchAction = "none", h.style.cursor = "grab", () => {
-      h.style.touchAction = f, h.style.cursor = g;
+    if (!n) return;
+    const v = C.domElement, d = v.style.touchAction, g = v.style.cursor;
+    return v.style.touchAction = "none", v.style.cursor = "grab", () => {
+      v.style.touchAction = d, v.style.cursor = g;
     };
-  }, [u, E.domElement]), {
-    offset: ot,
-    springApi: T,
-    isDraggingRef: st,
-    currentOffsetRef: L
+  }, [n, C.domElement]), {
+    offset: D,
+    springApi: R,
+    isDraggingRef: lt,
+    currentOffsetRef: U
   };
 }
-const Ft = te(null);
-function Kt(n) {
-  const e = ee(Ft);
+const Gt = ee(null);
+function Qt(r) {
+  const e = ne(Gt);
   if (!e)
-    throw new Error(`${n} compound components must be used within ${n}`);
+    throw new Error(`${r} compound components must be used within ${r}`);
   return e;
 }
-function Qt() {
-  return Kt("CircularCarousel");
+function Zt(r) {
+  var e, n;
+  return ((n = (e = r.userData) == null ? void 0 : e.gltfExtensions) == null ? void 0 : n.KHR_materials_variants) ?? null;
 }
-function Gt(n) {
-  const e = _t.c(9), {
-    next: u
-  } = Qt();
+function pe(r, e, n, t) {
+  const s = n.variants.findIndex((o) => o.name === t || o.name.includes(t));
+  if (s === -1) return Promise.resolve();
+  const c = [];
+  return r.traverse((o) => {
+    var G;
+    if (!("isMesh" in o) || !o.isMesh || !((G = o.userData) != null && G.gltfExtensions))
+      return;
+    const x = o, y = o.userData.gltfExtensions.KHR_materials_variants;
+    if (!y) return;
+    o.userData.originalMaterial || (o.userData.originalMaterial = x.material);
+    const f = y.mappings.find((V) => V.variants.includes(s));
+    f ? c.push(e.getDependency("material", f.material).then((V) => {
+      x.material = V, e.assignFinalMaterial(x);
+    })) : x.material = o.userData.originalMaterial;
+  }), Promise.all(c).then(() => {
+  });
+}
+function ve(r, e) {
+  const n = Zt(r);
+  return n ? pe(r.scene, r.parser, n, e).then(() => ({
+    variantName: e
+  })) : Promise.resolve({
+    variantName: e
+  });
+}
+function Me(r, e) {
+  const n = At.c(14);
+  let t;
+  if (n[0] !== r) {
+    const I = Zt(r);
+    t = I ? I.variants.map(he) : [], n[0] = r, n[1] = t;
+  } else
+    t = n[1];
+  const s = t, c = (e == null ? void 0 : e.variant) ?? s[0] ?? null, o = (e == null ? void 0 : e.getVariantPromise) ?? ve;
+  let x;
+  n[2] !== o || n[3] !== r || n[4] !== c || n[5] !== s.length ? (x = () => c && s.length > 0 ? o(r, c) : Promise.resolve({
+    variantName: null
+  }), n[2] = o, n[3] = r, n[4] = c, n[5] = s.length, n[6] = x) : x = n[6];
+  const [y, f] = Lt(x), V = re(y).variantName;
+  let $;
+  n[7] !== o || n[8] !== r ? ($ = (I) => {
+    f(o(r, I));
+  }, n[7] = o, n[8] = r, n[9] = $) : $ = n[9];
+  const C = $, D = s.length > 0 ? V : null;
+  let R;
+  return n[10] !== C || n[11] !== D || n[12] !== s ? (R = {
+    variants: s,
+    activeVariant: D,
+    setVariant: C
+  }, n[10] = C, n[11] = D, n[12] = s, n[13] = R) : R = n[13], R;
+}
+function he(r) {
+  return r.name;
+}
+function jt() {
+  return Qt("CircularCarousel");
+}
+function Vt(r) {
+  const e = At.c(9), {
+    next: n
+  } = jt();
   let t, s;
-  e[0] !== n ? ({
+  e[0] !== r ? ({
     children: t,
     ...s
-  } = n, e[0] = n, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
+  } = r, e[0] = r, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
   let c;
-  e[3] !== u ? (c = () => u(), e[3] = u, e[4] = c) : c = e[4];
+  e[3] !== n ? (c = () => n(), e[3] = n, e[4] = c) : c = e[4];
   let o;
-  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ dt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
+  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ pt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
 }
-function Ut(n) {
-  const e = _t.c(9), {
-    prev: u
-  } = Qt();
+function $t(r) {
+  const e = At.c(9), {
+    prev: n
+  } = jt();
   let t, s;
-  e[0] !== n ? ({
+  e[0] !== r ? ({
     children: t,
     ...s
-  } = n, e[0] = n, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
+  } = r, e[0] = r, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
   let c;
-  e[3] !== u ? (c = () => u(), e[3] = u, e[4] = c) : c = e[4];
+  e[3] !== n ? (c = () => n(), e[3] = n, e[4] = c) : c = e[4];
   let o;
-  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ dt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
+  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ pt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
 }
-const Se = Object.assign(jt(function(e, u) {
-  const t = _t.c(76), {
+const be = Object.assign(Kt(function(e, n) {
+  const t = At.c(76), {
     children: s,
     radius: c,
     axis: o,
-    index: k,
-    defaultIndex: H,
-    onIndexChange: d,
-    dragEnabled: gt,
-    dragSensitivity: At,
-    dragAxis: Tt,
-    dragConfig: E
-  } = e, ot = c === void 0 ? le : c, T = o === void 0 ? ue : o, N = H === void 0 ? 0 : H, st = gt === void 0 ? !0 : gt, L = Tt === void 0 ? "x" : Tt, [R, mt] = zt(N), h = k !== void 0, f = h ? k : R, g = nt(f);
-  let C, M;
-  t[0] !== f ? (C = () => {
-    g.current = f;
-  }, M = [f], t[0] = f, t[1] = C, t[2] = M) : (C = t[1], M = t[2]), St(C, M);
-  let F;
-  t[3] !== s ? (F = Wt.toArray(s), t[3] = s, t[4] = F) : F = t[4];
-  const S = F, q = S.filter(ge);
-  let y;
-  t[5] !== S ? (y = S.filter(me), t[5] = S, t[6] = y) : y = t[6];
-  const b = y, r = q.length, i = nt(null), G = r > 0 ? w / r : w, m = At ?? ae / G;
-  let it;
-  t[7] !== r ? (it = (a) => (Math.round(-a / w * r) % r + r) % r, t[7] = r, t[8] = it) : it = t[8];
-  const pt = it;
-  let Y;
-  t[9] !== r ? (Y = (a, p, l) => {
-    const v = (p - 1 + r) % r, $ = (p + 1) % r;
-    let Nt = (Math.round(-a / w * r) % r + r) % r;
-    return Nt !== v && Nt !== p && Nt !== $ && (Nt = l > 0 ? $ : l < 0 ? v : p), Nt;
-  }, t[9] = r, t[10] = Y) : Y = t[10];
-  const ht = Y;
-  let V;
-  t[11] !== r ? (V = (a, p) => {
-    const l = -(a / r) * w;
-    return Lt(p, l);
-  }, t[11] = r, t[12] = V) : V = t[12];
-  const vt = V;
-  let j;
-  t[13] !== h || t[14] !== d ? (j = (a) => {
-    g.current = a, h || mt(a), d == null || d(a);
-  }, t[13] = h, t[14] = d, t[15] = j) : j = t[15];
-  const xt = j;
-  let z;
-  t[16] !== G || t[17] !== pt || t[18] !== ht || t[19] !== vt || t[20] !== r || t[21] !== L || t[22] !== E || t[23] !== st || t[24] !== m || t[25] !== xt ? (z = {
-    count: r,
-    dragEnabled: st,
-    dragAxis: L,
+    index: x,
+    defaultIndex: y,
+    onIndexChange: f,
+    dragEnabled: G,
+    dragSensitivity: V,
+    dragAxis: $,
+    dragConfig: C
+  } = e, D = c === void 0 ? ue : c, R = o === void 0 ? fe : o, I = y === void 0 ? 0 : y, lt = G === void 0 ? !0 : G, U = $ === void 0 ? "x" : $, [T, vt] = Lt(I), v = x !== void 0, d = v ? x : T, g = ct(d);
+  let E, k;
+  t[0] !== d ? (E = () => {
+    g.current = d;
+  }, k = [d], t[0] = d, t[1] = E, t[2] = k) : (E = t[1], k = t[2]), St(E, k);
+  let H;
+  t[3] !== s ? (H = Wt.toArray(s), t[3] = s, t[4] = H) : H = t[4];
+  const P = H, z = P.filter(xe);
+  let M;
+  t[5] !== P ? (M = P.filter(Re), t[5] = P, t[6] = M) : M = t[6];
+  const b = M, i = z.length, l = ct(null), q = i > 0 ? K / i : K, m = V ?? de / q;
+  let at;
+  t[7] !== i ? (at = (u) => (Math.round(-u / K * i) % i + i) % i, t[7] = i, t[8] = at) : at = t[8];
+  const ht = at;
+  let W;
+  t[9] !== i ? (W = (u, p, a) => {
+    const h = (p - 1 + i) % i, Y = (p + 1) % i;
+    let Et = (Math.round(-u / K * i) % i + i) % i;
+    return Et !== h && Et !== p && Et !== Y && (Et = a > 0 ? Y : a < 0 ? h : p), Et;
+  }, t[9] = i, t[10] = W) : W = t[10];
+  const xt = W;
+  let X;
+  t[11] !== i ? (X = (u, p) => {
+    const a = -(u / i) * K;
+    return bt(p, a);
+  }, t[11] = i, t[12] = X) : X = t[12];
+  const Rt = X;
+  let B;
+  t[13] !== v || t[14] !== f ? (B = (u) => {
+    g.current = u, v || vt(u), f == null || f(u);
+  }, t[13] = v, t[14] = f, t[15] = B) : B = t[15];
+  const It = B;
+  let J;
+  t[16] !== q || t[17] !== ht || t[18] !== xt || t[19] !== Rt || t[20] !== i || t[21] !== U || t[22] !== C || t[23] !== lt || t[24] !== m || t[25] !== It ? (J = {
+    count: i,
+    dragEnabled: lt,
+    dragAxis: U,
     dragSensitivity: m,
-    maxDragAmount: G,
-    dragConfig: E,
-    springConfig: Dt,
-    dragSpringConfig: fe,
-    calculateIndexFromOffset: pt,
-    calculateTargetIndex: ht,
-    calculateTargetOffset: vt,
-    onNavigate: xt
-  }, t[16] = G, t[17] = pt, t[18] = ht, t[19] = vt, t[20] = r, t[21] = L, t[22] = E, t[23] = st, t[24] = m, t[25] = xt, t[26] = z) : z = t[26];
+    maxDragAmount: q,
+    dragConfig: C,
+    springConfig: Mt,
+    dragSpringConfig: ge,
+    calculateIndexFromOffset: ht,
+    calculateTargetIndex: xt,
+    calculateTargetOffset: Rt,
+    onNavigate: It
+  }, t[16] = q, t[17] = ht, t[18] = xt, t[19] = Rt, t[20] = i, t[21] = U, t[22] = C, t[23] = lt, t[24] = m, t[25] = It, t[26] = J) : J = t[26];
   const {
-    offset: Rt,
-    springApi: P,
-    isDraggingRef: ct,
-    currentOffsetRef: x
-  } = Jt(z);
-  let W;
-  t[27] !== r || t[28] !== x || t[29] !== h || t[30] !== d || t[31] !== P ? (W = (a) => {
-    const p = Et(a, 0, r - 1);
+    offset: _t,
+    springApi: F,
+    isDraggingRef: ut,
+    currentOffsetRef: _
+  } = Jt(J);
+  let Q;
+  t[27] !== i || t[28] !== _ || t[29] !== v || t[30] !== f || t[31] !== F ? (Q = (u) => {
+    const p = Nt(u, 0, i - 1);
     if (p === g.current)
       return;
-    g.current = p, h || mt(p), d == null || d(p);
-    const l = -(p / r) * w, v = Lt(x.current, l);
-    P.start({
-      offset: v,
-      config: Dt
+    g.current = p, v || vt(p), f == null || f(p);
+    const a = -(p / i) * K, h = bt(_.current, a);
+    F.start({
+      offset: h,
+      config: Mt
     });
-  }, t[27] = r, t[28] = x, t[29] = h, t[30] = d, t[31] = P, t[32] = W) : W = t[32];
-  const O = W;
-  let X;
-  t[33] !== r || t[34] !== O ? (X = () => {
-    r !== 0 && O((g.current + 1) % r);
-  }, t[33] = r, t[34] = O, t[35] = X) : X = t[35];
-  const I = X;
-  let B;
-  t[36] !== r || t[37] !== O ? (B = () => {
-    r !== 0 && O((g.current - 1 + r) % r);
-  }, t[36] = r, t[37] = O, t[38] = B) : B = t[38];
-  const _ = B;
-  let J;
-  t[39] !== O ? (J = (a) => O(a), t[39] = O, t[40] = J) : J = t[40];
-  const A = J;
-  let K, D;
-  t[41] !== A || t[42] !== I || t[43] !== _ ? (K = () => ({
-    next: I,
-    prev: _,
-    goTo: A
-  }), D = [I, _, A], t[41] = A, t[42] = I, t[43] = _, t[44] = K, t[45] = D) : (K = t[44], D = t[45]), Xt(u, K, D);
-  let Q, Z;
-  t[46] !== f || t[47] !== r || t[48] !== x || t[49] !== ct || t[50] !== P ? (Q = () => {
-    if (!ct.current && r > 0) {
-      const a = -(f / r) * w, p = x.current, v = p === 0 && f !== 0 ? a : Lt(p, a);
-      P.start({
-        offset: v,
-        config: Dt
+  }, t[27] = i, t[28] = _, t[29] = v, t[30] = f, t[31] = F, t[32] = Q) : Q = t[32];
+  const O = Q;
+  let Z;
+  t[33] !== i || t[34] !== O ? (Z = () => {
+    i !== 0 && O((g.current + 1) % i);
+  }, t[33] = i, t[34] = O, t[35] = Z) : Z = t[35];
+  const A = Z;
+  let j;
+  t[36] !== i || t[37] !== O ? (j = () => {
+    i !== 0 && O((g.current - 1 + i) % i);
+  }, t[36] = i, t[37] = O, t[38] = j) : j = t[38];
+  const N = j;
+  let tt;
+  t[39] !== O ? (tt = (u) => O(u), t[39] = O, t[40] = tt) : tt = t[40];
+  const S = tt;
+  let et, L;
+  t[41] !== S || t[42] !== A || t[43] !== N ? (et = () => ({
+    next: A,
+    prev: N,
+    goTo: S
+  }), L = [A, N, S], t[41] = S, t[42] = A, t[43] = N, t[44] = et, t[45] = L) : (et = t[44], L = t[45]), Xt(n, et, L);
+  let nt, rt;
+  t[46] !== d || t[47] !== i || t[48] !== _ || t[49] !== ut || t[50] !== F ? (nt = () => {
+    if (!ut.current && i > 0) {
+      const u = -(d / i) * K, p = _.current, h = p === 0 && d !== 0 ? u : bt(p, u);
+      F.start({
+        offset: h,
+        config: Mt
       });
     }
-  }, Z = [f, r, P, ct, x], t[46] = f, t[47] = r, t[48] = x, t[49] = ct, t[50] = P, t[51] = Q, t[52] = Z) : (Q = t[51], Z = t[52]), St(Q, Z);
-  let tt;
-  t[53] !== T || t[54] !== x || t[55] !== Rt ? (tt = () => {
-    if (!i.current)
+  }, rt = [d, i, F, ut, _], t[46] = d, t[47] = i, t[48] = _, t[49] = ut, t[50] = F, t[51] = nt, t[52] = rt) : (nt = t[51], rt = t[52]), St(nt, rt);
+  let ot;
+  t[53] !== R || t[54] !== _ || t[55] !== _t ? (ot = () => {
+    if (!l.current)
       return;
-    const a = Rt.get();
-    x.current = a, i.current.rotation[T] = a;
-  }, t[53] = T, t[54] = x, t[55] = Rt, t[56] = tt) : tt = t[56], Bt(tt);
-  let et;
-  t[57] !== T || t[58] !== r || t[59] !== ot ? (et = (a) => de(a, r, ot, T), t[57] = T, t[58] = r, t[59] = ot, t[60] = et) : et = t[60];
-  const lt = et;
-  let rt;
-  t[61] !== f || t[62] !== r || t[63] !== A || t[64] !== I || t[65] !== _ ? (rt = {
-    activeIndex: f,
-    count: r,
-    next: I,
-    prev: _,
-    goTo: A
-  }, t[61] = f, t[62] = r, t[63] = A, t[64] = I, t[65] = _, t[66] = rt) : rt = t[66];
-  const It = rt, ut = Ft;
-  let at;
-  t[67] !== lt ? (at = (a, p) => {
+    const u = _t.get();
+    _.current = u, l.current.rotation[R] = u;
+  }, t[53] = R, t[54] = _, t[55] = _t, t[56] = ot) : ot = t[56], Bt(ot);
+  let st;
+  t[57] !== R || t[58] !== i || t[59] !== D ? (st = (u) => me(u, i, D, R), t[57] = R, t[58] = i, t[59] = D, t[60] = st) : st = t[60];
+  const ft = st;
+  let it;
+  t[61] !== d || t[62] !== i || t[63] !== S || t[64] !== A || t[65] !== N ? (it = {
+    activeIndex: d,
+    count: i,
+    next: A,
+    prev: N,
+    goTo: S
+  }, t[61] = d, t[62] = i, t[63] = S, t[64] = A, t[65] = N, t[66] = it) : it = t[66];
+  const Ct = it, dt = Gt;
+  let gt;
+  t[67] !== ft ? (gt = (u, p) => {
     const {
-      position: l,
-      rotation: v
-    } = lt(p);
-    return /* @__PURE__ */ dt("group", { position: l, rotation: v, children: a }, a.key ?? p);
-  }, t[67] = lt, t[68] = at) : at = t[68];
-  const Ct = q.map(at);
-  let U;
-  t[69] !== Ct ? (U = /* @__PURE__ */ dt("group", { ref: i, children: Ct }), t[69] = Ct, t[70] = U) : U = t[70];
-  let ft;
-  return t[71] !== It || t[72] !== ut.Provider || t[73] !== U || t[74] !== b ? (ft = /* @__PURE__ */ Yt(ut.Provider, { value: It, children: [
-    U,
+      position: a,
+      rotation: h
+    } = ft(p);
+    return /* @__PURE__ */ pt("group", { position: a, rotation: h, children: u }, u.key ?? p);
+  }, t[67] = ft, t[68] = gt) : gt = t[68];
+  const Tt = z.map(gt);
+  let w;
+  t[69] !== Tt ? (w = /* @__PURE__ */ pt("group", { ref: l, children: Tt }), t[69] = Tt, t[70] = w) : w = t[70];
+  let mt;
+  return t[71] !== Ct || t[72] !== dt.Provider || t[73] !== w || t[74] !== b ? (mt = /* @__PURE__ */ Yt(dt.Provider, { value: Ct, children: [
+    w,
     b
-  ] }), t[71] = It, t[72] = ut.Provider, t[73] = U, t[74] = b, t[75] = ft) : ft = t[75], ft;
+  ] }), t[71] = Ct, t[72] = dt.Provider, t[73] = w, t[74] = b, t[75] = mt) : mt = t[75], mt;
 }), {
-  NextTrigger: Gt,
-  PrevTrigger: Ut
+  NextTrigger: Vt,
+  PrevTrigger: $t
 });
-function ge(n) {
-  return yt(n) && n.type !== Gt && n.type !== Ut;
+function xe(r) {
+  return Pt(r) && r.type !== Vt && r.type !== $t;
 }
-function me(n) {
-  return yt(n) && (n.type === Gt || n.type === Ut);
+function Re(r) {
+  return Pt(r) && (r.type === Vt || r.type === $t);
 }
-const pe = 0.5, he = "horizontal", ve = 150, Mt = {
+const Ie = 0.5, _e = "horizontal", Ce = 150, Ft = {
   tension: 200,
   friction: 25
-}, xe = {
+}, Te = {
   tension: 400,
   friction: 50
 };
-function Re(n, e, u) {
-  const t = n * (1 + e);
-  return u === "horizontal" ? [t, 0, 0] : [0, t, 0];
+function Ae(r, e, n) {
+  const t = r * (1 + e);
+  return n === "horizontal" ? [t, 0, 0] : [0, t, 0];
 }
-function Zt() {
-  return Kt("LinearCarousel");
+function te() {
+  return Qt("LinearCarousel");
 }
-function $t(n) {
-  const e = _t.c(9), {
-    next: u
-  } = Zt();
+function Ut(r) {
+  const e = At.c(9), {
+    next: n
+  } = te();
   let t, s;
-  e[0] !== n ? ({
+  e[0] !== r ? ({
     children: t,
     ...s
-  } = n, e[0] = n, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
+  } = r, e[0] = r, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
   let c;
-  e[3] !== u ? (c = () => u(), e[3] = u, e[4] = c) : c = e[4];
+  e[3] !== n ? (c = () => n(), e[3] = n, e[4] = c) : c = e[4];
   let o;
-  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ dt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
+  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ pt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
 }
-function kt(n) {
-  const e = _t.c(9), {
-    prev: u
-  } = Zt();
+function kt(r) {
+  const e = At.c(9), {
+    prev: n
+  } = te();
   let t, s;
-  e[0] !== n ? ({
+  e[0] !== r ? ({
     children: t,
     ...s
-  } = n, e[0] = n, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
+  } = r, e[0] = r, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
   let c;
-  e[3] !== u ? (c = () => u(), e[3] = u, e[4] = c) : c = e[4];
+  e[3] !== n ? (c = () => n(), e[3] = n, e[4] = c) : c = e[4];
   let o;
-  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ dt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
+  return e[5] !== t || e[6] !== s || e[7] !== c ? (o = /* @__PURE__ */ pt("group", { onClick: c, ...s, children: t }), e[5] = t, e[6] = s, e[7] = c, e[8] = o) : o = e[8], o;
 }
-const Oe = Object.assign(jt(function(e, u) {
-  const t = _t.c(80), {
+const Fe = Object.assign(Kt(function(e, n) {
+  const t = At.c(80), {
     children: s,
     gap: c,
     direction: o,
-    index: k,
-    defaultIndex: H,
-    onIndexChange: d,
-    dragEnabled: gt,
-    dragSensitivity: At,
-    dragAxis: Tt,
-    dragConfig: E,
-    infinite: ot
-  } = e, T = c === void 0 ? pe : c, N = o === void 0 ? he : o, st = H === void 0 ? 0 : H, L = gt === void 0 ? !0 : gt, R = ot === void 0 ? !1 : ot, [mt, h] = zt(st), f = k !== void 0, g = f ? k : mt, C = nt(g);
-  let M, F;
-  t[0] !== g ? (M = () => {
-    C.current = g;
-  }, F = [g], t[0] = g, t[1] = M, t[2] = F) : (M = t[1], F = t[2]), St(M, F);
-  let S;
-  t[3] !== s ? (S = Wt.toArray(s), t[3] = s, t[4] = S) : S = t[4];
-  const q = S, y = q.filter(Ie);
-  let b;
-  t[5] !== q ? (b = q.filter(Ce), t[5] = q, t[6] = b) : b = t[6];
-  const r = b, i = y.length, G = nt(null), m = 1 + T, it = At ?? ve, pt = Tt ?? (N === "horizontal" ? "x" : "y");
-  let Y;
-  t[7] !== m ? (Y = (l) => Math.round(-l / m), t[7] = m, t[8] = Y) : Y = t[8];
-  const ht = Y;
-  let V;
-  t[9] !== i || t[10] !== R || t[11] !== m ? (V = (l, v) => {
-    let $ = Math.round(-l / m);
-    return $ = Et($, v - 1, v + 1), R ? ($ % i + i) % i : Et($, 0, i - 1);
-  }, t[9] = i, t[10] = R, t[11] = m, t[12] = V) : V = t[12];
-  const vt = V;
-  let j;
-  t[13] !== m ? (j = (l) => -l * m, t[13] = m, t[14] = j) : j = t[14];
-  const xt = j;
-  let z;
-  t[15] !== f || t[16] !== d ? (z = (l) => {
-    C.current = l, f || h(l), d == null || d(l);
-  }, t[15] = f, t[16] = d, t[17] = z) : z = t[17];
-  const Rt = z;
+    index: x,
+    defaultIndex: y,
+    onIndexChange: f,
+    dragEnabled: G,
+    dragSensitivity: V,
+    dragAxis: $,
+    dragConfig: C,
+    infinite: D
+  } = e, R = c === void 0 ? Ie : c, I = o === void 0 ? _e : o, lt = y === void 0 ? 0 : y, U = G === void 0 ? !0 : G, T = D === void 0 ? !1 : D, [vt, v] = Lt(lt), d = x !== void 0, g = d ? x : vt, E = ct(g);
+  let k, H;
+  t[0] !== g ? (k = () => {
+    E.current = g;
+  }, H = [g], t[0] = g, t[1] = k, t[2] = H) : (k = t[1], H = t[2]), St(k, H);
   let P;
-  t[18] !== ht || t[19] !== vt || t[20] !== xt || t[21] !== i || t[22] !== pt || t[23] !== E || t[24] !== L || t[25] !== it || t[26] !== Rt || t[27] !== m ? (P = {
-    count: i,
-    dragEnabled: L,
-    dragAxis: pt,
-    dragSensitivity: it,
+  t[3] !== s ? (P = Wt.toArray(s), t[3] = s, t[4] = P) : P = t[4];
+  const z = P, M = z.filter(Ee);
+  let b;
+  t[5] !== z ? (b = z.filter(Ne), t[5] = z, t[6] = b) : b = t[6];
+  const i = b, l = M.length, q = ct(null), m = 1 + R, at = V ?? Ce, ht = $ ?? (I === "horizontal" ? "x" : "y");
+  let W;
+  t[7] !== m ? (W = (a) => Math.round(-a / m), t[7] = m, t[8] = W) : W = t[8];
+  const xt = W;
+  let X;
+  t[9] !== l || t[10] !== T || t[11] !== m ? (X = (a, h) => {
+    let Y = Math.round(-a / m);
+    return Y = Nt(Y, h - 1, h + 1), T ? (Y % l + l) % l : Nt(Y, 0, l - 1);
+  }, t[9] = l, t[10] = T, t[11] = m, t[12] = X) : X = t[12];
+  const Rt = X;
+  let B;
+  t[13] !== m ? (B = (a) => -a * m, t[13] = m, t[14] = B) : B = t[14];
+  const It = B;
+  let J;
+  t[15] !== d || t[16] !== f ? (J = (a) => {
+    E.current = a, d || v(a), f == null || f(a);
+  }, t[15] = d, t[16] = f, t[17] = J) : J = t[17];
+  const _t = J;
+  let F;
+  t[18] !== xt || t[19] !== Rt || t[20] !== It || t[21] !== l || t[22] !== ht || t[23] !== C || t[24] !== U || t[25] !== at || t[26] !== _t || t[27] !== m ? (F = {
+    count: l,
+    dragEnabled: U,
+    dragAxis: ht,
+    dragSensitivity: at,
     maxDragAmount: m,
-    dragConfig: E,
-    springConfig: Mt,
-    dragSpringConfig: xe,
-    calculateIndexFromOffset: ht,
-    calculateTargetIndex: vt,
-    calculateTargetOffset: xt,
-    onNavigate: Rt
-  }, t[18] = ht, t[19] = vt, t[20] = xt, t[21] = i, t[22] = pt, t[23] = E, t[24] = L, t[25] = it, t[26] = Rt, t[27] = m, t[28] = P) : P = t[28];
+    dragConfig: C,
+    springConfig: Ft,
+    dragSpringConfig: Te,
+    calculateIndexFromOffset: xt,
+    calculateTargetIndex: Rt,
+    calculateTargetOffset: It,
+    onNavigate: _t
+  }, t[18] = xt, t[19] = Rt, t[20] = It, t[21] = l, t[22] = ht, t[23] = C, t[24] = U, t[25] = at, t[26] = _t, t[27] = m, t[28] = F) : F = t[28];
   const {
-    offset: ct,
-    springApi: x,
-    isDraggingRef: W,
+    offset: ut,
+    springApi: _,
+    isDraggingRef: Q,
     currentOffsetRef: O
-  } = Jt(P);
-  let X;
-  t[29] !== i || t[30] !== R || t[31] !== f || t[32] !== m || t[33] !== d || t[34] !== x ? (X = (l) => {
-    if (i === 0)
+  } = Jt(F);
+  let Z;
+  t[29] !== l || t[30] !== T || t[31] !== d || t[32] !== m || t[33] !== f || t[34] !== _ ? (Z = (a) => {
+    if (l === 0)
       return;
-    let v;
-    if (R ? v = (l % i + i) % i : v = Et(l, 0, i - 1), v === C.current)
+    let h;
+    if (T ? h = (a % l + l) % l : h = Nt(a, 0, l - 1), h === E.current)
       return;
-    C.current = v, f || h(v), d == null || d(v);
-    const $ = -v * m;
-    x.start({
-      offset: $,
-      config: Mt
+    E.current = h, d || v(h), f == null || f(h);
+    const Y = -h * m;
+    _.start({
+      offset: Y,
+      config: Ft
     });
-  }, t[29] = i, t[30] = R, t[31] = f, t[32] = m, t[33] = d, t[34] = x, t[35] = X) : X = t[35];
-  const I = X;
-  let B;
-  t[36] !== i || t[37] !== I || t[38] !== R ? (B = () => {
-    if (i === 0)
+  }, t[29] = l, t[30] = T, t[31] = d, t[32] = m, t[33] = f, t[34] = _, t[35] = Z) : Z = t[35];
+  const A = Z;
+  let j;
+  t[36] !== l || t[37] !== A || t[38] !== T ? (j = () => {
+    if (l === 0)
       return;
-    const l = R ? (C.current + 1) % i : Math.min(C.current + 1, i - 1);
-    I(l);
-  }, t[36] = i, t[37] = I, t[38] = R, t[39] = B) : B = t[39];
-  const _ = B;
-  let J;
-  t[40] !== i || t[41] !== I || t[42] !== R ? (J = () => {
-    if (i === 0)
+    const a = T ? (E.current + 1) % l : Math.min(E.current + 1, l - 1);
+    A(a);
+  }, t[36] = l, t[37] = A, t[38] = T, t[39] = j) : j = t[39];
+  const N = j;
+  let tt;
+  t[40] !== l || t[41] !== A || t[42] !== T ? (tt = () => {
+    if (l === 0)
       return;
-    const l = R ? (C.current - 1 + i) % i : Math.max(C.current - 1, 0);
-    I(l);
-  }, t[40] = i, t[41] = I, t[42] = R, t[43] = J) : J = t[43];
-  const A = J;
-  let K;
-  t[44] !== I ? (K = (l) => I(l), t[44] = I, t[45] = K) : K = t[45];
-  const D = K;
-  let Q, Z;
-  t[46] !== D || t[47] !== _ || t[48] !== A ? (Q = () => ({
-    next: _,
-    prev: A,
-    goTo: D
-  }), Z = [_, A, D], t[46] = D, t[47] = _, t[48] = A, t[49] = Q, t[50] = Z) : (Q = t[49], Z = t[50]), Xt(u, Q, Z);
-  let tt, et;
-  t[51] !== g || t[52] !== i || t[53] !== W || t[54] !== m || t[55] !== x ? (tt = () => {
-    if (!W.current && i > 0) {
-      const l = -g * m;
-      x.start({
-        offset: l,
-        config: Mt
+    const a = T ? (E.current - 1 + l) % l : Math.max(E.current - 1, 0);
+    A(a);
+  }, t[40] = l, t[41] = A, t[42] = T, t[43] = tt) : tt = t[43];
+  const S = tt;
+  let et;
+  t[44] !== A ? (et = (a) => A(a), t[44] = A, t[45] = et) : et = t[45];
+  const L = et;
+  let nt, rt;
+  t[46] !== L || t[47] !== N || t[48] !== S ? (nt = () => ({
+    next: N,
+    prev: S,
+    goTo: L
+  }), rt = [N, S, L], t[46] = L, t[47] = N, t[48] = S, t[49] = nt, t[50] = rt) : (nt = t[49], rt = t[50]), Xt(n, nt, rt);
+  let ot, st;
+  t[51] !== g || t[52] !== l || t[53] !== Q || t[54] !== m || t[55] !== _ ? (ot = () => {
+    if (!Q.current && l > 0) {
+      const a = -g * m;
+      _.start({
+        offset: a,
+        config: Ft
       });
     }
-  }, et = [g, i, m, x, W], t[51] = g, t[52] = i, t[53] = W, t[54] = m, t[55] = x, t[56] = tt, t[57] = et) : (tt = t[56], et = t[57]), St(tt, et);
-  let lt;
-  t[58] !== O || t[59] !== N || t[60] !== ct ? (lt = () => {
-    if (!G.current)
+  }, st = [g, l, m, _, Q], t[51] = g, t[52] = l, t[53] = Q, t[54] = m, t[55] = _, t[56] = ot, t[57] = st) : (ot = t[56], st = t[57]), St(ot, st);
+  let ft;
+  t[58] !== O || t[59] !== I || t[60] !== ut ? (ft = () => {
+    if (!q.current)
       return;
-    const l = ct.get();
-    O.current = l, N === "horizontal" ? G.current.position.x = l : G.current.position.y = l;
-  }, t[58] = O, t[59] = N, t[60] = ct, t[61] = lt) : lt = t[61], Bt(lt);
-  let rt;
-  t[62] !== N || t[63] !== T ? (rt = (l) => Re(l, T, N), t[62] = N, t[63] = T, t[64] = rt) : rt = t[64];
-  const It = rt;
-  let ut;
-  t[65] !== g || t[66] !== i || t[67] !== D || t[68] !== _ || t[69] !== A ? (ut = {
+    const a = ut.get();
+    O.current = a, I === "horizontal" ? q.current.position.x = a : q.current.position.y = a;
+  }, t[58] = O, t[59] = I, t[60] = ut, t[61] = ft) : ft = t[61], Bt(ft);
+  let it;
+  t[62] !== I || t[63] !== R ? (it = (a) => Ae(a, R, I), t[62] = I, t[63] = R, t[64] = it) : it = t[64];
+  const Ct = it;
+  let dt;
+  t[65] !== g || t[66] !== l || t[67] !== L || t[68] !== N || t[69] !== S ? (dt = {
     activeIndex: g,
-    count: i,
-    next: _,
-    prev: A,
-    goTo: D
-  }, t[65] = g, t[66] = i, t[67] = D, t[68] = _, t[69] = A, t[70] = ut) : ut = t[70];
-  const at = ut, Ct = Ft;
-  let U;
-  t[71] !== It ? (U = (l, v) => {
-    const $ = It(v);
-    return /* @__PURE__ */ dt("group", { position: [...$], children: l }, l.key ?? v);
-  }, t[71] = It, t[72] = U) : U = t[72];
-  const ft = y.map(U);
-  let a;
-  t[73] !== ft ? (a = /* @__PURE__ */ dt("group", { ref: G, children: ft }), t[73] = ft, t[74] = a) : a = t[74];
+    count: l,
+    next: N,
+    prev: S,
+    goTo: L
+  }, t[65] = g, t[66] = l, t[67] = L, t[68] = N, t[69] = S, t[70] = dt) : dt = t[70];
+  const gt = dt, Tt = Gt;
+  let w;
+  t[71] !== Ct ? (w = (a, h) => {
+    const Y = Ct(h);
+    return /* @__PURE__ */ pt("group", { position: [...Y], children: a }, a.key ?? h);
+  }, t[71] = Ct, t[72] = w) : w = t[72];
+  const mt = M.map(w);
+  let u;
+  t[73] !== mt ? (u = /* @__PURE__ */ pt("group", { ref: q, children: mt }), t[73] = mt, t[74] = u) : u = t[74];
   let p;
-  return t[75] !== at || t[76] !== Ct.Provider || t[77] !== a || t[78] !== r ? (p = /* @__PURE__ */ Yt(Ct.Provider, { value: at, children: [
-    a,
-    r
-  ] }), t[75] = at, t[76] = Ct.Provider, t[77] = a, t[78] = r, t[79] = p) : p = t[79], p;
+  return t[75] !== gt || t[76] !== Tt.Provider || t[77] !== u || t[78] !== i ? (p = /* @__PURE__ */ Yt(Tt.Provider, { value: gt, children: [
+    u,
+    i
+  ] }), t[75] = gt, t[76] = Tt.Provider, t[77] = u, t[78] = i, t[79] = p) : p = t[79], p;
 }), {
-  NextTrigger: $t,
+  NextTrigger: Ut,
   PrevTrigger: kt
 });
-function Ie(n) {
-  return yt(n) && n.type !== $t && n.type !== kt;
+function Ee(r) {
+  return Pt(r) && r.type !== Ut && r.type !== kt;
 }
-function Ce(n) {
-  return yt(n) && (n.type === $t || n.type === kt);
+function Ne(r) {
+  return Pt(r) && (r.type === Ut || r.type === kt);
 }
 export {
-  Se as CircularCarousel,
-  Gt as CircularCarouselNextTrigger,
-  Ut as CircularCarouselPrevTrigger,
-  Oe as LinearCarousel,
-  $t as LinearCarouselNextTrigger,
+  be as CircularCarousel,
+  Vt as CircularCarouselNextTrigger,
+  $t as CircularCarouselPrevTrigger,
+  Fe as LinearCarousel,
+  Ut as LinearCarouselNextTrigger,
   kt as LinearCarouselPrevTrigger,
-  Qt as useCarouselContext,
-  Zt as useLinearCarouselContext
+  jt as useCarouselContext,
+  Me as useGLTFMaterialVariants,
+  te as useLinearCarouselContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juniorxsound/react-three-components",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "3D carousel components for React Three Fiber",
   "author": "juniorxsound",
   "license": "MIT",