@juniorxsound/react-three-components 0.1.1 → 0.1.2

package/dist/components/CircularCarousel/CircularCarousel.d.ts

@@ -1,9 +1,6 @@
-import { type ForwardRefExoticComponent, type RefAttributes } from "react";
 import { CircularCarouselNextTrigger, CircularCarouselPrevTrigger } from "./CircularCarouselTriggers";
 import type { CircularCarouselProps, CircularCarouselRef } from "./types";
-type CircularCarouselComponent = ForwardRefExoticComponent<CircularCarouselProps & RefAttributes<CircularCarouselRef>> & {
+export declare const CircularCarousel: import("react").ForwardRefExoticComponent<CircularCarouselProps & import("react").RefAttributes<CircularCarouselRef>> & {
     NextTrigger: typeof CircularCarouselNextTrigger;
     PrevTrigger: typeof CircularCarouselPrevTrigger;
 };
-export declare const CircularCarousel: CircularCarouselComponent;
-export {};

package/dist/components/CircularCarousel/context.d.ts

@@ -1,3 +1,4 @@
-import type { CarouselContextValue } from "./types";
-export declare const CarouselContext: import("react").Context<CarouselContextValue | null>;
-export declare function useCarouselContext(): CarouselContextValue;
+import { CarouselContext } from "../../hooks";
+export { CarouselContext };
+export declare function useCircularCarouselContext(): import("./types").CarouselContextValue;
+export { useCircularCarouselContext as useCarouselContext };

package/dist/components/CircularCarousel/types.d.ts

@@ -1,20 +1,6 @@
 import type { ReactNode } from "react";
-export type DragConfig = {
-    /** Axis to constrain drag movement. Default: "x" */
-    axis?: "x" | "y";
-    /** Pointer options for drag gesture */
-    pointer?: {
-        touch?: boolean;
-        capture?: boolean;
-        keys?: boolean;
-    };
-    /** Touch action CSS property. Default: "none" */
-    touchAction?: string;
-    /** Threshold in pixels before drag starts */
-    threshold?: number;
-    /** Rubberband effect when dragging past bounds (0-1) */
-    rubberband?: boolean | number;
-};
+import type { DragConfig, CarouselContextValue } from "../../hooks";
+export type { DragConfig, CarouselContextValue };
 export type CircularCarouselProps = {
     children: ReactNode;
     radius?: number;
@@ -34,10 +20,3 @@ export type CircularCarouselRef = {
     prev(): void;
     goTo(index: number): void;
 };
-export type CarouselContextValue = {
-    activeIndex: number;
-    count: number;
-    next: () => void;
-    prev: () => void;
-    goTo: (index: number) => void;
-};

package/dist/components/CircularCarousel/utils.d.ts

@@ -1,4 +1,3 @@
-export declare function clamp(value: number, min: number, max: number): number;
 export declare function getItemTransform(index: number, count: number, radius: number, axis: "x" | "y" | "z"): {
     position: readonly [number, 0, number] | readonly [0, number, number] | readonly [number, number, 0];
     rotation: readonly [0, number, 0] | readonly [number, 0, 0] | readonly [0, 0, number];

package/dist/components/LinearCarousel/LinearCarousel.d.ts

@@ -1,9 +1,6 @@
-import { type ForwardRefExoticComponent, type RefAttributes } from "react";
 import { LinearCarouselNextTrigger, LinearCarouselPrevTrigger } from "./LinearCarouselTriggers";
 import type { LinearCarouselProps, LinearCarouselRef } from "./types";
-type LinearCarouselComponent = ForwardRefExoticComponent<LinearCarouselProps & RefAttributes<LinearCarouselRef>> & {
+export declare const LinearCarousel: import("react").ForwardRefExoticComponent<LinearCarouselProps & import("react").RefAttributes<LinearCarouselRef>> & {
     NextTrigger: typeof LinearCarouselNextTrigger;
     PrevTrigger: typeof LinearCarouselPrevTrigger;
 };
-export declare const LinearCarousel: LinearCarouselComponent;
-export {};

package/dist/components/LinearCarousel/context.d.ts

@@ -1,3 +1,3 @@
-import type { LinearCarouselContextValue } from "./types";
-export declare const LinearCarouselContext: import("react").Context<LinearCarouselContextValue | null>;
-export declare function useLinearCarouselContext(): LinearCarouselContextValue;
+import { CarouselContext } from "../../hooks";
+export { CarouselContext as LinearCarouselContext };
+export declare function useLinearCarouselContext(): import("./types").LinearCarouselContextValue;

package/dist/components/LinearCarousel/types.d.ts

@@ -1,20 +1,7 @@
 import type { ReactNode } from "react";
-export type DragConfig = {
-    /** Axis to constrain drag movement */
-    axis?: "x" | "y";
-    /** Pointer options for drag gesture */
-    pointer?: {
-        touch?: boolean;
-        capture?: boolean;
-        keys?: boolean;
-    };
-    /** Touch action CSS property. Default: "none" */
-    touchAction?: string;
-    /** Threshold in pixels before drag starts */
-    threshold?: number;
-    /** Rubberband effect when dragging past bounds (0-1) */
-    rubberband?: boolean | number;
-};
+import type { DragConfig, CarouselContextValue } from "../../hooks";
+export type { DragConfig };
+export type { CarouselContextValue as LinearCarouselContextValue };
 export type LinearCarouselProps = {
     children: ReactNode;
     gap?: number;
@@ -28,16 +15,11 @@ export type LinearCarouselProps = {
     dragAxis?: "x" | "y";
     /** Additional drag gesture configuration */
     dragConfig?: DragConfig;
+    /** When true, navigation wraps from last item to first and vice versa. Default: false */
+    infinite?: boolean;
 };
 export type LinearCarouselRef = {
     next(): void;
     prev(): void;
     goTo(index: number): void;
 };
-export type LinearCarouselContextValue = {
-    activeIndex: number;
-    count: number;
-    next: () => void;
-    prev: () => void;
-    goTo: (index: number) => void;
-};

package/dist/components/LinearCarousel/utils.d.ts

@@ -1,2 +1 @@
-export declare function clamp(value: number, min: number, max: number): number;
 export declare function getItemPosition(index: number, gap: number, direction: "horizontal" | "vertical"): readonly [number, number, number];

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

@@ -0,0 +1,9 @@
+import type React from "react";
+/**
+ * A floating 3D shape for use in carousel stories.
+ * Pass `isActive` to control the float animation.
+ */
+export declare function FloatingShape({ type, isActive, }: {
+    type: "box" | "sphere" | "cone" | "plane";
+    isActive: boolean;
+}): React.ReactNode;

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useCarouselDrag, type DragConfig, type SpringConfig, type UseCarouselDragOptions, type UseCarouselDragReturn, } from "./useCarouselDrag";
+export { CarouselContext, useCarouselContext, type CarouselContextValue, } from "./useCarouselContext";

package/dist/hooks/useCarouselContext.d.ts

@@ -0,0 +1,20 @@
+export type CarouselContextValue = {
+    /** Currently active item index */
+    activeIndex: number;
+    /** Total number of items */
+    count: number;
+    /** Navigate to the next item */
+    next: () => void;
+    /** Navigate to the previous item */
+    prev: () => void;
+    /** Navigate to a specific item by index */
+    goTo: (index: number) => void;
+};
+export declare const CarouselContext: import("react").Context<CarouselContextValue | null>;
+/**
+ * Hook to access carousel context from within a carousel component.
+ * @param componentName - Name of the carousel component for error messages
+ * @returns The carousel context value
+ * @throws If used outside of a carousel component
+ */
+export declare function useCarouselContext(componentName: string): CarouselContextValue;

package/dist/hooks/useCarouselDrag.d.ts

@@ -0,0 +1,85 @@
+import { type SpringRef } from "@react-spring/web";
+export type DragConfig = {
+    /** Axis to constrain drag movement */
+    axis?: "x" | "y";
+    /** Pointer options for drag gesture */
+    pointer?: {
+        touch?: boolean;
+        capture?: boolean;
+        keys?: boolean;
+    };
+    /** Touch action CSS property. Default: "none" */
+    touchAction?: string;
+    /** Threshold in pixels before drag starts. Default: 5 */
+    threshold?: number;
+    /** Rubberband effect when dragging past bounds (0-1) */
+    rubberband?: boolean | number;
+    /** Filter out taps (clicks) from drags. Default: true */
+    filterTaps?: boolean;
+};
+export type SpringConfig = {
+    tension: number;
+    friction: number;
+};
+export type UseCarouselDragOptions = {
+    /** Number of items in the carousel */
+    count: number;
+    /** Whether drag is enabled */
+    dragEnabled: boolean;
+    /** Axis for drag gesture ("x" or "y") */
+    dragAxis: "x" | "y";
+    /** Sensitivity for drag movement (pixels per unit) */
+    dragSensitivity: number;
+    /** Maximum drag amount per gesture (e.g., itemSpacing or anglePerItem) */
+    maxDragAmount: number;
+    /** Additional drag configuration */
+    dragConfig?: DragConfig;
+    /** Spring configuration for settling animations */
+    springConfig: SpringConfig;
+    /** Spring configuration for drag animations */
+    dragSpringConfig: SpringConfig;
+    /**
+     * Calculate the nearest index from an offset value.
+     * @param offset - The current offset value
+     * @returns The nearest index
+     */
+    calculateIndexFromOffset: (offset: number) => number;
+    /**
+     * Calculate the final target index after drag ends.
+     * @param currentOffset - The offset at drag end
+     * @param startIndex - The index when drag started
+     * @param dragAmount - The clamped drag amount
+     * @returns The target index to navigate to
+     */
+    calculateTargetIndex: (currentOffset: number, startIndex: number, dragAmount: number) => number;
+    /**
+     * Calculate the target offset for an index.
+     * @param index - The target index
+     * @param currentOffset - The current offset (useful for shortest path calculations)
+     * @returns The target offset value
+     */
+    calculateTargetOffset: (index: number, currentOffset: number) => number;
+    /**
+     * Called when navigation completes with the final index.
+     */
+    onNavigate: (index: number) => void;
+};
+export type UseCarouselDragReturn = {
+    /** Spring offset value */
+    offset: {
+        get: () => number;
+    };
+    /** Spring API for manual control */
+    springApi: SpringRef<{
+        offset: number;
+    }>;
+    /** Ref tracking if currently dragging */
+    isDraggingRef: React.MutableRefObject<boolean>;
+    /** Ref tracking current offset value (updated each frame) */
+    currentOffsetRef: React.MutableRefObject<number>;
+};
+/**
+ * Shared hook for carousel drag behavior.
+ * Handles spring animation, gesture recognition, and cursor management.
+ */
+export declare function useCarouselDrag(options: UseCarouselDragOptions): UseCarouselDragReturn;

package/dist/react-three-components.js

@@ -1,37 +1,9 @@
-import { jsx as D, jsxs as bt } from "react/jsx-runtime";
-import Ot, { createContext as dt, useContext as St, forwardRef as Pt, useState as Dt, useRef as N, useMemo as et, Children as Lt, isValidElement as rt, useCallback as E, useImperativeHandle as Mt, useEffect as nt } from "react";
-import { useThree as Ft, useFrame as Gt } from "@react-three/fiber";
-import { useSpring as Ut } from "@react-spring/web";
-import { useDrag as kt } from "@use-gesture/react";
-const S = 2 * Math.PI, zt = 3, jt = "y", Bt = 280, Z = {
-  tension: 200,
-  friction: 25
-}, Wt = {
-  tension: 400,
-  friction: 50
-};
-function mt(c, t, u) {
-  return Math.max(t, Math.min(u, c));
-}
-function Xt(c, t, u, r) {
-  const o = c / t * S, l = Math.cos(o) * u, s = Math.sin(o) * u, I = r === "y" ? [s, 0, l] : r === "x" ? [0, l, s] : [l, s, 0], $ = r === "y" ? [0, Math.PI + o, 0] : r === "x" ? [Math.PI + o, 0, 0] : [0, 0, Math.PI + o];
-  return {
-    position: I,
-    rotation: $
-  };
-}
-function pt(c, t) {
-  const u = Math.round((c - t) / S);
-  return t + u * S;
-}
-const wt = dt(null);
-function $t() {
-  const c = St(wt);
-  if (!c)
-    throw new Error("CircularCarousel compound components must be used within CircularCarousel");
-  return c;
-}
-var C = { exports: {} }, ht = {};
+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 = {};
 /**
  * @license React
  * react-compiler-runtime.production.js
@@ -41,16 +13,16 @@ var C = { exports: {} }, ht = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var It;
-function Jt() {
-  if (It) return ht;
-  It = 1;
-  var c = Ot.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  return ht.c = function(t) {
-    return c.H.useMemoCache(t);
-  }, ht;
+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 Rt = {};
+var Pt = {};
 /**
  * @license React
  * react-compiler-runtime.development.js
@@ -60,379 +32,526 @@ var Rt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var xt;
-function Kt() {
-  return xt || (xt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var c = Ot.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    Rt.c = function(t) {
-      var u = c.H;
+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(
         `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(t);
+      ), u.useMemoCache(e);
     };
-  })()), Rt;
+  })()), Pt;
 }
-var At;
-function Qt() {
-  return At || (At = 1, process.env.NODE_ENV === "production" ? C.exports = Jt() : C.exports = Kt()), C.exports;
+var Ht;
+function ce() {
+  return Ht || (Ht = 1, process.env.NODE_ENV === "production" ? Ot.exports = se() : Ot.exports = ie()), Ot.exports;
 }
-var ot = Qt();
-function vt(c) {
-  const t = ot.c(9), {
-    next: u
-  } = $t();
-  let r, o;
-  t[0] !== c ? ({
-    children: r,
-    ...o
-  } = c, t[0] = c, t[1] = r, t[2] = o) : (r = t[1], o = t[2]);
-  let l;
-  t[3] !== u ? (l = () => u(), t[3] = u, t[4] = l) : l = t[4];
-  let s;
-  return t[5] !== r || t[6] !== o || t[7] !== l ? (s = /* @__PURE__ */ D("group", { onClick: l, ...o, children: r }), t[5] = r, t[6] = o, t[7] = l, t[8] = s) : s = t[8], s;
+var _t = ce();
+const w = 2 * Math.PI, le = 3, ue = "y", ae = 280, Dt = {
+  tension: 200,
+  friction: 25
+}, fe = {
+  tension: 400,
+  friction: 50
+};
+function Et(n, e, u) {
+  return Math.max(e, Math.min(u, n));
 }
-function _t(c) {
-  const t = ot.c(9), {
-    prev: u
-  } = $t();
-  let r, o;
-  t[0] !== c ? ({
-    children: r,
-    ...o
-  } = c, t[0] = c, t[1] = r, t[2] = o) : (r = t[1], o = t[2]);
-  let l;
-  t[3] !== u ? (l = () => u(), t[3] = u, t[4] = l) : l = t[4];
-  let s;
-  return t[5] !== r || t[6] !== o || t[7] !== l ? (s = /* @__PURE__ */ D("group", { onClick: l, ...o, children: r }), t[5] = r, t[6] = o, t[7] = l, t[8] = s) : s = t[8], s;
+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];
+  return {
+    position: k,
+    rotation: H
+  };
 }
-const Tt = Pt(function({
-  children: t,
-  radius: u = zt,
-  axis: r = jt,
-  index: o,
-  defaultIndex: l = 0,
-  onIndexChange: s,
-  dragEnabled: I = !0,
-  dragSensitivity: $,
-  dragAxis: X = "x",
-  dragConfig: a
-}, st) {
-  const [ct, q] = Dt(l), x = o !== void 0, R = x ? o : ct, p = N(R);
-  p.current = R;
-  const H = et(() => Lt.toArray(t), [t]), Y = H.filter((i) => rt(i) && i.type !== vt && i.type !== _t), ut = H.filter((i) => rt(i) && (i.type === vt || i.type === _t)), n = Y.length, P = N(null), y = n > 0 ? S / n : S, it = $ ?? Bt / y, [{
-    offset: lt
-  }, V] = Ut(() => ({
-    offset: 0
-  })), v = N(V);
-  v.current = V;
-  const z = N(!1), A = N(0), j = N(0), _ = E((i) => {
-    const e = mt(i, 0, n - 1);
-    if (e === p.current) return;
-    p.current = e, x || q(e), s == null || s(e);
-    const f = -(e / n) * S, m = pt(A.current, f);
-    v.current.start({
-      offset: m,
-      config: Z
-    });
-  }, [n, x, s]), b = E(() => {
-    n !== 0 && _((p.current + 1) % n);
-  }, [n, _]), O = E(() => {
-    n !== 0 && _((p.current - 1 + n) % n);
-  }, [n, _]), d = E((i) => _(i), [_]);
-  Mt(st, () => ({
-    next: b,
-    prev: O,
-    goTo: d
-  }), [b, O, d]), nt(() => {
-    if (!z.current && n > 0) {
-      const i = -(R / n) * S, e = A.current, m = e === 0 && R !== 0 ? i : pt(e, i);
-      v.current.start({
-        offset: m,
-        config: Z
-      });
-    }
-  }, [R, n]);
+function Lt(n, e) {
+  const u = Math.round((n - e) / w);
+  return e + u * w;
+}
+function Jt(n) {
   const {
-    gl: h
-  } = Ft();
-  kt(({
-    active: i,
-    movement: [e, f],
-    first: m,
-    last: K,
-    event: ft
+    count: e,
+    dragEnabled: u,
+    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(() => ({
+    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
   }) => {
-    z.current = i;
-    const G = ft, U = X === "x" ? e : f;
-    if (i && m && G.pointerId != null && (h.domElement.setPointerCapture(G.pointerId), h.domElement.style.cursor = "grabbing", j.current = A.current), !i && K && G.pointerId != null) {
-      try {
-        h.domElement.releasePointerCapture(G.pointerId);
-      } catch {
-      }
-      h.domElement.style.cursor = "grab";
+    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);
     }
-    const B = m ? A.current : j.current, k = Number(U), L = Number.isFinite(k) ? mt(k / it, -y, y) : 0;
-    if (i)
-      v.current.start({
-        offset: B + L,
-        config: Wt
+    if (h)
+      N.current.start({
+        offset: S + y,
+        config: H
       });
     else {
-      const M = p.current, W = (M - 1 + n) % n, Q = (M + 1) % n, w = B + L;
-      let T = (Math.round(-w / S * n) % n + n) % n;
-      T !== W && T !== M && T !== Q && (T = L > 0 ? Q : L < 0 ? W : M);
-      const F = mt(T, 0, n - 1);
-      if (n === 0 || !Number.isFinite(F)) {
-        v.current.start({
-          offset: B,
-          config: Z
+      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
         });
         return;
       }
-      p.current = F, x || q(F), s == null || s(F);
-      const Yt = -(F / n) * S, Vt = pt(w, Yt);
-      v.current.start({
-        offset: Vt,
-        config: Z
+      Tt(i);
+      const G = At(i, r);
+      N.current.start({
+        offset: G,
+        config: k
       });
     }
   }, {
-    target: h.domElement,
-    enabled: I,
-    pointer: (a == null ? void 0 : a.pointer) ?? {
+    target: E.domElement,
+    enabled: u,
+    from: () => [0, 0],
+    filterTaps: (o == null ? void 0 : o.filterTaps) ?? !0,
+    threshold: (o == null ? void 0 : o.threshold) ?? 5,
+    pointer: (o == null ? void 0 : o.pointer) ?? {
       touch: !0,
       capture: !0
     },
-    axis: (a == null ? void 0 : a.axis) ?? X,
-    touchAction: (a == null ? void 0 : a.touchAction) ?? "none",
-    threshold: a == null ? void 0 : a.threshold,
-    rubberband: a == null ? void 0 : a.rubberband
-  }), nt(() => {
-    if (!I) return;
-    const i = h.domElement, e = i.style.touchAction, f = i.style.cursor;
-    return i.style.touchAction = "none", i.style.cursor = "grab", () => {
-      i.style.touchAction = e, i.style.cursor = f;
+    axis: (o == null ? void 0 : o.axis) ?? t,
+    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;
     };
-  }, [I, h.domElement]), Gt(() => {
-    if (!P.current) return;
-    const i = lt.get();
-    A.current = i, P.current.rotation[r] = i;
-  });
-  const J = E((i) => Xt(i, n, u, r), [n, u, r]), at = et(() => ({
-    activeIndex: R,
-    count: n,
-    next: b,
-    prev: O,
-    goTo: d
-  }), [R, n, b, O, d]);
-  return /* @__PURE__ */ bt(wt.Provider, { value: at, children: [
-    /* @__PURE__ */ D("group", { ref: P, children: Y.map((i, e) => {
-      const {
-        position: f,
-        rotation: m
-      } = J(e);
-      return /* @__PURE__ */ D("group", { position: f, rotation: m, children: i }, i.key ?? e);
-    }) }),
-    ut
-  ] });
+  }, [u, E.domElement]), {
+    offset: ot,
+    springApi: T,
+    isDraggingRef: st,
+    currentOffsetRef: L
+  };
+}
+const Ft = te(null);
+function Kt(n) {
+  const e = ee(Ft);
+  if (!e)
+    throw new Error(`${n} compound components must be used within ${n}`);
+  return e;
+}
+function Qt() {
+  return Kt("CircularCarousel");
+}
+function Gt(n) {
+  const e = _t.c(9), {
+    next: u
+  } = Qt();
+  let t, s;
+  e[0] !== n ? ({
+    children: t,
+    ...s
+  } = n, e[0] = n, 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];
+  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;
+}
+function Ut(n) {
+  const e = _t.c(9), {
+    prev: u
+  } = Qt();
+  let t, s;
+  e[0] !== n ? ({
+    children: t,
+    ...s
+  } = n, e[0] = n, 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];
+  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;
+}
+const Se = Object.assign(jt(function(e, u) {
+  const t = _t.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,
+    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];
+  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);
+    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
+    });
+  }, 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
+      });
+    }
+  }, 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)
+      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 {
+      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,
+    b
+  ] }), t[71] = It, t[72] = ut.Provider, t[73] = U, t[74] = b, t[75] = ft) : ft = t[75], ft;
+}), {
+  NextTrigger: Gt,
+  PrevTrigger: Ut
 });
