@basic-ui/core 0.0.53 → 0.0.54

package/src/utils/create-subscription.ts

@@ -1,16 +1,16 @@
-export function createSubscription() {
-  const subscriptions: (() => void)[] = [];
-
-  function subscribe(fn: () => void) {
-    subscriptions.push(fn);
-    return () => {
-      subscriptions.splice(subscriptions.indexOf(fn), 1);
-    };
-  }
-
-  function notify() {
-    subscriptions.forEach((fn) => fn());
-  }
-
-  return { subscribe, notify };
-}
+export function createSubscription() {
+  const subscriptions: (() => void)[] = [];
+
+  function subscribe(fn: () => void) {
+    subscriptions.push(fn);
+    return () => {
+      subscriptions.splice(subscriptions.indexOf(fn), 1);
+    };
+  }
+
+  function notify() {
+    subscriptions.forEach((fn) => fn());
+  }
+
+  return { subscribe, notify };
+}

package/src/utils/get-circular-index.ts

@@ -1,7 +1,7 @@
-export function getCircularIndex(index: number, maxLength: number) {
-  if (maxLength < 0) {
-    return null;
-  }
-
-  return ((index % maxLength) + maxLength) % maxLength;
-}
+export function getCircularIndex(index: number, maxLength: number) {
+  if (maxLength < 0) {
+    return null;
+  }
+
+  return ((index % maxLength) + maxLength) % maxLength;
+}

package/src/utils/index.ts

@@ -1,10 +1,10 @@
-export * from './assign-ref';
-export * from './can-use-dom';
-export * from './context';
-export * from './get-circular-index';
-export * from './is-right-click';
-export * from './owner-document';
-export * from './polymorphic';
-export * from './rubber-band-clamp';
-export * from './use-stable-callback';
-export * from './wrap-event';
+export * from './assign-ref';
+export * from './can-use-dom';
+export * from './context';
+export * from './get-circular-index';
+export * from './is-right-click';
+export * from './owner-document';
+export * from './polymorphic';
+export * from './rubber-band-clamp';
+export * from './use-stable-callback';
+export * from './wrap-event';

package/src/utils/is-right-click.ts

@@ -1,14 +1,14 @@
-/**
- * Detects right clicks
- *
- * @param nativeEvent
- */
-export function isRightClick(
-  nativeEvent: MouseEvent | PointerEvent | TouchEvent
-) {
-  return 'which' in nativeEvent
-    ? nativeEvent.which === 3
-    : 'button' in nativeEvent
-    ? (nativeEvent as any).button === 2
-    : false;
-}
+/**
+ * Detects right clicks
+ *
+ * @param nativeEvent
+ */
+export function isRightClick(
+  nativeEvent: MouseEvent | PointerEvent | TouchEvent
+) {
+  return 'which' in nativeEvent
+    ? nativeEvent.which === 3
+    : 'button' in nativeEvent
+    ? (nativeEvent as any).button === 2
+    : false;
+}

package/src/utils/owner-document.ts

@@ -1,13 +1,13 @@
-import { canUseDOM } from './can-use-dom';
-
-/**
- * Get an element's owner document. Useful when components are used in iframes
- * or other environments like dev tools.
- *
- * @param element
- */
-export function getOwnerDocument<T extends Element>(
-  element: T | null | undefined
-) {
-  return canUseDOM() ? (element ? element.ownerDocument : document) : null;
-}
+import { canUseDOM } from './can-use-dom';
+
+/**
+ * Get an element's owner document. Useful when components are used in iframes
+ * or other environments like dev tools.
+ *
+ * @param element
+ */
+export function getOwnerDocument<T extends Element>(
+  element: T | null | undefined
+) {
+  return canUseDOM() ? (element ? element.ownerDocument : document) : null;
+}

package/src/utils/polymorphic.ts

