farm-react 1.0.7 → 1.0.8

package/dist/esm/components/Slider/Slider/useSliderDraggable.js

@@ -0,0 +1,144 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderDraggable
+ * -----------------------------------------------------------------------------
+ *
+ * @description A custom React hook that enables pointer-based drag interactions
+ * for the Slick slider component.
+ *
+ * Responsibilities:
+ * - Attaches pointer event listeners to the slider container
+ * - Tracks drag state and movement distance
+ * - Applies real-time transforms during dragging
+ * - Determines swipe intent using a configurable threshold
+ * - Triggers next/previous slide navigation based on drag direction
+ * - Safely handles pointer cancellation and cleanup
+ *
+ * Behavior:
+ * - Dragging is enabled only when `draggable.enableDrag` is true
+ * - Horizontal movement controls slide navigation
+ * - Transitions are suppressed during drag and restored on release
+ * - Automatically cleans up listeners on unmount or ref changes
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { useEffect } from 'react';
+import { destructObj, isNullOrUndefined, preventDefault } from '../../../helpers';
+function useSliderDraggable(_a) {
+    var applyTransform = _a.applyTransform, calculateTranslate = _a.calculateTranslate, draggable = _a.draggable, handleNextSlide = _a.handleNextSlide, handlePrevSlide = _a.handlePrevSlide, hasNextBtnDisabled = _a.hasNextBtnDisabled, hasPrevBtnDisabled = _a.hasPrevBtnDisabled, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef;
+    useEffect(function () {
+        var _a = destructObj(draggable), _b = _a.dragThreshold, dragThreshold = _b === void 0 ? 200 : _b, _c = _a.enableDrag, enableDrag = _c === void 0 ? true : _c;
+        if (!sliderObjRefs.current)
+            return undefined;
+        var _d = destructObj(sliderObjRefs.current), currentIndex = _d.currentIndex, drag = _d.drag;
+        var container = sliderWrapperRef.current;
+        if (!enableDrag || isNullOrUndefined(container))
+            return undefined;
+        /**
+         * Handles the pointer down event to initiate a drag interaction.
+         * - Captures the pointer to continue receiving move/up events
+         *   even if the pointer leaves the container
+         * - Initializes drag state (start position and reset translate)
+         */
+        function handlePointerDown(event) {
+            if (isNullOrUndefined(container))
+                return;
+            container.setPointerCapture(event.pointerId);
+            Object.assign(drag, {
+                isDragging: true,
+                startX: event.clientX,
+                startY: event.clientY,
+                translate: 0
+            });
+            preventDefault(event);
+        }
+        /**
+         * Handles pointer move events during an active drag gesture.
+         * - Runs only while dragging is in progress
+         * - Calculates horizontal movement delta from the initial pointer position
+         * - Updates drag translate value for threshold / direction detection
+         * - Applies a real-time transform without transition for smooth dragging
+         */
+        function handlePointerMove(event) {
+            if (isNullOrUndefined(container) || !drag.isDragging)
+                return;
+            var delta = event.clientX - drag.startX;
+            var base = calculateTranslate(currentIndex);
+            Object.assign(drag, { translate: delta });
+            applyTransform(delta + base, false, true);
+            preventDefault(event);
+        }
+        /**
+         * Handles the pointer up event to finalize a drag interaction.
+         * - Releases pointer capture to stop receiving pointer events
+         * - Evaluates total drag distance against the configured threshold
+         * - Triggers slide navigation based on drag direction and availability
+         * - Reverts to the current slide if the drag is insufficient or navigation is disabled
+         */
+        function handlePointerUp(event) {
+            if (isNullOrUndefined(container) || !drag.isDragging)
+                return;
+            container.releasePointerCapture(event.pointerId);
+            var translate = drag.translate;
+            Object.assign(drag, { isDragging: false });
+            if (Math.abs(translate) <= dragThreshold) {
+                applyTransform(currentIndex, true);
+                return;
+            }
+            if (translate < 0 && !hasNextBtnDisabled()) {
+                handleNextSlide();
+                return;
+            }
+            if (translate > 0 && !hasPrevBtnDisabled()) {
+                handlePrevSlide();
+                return;
+            }
+            applyTransform(currentIndex, true);
+        }
+        /**
+         * Handles pointer cancel events to safely abort an active drag interaction.
+         * - Triggered when the browser cancels the pointer sequence
+         *   (e.g., touch interruption, context menu, lost capture)
+         * - Releases pointer capture to avoid stuck pointer states
+         * - Resets dragging state
+         * - Smoothly reverts the slider back to the current active slid.
+         */
+        function handlePointerCancel(event) {
+            if (isNullOrUndefined(container) || !drag.isDragging)
+                return;
+            container.releasePointerCapture(event.pointerId);
+            Object.assign(drag, { isDragging: false });
+            applyTransform(currentIndex, true);
+        }
+        /**
+         * Registers pointer event listeners on the slider container
+         * to enable drag-based interactions.
+         *
+         * Cleanup ensures all listeners are removed when the component
+         * unmounts or the container reference changes, preventing
+         * memory leaks and duplicate handlers.
+         */
+        container.addEventListener('pointerdown', handlePointerDown);
+        container.addEventListener('pointermove', handlePointerMove);
+        container.addEventListener('pointerup', handlePointerUp);
+        container.addEventListener('pointercancel', handlePointerCancel);
+        /**
+         * Restrict touch gestures to vertical scrolling only (pan-y),allowing smooth page scroll while
+         * preventing horizontal touch interference during slider drag interactions.
+         */
+        var touchActionAxis = 'pan-y';
+        Object.assign(container.style, { touchAction: touchActionAxis });
+        return function () {
+            if (isNullOrUndefined(container))
+                return;
+            container.removeEventListener('pointerdown', handlePointerDown);
+            container.removeEventListener('pointermove', handlePointerMove);
+            container.removeEventListener('pointerup', handlePointerUp);
+            container.removeEventListener('pointercancel', handlePointerCancel);
+            Object.assign(container.style, { touchAction: '' });
+        };
+    }, [sliderObjRefs, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, handlePrevSlide]);
+}
+export default useSliderDraggable;
+//# sourceMappingURL=useSliderDraggable.js.map