-Tt.NextTrigger = vt;
-Tt.PrevTrigger = _t;
-const ue = Tt, Zt = 0.5, Ct = "horizontal", gt = 150, g = {
+function ge(n) {
+  return yt(n) && n.type !== Gt && n.type !== Ut;
+}
+function me(n) {
+  return yt(n) && (n.type === Gt || n.type === Ut);
+}
+const pe = 0.5, he = "horizontal", ve = 150, Mt = {
   tension: 200,
   friction: 25
-}, te = {
+}, xe = {
   tension: 400,
   friction: 50
 };
-function tt(c, t, u) {
-  return Math.max(t, Math.min(u, c));
-}
-function ee(c, t, u) {
-  const r = c * (1 + t);
-  return u === "horizontal" ? [r, 0, 0] : [0, r, 0];
+function Re(n, e, u) {
+  const t = n * (1 + e);
+  return u === "horizontal" ? [t, 0, 0] : [0, t, 0];
 }
-const qt = dt(null);
-function Ht() {
-  const c = St(qt);
-  if (!c)
-    throw new Error("LinearCarousel compound components must be used within LinearCarousel");
-  return c;
+function Zt() {
+  return Kt("LinearCarousel");
 }
-function yt(c) {
-  const t = ot.c(9), {
+function $t(n) {
+  const e = _t.c(9), {
     next: u
-  } = Ht();
-  let r, o;
-  t[0] !== c ? ({
-    children: r,
-    ...o
-  } = c, t[0] = c, t[1] = r, t[2] = o) : (r = t[1], o = t[2]);
-  let l;
-  t[3] !== u ? (l = () => u(), t[3] = u, t[4] = l) : l = t[4];
-  let s;
-  return t[5] !== r || t[6] !== o || t[7] !== l ? (s = /* @__PURE__ */ D("group", { onClick: l, ...o, children: r }), t[5] = r, t[6] = o, t[7] = l, t[8] = s) : s = t[8], s;
+  } = Zt();
+  let t, s;
+  e[0] !== n ? ({
+    children: t,
+    ...s
+  } = n, e[0] = n, 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];
+  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;
 }
-function Nt(c) {
-  const t = ot.c(9), {
+function kt(n) {
+  const e = _t.c(9), {
     prev: u
-  } = Ht();
-  let r, o;
-  t[0] !== c ? ({
-    children: r,
-    ...o
-  } = c, t[0] = c, t[1] = r, t[2] = o) : (r = t[1], o = t[2]);
-  let l;
-  t[3] !== u ? (l = () => u(), t[3] = u, t[4] = l) : l = t[4];
-  let s;
-  return t[5] !== r || t[6] !== o || t[7] !== l ? (s = /* @__PURE__ */ D("group", { onClick: l, ...o, children: r }), t[5] = r, t[6] = o, t[7] = l, t[8] = s) : s = t[8], s;
+  } = Zt();
+  let t, s;
+  e[0] !== n ? ({
+    children: t,
+    ...s
+  } = n, e[0] = n, 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];
+  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;
 }
-const Et = Pt(function({
-  children: t,
-  gap: u = Zt,
-  direction: r = Ct,
-  index: o,
-  defaultIndex: l = 0,
-  onIndexChange: s,
-  dragEnabled: I = !0,
-  dragSensitivity: $,
-  dragAxis: X,
-  dragConfig: a
-}, st) {
-  const [ct, q] = Dt(l), x = o !== void 0, R = x ? o : ct, p = N(R);
-  p.current = R;
-  const H = et(() => Lt.toArray(t), [t]), Y = H.filter((e) => rt(e) && e.type !== yt && e.type !== Nt), ut = H.filter((e) => rt(e) && (e.type === yt || e.type === Nt)), n = Y.length, P = N(null), y = 1 + u, it = $ ?? gt, [{
-    offset: lt
-  }, V] = Ut(() => ({
-    offset: 0
-  })), v = N(V);
-  v.current = V;
-  const z = N(!1), A = N(0), j = N(0), _ = E((e) => {
-    const f = tt(e, 0, n - 1);
-    if (f === p.current) return;
-    p.current = f, x || q(f), s == null || s(f);
-    const m = -f * y;
-    v.current.start({
-      offset: m,
-      config: g
-    });
-  }, [n, x, s, y]), b = E(() => {
-    if (n === 0) return;
-    const e = Math.min(p.current + 1, n - 1);
-    _(e);
-  }, [n, _]), O = E(() => {
-    if (n === 0) return;
-    const e = Math.max(p.current - 1, 0);
-    _(e);
-  }, [n, _]), d = E((e) => _(e), [_]);
-  Mt(st, () => ({
-    next: b,
-    prev: O,
-    goTo: d
-  }), [b, O, d]), nt(() => {
-    if (!z.current && n > 0) {
-      const e = -R * y;
-      v.current.start({
-        offset: e,
-        config: g
-      });
-    }
-  }, [R, n, y]);
+const Oe = Object.assign(jt(function(e, u) {
+  const t = _t.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;
+  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,
+    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];
   const {
-    gl: h
-  } = Ft(), J = X ?? (r === "horizontal" ? "x" : "y");
-  kt(({
-    active: e,
-    movement: [f, m],
-    first: K,
-    last: ft,
-    event: G
-  }) => {
-    z.current = e;
-    const U = G, B = J === "x" ? f : m;
-    if (e && K && U.pointerId != null && (h.domElement.setPointerCapture(U.pointerId), h.domElement.style.cursor = "grabbing", j.current = A.current), !e && ft && U.pointerId != null) {
-      try {
-        h.domElement.releasePointerCapture(U.pointerId);
-      } catch {
-      }
-      h.domElement.style.cursor = "grab";
-    }
-    const k = K ? A.current : j.current, L = Number(B), M = Number.isFinite(L) ? tt(L / it, -y, y) : 0;
-    if (e)
-      v.current.start({
-        offset: k + M,
-        config: te
-      });
-    else {
-      const W = p.current, Q = k + M;
-      let w = Math.round(-Q / y);
-      w = tt(w, W - 1, W + 1);
-      const T = tt(w, 0, n - 1);
-      if (n === 0 || !Number.isFinite(T)) {
-        v.current.start({
-          offset: k,
-          config: g
-        });
-        return;
-      }
-      p.current = T, x || q(T), s == null || s(T);
-      const F = -T * y;
-      v.current.start({
-        offset: F,
-        config: g
+    offset: ct,
+    springApi: x,
+    isDraggingRef: W,
+    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)
+      return;
+    let v;
+    if (R ? v = (l % i + i) % i : v = Et(l, 0, i - 1), v === C.current)
+      return;
+    C.current = v, f || h(v), d == null || d(v);
+    const $ = -v * m;
+    x.start({
+      offset: $,
+      config: Mt
+    });
+  }, 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)
+      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)
+      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
       });
     }
-  }, {
-    target: h.domElement,
-    enabled: I,
-    pointer: (a == null ? void 0 : a.pointer) ?? {
-      touch: !0,
-      capture: !0
-    },
-    axis: (a == null ? void 0 : a.axis) ?? J,
-    touchAction: (a == null ? void 0 : a.touchAction) ?? "none",
-    threshold: a == null ? void 0 : a.threshold,
-    rubberband: a == null ? void 0 : a.rubberband
-  }), nt(() => {
-    if (!I) return;
-    const e = h.domElement, f = e.style.touchAction, m = e.style.cursor;
-    return e.style.touchAction = "none", e.style.cursor = "grab", () => {
-      e.style.touchAction = f, e.style.cursor = m;
-    };
-  }, [I, h.domElement]), Gt(() => {
-    if (!P.current) return;
-    const e = lt.get();
-    A.current = e, r === "horizontal" ? P.current.position.x = e : P.current.position.y = e;
-  });
-  const at = E((e) => ee(e, u, r), [u, r]), i = et(() => ({
-    activeIndex: R,
-    count: n,
-    next: b,
-    prev: O,
-    goTo: d
-  }), [R, n, b, O, d]);
-  return /* @__PURE__ */ bt(qt.Provider, { value: i, children: [
-    /* @__PURE__ */ D("group", { ref: P, children: Y.map((e, f) => {
-      const m = at(f);
-      return /* @__PURE__ */ D("group", { position: [...m], children: e }, e.key ?? f);
-    }) }),
-    ut
-  ] });
+  }, 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)
+      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 = {
+    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];
+  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;
+}), {
+  NextTrigger: $t,
+  PrevTrigger: kt
 });
-Et.NextTrigger = yt;
-Et.PrevTrigger = Nt;
-const ie = Et;
+function Ie(n) {
+  return yt(n) && n.type !== $t && n.type !== kt;
+}
+function Ce(n) {
+  return yt(n) && (n.type === $t || n.type === kt);
+}
 export {
-  ue as CircularCarousel,
-  vt as CircularCarouselNextTrigger,
-  _t as CircularCarouselPrevTrigger,
-  ie as LinearCarousel,
-  yt as LinearCarouselNextTrigger,
-  Nt as LinearCarouselPrevTrigger,
-  $t as useCarouselContext,
-  Ht as useLinearCarouselContext
+  Se as CircularCarousel,
+  Gt as CircularCarouselNextTrigger,
+  Ut as CircularCarouselPrevTrigger,
+  Oe as LinearCarousel,
+  $t as LinearCarouselNextTrigger,
+  kt as LinearCarouselPrevTrigger,
+  Qt as useCarouselContext,
+  Zt as useLinearCarouselContext
 };

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Clamps a value between a minimum and maximum.
+ */
+export declare function clamp(value: number, min: number, max: number): number;

package/package.json

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