@basic-ui/core 0.0.53 → 0.0.56

package/src/Modal/ModalBackdrop.tsx

@@ -33,7 +33,7 @@ export const ModalBackdrop = forwardRef<HTMLDivElement, ModalBackdropProps>(
     },
     forwardedRef
   ) => {
-    const ref = useRef();
+    const ref = useRef(null);
     const mouseDownTargetRef = useRef<EventTarget | null>(null);
 
     const handleClick = (e: MouseEvent<HTMLDivElement>) => {

package/src/Modal/NavDrawer.story.tsx

@@ -1,3 +1,4 @@
+import type { CSSProperties, ReactNode } from 'react';
 import { useState } from 'react';
 import { useSpring, animated } from 'react-spring';
 
@@ -35,7 +36,7 @@ const LoremIpsum = ({ numOfParagraphs = 20 }) => {
   return <>{content}</>;
 };
 
-const Wrapper = ({ children }) => {
+const Wrapper = ({ children }: { children: ReactNode }) => {
   return (
     <div style={{ maxWidth: 900, margin: '0 auto' }}>
       <div
@@ -67,7 +68,7 @@ const Wrapper = ({ children }) => {
 const SimpleModalControlledAnimated = () => {
   const [open, setOpen] = useState(false);
   const [pointerEvents, setPointerEvents] =
-    useState<PointerEventsProperty>('none');
+    useState<CSSProperties['pointerEvents']>('none');
   const [{ transformX, opacity }, set] = useSpring(() => ({
     transformX: -120,
     opacity: 0,
@@ -135,10 +136,12 @@ const SimpleModalControlledAnimated = () => {
             <Modal
               as={animated.div}
               className="nav-drawer-left"
-              style={{
-                transform: transformX.to(trans),
-                opacity,
-              }}
+              style={
+                {
+                  transform: transformX.to(trans),
+                  opacity,
+                } as any
+              }
             >
               <button>This is a cool button</button>
               Hello world

package/src/Popper/Popper.story.tsx

@@ -1,5 +1,7 @@
+import type { ReactNode, RefObject } from 'react';
 import { useRef, useState, useEffect } from 'react';
 import { useSpring, animated } from 'react-spring';
+import type { Placement } from '@popperjs/core';
 
 import { Popper } from './Popper';
 import { PopperArrow } from './PopperArrow';
@@ -28,7 +30,21 @@ const placements = [
   'left-end',
 ];
 
-const Tooltip = ({ children, open, placement, anchorEl, showArrow }) => {
+const AnimatedDiv = animated.div as any;
+
+const Tooltip = ({
+  children,
+  open,
+  placement,
+  anchorEl,
+  showArrow,
+}: {
+  children: ReactNode;
+  open: boolean;
+  placement: Placement;
+  anchorEl: RefObject<HTMLElement | null>;
+  showArrow: boolean;
+}) => {
   const [visible, setVisible] = useState(open);
   const [animationProps, set] = useSpring(() => ({
     opacity: open ? 1 : 0,
@@ -60,7 +76,7 @@ const Tooltip = ({ children, open, placement, anchorEl, showArrow }) => {
       skidding={0}
       style={{ zIndex: 1100 }}
     >
-      <animated.div style={animationProps}>
+      <AnimatedDiv style={animationProps}>
         <div
           style={{
             backgroundColor: '#fff',
@@ -71,7 +87,7 @@ const Tooltip = ({ children, open, placement, anchorEl, showArrow }) => {
           {children}
         </div>
         {showArrow && <PopperArrow color="#f00" />}
-      </animated.div>
+      </AnimatedDiv>
     </Popper>
   );
 };
@@ -119,7 +135,7 @@ const PopperExample = ({ showAll = false, showArrow = false }) => {
             key={`placement_${placement}`}
             open={open}
             showArrow={showArrow}
-            placement={placement}
+            placement={placement as Placement}
           >
             {placement}
           </Tooltip>
@@ -190,9 +206,9 @@ const PopperFixedExample = () => {
 
 const JumpingPopperExample = () => {
   const [currentPopperIndex, setCurrentPopperIndex] = useState(0);
-  const ref1 = useRef();
-  const ref2 = useRef();
-  const ref3 = useRef();
+  const ref1 = useRef<HTMLButtonElement | null>(null);
+  const ref2 = useRef<HTMLButtonElement | null>(null);
+  const ref3 = useRef<HTMLButtonElement | null>(null);
   const allRefs = [ref1, ref2, ref3];
 
   useEffect(() => {

package/src/Popper/Popper.tsx

@@ -35,7 +35,7 @@ export type OffsetsFunction = (arg0: {
 export interface PopperProps extends HTMLAttributes<HTMLDivElement> {
   as?: ElementType<any>;
   innerAs?: ElementType<any>;
-  anchorEl: RefObject<HTMLElement>;
+  anchorEl: RefObject<HTMLElement | null>;
   children?: ReactNode;
   placement?: Placement;
   strategy?: PositioningStrategy;
@@ -73,7 +73,7 @@ export const Popper = memo(
       modifiers = emptyModifiers,
       usePortal = false,
       style = {},
-      portalSelector = 'body',
+      portalSelector,
       distance = 0,
       skidding = 0,
       arrowPadding = 5,

package/src/RadioButton/RadioButton.story.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 
 import { RadioButton, RadioGroup } from './';
+import type { RadioValue } from './context';
 // import './styles.css';
 
 export default {
@@ -35,7 +36,7 @@ const UncontrolledExample = (props: { initialValue?: string }) => {
 };
 
 const ControlledExample = () => {
-  const [value, setValue] = useState(undefined);
+  const [value, setValue] = useState<RadioValue | undefined>(undefined);
 
   return (
     <RadioGroup

package/src/Slider/Slider.tsx

@@ -32,7 +32,7 @@ import {
   useLayoutEffect,
   useId,
 } from 'react';
-import type { ReactNode, KeyboardEvent } from 'react';
+import type { ReactElement, ReactNode, KeyboardEvent } from 'react';
 
 import { createContext } from '../utils/context';
 import type * as Polymorphic from '../utils/polymorphic';
@@ -233,7 +233,7 @@ const SliderInput = forwardRef(function SliderInput(
   },
   forwardedRef
 ) {
-  const touchId: TouchIdRef = useRef();
+  const touchId: TouchIdRef = useRef<number | undefined>(undefined);
 
   const fallbackId = useId();
   const id = rest.id || fallbackId;
@@ -395,7 +395,6 @@ const SliderInput = forwardRef(function SliderInput(
         return;
       }
 
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const ownerDocument = getOwnerDocument(sliderRef.current)!;
       const ownerWindow = ownerDocument.defaultView || window;
       pointerDownRef.current = true;
@@ -471,7 +470,6 @@ const SliderInput = forwardRef(function SliderInput(
   });
 
   const addMoveListener = useCallback(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const ownerDocument = getOwnerDocument(sliderRef.current)!;
     const touchListener = wrapEvent(
       appEvents.current.onTouchMove,
@@ -490,7 +488,6 @@ const SliderInput = forwardRef(function SliderInput(
   }, [handlePointerMove]);
 
   const addEndListener = useCallback(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const ownerDocument = getOwnerDocument(sliderRef.current)!;
     const ownerWindow = ownerDocument.defaultView || window;
     const pointerListener = wrapEvent(
@@ -523,13 +520,12 @@ const SliderInput = forwardRef(function SliderInput(
     // e.preventDefault is ignored by React's synthetic touchStart event, so
     // we attach the listener directly to the DOM node
     // https://github.com/facebook/react/issues/9809#issuecomment-413978405
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
     const sliderElement = sliderRef.current!;
     if (!sliderElement) {
       return noop;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const ownerDocument = getOwnerDocument(sliderElement)!;
     const ownerWindow = ownerDocument.defaultView || window;
     const touchListener = wrapEvent(
@@ -730,7 +726,7 @@ const SliderRange = memo(SliderRangeImpl) as Polymorphic.MemoComponent<
  *
  * @see Docs https://reach.tech/slider#sliderrange-props
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 interface SliderRangeProps {}
 
 ////////////////////////////////////////////////////////////////////////////////
@@ -840,7 +836,7 @@ const SliderHandle = memo(SliderHandleImpl) as Polymorphic.MemoComponent<
  *
  * @see Docs https://reach.tech/slider#sliderhandle-props
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 interface SliderHandleProps {}
 
 ////////////////////////////////////////////////////////////////////////////////
@@ -1028,7 +1024,6 @@ function useDimensions(ref: React.RefObject<HTMLElement | null>) {
     : 0; */
 
   useLayoutEffect(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const ownerDocument = getOwnerDocument(ref.current)!;
     const ownerWindow = ownerDocument.defaultView || window;
     if (ref.current) {
@@ -1094,7 +1089,7 @@ type SliderChildrenRender = (props: {
   max?: number;
   min?: number;
   value?: number;
-}) => JSX.Element;
+}) => ReactElement;
 
 ////////////////////////////////////////////////////////////////////////////////
 // Exports

package/src/Spinner/Spinner.tsx

@@ -41,7 +41,7 @@ export const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(
       ...otherProps
     } = props;
     const [spinnerHasFocus, setSpinnerHasFocus] = useState(false);
-    const ref = useRef<HTMLDivElement>();
+    const ref = useRef<HTMLDivElement | null>(null);
 
     const clamp = (value: number) => clampFunc(value, minValue, maxValue);
 

package/src/Tabs/TabList.tsx

@@ -30,7 +30,7 @@ export const TabList = forwardRef<HTMLDivElement, TabListProps>(
       ...otherProps
     } = props;
 
-    const ref = useRef();
+    const ref = useRef(null);
     const tabsScope = useScope(ref);
     const tabsContext = useTabsContext();
     const id = useId();

package/src/Tooltip/Tooltip.tsx

@@ -3,7 +3,7 @@ import type {
   HTMLAttributes,
   ReactElement,
   ReactNode,
-  RefAttributes,
+  Ref,
 } from 'react';
 import { forwardRef, cloneElement, Children } from 'react';
 
@@ -27,12 +27,15 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
       disabled = false,
       ...otherProps
     } = props;
-    const child: ReactElement & RefAttributes<any> = Children.only(
-      children
-    ) as any;
+    const child = Children.only(children) as ReactElement<
+      HTMLAttributes<HTMLElement>
+    >;
+    // React 19: ref lives in props. React <=18: ref lives on element directly.
+    const childRef =
+      (child.props as { ref?: Ref<HTMLElement> }).ref ?? (child as any).ref;
     const [childProps, { visible, ...tooltipProps }] = useTooltip(
       child.props,
-      child.ref,
+      childRef,
       otherProps
     );
 

package/src/Tooltip/useTooltip.ts

@@ -29,7 +29,7 @@ export type ChildProps = HTMLAttributes<HTMLElement> &
   RefAttributes<HTMLElement>;
 
 export interface InjectedTooltipProps extends HTMLAttributes<HTMLElement> {
-  anchorEl: RefObject<HTMLElement>;
+  anchorEl: RefObject<HTMLElement | null>;
   visible: boolean;
   children?: ReactNode;
 }

package/src/hooks/useControlledState.ts

@@ -31,15 +31,10 @@ export function useControlledState<
       hasWarned.current = true;
     }
     return [
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       valueProp!,
       wrapEvent(onChangeProp, defaultOnChange(setValueState)),
     ];
   }
 
-  return [
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    valueState!,
-    wrapEvent(onChangeProp, defaultOnChange(setValueState)),
-  ];
+  return [valueState!, wrapEvent(onChangeProp, defaultOnChange(setValueState))];
 }

package/src/hooks/useGestureHandlers.ts

@@ -189,7 +189,6 @@ export function gestureHandlers(
 
   // Touch handlers
 
-  /* eslint-disable @typescript-eslint/no-use-before-define */
   function handleTouchMove(e: TouchEvent) {
     if (e.cancelable) {
       // prevent drag & drop behaviour from browser
@@ -213,7 +212,6 @@ export function gestureHandlers(
       return;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const ownerDocument = getOwnerDocument(e.currentTarget)!;
     const ownerWindow = ownerDocument.defaultView || window;
     ownerWindow.addEventListener('touchmove', handleTouchMove, {
@@ -241,7 +239,6 @@ export function gestureHandlers(
       return;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const ownerDocument = getOwnerDocument(e.currentTarget)!;
     const ownerWindow = ownerDocument.defaultView || window;
     if (e.button === 0) {
@@ -256,7 +253,6 @@ export function gestureHandlers(
     this.removeEventListener('mouseup', handleMouseUp);
     handleUp();
   }
-  /* eslint-enable @typescript-eslint/no-use-before-define */
 
   return {
     onMouseDown: handleMouseDown,

package/src/hooks/useRemoveBodyScroll.ts

@@ -10,7 +10,6 @@ export function useRemoveBodyScroll(
 ) {
   useEffect(() => {
     if (open && elementRef.current) {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const ownerDocument = getOwnerDocument(elementRef.current)!;
       const ownerWindow = ownerDocument.defaultView || window;
       scrollBodyCount += 1;

package/src/hooks/useScope.ts

@@ -25,7 +25,7 @@ export function getScope<T extends HTMLElement, R extends HTMLElement>(
 
     const filtered: T[] = [];
     allNodes.forEach((node) => {
-      const props = {};
+      const props: Record<string, any> = {};
       const { attributes } = node;
       for (let i = 0; i < attributes.length; i++) {
         const attr = attributes[i];

package/src/styles.d.ts

@@ -0,0 +1 @@
+declare module '*.css';

package/src/utils/polymorphic.ts

@@ -1,4 +1,3 @@
-/* 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
@@ -7,7 +6,6 @@
 
 import type * as React from 'react';
 
-// eslint-disable-next-line @typescript-eslint/ban-types
 export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
 
 /**
@@ -48,13 +46,16 @@ export interface ForwardRefComponent<
   <As = IntrinsicElementString>(
     props: As extends ''
       ? {
-          as: keyof JSX.IntrinsicElements;
-          innerAs?: keyof JSX.IntrinsicElements;
+          as: keyof React.JSX.IntrinsicElements;
+          innerAs?: keyof React.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 }>
+      : As extends keyof React.JSX.IntrinsicElements
+      ? Merge<
+          React.JSX.IntrinsicElements[As],
+          OwnProps & { as: As; innerAs?: As }
+        >
       : never
   ): React.ReactElement | null;
 }
@@ -66,13 +67,16 @@ export interface MemoComponent<IntrinsicElementString, OwnProps = {}>
   <As = IntrinsicElementString>(
     props: As extends ''
       ? {
-          as: keyof JSX.IntrinsicElements;
-          innerAs?: keyof JSX.IntrinsicElements;
+          as: keyof React.JSX.IntrinsicElements;
+          innerAs?: keyof React.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 }>
+      : As extends keyof React.JSX.IntrinsicElements
+      ? Merge<
+          React.JSX.IntrinsicElements[As],
+          OwnProps & { as: As; innerAs?: As }
+        >
       : never
   ): React.ReactElement | null;
 }

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

@@ -22,7 +22,6 @@ function createStableCallbackHook<T extends (...args: any[]) => any>(
     callbackRef.current = callback;
   });
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   return useCallback(
     ((...args) => {
       callbackRef.current && callbackRef.current(...args);

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Carousel/Fader.tsx"],"names":["React","forwardRef","Children","useMemo","useTransition","animated","getCircularIndex","useCarouselGestures","useCarouselContext","faderConfig","tension","friction","clamp","Fader","ref","as","Comp","maybeSingleChildren","children","springConfig","mouseSwipe","touchSwipe","onSwipeLeft","onSwipeRight","otherProps","isRTL","currentSlide","nextSlideIndex","containerRef","toArray","transitions","config","from","opacity","enter","leave","handlers","onTouchStart","undefined","onMouseDown","style","item","idx","length"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,QAA5B,EAAsCC,OAAtC,QAAqD,OAArD;AACA,SAASC,aAAT,EAAsCC,QAAtC,QAAsD,cAAtD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAMC,WAAyB,GAAG;AACvCC,EAAAA,OAAO,EAAE,GAD8B;AAEvCC,EAAAA,QAAQ,EAAE,EAF6B;AAGvCC,EAAAA,KAAK,EAAE;AAHgC,CAAlC;AAgBP,OAAO,IAAMC,KAAK,GAAGZ,UAAU,CAAC,SAASY,KAAT,OAW9BC,GAX8B,EAY9B;AAAA,qBAVEC,EAUF;AAAA,MAVMC,IAUN,wBAVa,KAUb;AAAA,MATYC,mBASZ,QATEC,QASF;AAAA,+BAREC,YAQF;AAAA,MAREA,YAQF,kCARiBV,WAQjB;AAAA,6BAPEW,UAOF;AAAA,MAPEA,UAOF,gCAPe,KAOf;AAAA,6BANEC,UAMF;AAAA,MANEA,UAMF,gCANe,KAMf;AAAA,MALEC,WAKF,QALEA,WAKF;AAAA,MAJEC,YAIF,QAJEA,YAIF;AAAA,MAHKC,UAGL;;AAAA,4BAKIhB,kBAAkB,EALtB;AAAA,kDAEEiB,KAFF;AAAA,MAEEA,KAFF,sCAEU,KAFV;AAAA,kDAGEC,YAHF;AAAA,MAGgBC,cAHhB,sCAGiC,CAHjC;AAAA,MAIEC,YAJF,uBAIEA,YAJF;;AAMA,MAAMV,QAAQ,GAAGf,OAAO,CAAC;AAAA,WAAMD,QAAQ,CAAC2B,OAAT,CAAiBZ,mBAAjB,CAAN;AAAA,GAAD,EAA8C,CACpEA,mBADoE,CAA9C,CAAxB;AAIA,MAAMa,WAAW,GAAG1B,aAAa,CAACuB,cAAD,EAAiB;AAChDI,IAAAA,MAAM,EAAEZ,YADwC;AAEhDa,IAAAA,IAAI,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAF0C;AAGhDC,IAAAA,KAAK,EAAE;AAAED,MAAAA,OAAO,EAAE;AAAX,KAHyC;AAIhDE,IAAAA,KAAK,EAAE;AAAEF,MAAAA,OAAO,EAAE;AAAX;AAJyC,GAAjB,CAAjC;;AAVA,6BAiBqB1B,mBAAmB,CAAC;AACvCe,IAAAA,WAAW,EAAXA,WADuC;AAEvCC,IAAAA,YAAY,EAAZA,YAFuC;AAGvCE,IAAAA,KAAK,EAALA,KAHuC;AAIvCG,IAAAA,YAAY,EAAZA;AAJuC,GAAD,CAjBxC;AAAA,MAiBQQ,QAjBR,wBAiBQA,QAjBR;;AAwBA,sBACE,oBAAC,IAAD;AACE,IAAA,YAAY,EAAEf,UAAU,GAAGe,QAAQ,CAACC,YAAZ,GAA2BC,SADrD;AAEE,IAAA,WAAW,EAAElB,UAAU,GAAGgB,QAAQ,CAACG,WAAZ,GAA0BD,SAFnD;AAGE,iBAAU,QAHZ;AAIE,4BAAqB,EAJvB;AAKE,IAAA,GAAG,EAAExB;AALP,KAMMU,UANN,GAQGM,WAAW,CAAC,UAACU,KAAD,EAAQC,IAAR,EAAiB;AAC5B,QAAMC,GAAG,GAAGpC,gBAAgB,CAACmC,IAAD,EAAOvB,QAAQ,CAACyB,MAAhB,CAA5B;;AACA,QAAID,GAAG,KAAK,IAAZ,EAAkB;AAChB,0BAAO,oBAAC,QAAD,CAAU,IAAV;AAAe,QAAA,KAAK,EAAEF;AAAtB,SAA8BtB,QAAQ,CAACwB,GAAD,CAAtC,CAAP;AACD;;AAED,WAAO,IAAP;AACD,GAPW,CARd,CADF;AAmBD,CAvD8B,CAAxB","sourcesContent":["import React, { forwardRef, Children, useMemo } from 'react';\nimport { useTransition, SpringConfig, animated } from 'react-spring';\nimport { getCircularIndex } from '../utils/getCircularIndex';\nimport { useCarouselGestures } from './useCarouselGestures';\nimport { useCarouselContext } from './context';\nimport { GestureHandlersState } from '../hooks';\n\nexport const faderConfig: SpringConfig = {\n  tension: 280,\n  friction: 75,\n  clamp: true,\n};\n\nexport interface FaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  mouseSwipe?: boolean;\n  touchSwipe?: boolean;\n  onSwipeRight?: (s: Partial<GestureHandlersState>) => void;\n  onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;\n  springConfig?: SpringConfig;\n  children?: React.ReactNode[] | React.ReactNode;\n}\n\nexport const Fader = forwardRef(function Fader(\n  {\n    as: Comp = 'div',\n    children: maybeSingleChildren,\n    springConfig = faderConfig,\n    mouseSwipe = false,\n    touchSwipe = false,\n    onSwipeLeft,\n    onSwipeRight,\n    ...otherProps\n  }: FaderProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {\n    isRTL = false,\n    currentSlide: nextSlideIndex = 0,\n    containerRef,\n  } = useCarouselContext();\n  const children = useMemo(() => Children.toArray(maybeSingleChildren), [\n    maybeSingleChildren,\n  ]);\n\n  const transitions = useTransition(nextSlideIndex, {\n    config: springConfig,\n    from: { opacity: 0 },\n    enter: { opacity: 1 },\n    leave: { opacity: 0 },\n  });\n\n  const { handlers } = useCarouselGestures({\n    onSwipeLeft,\n    onSwipeRight,\n    isRTL,\n    containerRef,\n  });\n\n  return (\n    <Comp\n      onTouchStart={touchSwipe ? handlers.onTouchStart : undefined}\n      onMouseDown={mouseSwipe ? handlers.onMouseDown : undefined}\n      aria-live=\"polite\"\n      data-carousel-slider=\"\"\n      ref={ref}\n      {...otherProps}\n    >\n      {transitions((style, item) => {\n        const idx = getCircularIndex(item, children.length);\n        if (idx !== null) {\n          return <animated.span style={style}>{children[idx]}</animated.span>;\n        }\n\n        return null;\n      })}\n    </Comp>\n  );\n});\n"],"file":"Fader.js"}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface FaderItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType<any>;
-}
-export declare const FaderItem: React.ForwardRefExoticComponent<FaderItemProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/FaderItem.js

@@ -1,16 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React, { forwardRef } from 'react';
-export var FaderItem = forwardRef(function FaderItem(_ref, ref) {
-  var _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      props = _objectWithoutProperties(_ref, ["as"]);
-
-  return /*#__PURE__*/React.createElement(Comp, _extends({
-    role: "group",
-    "aria-roledescription": "slide",
-    "data-carousel-fader-item": "",
-    ref: ref
-  }, props));
-});
-//# sourceMappingURL=FaderItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Carousel/FaderItem.tsx"],"names":["React","forwardRef","FaderItem","ref","as","Comp","props"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAMA,OAAO,IAAMC,SAAS,GAAGD,UAAU,CACjC,SAASC,SAAT,OAAmDC,GAAnD,EAAwD;AAAA,qBAAnCC,EAAmC;AAAA,MAA/BC,IAA+B,wBAAxB,KAAwB;AAAA,MAAdC,KAAc;;AACtD,sBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,4BAAqB,OAFvB;AAGE,gCAAyB,EAH3B;AAIE,IAAA,GAAG,EAAEH;AAJP,KAKMG,KALN,EADF;AASD,CAXgC,CAA5B","sourcesContent":["import React, { forwardRef } from 'react';\n\nexport interface FaderItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n}\n\nexport const FaderItem = forwardRef<HTMLDivElement, FaderItemProps>(\n  function FaderItem({ as: Comp = 'div', ...props }, ref) {\n    return (\n      <Comp\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        data-carousel-fader-item=\"\"\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"FaderItem.js"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface PreloaderProps {
-    children: React.ReactNode[] | React.ReactNode;
-    preloadNextCount?: number;
-    preloadPrevCount?: number;
-}
-export declare const Preloader: React.ForwardRefExoticComponent<PreloaderProps & React.RefAttributes<HTMLDivElement>>;