package/dist/esm/components/Slider/Slider/useSliderDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderDraggable.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderDraggable.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Slider/Slider/useSliderNavigation.d.ts

@@ -0,0 +1,41 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderNavigation
+ * -----------------------------------------------------------------------------
+ *
+ * @description This hook is responsible for handling all slider navigation logic.
+ *
+ * Features:
+ * - Handles next slide navigation
+ * - Handles previous slide navigation
+ * - Controls next button disabled state
+ * - Controls previous button disabled state
+ * - Provides the active indicator index
+ * - Calculates the total number of indicators
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type SlickSliderRefs } from './useSlider';
+interface UseSlickSliderNavigationReturn {
+    getActiveIndicatorIndex: () => number | undefined;
+    getIndicatorCount: () => number | undefined;
+    goToSlideIndicator: (indicatorIndex: number) => void;
+    handleNextSlide: () => void;
+    handlePrevSlide: () => void;
+    hasNextBtnDisabled: () => boolean;
+    hasPrevBtnDisabled: () => boolean;
+}
+interface UseSlickSliderDimensionsProps {
+    activeSlide: number;
+    applyTransform: (indexOrTranslate: number, withTransition?: boolean) => void;
+    loop: boolean;
+    sliderObjRefs: React.RefObject<SlickSliderRefs>;
+    sliderWrapperRef: React.RefObject<HTMLDivElement | null>;
+    slideToScroll: number;
+    slideToShow: number;
+    speed?: number;
+}
+declare function useSliderNavigation({ activeSlide, applyTransform, loop, sliderObjRefs, slideToScroll, slideToShow, speed }: UseSlickSliderDimensionsProps): UseSlickSliderNavigationReturn;
+export default useSliderNavigation;

