@basic-ui/core 0.0.52 → 0.0.53

package/build/esm/Carousel/Slider.js

@@ -0,0 +1,212 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useRef, useReducer, useEffect, useMemo, Children, forwardRef } from 'react';
+import { useSpring, animated } from 'react-spring';
+import { SliderItemRenderer } from './SliderItem';
+import { useCarouselContext } from './context';
+import { getSliderParams } from './getSliderParams';
+import { useCarouselGestures } from './useCarouselGestures';
+export var sliderConfig = {
+  tension: 230,
+  friction: 20,
+  clamp: true
+};
+var SET_CURRENT_SLIDER_INDEX = 'setCurrentSlideIndex';
+var SET_SHOULD_ANIMATE_TO_REST = 'setShouldAnimateToRest';
+var TRIGGER_RERENDER = 'triggerRerender';
+
+function reducer(prevState, action) {
+  switch (action.type) {
+    case SET_CURRENT_SLIDER_INDEX:
+      return _extends(_extends({}, prevState), {}, {
+        currentSlideIndex: action.payload,
+        shouldAnimateToRest: false
+      });
+
+    case SET_SHOULD_ANIMATE_TO_REST:
+      return _extends(_extends({}, prevState), {}, {
+        shouldAnimateToRest: action.payload
+      });
+
+    case TRIGGER_RERENDER:
+      return _extends({}, prevState);
+  }
+}
+
+var noop = function noop() {
+  /* null function to be used on onRest and onFrame */
+};
+
+export var Slider = forwardRef(function Slider(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? animated.div : _ref$as,
+      maybeSingleChildren = _ref.children,
+      _ref$springConfig = _ref.springConfig,
+      springConfig = _ref$springConfig === void 0 ? sliderConfig : _ref$springConfig,
+      mouseSwipe = _ref.mouseSwipe,
+      touchSwipe = _ref.touchSwipe,
+      onSwipeLeft = _ref.onSwipeLeft,
+      onSwipeRight = _ref.onSwipeRight,
+      style = _ref.style,
+      otherProps = _objectWithoutProperties(_ref, ["as", "children", "springConfig", "mouseSwipe", "touchSwipe", "onSwipeLeft", "onSwipeRight", "style"]);
+
+  var _useCarouselContext = useCarouselContext(),
+      _useCarouselContext$i = _useCarouselContext.isRTL,
+      isRTL = _useCarouselContext$i === void 0 ? false : _useCarouselContext$i,
+      _useCarouselContext$s = _useCarouselContext.slidesToShow,
+      slidesToShow = _useCarouselContext$s === void 0 ? 1 : _useCarouselContext$s,
+      _useCarouselContext$c = _useCarouselContext.currentSlide,
+      nextSlideIndex = _useCarouselContext$c === void 0 ? 0 : _useCarouselContext$c,
+      containerRef = _useCarouselContext.containerRef,
+      itemWidth = _useCarouselContext.itemWidth;
+
+  var _useReducer = useReducer(reducer, {
+    currentSlideIndex: nextSlideIndex,
+    shouldAnimateToRest: false
+  }),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _useReducer2$ = _useReducer2[0],
+      currentSlideIndex = _useReducer2$.currentSlideIndex,
+      shouldAnimateToRest = _useReducer2$.shouldAnimateToRest,
+      dispatch = _useReducer2[1]; // Convert children from possibly empty, or 1 child, to array of nodes
+
+
+  var children = useMemo(function () {
+    return Children.toArray(maybeSingleChildren);
+  }, [maybeSingleChildren]); // Keep record of animation frames
+
+  var lastAnimationX = useRef(0); // Keep record of drag positioning, to forceUpdate when dragging slides
+
+  var lastDragX = useRef(NaN); // Animation properties... will be update via setAnimationProps
+
+  var _useSpring = useSpring({
+    to: {
+      x: 0
+    },
+    config: springConfig
+  }, []),
+      _useSpring2 = _slicedToArray(_useSpring, 2),
+      animationProps = _useSpring2[0],
+      setAnimationProps = _useSpring2[1]; // Keep track of animation values, to allow
+  // us to pause animation with mouse click
+
+
+  var onChange = function onChange(e) {
+    lastAnimationX.current = e.x || 0;
+  }; // Called when the next slide animation is complete
+
+
+  var onNextSlideComplete = function onNextSlideComplete() {
+    // need this to stay in sync with setAnimationProps
+    requestAnimationFrame(function () {
+      dispatch({
+        type: SET_CURRENT_SLIDER_INDEX,
+        payload: nextSlideIndex
+      });
+      lastAnimationX.current = 0;
+      setAnimationProps({
+        x: 0,
+        immediate: true,
+        onRest: noop,
+        onChange: noop
+      });
+    });
+  }; // Called when you started dragging, but didn't drag long enough,
+  // so it will rest back to zero
+
+
+  var onRestAnimationComplete = function onRestAnimationComplete() {
+    lastAnimationX.current = 0;
+    dispatch({
+      type: SET_SHOULD_ANIMATE_TO_REST,
+      payload: false
+    });
+  };
+
+  var onDrag = function onDrag(s) {
+    if (s.down) {
+      var x = lastAnimationX.current + s.xDeltaPercent;
+      setAnimationProps({
+        x: x,
+        immediate: true,
+        onRest: noop,
+        onChange: noop
+      });
+
+      if (x === 0) {
+        return;
+      }
+
+      if (s.xDeltaPercent !== 0 && !Object.is(Math.trunc(lastDragX.current / itemWidth), Math.trunc(x / itemWidth))) {
+        // flipping signal, or adding more async slides
+        requestAnimationFrame(function () {
+          dispatch({
+            type: SET_SHOULD_ANIMATE_TO_REST,
+            payload: true
+          });
+        });
+      }
+
+      lastDragX.current = x;
+    } else {
+      setAnimationProps({
+        x: 0,
+        onRest: onRestAnimationComplete,
+        onChange: onChange,
+        immediate: false
+      });
+      lastDragX.current = NaN; // force a rerender to make sure it will still work
+      // when you pause in the middle of a slide transition
+
+      dispatch({
+        type: TRIGGER_RERENDER
+      });
+    }
+  };
+
+  var _useCarouselGestures = useCarouselGestures({
+    isRTL: isRTL,
+    onSwipeRight: onSwipeRight,
+    onSwipeLeft: onSwipeLeft,
+    onDrag: onDrag,
+    containerRef: containerRef,
+    slidesToShow: slidesToShow
+  }),
+      handlers = _useCarouselGestures.handlers,
+      gestureState = _useCarouselGestures.state;
+
+  var deltaX = gestureState.down || shouldAnimateToRest ? lastAnimationX.current + gestureState.xDeltaPercent : 0;
+  /* Slide animation parameters */
+
+  var params = getSliderParams(children.length, currentSlideIndex, nextSlideIndex, slidesToShow, gestureState.down, deltaX, isRTL);
+  useEffect(function () {
+    if (nextSlideIndex !== currentSlideIndex) {
+      setAnimationProps({
+        x: params.targetX,
+        onRest: onNextSlideComplete,
+        onChange: onChange,
+        immediate: false
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: ref,
+    onTouchStart: touchSwipe ? handlers.onTouchStart : undefined,
+    onMouseDown: mouseSwipe ? handlers.onMouseDown : undefined,
+    "aria-live": "polite",
+    "data-carousel-slider": "",
+    dir: isRTL ? 'rtl' : undefined,
+    style: _extends({
+      left: params.left,
+      paddingRight: params.paddingRight,
+      transform: animationProps.x.to(function (t) {
+        return "translateX(".concat(t, "%)");
+      })
+    }, style)
+  }, otherProps), /*#__PURE__*/React.createElement(SliderItemRenderer, {
+    startingIndex: params.startingIndex,
+    count: params.count
+  }, children));
+});
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Slider.tsx"],"names":["React","useRef","useReducer","useEffect","useMemo","Children","forwardRef","useSpring","animated","SliderItemRenderer","useCarouselContext","getSliderParams","useCarouselGestures","sliderConfig","tension","friction","clamp","SET_CURRENT_SLIDER_INDEX","SET_SHOULD_ANIMATE_TO_REST","TRIGGER_RERENDER","reducer","prevState","action","type","currentSlideIndex","payload","shouldAnimateToRest","noop","Slider","ref","as","Comp","div","maybeSingleChildren","children","springConfig","mouseSwipe","touchSwipe","onSwipeLeft","onSwipeRight","style","otherProps","isRTL","slidesToShow","currentSlide","nextSlideIndex","containerRef","itemWidth","dispatch","toArray","lastAnimationX","lastDragX","NaN","to","x","config","animationProps","setAnimationProps","onChange","e","current","onNextSlideComplete","requestAnimationFrame","immediate","onRest","onRestAnimationComplete","onDrag","s","down","xDeltaPercent","Object","is","Math","trunc","handlers","gestureState","state","deltaX","params","length","targetX","onTouchStart","undefined","onMouseDown","left","paddingRight","transform","t","startingIndex","count"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  useReducer,\n  useEffect,\n  useMemo,\n  Children,\n  forwardRef,\n} from 'react';\nimport { useSpring, SpringConfig, animated } from 'react-spring';\nimport { SliderItemRenderer } from './SliderItem';\nimport { useCarouselContext } from './context';\nimport { getSliderParams } from './getSliderParams';\nimport { useCarouselGestures } from './useCarouselGestures';\nimport { GestureHandlersState } from '../hooks';\n\nexport const sliderConfig: SpringConfig = {\n  tension: 230,\n  friction: 20,\n  clamp: true,\n};\n\nexport interface SliderProps 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\ninterface SliderState {\n  currentSlideIndex: number;\n  shouldAnimateToRest: boolean;\n}\n\nconst SET_CURRENT_SLIDER_INDEX = 'setCurrentSlideIndex';\nconst SET_SHOULD_ANIMATE_TO_REST = 'setShouldAnimateToRest';\nconst TRIGGER_RERENDER = 'triggerRerender';\n\ninterface SliderSetPreviousSlideIndex {\n  type: typeof SET_CURRENT_SLIDER_INDEX;\n  payload: number;\n}\n\ninterface SlideSetRestAnimating {\n  type: typeof SET_SHOULD_ANIMATE_TO_REST;\n  payload: boolean;\n}\n\ninterface SlideTriggerRerender {\n  type: typeof TRIGGER_RERENDER;\n}\n\ntype SliderAction =\n  | SliderSetPreviousSlideIndex\n  | SlideSetRestAnimating\n  | SlideTriggerRerender;\n\nfunction reducer<T>(\n  prevState: Readonly<SliderState>,\n  action: SliderAction\n): SliderState {\n  switch (action.type) {\n    case SET_CURRENT_SLIDER_INDEX:\n      return {\n        ...prevState,\n        currentSlideIndex: action.payload,\n        shouldAnimateToRest: false,\n      };\n    case SET_SHOULD_ANIMATE_TO_REST:\n      return { ...prevState, shouldAnimateToRest: action.payload };\n    case TRIGGER_RERENDER:\n      return { ...prevState };\n  }\n}\n\nconst noop = () => {\n  /* null function to be used on onRest and onFrame */\n};\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    as: Comp = animated.div,\n    children: maybeSingleChildren,\n    springConfig = sliderConfig,\n    mouseSwipe,\n    touchSwipe,\n    onSwipeLeft,\n    onSwipeRight,\n    style,\n    ...otherProps\n  },\n  ref\n) {\n  const {\n    isRTL = false,\n    slidesToShow = 1,\n    currentSlide: nextSlideIndex = 0,\n    containerRef,\n    itemWidth,\n  } = useCarouselContext();\n\n  const [{ currentSlideIndex, shouldAnimateToRest }, dispatch] = useReducer(\n    reducer,\n    {\n      currentSlideIndex: nextSlideIndex,\n      shouldAnimateToRest: false,\n    }\n  );\n\n  // Convert children from possibly empty, or 1 child, to array of nodes\n  const children = useMemo(() => Children.toArray(maybeSingleChildren), [\n    maybeSingleChildren,\n  ]);\n\n  // Keep record of animation frames\n  const lastAnimationX = useRef(0);\n\n  // Keep record of drag positioning, to forceUpdate when dragging slides\n  const lastDragX = useRef(NaN);\n\n  // Animation properties... will be update via setAnimationProps\n  const [animationProps, setAnimationProps] = useSpring<{ x: number }>(\n    {\n      to: { x: 0 },\n      config: springConfig,\n    },\n    []\n  );\n\n  // Keep track of animation values, to allow\n  // us to pause animation with mouse click\n  const onChange = (e: { x: number }) => {\n    lastAnimationX.current = e.x || 0;\n  };\n\n  // Called when the next slide animation is complete\n  const onNextSlideComplete = () => {\n    // need this to stay in sync with setAnimationProps\n    requestAnimationFrame(() => {\n      dispatch({ type: SET_CURRENT_SLIDER_INDEX, payload: nextSlideIndex });\n      lastAnimationX.current = 0;\n      setAnimationProps({\n        x: 0,\n        immediate: true,\n        onRest: noop,\n        onChange: noop,\n      });\n    });\n  };\n\n  // Called when you started dragging, but didn't drag long enough,\n  // so it will rest back to zero\n  const onRestAnimationComplete = () => {\n    lastAnimationX.current = 0;\n    dispatch({ type: SET_SHOULD_ANIMATE_TO_REST, payload: false });\n  };\n\n  const onDrag = (s: GestureHandlersState) => {\n    if (s.down) {\n      const x = lastAnimationX.current + s.xDeltaPercent;\n      setAnimationProps({\n        x,\n        immediate: true,\n        onRest: noop,\n        onChange: noop,\n      });\n\n      if (x === 0) {\n        return;\n      }\n\n      if (\n        s.xDeltaPercent !== 0 &&\n        !Object.is(\n          Math.trunc(lastDragX.current / itemWidth),\n          Math.trunc(x / itemWidth)\n        )\n      ) {\n        // flipping signal, or adding more async slides\n        requestAnimationFrame(() => {\n          dispatch({ type: SET_SHOULD_ANIMATE_TO_REST, payload: true });\n        });\n      }\n\n      lastDragX.current = x;\n    } else {\n      setAnimationProps({\n        x: 0,\n        onRest: onRestAnimationComplete,\n        onChange: onChange,\n        immediate: false,\n      });\n\n      lastDragX.current = NaN;\n\n      // force a rerender to make sure it will still work\n      // when you pause in the middle of a slide transition\n      dispatch({ type: TRIGGER_RERENDER });\n    }\n  };\n\n  const { handlers, state: gestureState } = useCarouselGestures({\n    isRTL,\n    onSwipeRight,\n    onSwipeLeft,\n    onDrag,\n    containerRef,\n    slidesToShow,\n  });\n\n  const deltaX =\n    gestureState.down || shouldAnimateToRest\n      ? lastAnimationX.current + gestureState.xDeltaPercent\n      : 0;\n\n  /* Slide animation parameters */\n  const params = getSliderParams(\n    children.length,\n    currentSlideIndex,\n    nextSlideIndex,\n    slidesToShow,\n    gestureState.down,\n    deltaX,\n    isRTL\n  );\n\n  useEffect(() => {\n    if (nextSlideIndex !== currentSlideIndex) {\n      setAnimationProps({\n        x: params.targetX,\n        onRest: onNextSlideComplete,\n        onChange,\n        immediate: false,\n      });\n    }\n  });\n\n  return (\n    <Comp\n      ref={ref}\n      onTouchStart={touchSwipe ? handlers.onTouchStart : undefined}\n      onMouseDown={mouseSwipe ? handlers.onMouseDown : undefined}\n      aria-live=\"polite\"\n      data-carousel-slider=\"\"\n      dir={isRTL ? 'rtl' : undefined}\n      style={{\n        left: params.left,\n        paddingRight: params.paddingRight,\n        transform: animationProps.x.to((t) => {\n          return `translateX(${t}%)`;\n        }),\n        ...(style as any),\n      }}\n      {...otherProps}\n    >\n      <SliderItemRenderer\n        startingIndex={params.startingIndex}\n        count={params.count}\n      >\n        {children}\n      </SliderItemRenderer>\n    </Comp>\n  );\n});\n"],"file":"Slider.js"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface SliderItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+}
+export declare const SliderItem: React.ForwardRefExoticComponent<SliderItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SliderItemRendererProps {
+    children: React.ReactNode[];
+    startingIndex: number;
+    count: number;
+}
+export declare const SliderItemRenderer: ({ children, startingIndex, count, }: SliderItemRendererProps) => JSX.Element;
+export default SliderItem;

