@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Swiper.js

@@ -1,35 +1,27 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var index = require('./Title.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffect, createContext, useImperativeHandle, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import { Title } from './Title.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 /**
  * SSR Window 4.0.2
@@ -1259,6 +1251,13 @@ function updateProgress(translate) {
   swiper.emit('progress', progress);
 }
 
+const toggleSlideClasses = (slideEl, condition, className) => {
+  if (condition && !slideEl.classList.contains(className)) {
+    slideEl.classList.add(className);
+  } else if (!condition && slideEl.classList.contains(className)) {
+    slideEl.classList.remove(className);
+  }
+};
 function updateSlidesClasses() {
   const swiper = this;
   const {
@@ -1272,9 +1271,6 @@ function updateSlidesClasses() {
   const getFilteredSlide = selector => {
     return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];
   };
-  slides.forEach(slideEl => {
-    slideEl.classList.remove(params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
-  });
   let activeSlide;
   let prevSlide;
   let nextSlide;
@@ -1297,35 +1293,25 @@ function updateSlidesClasses() {
     }
   }
   if (activeSlide) {
-    // Active classes
-    activeSlide.classList.add(params.slideActiveClass);
-    if (gridEnabled) {
-      if (nextSlide) {
-        nextSlide.classList.add(params.slideNextClass);
-      }
-      if (prevSlide) {
-        prevSlide.classList.add(params.slidePrevClass);
-      }
-    } else {
+    if (!gridEnabled) {
       // Next Slide
       nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
       if (params.loop && !nextSlide) {
         nextSlide = slides[0];
       }
-      if (nextSlide) {
-        nextSlide.classList.add(params.slideNextClass);
-      }
 
       // Prev Slide
       prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
       if (params.loop && !prevSlide === 0) {
         prevSlide = slides[slides.length - 1];
       }
-      if (prevSlide) {
-        prevSlide.classList.add(params.slidePrevClass);
-      }
     }
   }
+  slides.forEach(slideEl => {
+    toggleSlideClasses(slideEl, slideEl === activeSlide, params.slideActiveClass);
+    toggleSlideClasses(slideEl, slideEl === nextSlide, params.slideNextClass);
+    toggleSlideClasses(slideEl, slideEl === prevSlide, params.slidePrevClass);
+  });
   swiper.emitSlidesClasses();
 }
 
@@ -1703,6 +1689,7 @@ function translateTo(translate, speed, runCallbacks, translateBounds, internal)
           swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
           swiper.onTranslateToWrapperTransitionEnd = null;
           delete swiper.onTranslateToWrapperTransitionEnd;
+          swiper.animating = false;
           if (runCallbacks) {
             swiper.emit('transitionEnd');
           }
@@ -1810,9 +1797,6 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
   if (index === void 0) {
     index = 0;
   }
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -1832,9 +1816,12 @@ function slideTo(index, speed, runCallbacks, internal, initial) {
     wrapperEl,
     enabled
   } = swiper;
-  if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial || swiper.destroyed) {
+  if (!enabled && !internal && !initial || swiper.destroyed || swiper.animating && params.preventInteractionOnTransition) {
     return false;
   }
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
   let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
   if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
@@ -1961,9 +1948,6 @@ function slideToLoop(index, speed, runCallbacks, internal) {
   if (index === void 0) {
     index = 0;
   }
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -1973,6 +1957,9 @@ function slideToLoop(index, speed, runCallbacks, internal) {
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const gridEnabled = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
   let newIndex = index;
   if (swiper.params.loop) {
@@ -2004,6 +1991,9 @@ function slideToLoop(index, speed, runCallbacks, internal) {
       if (centeredSlides) {
         needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
       }
+      if (internal && centeredSlides && swiper.params.slidesPerView !== 'auto' && !gridEnabled) {
+        needLoopFix = false;
+      }
       if (needLoopFix) {
         const direction = centeredSlides ? targetSlideIndex < swiper.activeIndex ? 'prev' : 'next' : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView ? 'next' : 'prev';
         swiper.loopFix({
@@ -2029,9 +2019,6 @@ function slideToLoop(index, speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideNext(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2042,6 +2029,9 @@ function slideNext(speed, runCallbacks, internal) {
     animating
   } = swiper;
   if (!enabled || swiper.destroyed) return swiper;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   let perGroup = params.slidesPerGroup;
   if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
     perGroup = Math.max(swiper.slidesPerViewDynamic('current', true), 1);
@@ -2070,9 +2060,6 @@ function slideNext(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slidePrev(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2086,6 +2073,9 @@ function slidePrev(speed, runCallbacks, internal) {
     animating
   } = swiper;
   if (!enabled || swiper.destroyed) return swiper;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   const isVirtual = swiper.virtual && params.virtual.enabled;
   if (params.loop) {
     if (animating && !isVirtual && params.loopPreventsSliding) return false;
@@ -2138,22 +2128,19 @@ function slidePrev(speed, runCallbacks, internal) {
 
 /* eslint no-unused-vars: "off" */
 function slideReset(speed, runCallbacks, internal) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
 }
 
 /* eslint no-unused-vars: "off" */
 function slideToClosest(speed, runCallbacks, internal, threshold) {
-  if (speed === void 0) {
-    speed = this.params.speed;
-  }
   if (runCallbacks === void 0) {
     runCallbacks = true;
   }
@@ -2162,6 +2149,9 @@ function slideToClosest(speed, runCallbacks, internal, threshold) {
   }
   const swiper = this;
   if (swiper.destroyed) return;
+  if (typeof speed === 'undefined') {
+    speed = swiper.params.speed;
+  }
   let index = swiper.activeIndex;
   const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
   const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
@@ -2796,7 +2786,7 @@ function onTouchMove(event) {
       data.startMoving = true;
     }
   }