package/dist/esm/components/Slider/Slider/useSliderNavigation.js

@@ -0,0 +1,134 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderNavigation
+ * -----------------------------------------------------------------------------
+ *
+ * @description This hook is responsible for handling all slider navigation logic.
+ *
+ * Features:
+ * - Handles next slide navigation
+ * - Handles previous slide navigation
+ * - Controls next button disabled state
+ * - Controls previous button disabled state
+ * - Provides the active indicator index
+ * - Calculates the total number of indicators
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { useCallback, useState } from 'react';
+// this string used for the navigate with throttle
+var ctrlBtnString = 'ctrlBtn';
+function useSliderNavigation(_a) {
+    var activeSlide = _a.activeSlide, applyTransform = _a.applyTransform, loop = _a.loop, sliderObjRefs = _a.sliderObjRefs, slideToScroll = _a.slideToScroll, slideToShow = _a.slideToShow, _b = _a.speed, speed = _b === void 0 ? 500 : _b;
+    // State
+    var _c = useState(activeSlide), currentSlideIndex = _c[0], setCurrentSlideIndex = _c[1];
+    /**
+     * Calculates the currently active indicator index based on slide position.
+     */
+    var getActiveIndicatorIndex = useCallback(function () { return Math.ceil(currentSlideIndex / slideToScroll); }, [currentSlideIndex, slideToScroll]);
+    /**
+     * Computes the total number of indicators required for the slider.
+     */
+    var getIndicatorCount = useCallback(function () {
+        if (!sliderObjRefs.current)
+            return undefined;
+        var totalSlides = sliderObjRefs.current.totalSlides;
+        return Math.max(1, Math.ceil(totalSlides / slideToScroll));
+    }, [sliderObjRefs, slideToScroll]);
+    /**
+     * Moves the slider to a given slide index.
+     * - Stops execution if a slide animation is already running and the action
+     * was triggered by next/prev buttons (prevents rapid clicks).
+     * - Updates internal state and refs to point to the target slide.
+     * - Applies a smooth transition to move the slider.
+     * - If looping is disabled:
+     *   - Finishes after the animation and exits.
+     *
+     * - If looping is enabled (infinite slider):
+     *   - Waits for the animation to finish.
+     *   - Adjusts the slide index so it stays within valid bounds.
+     *   - Instantly moves the slider (without animation) to the corrected position.
+     *   - Updates internal state and refs.
+     *
+     * This logic creates a smooth infinite scrolling effect.
+     */
+    var gotoSlideItem = useCallback(function (targetIndex, type) {
+        if (!sliderObjRefs.current)
+            return;
+        var _a = sliderObjRefs.current, isTransitionComplete = _a.isTransitionComplete, totalSlides = _a.totalSlides;
+        if (isTransitionComplete && type === 'ctrlBtn')
+            return;
+        Object.assign(sliderObjRefs.current, { currentIndex: targetIndex, isTransitionComplete: true });
+        setCurrentSlideIndex(targetIndex);
+        applyTransform(targetIndex, true);
+        if (!loop) {
+            Object.assign(sliderObjRefs.current, { isTransitionComplete: false });
+            return;
+        }
+        setTimeout(function () {
+            if (!sliderObjRefs.current)
+                return;
+            var currentIndex = sliderObjRefs.current.currentIndex;
+            var loopedIndex = ((currentIndex % totalSlides) + totalSlides) % totalSlides;
+            var finalIndex = Math.min(loopedIndex, totalSlides);
+            applyTransform(finalIndex, false);
+            Object.assign(sliderObjRefs.current, { currentIndex: finalIndex, isTransitionComplete: false });
+            setCurrentSlideIndex(finalIndex);
+        }, speed);
+    }, [sliderObjRefs, setCurrentSlideIndex, applyTransform, loop, speed]);
+    /** Navigates to a slide based on indicator (dot) index. */
+    var goToSlideIndicator = useCallback(function (indicatorIndex) {
+        var targetSlideIndex = indicatorIndex * slideToScroll;
+        gotoSlideItem(targetSlideIndex);
+    }, [slideToScroll, gotoSlideItem]);
+    /** Function responsible for handling the next slide. */
+    var handleNextSlide = useCallback(function () {
+        if (!sliderObjRefs.current)
+            return;
+        var currentIdx = sliderObjRefs.current.currentIndex;
+        var nextIndex = currentIdx + slideToScroll;
+        gotoSlideItem(nextIndex, ctrlBtnString);
+    }, [gotoSlideItem, sliderObjRefs, slideToScroll]);
+    /** Function responsible for handling the prev slide. */
+    var handlePrevSlide = useCallback(function () {
+        if (!sliderObjRefs.current)
+            return;
+        var currentIdx = sliderObjRefs.current.currentIndex;
+        var prevIndex = currentIdx - slideToScroll;
+        gotoSlideItem(prevIndex, ctrlBtnString);
+    }, [gotoSlideItem, sliderObjRefs, slideToScroll]);
+    /**
+     * function determines whether the slider can navigate to the next set of slides.
+     * Always returns true when looping is enabled.
+     */
+    var hasNextBtnDisabled = useCallback(function () {
+        if (!sliderObjRefs.current)
+            return true;
+        var totalSlides = sliderObjRefs.current.totalSlides;
+        if (loop)
+            return false;
+        return currentSlideIndex > totalSlides - slideToShow;
+    }, [currentSlideIndex, slideToShow, sliderObjRefs, loop]);
+    /**
+     * function determines whether the slider can navigate to the previous set of slides.
+     * Always returns true when looping is enabled.
+     */
+    var hasPrevBtnDisabled = useCallback(function () {
+        if (loop)
+            return false;
+        return currentSlideIndex <= 0;
+    }, [currentSlideIndex, loop]);
+    return {
+        getActiveIndicatorIndex: getActiveIndicatorIndex,
+        getIndicatorCount: getIndicatorCount,
+        goToSlideIndicator: goToSlideIndicator,
+        handleNextSlide: handleNextSlide,
+        handlePrevSlide: handlePrevSlide,
+        hasNextBtnDisabled: hasNextBtnDisabled,
+        hasPrevBtnDisabled: hasPrevBtnDisabled
+    };
+}
+export default useSliderNavigation;
+//# sourceMappingURL=useSliderNavigation.js.map