@@ -1,78 +1,78 @@
-/* eslint-disable @typescript-eslint/ban-types */
-// adapted from https://github.com/radix-ui/primitives/blob/2f139a832ba0cdfd445c937ebf63c2e79e0ef7ed/packages/react/polymorphic/src/polymorphic.ts
-// Would have liked to use it directly instead of copying but they are
-// (rightfully) treating it as an internal utility, so copy/paste it is to
-// prevent any needless churn if they make breaking changes. Big thanks to Jenna
-// for the heavy lifting! https://github.com/jjenzz
-
-import type * as React from 'react';
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-
-/**
- * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
- */
-export type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
-
-/**
- * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
- */
-export type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any>
-  ? I
-  : never;
-
-type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<
-  Merge<
-    E extends React.ElementType ? React.ComponentPropsWithRef<E> : never,
-    OwnProps & { as?: E; innerAs?: E }
-  >
->;
-
-export interface ForwardRefComponent<
-  IntrinsicElementString,
-  OwnProps = {}
-  /*
-   * Extends original type to ensure built in React types play nice with
-   * polymorphic components still e.g. `React.ElementRef` etc.
-   */
-> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
-  /*
-   * When `as` prop is passed, use this overload. Merges original own props
-   * (without DOM props) and the inferred props from `as` element with the own
-   * props taking precendence.
-   *
-   * We explicitly avoid `React.ElementType` and manually narrow the prop types
-   * so that events are typed when using JSX.IntrinsicElements.
-   */
-  <As = IntrinsicElementString>(
-    props: As extends ''
-      ? {
-          as: keyof JSX.IntrinsicElements;
-          innerAs?: keyof JSX.IntrinsicElements;
-        }
-      : As extends React.ComponentType<infer P>
-      ? Merge<P, OwnProps & { as: As; innerAs?: As }>
-      : As extends keyof JSX.IntrinsicElements
-      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>
-      : never
-  ): React.ReactElement | null;
-}
-
-export interface MemoComponent<IntrinsicElementString, OwnProps = {}>
-  extends React.MemoExoticComponent<
-    ForwardRefComponent<IntrinsicElementString, OwnProps>
-  > {
-  <As = IntrinsicElementString>(
-    props: As extends ''
-      ? {
-          as: keyof JSX.IntrinsicElements;
-          innerAs?: keyof JSX.IntrinsicElements;
-        }
-      : As extends React.ComponentType<infer P>
-      ? Merge<P, OwnProps & { as: As; innerAs?: As }>
-      : As extends keyof JSX.IntrinsicElements
-      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>
-      : never
-  ): React.ReactElement | null;
-}
+/* eslint-disable @typescript-eslint/ban-types */
+// adapted from https://github.com/radix-ui/primitives/blob/2f139a832ba0cdfd445c937ebf63c2e79e0ef7ed/packages/react/polymorphic/src/polymorphic.ts
+// Would have liked to use it directly instead of copying but they are
+// (rightfully) treating it as an internal utility, so copy/paste it is to
+// prevent any needless churn if they make breaking changes. Big thanks to Jenna
+// for the heavy lifting! https://github.com/jjenzz
+
+import type * as React from 'react';
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+export type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+export type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any>
+  ? I
+  : never;
+
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<
+  Merge<
+    E extends React.ElementType ? React.ComponentPropsWithRef<E> : never,
+    OwnProps & { as?: E; innerAs?: E }
+  >
+>;
+
+export interface ForwardRefComponent<
+  IntrinsicElementString,
+  OwnProps = {}
+  /*
+   * Extends original type to ensure built in React types play nice with
+   * polymorphic components still e.g. `React.ElementRef` etc.
+   */
+> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+  /*
+   * When `as` prop is passed, use this overload. Merges original own props
+   * (without DOM props) and the inferred props from `as` element with the own
+   * props taking precendence.
+   *
+   * We explicitly avoid `React.ElementType` and manually narrow the prop types
+   * so that events are typed when using JSX.IntrinsicElements.
+   */
+  <As = IntrinsicElementString>(
+    props: As extends ''
+      ? {
+          as: keyof JSX.IntrinsicElements;
+          innerAs?: keyof JSX.IntrinsicElements;
+        }
+      : As extends React.ComponentType<infer P>
+      ? Merge<P, OwnProps & { as: As; innerAs?: As }>
+      : As extends keyof JSX.IntrinsicElements
+      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>
+      : never
+  ): React.ReactElement | null;
+}
+
+export interface MemoComponent<IntrinsicElementString, OwnProps = {}>
+  extends React.MemoExoticComponent<
+    ForwardRefComponent<IntrinsicElementString, OwnProps>
+  > {
+  <As = IntrinsicElementString>(
+    props: As extends ''
+      ? {
+          as: keyof JSX.IntrinsicElements;
+          innerAs?: keyof JSX.IntrinsicElements;
+        }
+      : As extends React.ComponentType<infer P>
+      ? Merge<P, OwnProps & { as: As; innerAs?: As }>
+      : As extends keyof JSX.IntrinsicElements
+      ? Merge<JSX.IntrinsicElements[As], OwnProps & { as: As; innerAs?: As }>
+      : never
+  ): React.ReactElement | null;
+}

