farm-react 1.0.7 → 1.0.8

package/dist/cjs/components/Slider/Slider/SlickSlider.js

@@ -0,0 +1,212 @@
+"use strict";
+/**
+ * -----------------------------------------------------------------------------
+ * @component SlickSlider
+ * -----------------------------------------------------------------------------
+ *
+ * @description A highly customizable and reusable React slider/carousel component.
+ * Supports autoplay, looping, center mode, custom navigation buttons,
+ * slide indicators, and flexible rendering through render props.
+ *
+ * Features:
+ * - Configurable slide animation (speed, easing)
+ * - Autoplay support with interval and pause-on-hover options
+ * - Looping with seamless slide cloning
+ * - Center mode with active slide highlighting
+ * - Custom next/previous navigation buttons
+ * - Optional slide indicators (dots)
+ * - Custom slide rendering via render props
+ * - Click handling for individual slides
+ *
+ * Note: tjs-slick-slider this class only added for sample
+ * -----------------------------------------------------------------------------
+ * Copyright © 2025 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var clsx_1 = require("clsx");
+var react_bootstrap_1 = require("react-bootstrap");
+var Button_1 = tslib_1.__importDefault(require("../../Button"));
+var hooks_1 = require("../../../hooks");
+var helpers_1 = require("../../../helpers");
+var app_1 = require("../../../constants/app");
+var icons_1 = tslib_1.__importDefault(require("../../../constants/icons"));
+var useSlider_1 = tslib_1.__importDefault(require("./useSlider"));
+// Destruct icons
+var angleLeft = icons_1.default.angleLeft, angleRight = icons_1.default.angleRight, circle = icons_1.default.circle, dotCircle = icons_1.default.dotCircle;
+// Default props value
+var defAutoPlayConfig = {
+    enable: false,
+    interval: 2000,
+    pauseOnHover: false
+};
+var defAnimationConfig = {
+    easing: 'ease',
+    speed: 500
+};
+var defaultDraggable = {
+    dragThreshold: 200,
+    enableDrag: true
+};
+function SlickSlider(_a) {
+    var _b = _a.activeSlide, activeSlide = _b === void 0 ? 1 : _b, _c = _a.animationConfig, animationConfig = _c === void 0 ? defAnimationConfig : _c, _d = _a.autoPlayConfig, autoPlayConfig = _d === void 0 ? defAutoPlayConfig : _d, _e = _a.breakpoints, breakpoints = _e === void 0 ? app_1.EMPTY_ARRAY : _e, _f = _a.btnsLabel, btnsLabel = _f === void 0 ? app_1.EMPTY_OBJECT : _f, data = _a.data, _g = _a.draggable, draggable = _g === void 0 ? defaultDraggable : _g, _h = _a.gap, gap = _h === void 0 ? 20 : _h, _j = _a.icons, icons = _j === void 0 ? app_1.EMPTY_OBJECT : _j, _k = _a.loop, loop = _k === void 0 ? false : _k, _l = _a.onSlideClick, onSlideClick = _l === void 0 ? undefined : _l, _m = _a.renderNextBtn, renderNextBtn = _m === void 0 ? undefined : _m, _o = _a.renderPrevBtn, renderPrevBtn = _o === void 0 ? undefined : _o, _p = _a.renderSlide, renderSlide = _p === void 0 ? undefined : _p, _q = _a.showCtrlBtns, showCtrlBtns = _q === void 0 ? true : _q, _r = _a.showIndicator, showIndicator = _r === void 0 ? true : _r, _s = _a.slideToScroll, slideToScroll = _s === void 0 ? 1 : _s, _t = _a.slideToShow, slideToShow = _t === void 0 ? 1 : _t, _u = _a.variant, variant = _u === void 0 ? 'horizontal' : _u;
+    // Constants
+    var hasUseExtendedSlides = (0, helpers_1.getArrayLength)(data) > slideToShow;
+    var isRTL = (0, hooks_1.useLocalStorage)('tjsReactRTL')[0];
+    var isRTLMode = isRTL !== null && isRTL !== void 0 ? isRTL : false;
+    var nextBtnIconPrimary = isRTLMode ? angleLeft : angleRight;
+    var prevBtnIconPrimary = isRTLMode ? angleRight : angleLeft;
+    // Destruct props
+    var _v = (0, helpers_1.destructObj)(icons), _w = _v.activeDot, activeDot = _w === void 0 ? dotCircle : _w, _x = _v.dots, dots = _x === void 0 ? circle : _x, _y = _v.next, nextBtnIcon = _y === void 0 ? nextBtnIconPrimary : _y, _z = _v.prev, prevBtnIcon = _z === void 0 ? prevBtnIconPrimary : _z;
+    var _0 = (0, helpers_1.destructObj)(btnsLabel), _1 = _0.next, nextBtnLabel = _1 === void 0 ? '' : _1, _2 = _0.prev, prevBtnLabel = _2 === void 0 ? '' : _2;
+    // Hooks
+    var _3 = (0, useSlider_1.default)({
+        activeSlide: activeSlide - 1,
+        animationConfig: animationConfig,
+        autoPlayConfig: autoPlayConfig,
+        breakpoints: breakpoints,
+        draggable: draggable,
+        gap: gap,
+        isRTLMode: isRTLMode,
+        loop: loop,
+        slideToScroll: slideToScroll,
+        slideToShow: slideToShow,
+        totalSlides: (0, helpers_1.getArrayLength)(data),
+        variant: variant
+    }), getActiveIndicatorIndex = _3.getActiveIndicatorIndex, getIndicatorCount = _3.getIndicatorCount, goToSlideIndicator = _3.goToSlideIndicator, handleNextSlide = _3.handleNextSlide, handlePrevSlide = _3.handlePrevSlide, hasNextBtnDisabled = _3.hasNextBtnDisabled, hasPrevBtnDisabled = _3.hasPrevBtnDisabled, sliderWrapperRef = _3.sliderWrapperRef;
+    var renderSlideItem = (0, helpers_1.isNullOrUndefined)(renderSlide) ? renderDefSlide : function (item, index) {
+        var result = renderSlide(item, index);
+        return result !== null && result !== void 0 ? result : renderDefSlide(item);
+    };
+    function renderDefSlide(item) {
+        var _a = (0, helpers_1.destructObj)(item), imgName = _a.label, imgURL = _a.url;
+        return (react_1.default.createElement("div", { className: "w-100" },
+            react_1.default.createElement(react_bootstrap_1.Image, { alt: imgName, src: imgURL }),
+            react_1.default.createElement("p", { className: "fs-40" }, item.label)));
+    }
+    /**
+     * This helper function render the button based on the different label and custom icons.
+     * @param param0 takes a common property of btn
+     */
+    function renderNavBtn(_a) {
+        var disabled = _a.disabled, icon = _a.icon, label = _a.label, onClick = _a.onClick;
+        return (react_1.default.createElement(Button_1.default, { disabled: disabled, icon: icon, label: label, variant: "outline-primary", classnames: { button: 'fs-16 p-5 px-10' }, onClick: onClick }));
+    }
+    function renderDefPrevBtn() {
+        return renderNavBtn({
+            disabled: hasPrevBtnDisabled(),
+            icon: prevBtnIcon,
+            label: prevBtnLabel,
+            onClick: handlePrevSlide
+        });
+    }
+    /**
+     * Determines which previous button to render based on whether a custom renderPrevBtn prop is provided.
+     * Falls back to the default previous button if no custom renderer is specified.
+     */
+    function prevButtonElem() {
+        if ((0, helpers_1.isNullOrUndefined)(renderPrevBtn)) {
+            return renderDefPrevBtn();
+        }
+        var result = renderPrevBtn(handlePrevSlide, hasPrevBtnDisabled);
+        return result !== null && result !== void 0 ? result : renderDefPrevBtn();
+    }
+    /**
+     * Creates an extended slides array to support seamless looping.
+     *
+     * - Prepends the last `slideToShow` slides to allow backward looping
+     * - Appends the full slides array to allow forward looping
+     * - Results in a continuous sequence that prevents visual gaps
+     *   when transitioning across boundaries
+     *
+     * Example:
+     * data = [A, B, C, D]
+     * extendedSlides = [D, A, B, C, D, A, B, C, D] slideToShow = 1
+     * extendedSlides = [C,D, A, B, C, D, A, B, C, D] slideToShow = 2
+     */
+    var extendedSlides = (0, react_1.useMemo)(function () { return [data.slice(-slideToShow), data, data].flat(); }, [data, slideToShow]);
+    /**
+     * Creates a click handler for a slide item.
+     * Returns a function that invokes the onSlideClick callback with the item data.
+     * @param item - The slide data item
+     */
+    function onSlideClickHandler(item, index) {
+        return function () {
+            onSlideClick === null || onSlideClick === void 0 ? void 0 : onSlideClick(item, index, {});
+        };
+    }
+    /**
+     * Renders all slide items in the slider.
+     * Uses extended slides array for looping mode, otherwise uses the original data array.
+     * Each slide is wrapped in a button that handles click events.
+     */
+    function renderSlides() {
+        if ((0, helpers_1.isArrayEmpty)(data))
+            return null;
+        var sliderArray = hasUseExtendedSlides ? extendedSlides : data;
+        return (react_1.default.createElement("div", { ref: sliderWrapperRef, className: "d-flex" }, sliderArray === null || sliderArray === void 0 ? void 0 : sliderArray.map(function (item, index) { return (react_1.default.createElement(Button_1.default, { variant: "outline-primary", key: (0, helpers_1.getKeyString)('slide', index), attributes: {
+                button: {
+                    id: (0, helpers_1.getKeyString)('slide', index + 1),
+                    'data-index': index
+                }
+            }, classnames: {
+                button: (0, clsx_1.clsx)('p-0 rounded-100 bg-transparent', variant === 'vertical' && 'vertical')
+            }, onClick: onSlideClickHandler(item, index) }, renderSlideItem(item))); })));
+    }
+    function renderDefNextBtn() {
+        return renderNavBtn({
+            disabled: hasNextBtnDisabled(),
+            icon: nextBtnIcon,
+            label: nextBtnLabel,
+            onClick: handleNextSlide
+        });
+    }
+    /**
+     * Determines which next button to render based on whether a custom renderNextBtn prop is provided.
+     * Falls back to the default next button if no custom renderer is specified.
+     */
+    function nextButtonElem() {
+        if ((0, helpers_1.isNullOrUndefined)(renderNextBtn)) {
+            return renderDefNextBtn();
+        }
+        var result = renderNextBtn(handleNextSlide, hasNextBtnDisabled);
+        return result !== null && result !== void 0 ? result : renderDefNextBtn();
+    }
+    /** This callback function handle the indicator click event and call the go to indicator. */
+    function handleIndicatorEvent(idx) {
+        return function () {
+            goToSlideIndicator(idx);
+        };
+    }
+    /**
+     * Function is render the indicator item and add the active indicator icons based active slide index.
+     * @param index index of the indicator items.
+     */
+    function renderIndicator(index) {
+        if (!hasUseExtendedSlides)
+            return undefined;
+        var isActive = index === getActiveIndicatorIndex();
+        var indicatorIcon = isActive ? activeDot : dots;
+        return (react_1.default.createElement(Button_1.default, { key: (0, helpers_1.getKeyString)('ctrl-dot', index), icon: indicatorIcon, variant: "outline-primary", onClick: handleIndicatorEvent(index), classnames: { button: 'fs-16' } }));
+    }
+    /**
+     * Function responsible for render the indication icons based on the indicator count.
+     * create dynamic array based on the number for indicators.
+     */
+    function renderIndicators() {
+        var numberOfIndictor = getIndicatorCount();
+        if ((0, helpers_1.isNullOrUndefined)(numberOfIndictor))
+            return undefined;
+        return (react_1.default.createElement("div", { className: "d-flex justify-content-center gap-10" }, (0, helpers_1.createDynamicArray)(numberOfIndictor).map(function (_, index) { return renderIndicator(index); })));
+    }
+    return (react_1.default.createElement("div", { className: "tjs-slick-slider" },
+        react_1.default.createElement("div", { className: "d-flex align-items-center justify-content-between mb-10" },
+            showCtrlBtns ? prevButtonElem() : null,
+            react_1.default.createElement("div", { className: "overflow-hidden w-100" }, renderSlides()),
+            showCtrlBtns ? nextButtonElem() : null),
+        showIndicator ? renderIndicators() : null));
+}
+exports.default = SlickSlider;
+//# sourceMappingURL=SlickSlider.js.map