package/dist/esm/components/Slider/Slider/useSliderNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderNavigation.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderNavigation.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Slider/Slider/useSliderTransform.d.ts

@@ -0,0 +1,17 @@
+import { type SlickSliderAnimationConfig } from './SlickSlider';
+import { type SlickSliderRefs } from './useSlider';
+interface UseSlickSliderTransformProps {
+    animationConfig: SlickSliderAnimationConfig;
+    isAllSlidesVisible: boolean;
+    isRTLMode: boolean;
+    sliderObjRefs: React.RefObject<SlickSliderRefs>;
+    sliderWrapperRef: React.RefObject<HTMLDivElement | null>;
+    slideToShow: number;
+    variant: 'horizontal' | 'vertical';
+}
+interface UseSlickSliderTransformReturn {
+    applyTransform: (indexOrTranslate: number, withTransition?: boolean, isMouseMoving?: boolean) => void;
+    calculateTranslate: (indexOrTranslate: number) => number;
+}
+declare function useSliderTransform({ animationConfig, isAllSlidesVisible, isRTLMode, sliderObjRefs, sliderWrapperRef, slideToShow, variant }: Readonly<UseSlickSliderTransformProps>): UseSlickSliderTransformReturn;
+export default useSliderTransform;

package/dist/esm/components/Slider/Slider/useSliderTransform.js