package/src/utils/rubber-band-clamp.ts

@@ -1,25 +1,25 @@
-// https://twitter.com/chpwn/status/285540192096497664
-// iOS constant = 0.55
-export function rubberBand(
-  distance: number,
-  dimension: number,
-  constant = 0.15
-) {
-  return (distance * dimension * constant) / (dimension + constant * distance);
-}
-
-export function rubberBandClamp(
-  min: number,
-  max: number,
-  delta: number,
-  constant = 0.15
-) {
-  if (delta < min) {
-    return -rubberBand(min - delta, max - min, constant) + min;
-  }
-  if (delta > max) {
-    return rubberBand(delta - max, max - min, constant) + max;
-  }
-
-  return delta;
-}
+// https://twitter.com/chpwn/status/285540192096497664
+// iOS constant = 0.55
+export function rubberBand(
+  distance: number,
+  dimension: number,
+  constant = 0.15
+) {
+  return (distance * dimension * constant) / (dimension + constant * distance);
+}
+
+export function rubberBandClamp(
+  min: number,
+  max: number,
+  delta: number,
+  constant = 0.15
+) {
+  if (delta < min) {
+    return -rubberBand(min - delta, max - min, constant) + min;
+  }
+  if (delta > max) {
+    return rubberBand(delta - max, max - min, constant) + max;
+  }
+
+  return delta;
+}

package/src/utils/use-stable-callback.ts

@@ -1,58 +1,58 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-import { useRef, useEffect, useCallback, useLayoutEffect } from 'react';
-import type * as React from 'react';
-
-const useEnhancedEffect =
-  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when
- * passed as a dependency.
- */
-function createStableCallbackHook<T extends (...args: any[]) => any>(
-  useEffectHook: (
-    effect: React.EffectCallback,
-    deps?: React.DependencyList | undefined
-  ) => void,
-  callback: T | null | undefined
-): T {
-  const callbackRef = useRef(callback);
-  useEffectHook(() => {
-    callbackRef.current = callback;
-  });
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  return useCallback(
-    ((...args) => {
-      callbackRef.current && callbackRef.current(...args);
-    }) as T,
-    []
-  );
-}
-
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when passed
- * as a dependency.
- */
-export function useStableCallback<T extends (...args: any[]) => any>(
-  callback: T | null | undefined
-): T {
-  return createStableCallbackHook(useEffect, callback);
-}
-
-/**
- * Converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop and exposed as a stable function to avoid executing effects when passed
- * as a dependency.
- *
- * Use this over `useStableCallback` when you want the callback to be cached in
- * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
- * needed.
- */
-export function useStableLayoutCallback<T extends (...args: any[]) => any>(
-  callback: T | null | undefined
-): T {
-  return createStableCallbackHook(useEnhancedEffect, callback);
-}
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useRef, useEffect, useCallback, useLayoutEffect } from 'react';
+import type * as React from 'react';
+
+const useEnhancedEffect =
+  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when
+ * passed as a dependency.
+ */
+function createStableCallbackHook<T extends (...args: any[]) => any>(
+  useEffectHook: (
+    effect: React.EffectCallback,
+    deps?: React.DependencyList | undefined
+  ) => void,
+  callback: T | null | undefined
+): T {
+  const callbackRef = useRef(callback);
+  useEffectHook(() => {
+    callbackRef.current = callback;
+  });
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useCallback(
+    ((...args) => {
+      callbackRef.current && callbackRef.current(...args);
+    }) as T,
+    []
+  );
+}
+
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ */
+export function useStableCallback<T extends (...args: any[]) => any>(
+  callback: T | null | undefined
+): T {
+  return createStableCallbackHook(useEffect, callback);
+}
+
+/**
+ * Converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop and exposed as a stable function to avoid executing effects when passed
+ * as a dependency.
+ *
+ * Use this over `useStableCallback` when you want the callback to be cached in
+ * `useLayoutEffect` instead of `useEffect` to deal with timing issues only when
+ * needed.
+ */
+export function useStableLayoutCallback<T extends (...args: any[]) => any>(
+  callback: T | null | undefined
+): T {
+  return createStableCallbackHook(useEnhancedEffect, callback);
+}