package/dist/cjs/components/Slider/Slider/SlickSlider.js.map

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

package/dist/cjs/components/Slider/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/cjs/components/Slider/Slider/useCenterMode.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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];
+}
+exports.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/cjs/components/Slider/Slider/useCenterMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCenterMode.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useCenterMode.ts"],"names":[],"mappings":";;AAmBA,SAAS,aAAa,CAAC,EAGP;QAFf,wBAAoB,EAApB,gBAAgB,mBAAG,CAAC,KAAA,EACpB,WAAW,iBAAA;IAEX,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;IACjD,IAAM,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CAAC;IAClE,uCAAuC;IACvC,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACtD,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC;IACvC,CAAC;IAED,kBAAkB;IAClB,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CAAC,WAAW,CAAC,CAAC;IACtB,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;AACxD,CAAC;AACD,kBAAe,aAAa,CAAC;AAC7B;;;OAGI;AACJ,+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/cjs/components/Slider/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;

package/dist/cjs/components/Slider/Slider/useSlider.js

@@ -0,0 +1,164 @@
+"use strict";
+/*eslint-disable*/
+/**
+ * -----------------------------------------------------------------------------
+ * @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.
+ * -----------------------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var Utils_1 = require("../../../Utils");
+var useSliderAutoPlay_1 = tslib_1.__importDefault(require("./useSliderAutoPlay"));
+var useSliderDimension_1 = tslib_1.__importDefault(require("./useSliderDimension"));
+var useSliderDraggable_1 = tslib_1.__importDefault(require("./useSliderDraggable"));
+var useSliderNavigation_1 = tslib_1.__importDefault(require("./useSliderNavigation"));
+var useSliderTransform_1 = tslib_1.__importDefault(require("./useSliderTransform"));
+var useSliderBreakpoint_1 = tslib_1.__importDefault(require("./useSliderBreakpoint"));
+function useSlider(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var activeSlide = _a.activeSlide, animationConfig = _a.animationConfig, autoPlayConfig = _a.autoPlayConfig, breakpoints = _a.breakpoints, draggable = _a.draggable, gap = _a.gap, isRTLMode = _a.isRTLMode, loop = _a.loop, slideToScroll = _a.slideToScroll, slideToShow = _a.slideToShow, totalSlides = _a.totalSlides, variant = _a.variant;
+    var activeSlideIndex = (0, react_1.useMemo)(function () { return (totalSlides > 0 && activeSlide >= totalSlides ? 0 : activeSlide); }, [activeSlide, totalSlides]);
+    var breakpointConfigRef = (0, useSliderBreakpoint_1.default)({
+        breakpoints: breakpoints,
+        config: {
+            activeSlide: activeSlideIndex,
+            animationConfig: animationConfig,
+            autoPlayConfig: autoPlayConfig,
+            draggable: draggable,
+            gap: gap,
+            loop: loop,
+            slideToScroll: slideToScroll,
+            slideToShow: slideToShow
+        }
+    });
+    console.log(breakpointConfigRef);
+    /**
+     * Final resolved config:
+     * base props act as defaults, breakpoint values override them.
+     */
+    var breakPointConfig = (0, react_1.useMemo)(function () {
+        var _a;
+        return (tslib_1.__assign({ activeSlide: activeSlideIndex, animationConfig: animationConfig, autoPlayConfig: autoPlayConfig, draggable: draggable, gap: gap, loop: loop, slideToScroll: slideToScroll, slideToShow: slideToShow }, ((_a = breakpointConfigRef.current) !== null && _a !== void 0 ? _a : {})));
+    }, [
+        activeSlideIndex,
+        animationConfig,
+        autoPlayConfig,
+        draggable,
+        gap,
+        loop,
+        slideToScroll,
+        slideToShow,
+        breakpointConfigRef.current
+    ]);
+    var sliderWrapperRef = (0, react_1.useRef)(null);
+    var sliderObjRefs = (0, react_1.useRef)({
+        containerHeight: 0,
+        containerWidth: 0,
+        currentIndex: 0,
+        drag: {
+            isDragging: false,
+            startX: 0,
+            startY: 0,
+            translate: 0
+        },
+        isTransitionComplete: false,
+        totalSlides: totalSlides
+    });
+    var calculateDimensions = (0, useSliderDimension_1.default)({
+        gap: (_b = breakPointConfig.gap) !== null && _b !== void 0 ? _b : 10,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef,
+        slideToShow: (_c = breakPointConfig.slideToShow) !== null && _c !== void 0 ? _c : 1,
+        variant: variant
+    }).calculateDimensions;
+    var isAllSlidesVisible = (0, react_1.useMemo)(function () {
+        var _a;
+        return ((_a = breakPointConfig.slideToShow) !== null && _a !== void 0 ? _a : 1) >=
+            sliderObjRefs.current.totalSlides;
+    }, [breakPointConfig.slideToShow, totalSlides]);
+    var _o = (0, useSliderTransform_1.default)({
+        animationConfig: (_d = breakPointConfig.animationConfig) !== null && _d !== void 0 ? _d : animationConfig,
+        isAllSlidesVisible: isAllSlidesVisible,
+        isRTLMode: isRTLMode,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef,
+        slideToShow: (_e = breakPointConfig.slideToShow) !== null && _e !== void 0 ? _e : 1,
+        variant: variant
+    }), applyTransform = _o.applyTransform, calculateTranslate = _o.calculateTranslate;
+    var _p = (0, useSliderNavigation_1.default)({
+        activeSlide: (_f = breakPointConfig.activeSlide) !== null && _f !== void 0 ? _f : 0,
+        applyTransform: applyTransform,
+        loop: (_g = breakPointConfig.loop) !== null && _g !== void 0 ? _g : false,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef,
+        slideToScroll: (_h = breakPointConfig.slideToScroll) !== null && _h !== void 0 ? _h : 1,
+        slideToShow: (_j = breakPointConfig.slideToShow) !== null && _j !== void 0 ? _j : 1,
+        speed: (_k = breakPointConfig.animationConfig) === null || _k === void 0 ? void 0 : _k.speed
+    }), getActiveIndicatorIndex = _p.getActiveIndicatorIndex, getIndicatorCount = _p.getIndicatorCount, goToSlideIndicator = _p.goToSlideIndicator, handleNextSlide = _p.handleNextSlide, handlePrevSlide = _p.handlePrevSlide, hasNextBtnDisabled = _p.hasNextBtnDisabled, hasPrevBtnDisabled = _p.hasPrevBtnDisabled;
+    (0, react_1.useEffect)(function () {
+        var _a;
+        calculateDimensions();
+        Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', calculateDimensions);
+        if (sliderObjRefs.current.containerWidth > 0 ||
+            sliderObjRefs.current.containerHeight > 0) {
+            var index = (_a = breakPointConfig.activeSlide) !== null && _a !== void 0 ? _a : 0;
+            applyTransform(index, false);
+            sliderObjRefs.current.currentIndex = index;
+        }
+        return function () {
+            Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', calculateDimensions);
+        };
+    }, [
+        calculateDimensions,
+        applyTransform,
+        breakPointConfig.activeSlide,
+        breakPointConfig.slideToShow,
+        breakPointConfig.gap
+    ]);
+    (0, useSliderAutoPlay_1.default)({
+        autoPlayConfig: (_l = breakPointConfig.autoPlayConfig) !== null && _l !== void 0 ? _l : autoPlayConfig,
+        handleNextSlide: handleNextSlide,
+        isAllSlidesVisible: isAllSlidesVisible,
+        loop: (_m = breakPointConfig.loop) !== null && _m !== void 0 ? _m : false,
+        sliderWrapperRef: sliderWrapperRef
+    });
+    (0, useSliderDraggable_1.default)({
+        applyTransform: applyTransform,
+        calculateTranslate: calculateTranslate,
+        draggable: breakPointConfig.draggable,
+        handleNextSlide: handleNextSlide,
+        handlePrevSlide: handlePrevSlide,
+        hasNextBtnDisabled: hasNextBtnDisabled,
+        hasPrevBtnDisabled: hasPrevBtnDisabled,
+        sliderObjRefs: sliderObjRefs,
+        sliderWrapperRef: sliderWrapperRef
+    });
+    return {
+        getActiveIndicatorIndex: getActiveIndicatorIndex,
+        getIndicatorCount: getIndicatorCount,
+        goToSlideIndicator: goToSlideIndicator,
+        handleNextSlide: handleNextSlide,
+        handlePrevSlide: handlePrevSlide,
+        hasNextBtnDisabled: hasNextBtnDisabled,
+        hasPrevBtnDisabled: hasPrevBtnDisabled,
+        sliderWrapperRef: sliderWrapperRef
+    };
+}
+exports.default = useSlider;
+//# sourceMappingURL=useSlider.js.map