@@ -0,0 +1,69 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderTransform
+ * -----------------------------------------------------------------------------
+*
+* @description Hooks responsible for adding the Transition effect on Slider.
+*
+* Features:
+* - Calculate the slider transited value according to slideToShow item.
+*
+* -----------------------------------------------------------------------------
+* Copyright © 2025 BookingKoala. All rights reserved.
+* -----------------------------------------------------------------------------
+*/
+import { useCallback } from 'react';
+import { destructObj, isNullOrUndefined } from '../../../helpers';
+function useSliderTransform(_a) {
+    var animationConfig = _a.animationConfig, isAllSlidesVisible = _a.isAllSlidesVisible, isRTLMode = _a.isRTLMode, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow, variant = _a.variant;
+    // Constant
+    var isVertical = variant === 'vertical';
+    // Destruct props
+    var _b = destructObj(animationConfig), _c = _b.easing, easing = _c === void 0 ? 'ease' : _c, _d = _b.speed, speed = _d === void 0 ? 500 : _d;
+    /**
+     * Calculates how much the slider track should move when the slide changes.
+     * We add slideToShow to the index because extra (cloned) slides are added
+     * at the start for looping, so the real position shifts.
+     *
+     * - If the slider is vertical, the movement is calculated using slide height.
+     * - If the slider is horizontal, the movement is calculated using slide width.
+     *
+     * The returned value is negative because the track moves in the opposite
+     * direction of the slide change.
+     */
+    var calculateTranslate = useCallback(function (index) {
+        if (!sliderObjRefs.current)
+            return 0;
+        var _a = sliderObjRefs.current, _b = _a.containerHeight, containerHeight = _b === void 0 ? 0 : _b, _c = _a.containerWidth, containerWidth = _c === void 0 ? 0 : _c;
+        var extendedIndex = index + slideToShow;
+        if (isVertical) {
+            return -extendedIndex * containerHeight;
+        }
+        var slideWidth = containerWidth / slideToShow;
+        var translate = -extendedIndex * slideWidth;
+        if (isRTLMode && !isVertical)
+            return -translate;
+        return translate;
+    }, [variant, slideToShow, sliderObjRefs, isVertical, isRTLMode]);
+    /**
+     * Applies translateX (or raw value) to the slider container,
+     * with optional transition handling.
+     */
+    var applyTransform = useCallback(function (indexOrTranslate, withTransition, isMouseMoving) {
+        if (withTransition === void 0) { withTransition = true; }
+        if (isMouseMoving === void 0) { isMouseMoving = false; }
+        var container = sliderWrapperRef.current;
+        if (isNullOrUndefined(container) || isAllSlidesVisible)
+            return;
+        var translatedValue = isMouseMoving ? indexOrTranslate : calculateTranslate(indexOrTranslate);
+        var axisX = isVertical ? 0 : translatedValue;
+        var axisY = isVertical ? translatedValue : 0;
+        Object.assign(container.style, {
+            transform: variant === 'horizontal' ? "translate3d(".concat(axisX, "px, 0, 0)") : "translate3d(0,".concat(axisY, "px, 0)"),
+            transition: withTransition ? "transform ".concat(speed, "ms ").concat(easing) : 'none'
+        });
+    }, [calculateTranslate, sliderWrapperRef, speed, easing, isAllSlidesVisible, isVertical, variant]);
+    return { applyTransform: applyTransform, calculateTranslate: calculateTranslate };
+}
+export default useSliderTransform;
+//# sourceMappingURL=useSliderTransform.js.map