package/src/utils/wrap-event.ts

@@ -1,22 +1,22 @@
-import type { SyntheticEvent } from 'react';
-
-export type CustomEventHandler<
-  E extends SyntheticEvent<any> | Event,
-  H extends unknown[]
-> = (e: E, ...args: H) => void;
-
-export function wrapEvent<
-  EventType extends SyntheticEvent<any> | Event,
-  H extends unknown[]
->(
-  theirHandler: CustomEventHandler<EventType, H> | undefined,
-  ourHandler: CustomEventHandler<EventType, H>
-): CustomEventHandler<EventType, H> {
-  return (event: EventType, ...otherArgs: H) => {
-    const ret = theirHandler && theirHandler(event, ...otherArgs);
-    if (!event || !event.defaultPrevented) {
-      return ourHandler(event, ...otherArgs);
-    }
-    return ret;
-  };
-}
+import type { SyntheticEvent } from 'react';
+
+export type CustomEventHandler<
+  E extends SyntheticEvent<any> | Event,
+  H extends unknown[]
+> = (e: E, ...args: H) => void;
+
+export function wrapEvent<
+  EventType extends SyntheticEvent<any> | Event,
+  H extends unknown[]
+>(
+  theirHandler: CustomEventHandler<EventType, H> | undefined,
+  ourHandler: CustomEventHandler<EventType, H>
+): CustomEventHandler<EventType, H> {
+  return (event: EventType, ...otherArgs: H) => {
+    const ret = theirHandler && theirHandler(event, ...otherArgs);
+    if (!event || !event.defaultPrevented) {
+      return ourHandler(event, ...otherArgs);
+    }
+    return ret;
+  };
+}

package/build/esm/Carousel/Carousel.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface CarouselProps extends React.HTMLAttributes<HTMLElement> {
-    as?: React.ElementType<any>;
-    isRTL?: boolean;
-    currentSlide?: number;
-    slidesToShow?: number;
-    children?: React.ReactNode;
-}
-export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLElement>>;

package/build/esm/Carousel/Carousel.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React, { forwardRef, useMemo, useRef } from 'react';
-import { assignMultipleRefs } from '../utils/assignRef';
-import { CarouselProvider } from './context';
-export var Carousel = forwardRef(function Carousel(_ref, forwardedRef) {
-  var _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'section' : _ref$as,
-      _ref$currentSlide = _ref.currentSlide,
-      currentSlide = _ref$currentSlide === void 0 ? 0 : _ref$currentSlide,
-      _ref$slidesToShow = _ref.slidesToShow,
-      slidesToShow = _ref$slidesToShow === void 0 ? 1 : _ref$slidesToShow,
-      _ref$isRTL = _ref.isRTL,
-      isRTL = _ref$isRTL === void 0 ? false : _ref$isRTL,
-      children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, ["as", "currentSlide", "slidesToShow", "isRTL", "children"]);
-
-  var containerRef = useRef(null);
-  var contextValue = useMemo(function () {
-    return {
-      slidesToShow: slidesToShow,
-      isRTL: isRTL,
-      currentSlide: currentSlide,
-      itemWidth: 100 / slidesToShow,
-      containerRef: containerRef
-    };
-  }, [currentSlide, isRTL, slidesToShow]);
-  return /*#__PURE__*/React.createElement(CarouselProvider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(Comp, _extends({
-    ref: assignMultipleRefs(forwardedRef, containerRef)
-  }, otherProps, {
-    role: "region",
-    "data-carousel-root": "",
-    "aria-roledescription": "carousel"
-  }), children));
-});
-//# sourceMappingURL=Carousel.js.map