package/build/esm/Carousel/SliderItem.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef } from 'react';
+import { getCircularIndex } from '../utils/getCircularIndex';
+export var SliderItem = forwardRef(function SliderItem(_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({
+    ref: ref,
+    role: "group",
+    "aria-roledescription": "slide",
+    "data-carousel-slider-item": ""
+  }, props));
+});
+export var SliderItemRenderer = function SliderItemRenderer(_ref2) {
+  var children = _ref2.children,
+      startingIndex = _ref2.startingIndex,
+      count = _ref2.count;
+  var ret = [];
+  var itemsLen = children.length;
+  var finalIndex = startingIndex + count;
+  var counter = 0;
+
+  for (var i = startingIndex; i < finalIndex; i += 1, counter += 1) {
+    if (counter % itemsLen === 0) {
+      ret.push([]);
+    }
+
+    var index = getCircularIndex(i, itemsLen);
+
+    if (index !== null) {
+      ret[ret.length - 1].push(children[index]);
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, ret);
+};
+export default SliderItem;
+//# sourceMappingURL=SliderItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/SliderItem.tsx"],"names":["React","forwardRef","getCircularIndex","SliderItem","ref","as","Comp","props","SliderItemRenderer","children","startingIndex","count","ret","itemsLen","length","finalIndex","counter","i","push","index"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAMA,OAAO,IAAMC,UAAU,GAAGF,UAAU,CAClC,SAASE,UAAT,OAEEC,GAFF,EAGE;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,KAEb;AAAA,MAFuBC,KAEvB;;AACA,sBACE,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,4BAAqB,OAHvB;AAIE,iCAA0B;AAJ5B,KAKMG,KALN,EADF;AASD,CAdiC,CAA7B;AAuBP,OAAO,IAAMC,kBAAkB,GAAG,SAASA,kBAAT,QAIN;AAAA,MAH1BC,QAG0B,SAH1BA,QAG0B;AAAA,MAF1BC,aAE0B,SAF1BA,aAE0B;AAAA,MAD1BC,KAC0B,SAD1BA,KAC0B;AAC1B,MAAMC,GAAwB,GAAG,EAAjC;AACA,MAAMC,QAAQ,GAAGJ,QAAQ,CAACK,MAA1B;AACA,MAAMC,UAAU,GAAGL,aAAa,GAAGC,KAAnC;AAEA,MAAIK,OAAO,GAAG,CAAd;;AACA,OAAK,IAAIC,CAAC,GAAGP,aAAb,EAA4BO,CAAC,GAAGF,UAAhC,EAA4CE,CAAC,IAAI,CAAL,EAAQD,OAAO,IAAI,CAA/D,EAAkE;AAChE,QAAIA,OAAO,GAAGH,QAAV,KAAuB,CAA3B,EAA8B;AAC5BD,MAAAA,GAAG,CAACM,IAAJ,CAAS,EAAT;AACD;;AACD,QAAMC,KAAK,GAAGjB,gBAAgB,CAACe,CAAD,EAAIJ,QAAJ,CAA9B;;AACA,QAAIM,KAAK,KAAK,IAAd,EAAoB;AAClBP,MAAAA,GAAG,CAACA,GAAG,CAACE,MAAJ,GAAa,CAAd,CAAH,CAAoBI,IAApB,CAAyBT,QAAQ,CAACU,KAAD,CAAjC;AACD;AACF;;AAED,sBAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBP,GAAjB,CAAP;AACD,CArBM;AAuBP,eAAeT,UAAf","sourcesContent":["import React, { forwardRef } from 'react';\nimport { getCircularIndex } from '../utils/getCircularIndex';\n\nexport interface SliderItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n}\n\nexport const SliderItem = forwardRef<HTMLDivElement, SliderItemProps>(\n  function SliderItem(\n    { as: Comp = 'div', ...props },\n    ref: React.Ref<HTMLDivElement>\n  ) {\n    return (\n      <Comp\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        data-carousel-slider-item=\"\"\n        {...props}\n      />\n    );\n  }\n);\n\ninterface SliderItemRendererProps {\n  children: React.ReactNode[];\n  startingIndex: number;\n  count: number;\n}\n\nexport const SliderItemRenderer = function SliderItemRenderer({\n  children,\n  startingIndex,\n  count,\n}: SliderItemRendererProps) {\n  const ret: React.ReactNode[][] = [];\n  const itemsLen = children.length;\n  const finalIndex = startingIndex + count;\n\n  let counter = 0;\n  for (let i = startingIndex; i < finalIndex; i += 1, counter += 1) {\n    if (counter % itemsLen === 0) {\n      ret.push([]);\n    }\n    const index = getCircularIndex(i, itemsLen);\n    if (index !== null) {\n      ret[ret.length - 1].push(children[index]);\n    }\n  }\n\n  return <React.Fragment>{ret}</React.Fragment>;\n};\n\nexport default SliderItem;\n"],"file":"SliderItem.js"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface CarouselContextProps {
+    slidesToShow: number;
+    isRTL: boolean;
+    currentSlide: number;
+    itemWidth: number;
+    containerRef: React.MutableRefObject<HTMLElement | null>;
+}
+export declare const CarouselProvider: import("react").Provider<CarouselContextProps>;
+export declare const useCarouselContext: () => CarouselContextProps;