package/dist/esm/components/Slider/Slider/useSliderTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderTransform.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderTransform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;EAaE;AACF,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAmBlE,SAAS,kBAAkB,CAAC,EAQa;QAPxC,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP,WAAW;IACX,IAAM,UAAU,GAAY,OAAO,KAAK,UAAU,CAAC;IAEnD,iBAAiB;IACX,IAAA,KAAmC,WAAW,CAAC,eAAe,CAAC,EAA7D,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAE,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAiC,CAAC;IAEtE;;;;;;;;;;OAUG;IACH,IAAM,kBAAkB,GAAG,WAAW,CACrC,UAAC,KAAa;QACb,IAAI,CAAC,aAAa,CAAC,OAAO;YAAE,OAAO,CAAC,CAAC;QAC/B,IAAA,KAA8C,aAAa,CAAC,OAAO,EAAjE,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA,EAAE,sBAAkB,EAAlB,cAAc,mBAAG,CAAC,KAA0B,CAAC;QAC1E,IAAM,aAAa,GAAG,KAAK,GAAG,WAAW,CAAC;QAE1C,IAAI,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC,aAAa,GAAG,eAAe,CAAC;QACzC,CAAC;QACD,IAAM,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC;QAChD,IAAM,SAAS,GAAG,CAAC,aAAa,GAAG,UAAU,CAAC;QAE9C,IAAI,SAAS,IAAI,CAAC,UAAU;YAAE,OAAO,CAAC,SAAS,CAAC;QAChD,OAAO,SAAS,CAAC;IAClB,CAAC,EACD,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,CAAC,CAC5D,CAAC;IAEF;;;OAGG;IACH,IAAM,cAAc,GAAG,WAAW,CACjC,UAAC,gBAAwB,EAAE,cAAqB,EAAE,aAAqB;QAA5C,+BAAA,EAAA,qBAAqB;QAAE,8BAAA,EAAA,qBAAqB;QACtE,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC3C,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,kBAAkB;YAAE,OAAO;QAC/D,IAAM,eAAe,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAChG,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;QAC/C,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;YAC9B,SAAS,EAAE,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,sBAAe,KAAK,cAAW,CAAC,CAAC,CAAC,wBAAiB,KAAK,WAAQ;YACtG,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,oBAAa,KAAK,gBAAM,MAAM,CAAE,CAAC,CAAC,CAAC,MAAM;SACtE,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,OAAO,CAAC,CAC9F,CAAC;IAEF,OAAO,EAAE,cAAc,gBAAA,EAAE,kBAAkB,oBAAA,EAAE,CAAC;AAC/C,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/esm/components/Slider/useCenterMode.d.ts

@@ -0,0 +1,24 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useCenterMode
+ * -----------------------------------------------------------------------------
+ *
+ * @description Utility file - add description here
+ *
+ * Features:
+ * - Add key features here
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+interface UseCenterMode {
+    activeSlideIndex?: number;
+    slideToShow: number;
+}
+declare function useCenterMode({ activeSlideIndex, slideToShow }: UseCenterMode): number[];
+export default useCenterMode;
+/**
+ * Returns active slide indexes based on slideToShow and active indicator
+ * Works only when slideToShow is odd
+ */

package/dist/esm/components/Slider/useCenterMode.js

@@ -0,0 +1,38 @@
+function useCenterMode(_a) {
+    var _b = _a.activeSlideIndex, activeSlideIndex = _b === void 0 ? 0 : _b, slideToShow = _a.slideToShow;
+    var centerOffset = Math.floor(slideToShow / 2);
+    var centerIndex = slideToShow + activeSlideIndex + centerOffset;
+    // even slideToShow → two active slides
+    if (slideToShow === 1 || slideToShow === 2)
+        return [];
+    if (slideToShow % 2 === 0) {
+        return [centerIndex - 1, centerIndex];
+    }
+    // odd slideToShow
+    if (slideToShow === 3) {
+        return [centerIndex];
+    }
+    return [centerIndex - 1, centerIndex, centerIndex + 1];
+}
+export default useCenterMode;
+/**
+ * Returns active slide indexes based on slideToShow and active indicator
+ * Works only when slideToShow is odd
+ */
+// function getActiveSlideIndexes(): number[] {
+// 	const activeSlideIndex = getActiveIndicatorIndex();
+// 	if (isNullOrUndefined(activeSlideIndex)) return [];
+// 	const centerOffset = Math.floor(slideToShow / 2);
+// 	const centerIndex = slideToShow + activeSlideIndex + centerOffset;
+// 	// even slideToShow → two active slides
+// 	if (slideToShow === 1 || slideToShow === 2) return [];
+// 	if (slideToShow % 2 === 0) {
+// 		return [centerIndex - 1, centerIndex];
+// 	}
+// 	// odd slideToShow
+// 	if (slideToShow === 3) {
+// 		return [centerIndex];
+// 	}
+// 	return [centerIndex - 1, centerIndex, centerIndex + 1];
+// }
+//# sourceMappingURL=useCenterMode.js.map