package/build/esm/Carousel/Carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Carousel/Carousel.tsx"],"names":["React","forwardRef","useMemo","useRef","assignMultipleRefs","CarouselProvider","Carousel","forwardedRef","as","Comp","currentSlide","slidesToShow","isRTL","children","otherProps","containerRef","contextValue","itemWidth"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,OAA5B,EAAqCC,MAArC,QAAmD,OAAnD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,gBAAT,QAAiC,WAAjC;AAUA,OAAO,IAAMC,QAAQ,GAAGL,UAAU,CAChC,SAASK,QAAT,OASEC,YATF,EAUE;AAAA,qBAREC,EAQF;AAAA,MARMC,IAQN,wBARa,SAQb;AAAA,+BAPEC,YAOF;AAAA,MAPEA,YAOF,kCAPiB,CAOjB;AAAA,+BANEC,YAMF;AAAA,MANEA,YAMF,kCANiB,CAMjB;AAAA,wBALEC,KAKF;AAAA,MALEA,KAKF,2BALU,KAKV;AAAA,MAJEC,QAIF,QAJEA,QAIF;AAAA,MAHKC,UAGL;;AACA,MAAMC,YAAY,GAAGZ,MAAM,CAAqB,IAArB,CAA3B;AACA,MAAMa,YAAY,GAAGd,OAAO,CAC1B;AAAA,WAAO;AACLS,MAAAA,YAAY,EAAZA,YADK;AAELC,MAAAA,KAAK,EAALA,KAFK;AAGLF,MAAAA,YAAY,EAAZA,YAHK;AAILO,MAAAA,SAAS,EAAE,MAAMN,YAJZ;AAKLI,MAAAA,YAAY,EAAZA;AALK,KAAP;AAAA,GAD0B,EAQ1B,CAACL,YAAD,EAAeE,KAAf,EAAsBD,YAAtB,CAR0B,CAA5B;AAWA,sBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEK;AAAzB,kBACE,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEZ,kBAAkB,CAACG,YAAD,EAAeQ,YAAf;AADzB,KAEMD,UAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,0BAAmB,EAJrB;AAKE,4BAAqB;AALvB,MAOGD,QAPH,CADF,CADF;AAaD,CArC+B,CAA3B","sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { CarouselProvider } from './context';\n\nexport interface CarouselProps extends React.HTMLAttributes<HTMLElement> {\n  as?: React.ElementType<any>;\n  isRTL?: boolean;\n  currentSlide?: number;\n  slidesToShow?: number;\n  children?: React.ReactNode;\n}\n\nexport const Carousel = forwardRef<HTMLElement, CarouselProps>(\n  function Carousel(\n    {\n      as: Comp = 'section',\n      currentSlide = 0,\n      slidesToShow = 1,\n      isRTL = false,\n      children,\n      ...otherProps\n    },\n    forwardedRef\n  ) {\n    const containerRef = useRef<HTMLElement | null>(null);\n    const contextValue = useMemo(\n      () => ({\n        slidesToShow,\n        isRTL,\n        currentSlide,\n        itemWidth: 100 / slidesToShow,\n        containerRef,\n      }),\n      [currentSlide, isRTL, slidesToShow]\n    );\n\n    return (\n      <CarouselProvider value={contextValue}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, containerRef)}\n          {...otherProps}\n          role=\"region\"\n          data-carousel-root=\"\"\n          aria-roledescription=\"carousel\"\n        >\n          {children}\n        </Comp>\n      </CarouselProvider>\n    );\n  }\n);\n"],"file":"Carousel.js"}