package/dist/cjs/components/Slider/Slider/useSlider.js.map

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

package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.d.ts

@@ -0,0 +1,33 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderAutoPlay
+ * -----------------------------------------------------------------------------
+ *
+ * @description :- React hook that manages autoplay behavior for a slider component.
+ * Responsibilities:
+ * - Starts an interval-based autoplay when enabled
+ * - Stops autoplay safely on cleanup or when conditions change
+ * - Prevents multiple intervals from running simultaneously
+ * - Respects loop and transformation states to avoid invalid transitions
+ * Autoplay will:
+ * - Start only when `enable` is true
+ * - Pause automatically when the slider is transforming
+ * - Stop and clean up intervals on unmount
+ * @param autoPlayConfig Configuration object controlling autoplay behavior
+ * @param handleNextSlide Callback invoked to move to the next slide
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type RefObject } from 'react';
+import { type SlickSliderAutoPlayConfig } from './SlickSlider';
+interface UseSlickSliderAutoplayProps {
+    autoPlayConfig: SlickSliderAutoPlayConfig;
+    handleNextSlide: () => void;
+    isAllSlidesVisible: boolean;
+    loop: boolean;
+    sliderWrapperRef?: RefObject<HTMLDivElement | null>;
+}
+declare function useSliderAutoplay({ autoPlayConfig, handleNextSlide, isAllSlidesVisible, loop }: Readonly<UseSlickSliderAutoplayProps>): void;
+export default useSliderAutoplay;