-  if (data.isScrolling) {
+  if (data.isScrolling || e.type === 'touchmove' && data.preventTouchMoveFromPointerMove) {
     data.isTouched = false;
     return;
   }
@@ -3340,6 +3330,8 @@ function setBreakpoint() {
   const breakpointParams = breakpointOnlyParams || swiper.originalParams;
   const wasMultiRow = isGridEnabled(swiper, params);
   const isMultiRow = isGridEnabled(swiper, breakpointParams);
+  const wasGrabCursor = swiper.params.grabCursor;
+  const isGrabCursor = breakpointParams.grabCursor;
   const wasEnabled = params.enabled;
   if (wasMultiRow && !isMultiRow) {
     el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
@@ -3351,6 +3343,11 @@ function setBreakpoint() {
     }
     swiper.emitContainerClasses();
   }
+  if (wasGrabCursor && !isGrabCursor) {
+    swiper.unsetGrabCursor();
+  } else if (!wasGrabCursor && isGrabCursor) {
+    swiper.setGrabCursor();
+  }
 
   // Toggle navigation, pagination, scrollbar
   ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
@@ -4676,7 +4673,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.0.7
+ * Swiper React 11.1.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4684,7 +4681,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: February 27, 2024
+ * Released on: April 9, 2024
  */
 
 
@@ -4708,7 +4705,7 @@ function isChildSwiperSlide(child) {
 }
 function processChildren(c) {
   const slides = [];
-  React__default.default.Children.toArray(c).forEach(child => {
+  React__default.Children.toArray(c).forEach(child => {
     if (isChildSwiperSlide(child)) {
       slides.push(child);
     } else if (child.props && child.props.children) {
@@ -4725,7 +4722,7 @@ function getChildren(c) {
     'wrapper-start': [],
     'wrapper-end': []
   };
-  React__default.default.Children.toArray(c).forEach(child => {
+  React__default.Children.toArray(c).forEach(child => {
     if (isChildSwiperSlide(child)) {
       slides.push(child);
     } else if (child.props && child.props.slot && slots[child.props.slot]) {
@@ -4777,7 +4774,7 @@ function renderVirtual(swiper, slides, virtualData) {
     }
   }
   return slidesToRender.map((child, index) => {
-    return /*#__PURE__*/React__default.default.cloneElement(child, {
+    return /*#__PURE__*/React__default.cloneElement(child, {
       swiper,
       style,
       key: child.props.virtualIndex || child.key || `slide-${index}`
@@ -4787,14 +4784,14 @@ function renderVirtual(swiper, slides, virtualData) {
 
 function useIsomorphicLayoutEffect(callback, deps) {
   // eslint-disable-next-line
-  if (typeof window === 'undefined') return React.useEffect(callback, deps);
-  return React.useLayoutEffect(callback, deps);
+  if (typeof window === 'undefined') return useEffect(callback, deps);
+  return useLayoutEffect(callback, deps);
 }
 
-const SwiperSlideContext = /*#__PURE__*/React.createContext(null);
-const SwiperContext = /*#__PURE__*/React.createContext(null);
+const SwiperSlideContext = /*#__PURE__*/createContext(null);
+const SwiperContext = /*#__PURE__*/createContext(null);
 
-const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
+const Swiper$1 = /*#__PURE__*/forwardRef(function (_temp, externalElRef) {
   let {
     className,
     tag: Tag = 'div',
@@ -4804,18 +4801,18 @@ const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
     ...rest
   } = _temp === void 0 ? {} : _temp;
   let eventsAssigned = false;
-  const [containerClasses, setContainerClasses] = React.useState('swiper');
-  const [virtualData, setVirtualData] = React.useState(null);
-  const [breakpointChanged, setBreakpointChanged] = React.useState(false);
-  const initializedRef = React.useRef(false);
-  const swiperElRef = React.useRef(null);
-  const swiperRef = React.useRef(null);
-  const oldPassedParamsRef = React.useRef(null);
-  const oldSlides = React.useRef(null);
-  const nextElRef = React.useRef(null);
-  const prevElRef = React.useRef(null);
-  const paginationElRef = React.useRef(null);
-  const scrollbarElRef = React.useRef(null);
+  const [containerClasses, setContainerClasses] = useState('swiper');
+  const [virtualData, setVirtualData] = useState(null);
+  const [breakpointChanged, setBreakpointChanged] = useState(false);
+  const initializedRef = useRef(false);
+  const swiperElRef = useRef(null);
+  const swiperRef = useRef(null);
+  const oldPassedParamsRef = useRef(null);
+  const oldSlides = useRef(null);
+  const nextElRef = useRef(null);
+  const prevElRef = useRef(null);
+  const paginationElRef = useRef(null);
+  const scrollbarElRef = useRef(null);
   const {
     params: swiperParams,
     passedParams,
@@ -4875,14 +4872,14 @@ const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
       swiperRef.current.off(eventName, events[eventName]);
     });
   };
-  React.useEffect(() => {
+  useEffect(() => {
     return () => {
       if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);
     };
   });
 
   // set initialized flag
-  React.useEffect(() => {
+  useEffect(() => {
     if (!initializedRef.current && swiperRef.current) {
       swiperRef.current.emitSlidesClasses();
       initializedRef.current = true;
@@ -4949,36 +4946,36 @@ const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
       return renderVirtual(swiperRef.current, slides, virtualData);
     }
     return slides.map((child, index) => {
-      return /*#__PURE__*/React__default.default.cloneElement(child, {
+      return /*#__PURE__*/React__default.cloneElement(child, {
         swiper: swiperRef.current,
         swiperSlideIndex: index
       });
     });
   }
-  return /*#__PURE__*/React__default.default.createElement(Tag, _extends({
+  return /*#__PURE__*/React__default.createElement(Tag, _extends({
     ref: swiperElRef,
     className: uniqueClasses(`${containerClasses}${className ? ` ${className}` : ''}`)
-  }, restProps), /*#__PURE__*/React__default.default.createElement(SwiperContext.Provider, {
+  }, restProps), /*#__PURE__*/React__default.createElement(SwiperContext.Provider, {
     value: swiperRef.current
-  }, slots['container-start'], /*#__PURE__*/React__default.default.createElement(WrapperTag, {
+  }, slots['container-start'], /*#__PURE__*/React__default.createElement(WrapperTag, {
     className: wrapperClass(swiperParams.wrapperClass)
-  }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), needsNavigation(swiperParams) && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("div", {
+  }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), needsNavigation(swiperParams) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     ref: prevElRef,
     className: "swiper-button-prev"
-  }), /*#__PURE__*/React__default.default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     ref: nextElRef,
     className: "swiper-button-next"
-  })), needsScrollbar(swiperParams) && /*#__PURE__*/React__default.default.createElement("div", {
+  })), needsScrollbar(swiperParams) && /*#__PURE__*/React__default.createElement("div", {
     ref: scrollbarElRef,
     className: "swiper-scrollbar"
-  }), needsPagination(swiperParams) && /*#__PURE__*/React__default.default.createElement("div", {
+  }), needsPagination(swiperParams) && /*#__PURE__*/React__default.createElement("div", {
     ref: paginationElRef,
     className: "swiper-pagination"
   }), slots['container-end']));
 });
 Swiper$1.displayName = 'Swiper';
 
-const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef) {
+const SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {
   let {
     tag: Tag = 'div',
     children,
@@ -4990,9 +4987,9 @@ const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef)
     swiperSlideIndex,
     ...rest
   } = _temp === void 0 ? {} : _temp;
-  const slideElRef = React.useRef(null);
-  const [slideClasses, setSlideClasses] = React.useState('swiper-slide');
-  const [lazyLoaded, setLazyLoaded] = React.useState(false);
+  const slideElRef = useRef(null);
+  const [slideClasses, setSlideClasses] = useState('swiper-slide');
+  const [lazyLoaded, setLazyLoaded] = useState(false);
   function updateClasses(_s, el, classNames) {
     if (el === slideElRef.current) {
       setSlideClasses(classNames);
@@ -5038,21 +5035,21 @@ const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef)
   const onLoad = () => {
     setLazyLoaded(true);
   };
-  return /*#__PURE__*/React__default.default.createElement(Tag, _extends({
+  return /*#__PURE__*/React__default.createElement(Tag, _extends({
     ref: slideElRef,
     className: uniqueClasses(`${slideClasses}${className ? ` ${className}` : ''}`),
     "data-swiper-slide-index": virtualIndex,
     onLoad: onLoad
-  }, rest), zoom && /*#__PURE__*/React__default.default.createElement(SwiperSlideContext.Provider, {
+  }, rest), zoom && /*#__PURE__*/React__default.createElement(SwiperSlideContext.Provider, {
     value: slideData
-  }, /*#__PURE__*/React__default.default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-zoom-container",
     "data-swiper-zoom": typeof zoom === 'number' ? zoom : undefined
-  }, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.default.createElement("div", {
+  }, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-lazy-preloader"
-  }))), !zoom && /*#__PURE__*/React__default.default.createElement(SwiperSlideContext.Provider, {
+  }))), !zoom && /*#__PURE__*/React__default.createElement(SwiperSlideContext.Provider, {
     value: slideData
-  }, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.default.createElement("div", {
+  }, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-lazy-preloader"
   })));
 });
@@ -5105,12 +5102,12 @@ function Swiper(props) {
     onSwiper,
     onUpdate
   } = props;
-  const swiperRef = React.useRef();
+  const swiperRef = useRef();
   const [nextEl, nextRef] = useSwiperRef();
   const [prevEl, prevRef] = useSwiperRef();
   const isLoop = loop ?? true;
-  React.useImperativeHandle(forwardedRef, () => swiperRef.current, []);
-  const onInitSwiper = React.useCallback(swiper => {
+  useImperativeHandle(forwardedRef, () => swiperRef.current, []);
+  const onInitSwiper = useCallback(swiper => {
     // swiper.touchEventsData.formElements = 'undefined'
     // Set "disabled" state to navigation buttons on init
     if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
@@ -5118,68 +5115,68 @@ function Swiper(props) {
       setNextBtnDisabled(swiper.isEnd);
     }
   }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
-  const onSlideChange = React.useCallback(swiper => {
+  const onSlideChange = useCallback(swiper => {
     // Some things with clickedIndex
     if (isChangeOnClickSlide) {
       swiper.activeIndex = swiper.clickedIndex || activeSlideIndex;
     }
   }, [isChangeOnClickSlide, activeSlideIndex]);
-  const onTransitionStart = React.useCallback(swiper => {
+  const onTransitionStart = useCallback(swiper => {
     // Set "disabled" state to navigation buttons, when slider move
     if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
       setPrevBtnDisabled(swiper.isBeginning);
       setNextBtnDisabled(swiper.isEnd);
     }
   }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
-  React.useEffect(() => {
+  useEffect(() => {
     const swiperInstance = swiperRef.current?.swiper;
     swiperInstance?.updateActiveIndex(activeSlideIndex);
     swiperInstance?.updateSlidesClasses();
   }, [activeSlideIndex]);
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'swiper_shape_',
     propsKey: 'shape'
   });
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
   const {
     styles: style
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && `swiper-block_set_${set}`),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && `swiper-block_set_${set}`),
     style: style,
     id: id
-  }, (title || prevButton && nextButton) && /*#__PURE__*/React__default.default.createElement("div", {
+  }, (title || prevButton && nextButton) && /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-block__wrapper"
-  }, title && /*#__PURE__*/React__default.default.createElement(index.Title, {
+  }, title && /*#__PURE__*/React__default.createElement(Title, {
     className: "swiper-block__title",
     size: titleSize,
     textColor: titleTextColor,
     textWeight: titleWeight
-  }, title), titleAfter, prevButton && nextButton && /*#__PURE__*/React__default.default.createElement("div", {
+  }, title), titleAfter, prevButton && nextButton && /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-block__navigation"
-  }, /*#__PURE__*/React__default.default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-block__prev swiper-button",
     ref: prevRef
-  }, prevButton), /*#__PURE__*/React__default.default.createElement("div", {
+  }, prevButton), /*#__PURE__*/React__default.createElement("div", {
     className: "swiper-block__next swiper-button",
     ref: nextRef
-  }, nextButton))), /*#__PURE__*/React__default.default.createElement(Swiper$1, {
+  }, nextButton))), /*#__PURE__*/React__default.createElement(Swiper$1, {
     autoHeight: autoHeight ?? false,
     breakpoints: breakpoints,
     allowTouchMove: allowTouchMove,
     centeredSlides: true,
-    className: clsx__default.default('swiper-block__swiper', swiperClass),
+    className: clsx('swiper-block__swiper', swiperClass),
     direction: direction,
     freeMode: freeMode,
     init: isInit ?? true,
@@ -5208,59 +5205,59 @@ function Swiper(props) {
     slidesPerView: slidesPerView,
     spaceBetween: spaceBetween,
     speed: speed ?? 500
-  }, children || items?.map((item, i) => /*#__PURE__*/React__default.default.createElement(SwiperSlide, {
-    className: clsx__default.default('swiper-block__item', swiperSlideClass, alignDirectionClass, alignClass),
+  }, children || items?.map((item, i) => /*#__PURE__*/React__default.createElement(SwiperSlide, {
+    className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass, alignClass),
     key: `swiper-slide_${i}`
   }, item))));
 }
 Swiper.propTypes = {
-  activeSlideIndex: PropTypes__default.default.number,
-  allowTouchMove: PropTypes__default.default.bool,
-  autoHeight: PropTypes__default.default.bool,
-  breakpoints: PropTypes__default.default.object,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  direction: PropTypes__default.default.string,
-  disabledButtonClass: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  forwardedRef: PropTypes__default.default.any,
-  freeMode: PropTypes__default.default.bool,
-  id: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
-  isChangeOnClickSlide: PropTypes__default.default.bool,
-  isInit: PropTypes__default.default.bool,
-  isNavigation: PropTypes__default.default.bool,
-  pagination: PropTypes__default.default.any,
-  isScrollbar: PropTypes__default.default.bool,
-  items: PropTypes__default.default.array,
-  keyboard: PropTypes__default.default.any,
-  loop: PropTypes__default.default.bool,
-  modules: PropTypes__default.default.arrayOf(PropTypes__default.default.func),
-  mousewheel: PropTypes__default.default.bool,
-  nextButton: PropTypes__default.default.any,
-  normalizeSlideIndex: PropTypes__default.default.bool,
-  prevButton: PropTypes__default.default.any,
-  set: PropTypes__default.default.string,
-  setNextBtnDisabled: PropTypes__default.default.func,
-  setPrevBtnDisabled: PropTypes__default.default.func,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  slidesPerView: PropTypes__default.default.number,
-  spaceBetween: PropTypes__default.default.number,
-  speed: PropTypes__default.default.number,
-  swiperClass: PropTypes__default.default.string,
-  title: PropTypes__default.default.string,
-  titleSize: PropTypes__default.default.string,
-  titleTextColor: PropTypes__default.default.string,
-  titleWeight: PropTypes__default.default.string,
-  onSlideNextTransitionEnd: PropTypes__default.default.func,
-  onSlidePrevTransitionEnd: PropTypes__default.default.func,
-  onSwiper: PropTypes__default.default.func,
-  onUpdate: PropTypes__default.default.func
+  activeSlideIndex: PropTypes.number,
+  allowTouchMove: PropTypes.bool,
+  autoHeight: PropTypes.bool,
+  breakpoints: PropTypes.object,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  direction: PropTypes.string,
+  disabledButtonClass: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  forwardedRef: PropTypes.any,
+  freeMode: PropTypes.bool,
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  isChangeOnClickSlide: PropTypes.bool,
+  isInit: PropTypes.bool,
+  isNavigation: PropTypes.bool,
+  pagination: PropTypes.any,
+  isScrollbar: PropTypes.bool,
+  items: PropTypes.array,
+  keyboard: PropTypes.any,
+  loop: PropTypes.bool,
+  modules: PropTypes.arrayOf(PropTypes.func),
+  mousewheel: PropTypes.bool,
+  nextButton: PropTypes.any,
+  normalizeSlideIndex: PropTypes.bool,
+  prevButton: PropTypes.any,
+  set: PropTypes.string,
+  setNextBtnDisabled: PropTypes.func,
+  setPrevBtnDisabled: PropTypes.func,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  slidesPerView: PropTypes.number,
+  spaceBetween: PropTypes.number,
+  speed: PropTypes.number,
+  swiperClass: PropTypes.string,
+  title: PropTypes.string,
+  titleSize: PropTypes.string,
+  titleTextColor: PropTypes.string,
+  titleWeight: PropTypes.string,
+  onSlideNextTransitionEnd: PropTypes.func,
+  onSlidePrevTransitionEnd: PropTypes.func,
+  onSwiper: PropTypes.func,
+  onUpdate: PropTypes.func
 };
 Swiper.defaultProps = {
   activeSlideIndex: 0,
@@ -5269,9 +5266,9 @@ Swiper.defaultProps = {
 
 // https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
 const useSwiperRef = () => {
-  const [wrapper, setWrapper] = React.useState(null);
-  const ref = React.useRef(null);
-  React.useEffect(() => {
+  const [wrapper, setWrapper] = useState(null);
+  const ref = useRef(null);
+  useEffect(() => {
     if (ref.current) {
       setWrapper(ref.current);
     }
@@ -5647,4 +5644,4 @@ Swiper.__docgenInfo = {
   }
 };
 
-exports.Swiper = Swiper;
+export { Swiper };