package/build/esm/Carousel/context.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+var carouselContext = createContext(null);
+var CarouselProvider = carouselContext.Provider;
+export { CarouselProvider };
+export var useCarouselContext = function useCarouselContext() {
+  return useContext(carouselContext);
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/context.ts"],"names":["createContext","useContext","carouselContext","CarouselProvider","Provider","useCarouselContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAUA,IAAMC,eAAe,GAAGF,aAAa,CAAuB,IAAvB,CAArC;IACyBG,gB,GAAqBD,e,CAA/BE,Q;;AACf,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CarouselContextProps {\n  slidesToShow: number;\n  isRTL: boolean;\n  currentSlide: number;\n  itemWidth: number;\n  containerRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nconst carouselContext = createContext<CarouselContextProps>(null as any);\nexport const { Provider: CarouselProvider } = carouselContext;\nexport const useCarouselContext = () => useContext(carouselContext);\n"],"file":"context.js"}

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

@@ -0,0 +1,9 @@
+export declare function getSlidesToScroll(curSlide: number, nextSlide: number, deltaX: number, itemWidth: number): number;
+export declare function getSliderParams(numAvailableSlides: number, curSlide: number, nextSlide: number, slidesToShow: number, dragging: boolean, deltaX: number, isRTL: boolean): {
+    startingIndex: number;
+    count: number;
+    left: string | undefined;
+    targetX: number;
+    itemWidth: number;
+    paddingRight: string | undefined;
+};

package/build/esm/Carousel/getSliderParams.js

@@ -0,0 +1,85 @@
+var AnimationState;
+
+(function (AnimationState) {
+  AnimationState[AnimationState["LEFT"] = -1] = "LEFT";
+  AnimationState[AnimationState["NONE"] = 0] = "NONE";
+  AnimationState[AnimationState["RIGHT"] = 1] = "RIGHT";
+})(AnimationState || (AnimationState = {}));
+
+function getAnimationState(animationEnabled, nextSlide, currentSlide, deltaX, isRTL) {
+  if (deltaX === 0 && (!animationEnabled || nextSlide === currentSlide)) {
+    return AnimationState.NONE;
+  }
+
+  if (deltaX < 0 || nextSlide > currentSlide && !isRTL || nextSlide < currentSlide && isRTL) {
+    return AnimationState.RIGHT;
+  }
+
+  return AnimationState.LEFT;
+}
+
+function getSlideIndex(curSlide, nextSlide, deltaX, slidesToScroll, isRTL) {
+  if (deltaX > 0 && !isRTL || deltaX < 0 && isRTL) {
+    return curSlide - slidesToScroll;
+  }
+
+  return Math.min(curSlide, nextSlide);
+}
+
+function getLeftOffset(animationState, itemWidth, slidesToScroll, isRTL) {
+  if (animationState === AnimationState.LEFT && !isRTL) {
+    return "".concat(-itemWidth * slidesToScroll, "%");
+  }
+
+  if (animationState === AnimationState.RIGHT && isRTL) {
+    return "".concat(itemWidth * slidesToScroll, "%");
+  }
+
+  return undefined;
+}
+
+function getSpringTarget(drag, deltaX, animationState, itemWidth, slidesToScroll) {
+  if (drag) {
+    return deltaX;
+  }
+
+  if (animationState === AnimationState.LEFT) {
+    return itemWidth * slidesToScroll;
+  }
+
+  if (animationState === AnimationState.RIGHT) {
+    return -itemWidth * slidesToScroll;
+  }
+
+  return 0;
+}
+
+export function getSlidesToScroll(curSlide, nextSlide, deltaX, itemWidth) {
+  var dragSlideCount = deltaX !== 0 ? 1 + Math.floor(Math.abs(deltaX) / itemWidth) : 0;
+  var slideCount = Math.abs(nextSlide - curSlide);
+  return Math.max(dragSlideCount, slideCount);
+}
+export function getSliderParams(numAvailableSlides, curSlide, nextSlide, slidesToShow, dragging, deltaX, isRTL) {
+  // The size in percentage that each slide will ocupy
+  var itemWidth = 100 / slidesToShow;
+  var animationEnabled = numAvailableSlides >= slidesToShow; // if we don't have enough children to animate, we will fulfill
+  // the remaining space with a padding to the right
+
+  var paddingRight = animationEnabled ? undefined : "".concat(itemWidth * (slidesToShow - numAvailableSlides), "%");
+  var animationState = getAnimationState(animationEnabled, nextSlide, curSlide, deltaX, isRTL);
+  var slidesToScroll = getSlidesToScroll(curSlide, nextSlide, deltaX, itemWidth);
+  var startingIndex = getSlideIndex(curSlide, nextSlide, deltaX, slidesToScroll, isRTL);
+  var count = slidesToShow + (animationState !== AnimationState.NONE ? slidesToScroll : 0); // shift items to the left for animation effect
+
+  var left = getLeftOffset(animationState, itemWidth, slidesToScroll, isRTL);
+  var targetX = getSpringTarget(dragging, deltaX, nextSlide !== curSlide ? animationState : AnimationState.NONE, itemWidth, Math.abs(nextSlide - curSlide));
+  return {
+    startingIndex: startingIndex,
+    count: count,
+    left: left,
+    targetX: targetX,
+    itemWidth: itemWidth,
+    paddingRight: paddingRight
+  };
+}
+//# sourceMappingURL=getSliderParams.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/getSliderParams.ts"],"names":["AnimationState","getAnimationState","animationEnabled","nextSlide","currentSlide","deltaX","isRTL","NONE","RIGHT","LEFT","getSlideIndex","curSlide","slidesToScroll","Math","min","getLeftOffset","animationState","itemWidth","undefined","getSpringTarget","drag","getSlidesToScroll","dragSlideCount","floor","abs","slideCount","max","getSliderParams","numAvailableSlides","slidesToShow","dragging","paddingRight","startingIndex","count","left","targetX"],"mappings":"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","sourcesContent":["enum AnimationState {\n  LEFT = -1,\n  NONE = 0,\n  RIGHT = 1,\n}\n\nfunction getAnimationState(\n  animationEnabled: boolean,\n  nextSlide: number,\n  currentSlide: number,\n  deltaX: number,\n  isRTL: boolean\n): AnimationState {\n  if (deltaX === 0 && (!animationEnabled || nextSlide === currentSlide)) {\n    return AnimationState.NONE;\n  }\n\n  if (\n    deltaX < 0 ||\n    (nextSlide > currentSlide && !isRTL) ||\n    (nextSlide < currentSlide && isRTL)\n  ) {\n    return AnimationState.RIGHT;\n  }\n\n  return AnimationState.LEFT;\n}\n\nfunction getSlideIndex(\n  curSlide: number,\n  nextSlide: number,\n  deltaX: number,\n  slidesToScroll: number,\n  isRTL: boolean\n) {\n  if ((deltaX > 0 && !isRTL) || (deltaX < 0 && isRTL)) {\n    return curSlide - slidesToScroll;\n  }\n\n  return Math.min(curSlide, nextSlide);\n}\n\nfunction getLeftOffset(\n  animationState: AnimationState,\n  itemWidth: number,\n  slidesToScroll: number,\n  isRTL: boolean\n) {\n  if (animationState === AnimationState.LEFT && !isRTL) {\n    return `${-itemWidth * slidesToScroll}%`;\n  }\n  if (animationState === AnimationState.RIGHT && isRTL) {\n    return `${itemWidth * slidesToScroll}%`;\n  }\n\n  return undefined;\n}\n\nfunction getSpringTarget(\n  drag: boolean,\n  deltaX: number,\n  animationState: AnimationState,\n  itemWidth: number,\n  slidesToScroll: number\n) {\n  if (drag) {\n    return deltaX;\n  }\n  if (animationState === AnimationState.LEFT) {\n    return itemWidth * slidesToScroll;\n  }\n  if (animationState === AnimationState.RIGHT) {\n    return -itemWidth * slidesToScroll;\n  }\n\n  return 0;\n}\n\nexport function getSlidesToScroll(\n  curSlide: number,\n  nextSlide: number,\n  deltaX: number,\n  itemWidth: number\n) {\n  const dragSlideCount =\n    deltaX !== 0 ? 1 + Math.floor(Math.abs(deltaX) / itemWidth) : 0;\n  const slideCount = Math.abs(nextSlide - curSlide);\n\n  return Math.max(dragSlideCount, slideCount);\n}\n\nexport function getSliderParams(\n  numAvailableSlides: number,\n  curSlide: number,\n  nextSlide: number,\n  slidesToShow: number,\n  dragging: boolean,\n  deltaX: number,\n  isRTL: boolean\n) {\n  // The size in percentage that each slide will ocupy\n  const itemWidth = 100 / slidesToShow;\n\n  const animationEnabled = numAvailableSlides >= slidesToShow;\n  // if we don't have enough children to animate, we will fulfill\n  // the remaining space with a padding to the right\n  const paddingRight = animationEnabled\n    ? undefined\n    : `${itemWidth * (slidesToShow - numAvailableSlides)}%`;\n\n  const animationState = getAnimationState(\n    animationEnabled,\n    nextSlide,\n    curSlide,\n    deltaX,\n    isRTL\n  );\n\n  const slidesToScroll = getSlidesToScroll(\n    curSlide,\n    nextSlide,\n    deltaX,\n    itemWidth\n  );\n\n  const startingIndex = getSlideIndex(\n    curSlide,\n    nextSlide,\n    deltaX,\n    slidesToScroll,\n    isRTL\n  );\n  const count =\n    slidesToShow +\n    (animationState !== AnimationState.NONE ? slidesToScroll : 0);\n\n  // shift items to the left for animation effect\n  const left = getLeftOffset(animationState, itemWidth, slidesToScroll, isRTL);\n\n  const targetX = getSpringTarget(\n    dragging,\n    deltaX,\n    nextSlide !== curSlide ? animationState : AnimationState.NONE,\n    itemWidth,\n    Math.abs(nextSlide - curSlide)\n  );\n\n  return { startingIndex, count, left, targetX, itemWidth, paddingRight };\n}\n"],"file":"getSliderParams.js"}

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

@@ -0,0 +1,7 @@
+export * from './Carousel';
+export * from './Slider';
+export * from './Fader';
+export * from './SliderItem';
+export * from './FaderItem';
+export * from './Preloader';
+export * from './context';

package/build/esm/Carousel/index.js

@@ -0,0 +1,8 @@
+export * from './Carousel';
+export * from './Slider';
+export * from './Fader';
+export * from './SliderItem';
+export * from './FaderItem';
+export * from './Preloader';
+export * from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd","sourcesContent":["export * from './Carousel';\nexport * from './Slider';\nexport * from './Fader';\nexport * from './SliderItem';\nexport * from './FaderItem';\nexport * from './Preloader';\nexport * from './context';\n"],"file":"index.js"}

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { GestureHandlersState } from '../hooks';
+interface UseCarouselOptions {
+    onSwipeRight?: (s: GestureHandlersState) => void;
+    onSwipeLeft?: (s: GestureHandlersState) => void;
+    onDrag?: (s: GestureHandlersState) => void;
+    slidesToShow?: number;
+    isRTL?: boolean;
+    containerRef: React.MutableRefObject<HTMLElement | null>;
+}
+export declare const useCarouselGestures: (props: UseCarouselOptions) => {
+    state: {
+        target: EventTarget | null;
+        x: number;
+        xDelta: number;
+        xDeltaPercent: number;
+        xInitial: number;
+        xPrev: number;
+        xVelocity: number;
+        y: number;
+        yDelta: number;
+        yDeltaPercent: number;
+        yInitial: number;
+        yPrev: number;
+        yVelocity: number;
+        down: boolean;
+    };
+    handlers: import("../hooks").GestureHandlersReturn;
+};
+export {};

package/build/esm/Carousel/useCarouselGestures.js

@@ -0,0 +1,33 @@
+import { useGestureHandlers } from '../hooks';
+export var useCarouselGestures = function useCarouselGestures(props) {
+  var onSwipeLeft = props.onSwipeLeft,
+      onSwipeRight = props.onSwipeRight,
+      onDrag = props.onDrag,
+      _props$slidesToShow = props.slidesToShow,
+      slidesToShow = _props$slidesToShow === void 0 ? 1 : _props$slidesToShow,
+      isRTL = props.isRTL,
+      containerRef = props.containerRef;
+  return useGestureHandlers(containerRef, function (state) {
+    var xDelta = state.xDeltaPercent,
+        xVelocity = state.xVelocity,
+        down = state.down;
+    var swipeLeft = onSwipeLeft;
+    var swipeRight = onSwipeRight;
+
+    if (isRTL) {
+      swipeLeft = onSwipeRight;
+      swipeRight = onSwipeLeft;
+    }
+
+    if (swipeLeft && swipeRight && !down && (Math.abs(xDelta) >= 25 / slidesToShow || Math.abs(xVelocity) >= 2.5)) {
+      if (xDelta < 0) {
+        swipeRight && swipeRight(state);
+      } else {
+        swipeLeft && swipeLeft(state);
+      }
+    }
+
+    onDrag && onDrag(state);
+  });
+};
+//# sourceMappingURL=useCarouselGestures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/useCarouselGestures.ts"],"names":["useGestureHandlers","useCarouselGestures","props","onSwipeLeft","onSwipeRight","onDrag","slidesToShow","isRTL","containerRef","state","xDelta","xDeltaPercent","xVelocity","down","swipeLeft","swipeRight","Math","abs"],"mappings":"AAAA,SAASA,kBAAT,QAAyD,UAAzD;AAWA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAA+B;AAAA,MAE9DC,WAF8D,GAQ5DD,KAR4D,CAE9DC,WAF8D;AAAA,MAG9DC,YAH8D,GAQ5DF,KAR4D,CAG9DE,YAH8D;AAAA,MAI9DC,MAJ8D,GAQ5DH,KAR4D,CAI9DG,MAJ8D;AAAA,4BAQ5DH,KAR4D,CAK9DI,YAL8D;AAAA,MAK9DA,YAL8D,oCAK/C,CAL+C;AAAA,MAM9DC,KAN8D,GAQ5DL,KAR4D,CAM9DK,KAN8D;AAAA,MAO9DC,YAP8D,GAQ5DN,KAR4D,CAO9DM,YAP8D;AAUhE,SAAOR,kBAAkB,CAACQ,YAAD,EAAe,UAACC,KAAD,EAAW;AAAA,QAC1BC,MAD0B,GACED,KADF,CACzCE,aADyC;AAAA,QAClBC,SADkB,GACEH,KADF,CAClBG,SADkB;AAAA,QACPC,IADO,GACEJ,KADF,CACPI,IADO;AAGjD,QAAIC,SAAS,GAAGX,WAAhB;AACA,QAAIY,UAAU,GAAGX,YAAjB;;AACA,QAAIG,KAAJ,EAAW;AACTO,MAAAA,SAAS,GAAGV,YAAZ;AACAW,MAAAA,UAAU,GAAGZ,WAAb;AACD;;AAED,QACEW,SAAS,IACTC,UADA,IAEA,CAACF,IAFD,KAGCG,IAAI,CAACC,GAAL,CAASP,MAAT,KAAoB,KAAKJ,YAAzB,IAAyCU,IAAI,CAACC,GAAL,CAASL,SAAT,KAAuB,GAHjE,CADF,EAKE;AACA,UAAIF,MAAM,GAAG,CAAb,EAAgB;AACdK,QAAAA,UAAU,IAAIA,UAAU,CAACN,KAAD,CAAxB;AACD,OAFD,MAEO;AACLK,QAAAA,SAAS,IAAIA,SAAS,CAACL,KAAD,CAAtB;AACD;AACF;;AAEDJ,IAAAA,MAAM,IAAIA,MAAM,CAACI,KAAD,CAAhB;AACD,GAxBwB,CAAzB;AAyBD,CAnCM","sourcesContent":["import { useGestureHandlers, GestureHandlersState } from '../hooks';\n\ninterface UseCarouselOptions {\n  onSwipeRight?: (s: GestureHandlersState) => void;\n  onSwipeLeft?: (s: GestureHandlersState) => void;\n  onDrag?: (s: GestureHandlersState) => void;\n  slidesToShow?: number;\n  isRTL?: boolean;\n  containerRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nexport const useCarouselGestures = (props: UseCarouselOptions) => {\n  const {\n    onSwipeLeft,\n    onSwipeRight,\n    onDrag,\n    slidesToShow = 1,\n    isRTL,\n    containerRef,\n  } = props;\n\n  return useGestureHandlers(containerRef, (state) => {\n    const { xDeltaPercent: xDelta, xVelocity, down } = state;\n\n    let swipeLeft = onSwipeLeft;\n    let swipeRight = onSwipeRight;\n    if (isRTL) {\n      swipeLeft = onSwipeRight;\n      swipeRight = onSwipeLeft;\n    }\n\n    if (\n      swipeLeft &&\n      swipeRight &&\n      !down &&\n      (Math.abs(xDelta) >= 25 / slidesToShow || Math.abs(xVelocity) >= 2.5)\n    ) {\n      if (xDelta < 0) {\n        swipeRight && swipeRight(state);\n      } else {\n        swipeLeft && swipeLeft(state);\n      }\n    }\n\n    onDrag && onDrag(state);\n  });\n};\n"],"file":"useCarouselGestures.js"}

package/build/esm/CheckBox/CheckBox.d.ts

@@ -1,7 +1,7 @@
-import type { ElementType, InputHTMLAttributes, ReactNode } from 'react';
-export interface CheckBoxProps extends InputHTMLAttributes<HTMLInputElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const CheckBox: import("react").ForwardRefExoticComponent<CheckBoxProps & import("react").RefAttributes<HTMLInputElement>>;
+import type { ElementType, InputHTMLAttributes, ReactNode } from 'react';
+export interface CheckBoxProps extends InputHTMLAttributes<HTMLInputElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const CheckBox: import("react").ForwardRefExoticComponent<CheckBoxProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","names":["forwardRef","useControlledState","CheckBox","props","forwardedRef","as","Comp","checkedProp","checked","defaultChecked","onChangeProp","onChange","otherProps","setValue","e","target"],"sources":["../../../src/CheckBox/CheckBox.tsx"],"sourcesContent":["import type { ElementType, InputHTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useControlledState } from '../hooks';\r\n\r\nexport interface CheckBoxProps extends InputHTMLAttributes<HTMLInputElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\r\n  function CheckBox(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'input',\r\n      checked: checkedProp,\r\n      defaultChecked = false,\r\n      onChange: onChangeProp,\r\n      ...otherProps\r\n    } = props;\r\n    const [checked, onChange] = useControlledState(\r\n      checkedProp,\r\n      onChangeProp,\r\n      defaultChecked,\r\n      (setValue) => (e) => {\r\n        setValue(e.target.checked);\r\n      }\r\n    );\r\n\r\n    return (\r\n      <Comp\r\n        ref={forwardedRef}\r\n        type=\"checkbox\"\r\n        checked={checked}\r\n        aria-checked={checked}\r\n        onChange={onChange}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AAQA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,SAASE,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,OADb;EAAA,IAEWC,WAFX,GAMIJ,KANJ,CAEEK,OAFF;EAAA,4BAMIL,KANJ,CAGEM,cAHF;EAAA,IAGEA,cAHF,sCAGmB,KAHnB;EAAA,IAIYC,YAJZ,GAMIP,KANJ,CAIEQ,QAJF;EAAA,IAKKC,UALL,4BAMIT,KANJ;;EAOA,0BAA4BF,kBAAkB,CAC5CM,WAD4C,EAE5CG,YAF4C,EAG5CD,cAH4C,EAI5C,UAACI,QAAD;IAAA,OAAc,UAACC,CAAD,EAAO;MACnBD,QAAQ,CAACC,CAAC,CAACC,MAAF,CAASP,OAAV,CAAR;IACD,CAFD;EAAA,CAJ4C,CAA9C;EAAA;EAAA,IAAOA,OAAP;EAAA,IAAgBG,QAAhB;;EASA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEP,YADP;IAEE,IAAI,EAAC,UAFP;IAGE,OAAO,EAAEI,OAHX;IAIE,gBAAcA,OAJhB;IAKE,QAAQ,EAAEG;EALZ,GAMMC,UANN,EADF;AAUD,CA5B+B,CAA3B"}
+{"version":3,"file":"CheckBox.js","names":["forwardRef","useControlledState","CheckBox","props","forwardedRef","as","Comp","checkedProp","checked","defaultChecked","onChangeProp","onChange","otherProps","setValue","e","target"],"sources":["../../../src/CheckBox/CheckBox.tsx"],"sourcesContent":["import type { ElementType, InputHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useControlledState } from '../hooks';\n\nexport interface CheckBoxProps extends InputHTMLAttributes<HTMLInputElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBox(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      checked: checkedProp,\n      defaultChecked = false,\n      onChange: onChangeProp,\n      ...otherProps\n    } = props;\n    const [checked, onChange] = useControlledState(\n      checkedProp,\n      onChangeProp,\n      defaultChecked,\n      (setValue) => (e) => {\n        setValue(e.target.checked);\n      }\n    );\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        type=\"checkbox\"\n        checked={checked}\n        aria-checked={checked}\n        onChange={onChange}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AAQA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,SAASE,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,OADb;EAAA,IAEWC,WAFX,GAMIJ,KANJ,CAEEK,OAFF;EAAA,4BAMIL,KANJ,CAGEM,cAHF;EAAA,IAGEA,cAHF,sCAGmB,KAHnB;EAAA,IAIYC,YAJZ,GAMIP,KANJ,CAIEQ,QAJF;EAAA,IAKKC,UALL,4BAMIT,KANJ;;EAOA,0BAA4BF,kBAAkB,CAC5CM,WAD4C,EAE5CG,YAF4C,EAG5CD,cAH4C,EAI5C,UAACI,QAAD;IAAA,OAAc,UAACC,CAAD,EAAO;MACnBD,QAAQ,CAACC,CAAC,CAACC,MAAF,CAASP,OAAV,CAAR;IACD,CAFD;EAAA,CAJ4C,CAA9C;EAAA;EAAA,IAAOA,OAAP;EAAA,IAAgBG,QAAhB;;EASA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEP,YADP;IAEE,IAAI,EAAC,UAFP;IAGE,OAAO,EAAEI,OAHX;IAIE,gBAAcA,OAJhB;IAKE,QAAQ,EAAEG;EALZ,GAMMC,UANN,EADF;AAUD,CA5B+B,CAA3B"}

package/build/esm/CheckBox/index.d.ts

@@ -1 +1 @@
-export * from './CheckBox';
+export * from './CheckBox';

package/build/esm/CheckBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/CheckBox/index.ts"],"sourcesContent":["export * from './CheckBox';\r\n"],"mappings":"AAAA,cAAc,YAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/CheckBox/index.ts"],"sourcesContent":["export * from './CheckBox';\n"],"mappings":"AAAA,cAAc,YAAd"}

package/build/esm/ComboBox/Combobox.d.ts

@@ -1,18 +1,18 @@
-import type { HTMLAttributes, ReactNode, ElementType } from 'react';
-export declare type SelectEventHandler = (text: string, itemId: string, obj: any) => void;
-export declare type ComboboxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
-    onSelect?: SelectEventHandler;
-    openOnFocus?: boolean;
-    selectOnBlur?: boolean;
-    children?: ReactNode;
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-};
-export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-    onSelect?: SelectEventHandler | undefined;
-    openOnFocus?: boolean | undefined;
-    selectOnBlur?: boolean | undefined;
-    children?: ReactNode;
-    as?: ElementType<any> | undefined;
-    innerAs?: ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
+export declare type SelectEventHandler = (text: string, itemId: string, obj: any) => void;
+export declare type ComboboxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+    onSelect?: SelectEventHandler;
+    openOnFocus?: boolean;
+    selectOnBlur?: boolean;
+    children?: ReactNode;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+};
+export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    onSelect?: SelectEventHandler | undefined;
+    openOnFocus?: boolean | undefined;
+    selectOnBlur?: boolean | undefined;
+    children?: ReactNode;
+    as?: ElementType<any> | undefined;
+    innerAs?: ElementType<any> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;