package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderAutoPlay
+ * -----------------------------------------------------------------------------
+ *
+ * @description :- React hook that manages autoplay behavior for a slider component.
+ * Responsibilities:
+ * - Starts an interval-based autoplay when enabled
+ * - Stops autoplay safely on cleanup or when conditions change
+ * - Prevents multiple intervals from running simultaneously
+ * - Respects loop and transformation states to avoid invalid transitions
+ * Autoplay will:
+ * - Start only when `enable` is true
+ * - Pause automatically when the slider is transforming
+ * - Stop and clean up intervals on unmount
+ * @param autoPlayConfig Configuration object controlling autoplay behavior
+ * @param handleNextSlide Callback invoked to move to the next slide
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2026 BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+var react_1 = require("react");
+var Utils_1 = require("../../../Utils");
+var helpers_1 = require("../../../helpers");
+function useSliderAutoplay(_a) {
+    var autoPlayConfig = _a.autoPlayConfig, handleNextSlide = _a.handleNextSlide, isAllSlidesVisible = _a.isAllSlidesVisible, loop = _a.loop;
+    // Destruct props
+    var _b = (0, helpers_1.destructObj)(autoPlayConfig), _c = _b.enable, enable = _c === void 0 ? false : _c, _d = _b.interval, interval = _d === void 0 ? 2000 : _d;
+    // Refs
+    var timerRef = (0, react_1.useRef)(null);
+    /**
+     * Function initializes autoplay by creating a single interval timer.
+     * On each interval tick, it triggers the handleNextSlide callback
+     * to advance the slider.
+     */
+    var startAutoPlay = (0, react_1.useCallback)(function () {
+        if (!enable || timerRef.current)
+            return;
+        timerRef.current = Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.setInterval(function () {
+            handleNextSlide();
+        }, interval);
+    }, [enable, interval, handleNextSlide]);
+    /** Function stops the active autoplay interval and resets the timer reference. */
+    var clearAutoplayTimer = (0, react_1.useCallback)(function () {
+        if (!(0, helpers_1.isNullOrUndefined)(timerRef.current)) {
+            Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.clearInterval(timerRef.current);
+            timerRef.current = null;
+        }
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (!loop || isAllSlidesVisible)
+            return undefined;
+        startAutoPlay();
+        // TODO: Enable pause-on-hover by attaching mouseenter/mouseleave events to start and stop autoplay when hover interaction is active.
+        // const container = sliderWrapperRef?.current;
+        // if (pauseOnHover) {
+        // 	if (isNullOrUndefined(container)) return;
+        // 	container.addEventListener('mouseenter', clearAutoplayTimer);
+        // 	container.addEventListener('mouseleave', startAutoPlay);
+        // }
+        return function () {
+            clearAutoplayTimer();
+            // if (isNullOrUndefined(container)) return;
+            // container.removeEventListener('mouseenter', clearAutoplayTimer);
+            // container.removeEventListener('mouseleave', startAutoPlay);
+        };
+    }, [loop, isAllSlidesVisible, startAutoPlay, clearAutoplayTimer]);
+}
+exports.default = useSliderAutoplay;
+//# sourceMappingURL=useSliderAutoPlay.js.map