package/dist/esm/components/Slider/useCenterMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCenterMode.js","sourceRoot":"","sources":["../../../../src/components/Slider/useCenterMode.ts"],"names":[],"mappings":"AAkBA,SAAS,aAAa,CAAC,EAAoD;QAAlD,wBAAoB,EAApB,gBAAgB,mBAAG,CAAC,KAAA,EAAE,WAAW,iBAAA;IACxD,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;IAChD,IAAM,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CAAA;IACjE,uCAAuC;IACvC,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,KAAK,CAAC;QAAE,OAAO,EAAE,CAAA;IACrD,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,CAAC,CAAA;IACvC,CAAC;IAED,kBAAkB;IAClB,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,CAAC,WAAW,CAAC,CAAA;IACtB,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,CAAA;AACxD,CAAC;AACD,eAAe,aAAa,CAAA;AAC5B;;;GAGG;AACH,+CAA+C;AAC/C,uDAAuD;AACvD,uDAAuD;AAEvD,qDAAqD;AACrD,sEAAsE;AACtE,2CAA2C;AAC3C,0DAA0D;AAC1D,gCAAgC;AAChC,2CAA2C;AAC3C,KAAK;AAEL,sBAAsB;AACtB,4BAA4B;AAC5B,0BAA0B;AAC1B,KAAK;AACL,2DAA2D;AAC3D,IAAI"}

package/dist/esm/components/Slider/useSlider.d.ts

@@ -0,0 +1,65 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSlider
+ * -----------------------------------------------------------------------------
+ *
+ * @description
+ * Main hook that controls all slider behavior.
+ *
+ * This hook connects multiple smaller slider hooks and makes them work
+ * together. It handles slide size calculation, navigation, animations,
+ * autoplay, draggable interactions, breakpoint-based configuration,
+ * and window resize updates.
+ *
+ * The UI layer only needs to use the values and functions returned from
+ * this hook.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type Ref } from 'react';
+import { type SlickSliderAnimationConfig, type SlickSliderAutoPlayConfig } from './SlickSlider';
+import { SlickSliderConfig } from './useSliderBreakpoint';
+export interface UseSlickSliderReturn {
+    getActiveIndicatorIndex: () => number | undefined;
+    getIndicatorCount: () => number | undefined;
+    goToSlideIndicator: (index: number) => void;
+    handleNextSlide: () => void;
+    handlePrevSlide: () => void;
+    hasNextBtnDisabled: () => boolean;
+    hasPrevBtnDisabled: () => boolean;
+    sliderWrapperRef: Ref<HTMLDivElement>;
+}
+export interface UseSlickSliderProps {
+    activeSlide: number;
+    animationConfig: SlickSliderAnimationConfig;
+    autoPlayConfig: SlickSliderAutoPlayConfig;
+    breakpoints: SlickSliderConfig[];
+    draggable?: {
+        dragThreshold?: number;
+        enableDrag?: boolean;
+    };
+    gap: number;
+    isRTLMode: boolean;
+    loop: boolean;
+    slideToScroll: number;
+    slideToShow: number;
+    totalSlides: number;
+    variant: 'horizontal' | 'vertical';
+}
+export interface SlickSliderRefs {
+    containerHeight: number;
+    containerWidth: number;
+    currentIndex: number;
+    drag: {
+        isDragging: boolean;
+        startX: number;
+        startY: number;
+        translate: number;
+    };
+    isTransitionComplete: boolean;
+    totalSlides: number;
+}
+declare function useSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, draggable, gap, isRTLMode, loop, slideToScroll, slideToShow, totalSlides, variant, }: Readonly<UseSlickSliderProps>): UseSlickSliderReturn;
+export default useSlider;