package/build/esm/Carousel/Fader.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SpringConfig } from 'react-spring';
-import { GestureHandlersState } from '../hooks';
-export declare const faderConfig: SpringConfig;
-export interface FaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType<any>;
-    mouseSwipe?: boolean;
-    touchSwipe?: boolean;
-    onSwipeRight?: (s: Partial<GestureHandlersState>) => void;
-    onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;
-    springConfig?: SpringConfig;
-    children?: React.ReactNode[] | React.ReactNode;
-}
-export declare const Fader: React.ForwardRefExoticComponent<FaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/Fader.js

@@ -1,76 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React, { forwardRef, Children, useMemo } from 'react';
-import { useTransition, animated } from 'react-spring';
-import { getCircularIndex } from '../utils/getCircularIndex';
-import { useCarouselGestures } from './useCarouselGestures';
-import { useCarouselContext } from './context';
-export var faderConfig = {
-  tension: 280,
-  friction: 75,
-  clamp: true
-};
-export var Fader = forwardRef(function Fader(_ref, ref) {
-  var _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      maybeSingleChildren = _ref.children,
-      _ref$springConfig = _ref.springConfig,
-      springConfig = _ref$springConfig === void 0 ? faderConfig : _ref$springConfig,
-      _ref$mouseSwipe = _ref.mouseSwipe,
-      mouseSwipe = _ref$mouseSwipe === void 0 ? false : _ref$mouseSwipe,
-      _ref$touchSwipe = _ref.touchSwipe,
-      touchSwipe = _ref$touchSwipe === void 0 ? false : _ref$touchSwipe,
-      onSwipeLeft = _ref.onSwipeLeft,
-      onSwipeRight = _ref.onSwipeRight,
-      otherProps = _objectWithoutProperties(_ref, ["as", "children", "springConfig", "mouseSwipe", "touchSwipe", "onSwipeLeft", "onSwipeRight"]);
-
-  var _useCarouselContext = useCarouselContext(),
-      _useCarouselContext$i = _useCarouselContext.isRTL,
-      isRTL = _useCarouselContext$i === void 0 ? false : _useCarouselContext$i,
-      _useCarouselContext$c = _useCarouselContext.currentSlide,
-      nextSlideIndex = _useCarouselContext$c === void 0 ? 0 : _useCarouselContext$c,
-      containerRef = _useCarouselContext.containerRef;
-
-  var children = useMemo(function () {
-    return Children.toArray(maybeSingleChildren);
-  }, [maybeSingleChildren]);
-  var transitions = useTransition(nextSlideIndex, {
-    config: springConfig,
-    from: {
-      opacity: 0
-    },
-    enter: {
-      opacity: 1
-    },
-    leave: {
-      opacity: 0
-    }
-  });
-
-  var _useCarouselGestures = useCarouselGestures({
-    onSwipeLeft: onSwipeLeft,
-    onSwipeRight: onSwipeRight,
-    isRTL: isRTL,
-    containerRef: containerRef
-  }),
-      handlers = _useCarouselGestures.handlers;
-
-  return /*#__PURE__*/React.createElement(Comp, _extends({
-    onTouchStart: touchSwipe ? handlers.onTouchStart : undefined,
-    onMouseDown: mouseSwipe ? handlers.onMouseDown : undefined,
-    "aria-live": "polite",
-    "data-carousel-slider": "",
-    ref: ref
-  }, otherProps), transitions(function (style, item) {
-    var idx = getCircularIndex(item, children.length);
-
-    if (idx !== null) {
-      return /*#__PURE__*/React.createElement(animated.span, {
-        style: style
-      }, children[idx]);
-    }
-
-    return null;
-  }));
-});
-//# sourceMappingURL=Fader.js.map