package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderAutoPlay.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/useSliderAutoPlay.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,+BAAuE;AACvE,wCAA4C;AAC5C,4CAAkE;AAWlE,SAAS,iBAAiB,CAAC,EAKa;QAJvC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,iBAAiB;IACX,IAAA,KAAsC,IAAA,qBAAW,EAAC,cAAc,CAAC,EAA/D,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAgC,CAAC;IAExE,OAAO;IACP,IAAM,QAAQ,GAAG,IAAA,cAAM,EAA4B,IAAI,CAAC,CAAC;IAEzD;;;;OAIG;IACH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QACjC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QACxC,QAAQ,CAAC,OAAO,GAAG,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,WAAW,CAAC;YAC1C,eAAe,EAAE,CAAC;QACnB,CAAC,EAAE,QAAQ,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,kFAAkF;IAClF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC;QACtC,IAAI,CAAC,IAAA,2BAAiB,EAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACT,IAAI,CAAC,IAAI,IAAI,kBAAkB;YAAE,OAAO,SAAS,CAAC;QAClD,aAAa,EAAE,CAAC;QAChB,qIAAqI;QACrI,+CAA+C;QAC/C,sBAAsB;QACtB,6CAA6C;QAC7C,iEAAiE;QACjE,4DAA4D;QAC5D,IAAI;QAEJ,OAAO;YACN,kBAAkB,EAAE,CAAC;YACrB,4CAA4C;YAC5C,mEAAmE;YACnE,8DAA8D;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,kBAAe,iBAAiB,CAAC"}