farm-react 1.0.10 → 1.0.12

package/dist/cjs/{components/Slider → hooks/slider}/useSlider.js

@@ -1,40 +1,46 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 /**
  * -----------------------------------------------------------------------------
  * @file useSlider
  * -----------------------------------------------------------------------------
  *
+ * @description Add description here
+ *
+ * Features:
+ * - Calculates slider layout and dimensions
+ * - Handles next / previous slide navigation
+ * - Supports looping and indicators
+ * - Applies slide animations
+ * - Adds optional autoplay functionality
+ *
  * @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.
- *
+ * autoplay, 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.
+ * Copyright © 2017-present 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 useSliderBreakpoints_1 = tslib_1.__importDefault(require("./useSliderBreakpoints"));
 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"));
+var Utils_1 = require("../../Utils");
 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 _b;
+    var activeSlide = _a.activeSlide, animationConfig = _a.animationConfig, autoPlayConfig = _a.autoPlayConfig, breakpoints = _a.breakpoints, data = _a.data, draggable = _a.draggable, gap = _a.gap, loop = _a.loop, orientation = _a.orientation, slideToScroll = _a.slideToScroll, slideToShow = _a.slideToShow, totalSlides = _a.totalSlides;
+    // Exceed the activeSlide value to total slide then return a first.
     var activeSlideIndex = (0, react_1.useMemo)(function () { return (totalSlides > 0 && activeSlide >= totalSlides ? 0 : activeSlide); }, [activeSlide, totalSlides]);
-    console.log('acaf', activeSlideIndex);
-    var resolvedBreakpointConfig = (0, useSliderBreakpoint_1.default)({
+    var breakPoint = (0, useSliderBreakpoints_1.default)({
         breakpoints: breakpoints,
         config: {
             activeSlide: activeSlideIndex,
@@ -48,94 +54,82 @@ function useSlider(_a) {
         },
     });
     /**
-     * Final resolved config:
-     * base props act as defaults, breakpoint values override them.
-     * The breakpoint hook returns the resolved config directly, which is initialized
-     * correctly on mount and updates on resize.
+     * 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 breakPointConfig = (0, react_1.useMemo)(function () { return (tslib_1.__assign({ activeSlide: activeSlideIndex + 1, animationConfig: animationConfig, autoPlayConfig: autoPlayConfig, draggable: draggable, gap: gap, loop: loop, slideToScroll: slideToScroll, slideToShow: slideToShow }, resolvedBreakpointConfig)); }, [
-        activeSlideIndex,
-        animationConfig,
-        autoPlayConfig,
-        draggable,
-        gap,
-        loop,
-        slideToScroll,
-        slideToShow,
-        resolvedBreakpointConfig,
-    ]);
-    console.log(breakPointConfig);
+    var extendedSlides = (0, react_1.useMemo)(function () { return [data.slice(-(breakPoint === null || breakPoint === void 0 ? void 0 : breakPoint.slideToShow)), data, data].flat(); }, [data, breakPoint.slideToShow]);
+    // Refs
     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,
+        drag: { isDragging: false, startX: 0, startY: 0, translate: 0 },
+        isTransitionComplete: false, // NOTE: added for the debounce case
         totalSlides: totalSlides,
     });
     var calculateDimensions = (0, useSliderDimension_1.default)({
-        gap: (_b = breakPointConfig.gap) !== null && _b !== void 0 ? _b : 10,
+        gap: breakPoint.gap,
+        orientation: orientation,
         sliderObjRefs: sliderObjRefs,
         sliderWrapperRef: sliderWrapperRef,
-        slideToShow: (_c = breakPointConfig.slideToShow) !== null && _c !== void 0 ? _c : 1,
-        variant: variant,
+        slideToShow: breakPoint.slideToShow,
     }).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,
+    // Determine if all slides are visible at once (no navigation needed)
+    var isAllSlidesVisible = (0, react_1.useMemo)(function () { return breakPoint.slideToShow >= sliderObjRefs.current.totalSlides; }, [breakPoint.slideToShow, sliderObjRefs.current.totalSlides]);
+    // Hooks
+    var _c = (0, useSliderTransform_1.default)({
+        animationConfig: breakPoint.animationConfig,
         isAllSlidesVisible: isAllSlidesVisible,
-        isRTLMode: isRTLMode,
+        orientation: orientation,
         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,
+        slideToShow: breakPoint.slideToShow,
+    }), applyTransform = _c.applyTransform, calculateTranslate = _c.calculateTranslate;
+    var _d = (0, useSliderNavigation_1.default)({
+        activeSlide: breakPoint.activeSlide,
         applyTransform: applyTransform,
-        loop: (_g = breakPointConfig.loop) !== null && _g !== void 0 ? _g : false,
+        loop: breakPoint.loop,
         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;
+        slideToScroll: breakPoint.slideToScroll,
+        slideToShow: breakPoint.slideToShow,
+        speed: (_b = breakPoint.animationConfig) === null || _b === void 0 ? void 0 : _b.delay,
+    }), getActiveIndicatorIndex = _d.getActiveIndicatorIndex, getIndicatorCount = _d.getIndicatorCount, goToSlideIndicator = _d.goToSlideIndicator, handleNextSlide = _d.handleNextSlide, handlePrevSlide = _d.handlePrevSlide, hasNextBtnDisabled = _d.hasNextBtnDisabled, hasPrevBtnDisabled = _d.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);
+        // Set initial slide position once container width is calculated.
         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;
+            applyTransform(breakPoint.activeSlide, false);
+            Object.assign(sliderObjRefs.current, { currentIndex: breakPoint.activeSlide });
         }
         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,
-    ]);
+    }, [calculateDimensions, applyTransform, breakPoint.activeSlide]);
+    // Auto navigation hooks
     (0, useSliderAutoPlay_1.default)({
-        autoPlayConfig: (_l = breakPointConfig.autoPlayConfig) !== null && _l !== void 0 ? _l : autoPlayConfig,
+        autoPlayConfig: breakPoint.autoPlayConfig,
         handleNextSlide: handleNextSlide,
         isAllSlidesVisible: isAllSlidesVisible,
-        loop: (_m = breakPointConfig.loop) !== null && _m !== void 0 ? _m : false,
+        loop: breakPoint.loop,
         sliderWrapperRef: sliderWrapperRef,
     });
+    // Draggable Slide
     (0, useSliderDraggable_1.default)({
         applyTransform: applyTransform,
         calculateTranslate: calculateTranslate,
-        draggable: breakPointConfig.draggable,
+        draggable: breakPoint === null || breakPoint === void 0 ? void 0 : breakPoint.draggable,
         handleNextSlide: handleNextSlide,
         handlePrevSlide: handlePrevSlide,
         hasNextBtnDisabled: hasNextBtnDisabled,
@@ -144,6 +138,7 @@ function useSlider(_a) {
         sliderWrapperRef: sliderWrapperRef,
     });
     return {
+        extendedSlides: extendedSlides,
         getActiveIndicatorIndex: getActiveIndicatorIndex,
         getIndicatorCount: getIndicatorCount,
         goToSlideIndicator: goToSlideIndicator,

package/dist/cjs/hooks/slider/useSlider.js.map

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

package/dist/cjs/{components/Slider → hooks/slider}/useSliderAutoPlay.d.ts

@@ -17,17 +17,17 @@
  * @param handleNextSlide Callback invoked to move to the next slide
  *
  * -----------------------------------------------------------------------------
- * Copyright © 2026 BookingKoala. All rights reserved.
+ * Copyright © 2017-present BookingKoala. All rights reserved.
  * -----------------------------------------------------------------------------
  */
 import { type RefObject } from 'react';
-import { type SlickSliderAutoPlayConfig } from './SlickSlider';
-interface UseSlickSliderAutoplayProps {
+import type { SlickSliderAutoPlayConfig } from '../../components/SlickSlider';
+interface SlickSliderAutoplayProps {
     autoPlayConfig: SlickSliderAutoPlayConfig;
     handleNextSlide: () => void;
     isAllSlidesVisible: boolean;
     loop: boolean;
     sliderWrapperRef?: RefObject<HTMLDivElement | null>;
 }
-declare function useSliderAutoplay({ autoPlayConfig, handleNextSlide, isAllSlidesVisible, loop, }: Readonly<UseSlickSliderAutoplayProps>): void;
+declare function useSliderAutoplay({ autoPlayConfig, handleNextSlide, isAllSlidesVisible, loop, }: Readonly<SlickSliderAutoplayProps>): void;
 export default useSliderAutoplay;

package/dist/cjs/{components/Slider → hooks/slider}/useSliderAutoPlay.js

@@ -19,16 +19,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @param handleNextSlide Callback invoked to move to the next slide
  *
  * -----------------------------------------------------------------------------
- * Copyright © 2026 BookingKoala. All rights reserved.
+ * Copyright © 2017-present BookingKoala. All rights reserved.
  * -----------------------------------------------------------------------------
  */
 var react_1 = require("react");
+var helper_1 = require("../../components/helper");
 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;
+    var _b = (0, helper_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);
     /**
@@ -45,7 +45,7 @@ function useSliderAutoplay(_a) {
     }, [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)) {
+        if (!(0, helper_1.isNullOrUndefined)(timerRef.current)) {
             Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.clearInterval(timerRef.current);
             timerRef.current = null;
         }

package/dist/cjs/hooks/slider/useSliderAutoPlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderAutoPlay.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderAutoPlay.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,+BAAuE;AACvE,kDAAyE;AAEzE,qCAAyC;AAUzC,SAAS,iBAAiB,CAAC,EAKU;QAJnC,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,iBAAiB;IACX,IAAA,KAAsC,IAAA,oBAAW,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;QAChC,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QACxC,QAAQ,CAAC,OAAO,GAAG,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,WAAW,CAAC;YACzC,eAAe,EAAE,CAAC;QACpB,CAAC,EAAE,QAAQ,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,kFAAkF;IAClF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC;QACrC,IAAI,CAAC,IAAA,0BAAiB,EAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACR,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;YACL,kBAAkB,EAAE,CAAC;YACrB,4CAA4C;YAC5C,mEAAmE;YACnE,8DAA8D;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;AACpE,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/cjs/hooks/slider/useSliderBreakpoints.d.ts

@@ -0,0 +1,35 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderBreakpoint
+ * -----------------------------------------------------------------------------
+ *
+ * @description Resolves responsive slider configuration based on viewport width.
+ * Applies the first matching breakpoint over the base config and updates
+ * the result on window resize. Uses deep comparison to avoid unnecessary
+ * re-renders.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import type { SlickSliderAnimationConfig, SlickSliderAutoPlayConfig } from '../../components/SlickSlider';
+export interface SlickSliderConfig {
+    activeSlide: number;
+    animationConfig: SlickSliderAnimationConfig;
+    autoPlayConfig: SlickSliderAutoPlayConfig;
+    breakpoint?: number;
+    draggable: {
+        dragThreshold?: number;
+        enableDrag?: boolean;
+    };
+    gap: number;
+    loop: boolean;
+    slideToScroll: number;
+    slideToShow: number;
+}
+export interface SliderBreakpointProps {
+    breakpoints?: SlickSliderConfig[];
+    config: SlickSliderConfig;
+}
+declare function useSliderBreakpoints({ breakpoints, config }: SliderBreakpointProps): SlickSliderConfig;
+export default useSliderBreakpoints;

package/dist/cjs/hooks/slider/useSliderBreakpoints.js

@@ -0,0 +1,54 @@
+"use strict";
+/**
+ * -----------------------------------------------------------------------------
+ * @file useSliderBreakpoint
+ * -----------------------------------------------------------------------------
+ *
+ * @description Resolves responsive slider configuration based on viewport width.
+ * Applies the first matching breakpoint over the base config and updates
+ * the result on window resize. Uses deep comparison to avoid unnecessary
+ * re-renders.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var helper_1 = require("../../components/helper");
+var Utils_1 = require("../../Utils");
+function useSliderBreakpoints(_a) {
+    var breakpoints = _a.breakpoints, config = _a.config;
+    // States
+    var _b = (0, react_1.useState)(config), sliderConfig = _b[0], setSliderConfig = _b[1];
+    // Hooks
+    (0, react_1.useEffect)(function () {
+        if ((0, helper_1.isObjectEmpty)(config)) {
+            setSliderConfig(config);
+            return undefined;
+        }
+        function resolveBreakpointConfig() {
+            var viewportWidth = Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.innerWidth;
+            // Find the first breakpoint that matches current viewport
+            var matchedBreakpoint = breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints.find(function (bp) { return viewportWidth && (bp === null || bp === void 0 ? void 0 : bp.breakpoint) && viewportWidth <= bp.breakpoint; });
+            // Merge base config with breakpoint overrides
+            return (0, helper_1.isObjectNotEmpty)(matchedBreakpoint) ? tslib_1.__assign(tslib_1.__assign({}, config), matchedBreakpoint) : config;
+        }
+        function updateConfig() {
+            var resolvedConfig = resolveBreakpointConfig();
+            // Avoid unnecessary updates
+            if (!(0, helper_1.deepCompareObjects)(sliderConfig, resolvedConfig)) {
+                setSliderConfig(resolvedConfig);
+            }
+        }
+        updateConfig();
+        Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.addEventListener('resize', updateConfig);
+        return function () {
+            Utils_1.safeWindow === null || Utils_1.safeWindow === void 0 ? void 0 : Utils_1.safeWindow.removeEventListener('resize', updateConfig);
+        };
+    }, [config, breakpoints]);
+    return sliderConfig;
+}
+exports.default = useSliderBreakpoints;
+//# sourceMappingURL=useSliderBreakpoints.js.map

package/dist/cjs/hooks/slider/useSliderBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderBreakpoints.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderBreakpoints.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;;;AAEH,+BAA4C;AAC5C,kDAA8F;AAE9F,qCAAyC;AAqBzC,SAAS,oBAAoB,CAAC,EAA8C;QAA5C,WAAW,iBAAA,EAAE,MAAM,YAAA;IACjD,SAAS;IACH,IAAA,KAAkC,IAAA,gBAAQ,EAAC,MAAM,CAAC,EAAjD,YAAY,QAAA,EAAE,eAAe,QAAoB,CAAC;IAEzD,QAAQ;IACR,IAAA,iBAAS,EAAC;QACR,IAAI,IAAA,sBAAa,EAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,eAAe,CAAC,MAAM,CAAC,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,SAAS,uBAAuB;YAC9B,IAAM,aAAa,GAAG,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,UAAU,CAAC;YAE7C,0DAA0D;YAC1D,IAAM,iBAAiB,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CACzC,UAAC,EAAE,IAAK,OAAA,aAAa,KAAI,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,UAAU,CAAA,IAAI,aAAa,IAAI,EAAE,CAAC,UAAU,EAAjE,CAAiE,CAC1E,CAAC;YAEF,8CAA8C;YAC9C,OAAO,IAAA,yBAAgB,EAAC,iBAAiB,CAAC,CAAC,CAAC,uCAAM,MAAM,GAAK,iBAAiB,EAAG,CAAC,CAAC,MAAM,CAAC;QAC5F,CAAC;QAED,SAAS,YAAY;YACnB,IAAM,cAAc,GAAG,uBAAuB,EAAE,CAAC;YACjD,4BAA4B;YAC5B,IAAI,CAAC,IAAA,2BAAkB,EAAC,YAAY,EAAE,cAAc,CAAC,EAAE,CAAC;gBACtD,eAAe,CAAC,cAAc,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAED,YAAY,EAAE,CAAC;QACf,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAErD,OAAO;YACL,kBAAU,aAAV,kBAAU,uBAAV,kBAAU,CAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,kBAAe,oBAAoB,CAAC"}

package/dist/{esm/components/Slider → cjs/hooks/slider}/useSliderDimension.d.ts

@@ -5,12 +5,10 @@
  *
  * @description React hook responsible for calculating and applying layout-related
  * dimensions for a flex-based slider.
- *
  * This hook dynamically computes:
  * - Slider container width
  * - Slide flex-basis based on the number of visible slides
  * - Gap between slides
- *
  * The calculated values are applied directly to the DOM and stored
  * in shared slider refs for use by other slider utilities.
  *
@@ -21,21 +19,22 @@
  * - Safe DOM access via refs
  *
  * NOTE: this loc update when we have add the custom styling. loc no.:-69
+ *
  * -----------------------------------------------------------------------------
- * Copyright © 2025 BookingKoala. All rights reserved.
+ * Copyright © 2017-present BookingKoala. All rights reserved.
  * -----------------------------------------------------------------------------
  */
-import { type RefObject } from 'react';
-import { type SlickSliderRefs } from './useSlider';
-export interface UseSlickSliderDimensionProps {
+import { type MutableRefObject, type RefObject } from 'react';
+import type { SlickSliderRefs } from './useSlider';
+export interface SlickSliderDimensionProps {
     gap: number;
-    sliderObjRefs: RefObject<SlickSliderRefs>;
+    orientation: 'horizontal' | 'vertical';
+    sliderObjRefs: MutableRefObject<SlickSliderRefs>;
     sliderWrapperRef: RefObject<HTMLDivElement | null>;
     slideToShow: number;
-    variant: 'horizontal' | 'vertical';
 }
 interface SlickSliderDimensionsReturn {
     calculateDimensions: () => void;
 }
-declare function useSliderDimension({ gap, sliderObjRefs, sliderWrapperRef, slideToShow, variant, }: Readonly<UseSlickSliderDimensionProps>): SlickSliderDimensionsReturn;
+declare function useSliderDimension({ gap, orientation, sliderObjRefs, sliderWrapperRef, slideToShow, }: Readonly<SlickSliderDimensionProps>): SlickSliderDimensionsReturn;
 export default useSliderDimension;

package/dist/cjs/{components/Slider → hooks/slider}/useSliderDimension.js

@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * @description React hook responsible for calculating and applying layout-related
  * dimensions for a flex-based slider.
- *
  * This hook dynamically computes:
  * - Slider container width
  * - Slide flex-basis based on the number of visible slides
  * - Gap between slides
- *
  * The calculated values are applied directly to the DOM and stored
  * in shared slider refs for use by other slider utilities.
  *
@@ -23,14 +21,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * - Safe DOM access via refs
  *
  * NOTE: this loc update when we have add the custom styling. loc no.:-69
+ *
  * -----------------------------------------------------------------------------
- * Copyright © 2025 BookingKoala. All rights reserved.
+ * Copyright © 2017-present BookingKoala. All rights reserved.
  * -----------------------------------------------------------------------------
  */
 var react_1 = require("react");
-var helpers_1 = require("../../helpers");
+var helper_1 = require("../../components/helper");
 function useSliderDimension(_a) {
-    var gap = _a.gap, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow, variant = _a.variant;
+    var gap = _a.gap, orientation = _a.orientation, sliderObjRefs = _a.sliderObjRefs, sliderWrapperRef = _a.sliderWrapperRef, slideToShow = _a.slideToShow;
     /**
      * Calculates and applies slide dimensions based on slider orientation.
      *
@@ -48,10 +47,8 @@ function useSliderDimension(_a) {
      */
     var calculateSlideDimensions = (0, react_1.useCallback)(function (_a) {
         var container = _a.container, rect = _a.rect;
-        if (!sliderObjRefs.current)
-            return;
         container.style.setProperty('gap', "".concat(gap, "px"));
-        if (variant === 'vertical') {
+        if (orientation === 'vertical') {
             var verticalSlideHight = container.children[0].clientHeight + gap;
             Object.assign(sliderObjRefs.current, {
                 containerHeight: verticalSlideHight,
@@ -69,10 +66,9 @@ function useSliderDimension(_a) {
             containerWidth: containerWidth + gap,
         });
         Array.from(container.children).forEach(function (element) {
-            ;
             element.style.setProperty('flex', "0 0 ".concat(flexBasisPercent, "%"));
         });
-    }, [gap, slideToShow, sliderObjRefs, variant]);
+    }, [gap, slideToShow, sliderObjRefs, orientation]);
     /**
      * Calculates and applies slider dimensions based on the current container size.
      * Safely accesses the slider container element, retrieves its bounding rectangle,
@@ -81,7 +77,7 @@ function useSliderDimension(_a) {
      */
     var calculateDimensions = (0, react_1.useCallback)(function () {
         var container = sliderWrapperRef.current;
-        if ((0, helpers_1.isNullOrUndefined)(container))
+        if ((0, helper_1.isNullOrUndefined)(container))
             return;
         var rect = container.getBoundingClientRect();
         calculateSlideDimensions({ container: container, rect: rect });

package/dist/cjs/hooks/slider/useSliderDimension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderDimension.js","sourceRoot":"","sources":["../../../../src/hooks/slider/useSliderDimension.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,+BAA2E;AAC3E,kDAA4D;AAoB5D,SAAS,kBAAkB,CAAC,EAMU;QALpC,GAAG,SAAA,EACH,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,WAAW,iBAAA;IAEX;;;;;;;;;;;;;;OAcG;IACH,IAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,UAAC,EAAwC;YAAtC,SAAS,eAAA,EAAE,IAAI,UAAA;QAChB,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,UAAG,GAAG,OAAI,CAAC,CAAC;QAC/C,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;YAC/B,IAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,GAAG,CAAC;YACpE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;gBACnC,eAAe,EAAE,kBAAkB;aACpC,CAAC,CAAC;YACH,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAG,kBAAkB,GAAG,WAAW,OAAI,CAAC,CAAC;YAC/E,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;YACxD,OAAO;QACT,CAAC;QAEO,IAAO,cAAc,GAAK,IAAI,MAAT,CAAU;QACvC,IAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACzC,IAAM,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;QACjD,IAAM,YAAY,GAAG,cAAc,GAAG,WAAW,CAAC;QAClD,IAAM,gBAAgB,GAAG,CAAC,YAAY,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE;YACnC,cAAc,EAAE,cAAc,GAAG,GAAG;SACrC,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAC,OAAO;YAC5C,OAAuB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,cAAO,gBAAgB,MAAG,CAAC,CAAC;QACjF,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,CAC/C,CAAC;IAEF;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC;QACtC,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC3C,IAAI,IAAA,0BAAiB,EAAC,SAAS,CAAC;YAAE,OAAO;QACzC,IAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QAC/C,wBAAwB,CAAC,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEjD,OAAO,EAAE,mBAAmB,qBAAA,EAAE,CAAC;AACjC,CAAC;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/{components/Slider → hooks/slider}/useSliderDraggable.d.ts

@@ -5,7 +5,6 @@
  *
  * @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
@@ -13,19 +12,19 @@
  * - 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.
+ * Copyright © 2017-present BookingKoala. All rights reserved.
  * -----------------------------------------------------------------------------
  */
-import { type RefObject } from 'react';
-import { SlickSliderRefs } from './useSlider';
-export interface UseSliderDraggableProps {
+import { type MutableRefObject, type RefObject } from 'react';
+import type { SlickSliderRefs } from './useSlider';
+export interface SliderDraggableProps {
     applyTransform: (val: number, withTransition?: boolean, isRaw?: boolean) => void;
     calculateTranslate: (idx: number) => number;
     draggable?: {
@@ -36,8 +35,8 @@ export interface UseSliderDraggableProps {
     handlePrevSlide: () => void;
     hasNextBtnDisabled: () => boolean;
     hasPrevBtnDisabled: () => boolean;
-    sliderObjRefs: RefObject<SlickSliderRefs>;
+    sliderObjRefs: MutableRefObject<SlickSliderRefs>;
     sliderWrapperRef: RefObject<HTMLDivElement | null>;
 }
-declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef, }: UseSliderDraggableProps): void;
+declare function useSliderDraggable({ applyTransform, calculateTranslate, draggable, handleNextSlide, handlePrevSlide, hasNextBtnDisabled, hasPrevBtnDisabled, sliderObjRefs, sliderWrapperRef, }: SliderDraggableProps): void;
 export default useSliderDraggable;

package/dist/cjs/{components/Slider → hooks/slider}/useSliderDraggable.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * @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
@@ -15,27 +14,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * - 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.
+ * Copyright © 2017-present BookingKoala. All rights reserved.
  * -----------------------------------------------------------------------------
  */
 var react_1 = require("react");
-var helpers_1 = require("../../helpers");
+var helper_1 = require("../../components/helper");
 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;
     (0, react_1.useEffect)(function () {
-        var _a = (0, helpers_1.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 = (0, helpers_1.destructObj)(sliderObjRefs.current), currentIndex = _d.currentIndex, drag = _d.drag;
+        var _a = (0, helper_1.destructObj)(draggable), _b = _a.dragThreshold, dragThreshold = _b === void 0 ? 200 : _b, _c = _a.enableDrag, enableDrag = _c === void 0 ? true : _c;
+        var _d = sliderObjRefs.current, currentIndex = _d.currentIndex, drag = _d.drag;
         var container = sliderWrapperRef.current;
-        if (!enableDrag || (0, helpers_1.isNullOrUndefined)(container))
+        if (!enableDrag || (0, helper_1.isNullOrUndefined)(container))
             return undefined;
         /**
          * Handles the pointer down event to initiate a drag interaction.
@@ -44,7 +41,7 @@ function useSliderDraggable(_a) {
          * - Initializes drag state (start position and reset translate)
          */
         function handlePointerDown(event) {
-            if ((0, helpers_1.isNullOrUndefined)(container))
+            if ((0, helper_1.isNullOrUndefined)(container))
                 return;
             container.setPointerCapture(event.pointerId);
             Object.assign(drag, {
@@ -53,7 +50,7 @@ function useSliderDraggable(_a) {
                 startY: event.clientY,
                 translate: 0,
             });
-            (0, helpers_1.preventDefault)(event);
+            (0, helper_1.preventDefault)(event);
         }
         /**
          * Handles pointer move events during an active drag gesture.
@@ -63,13 +60,13 @@ function useSliderDraggable(_a) {
          * - Applies a real-time transform without transition for smooth dragging
          */
         function handlePointerMove(event) {
-            if ((0, helpers_1.isNullOrUndefined)(container) || !drag.isDragging)
+            if ((0, helper_1.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);
-            (0, helpers_1.preventDefault)(event);
+            (0, helper_1.preventDefault)(event);
         }
         /**
          * Handles the pointer up event to finalize a drag interaction.
@@ -79,7 +76,7 @@ function useSliderDraggable(_a) {
          * - Reverts to the current slide if the drag is insufficient or navigation is disabled
          */
         function handlePointerUp(event) {
-            if ((0, helpers_1.isNullOrUndefined)(container) || !drag.isDragging)
+            if ((0, helper_1.isNullOrUndefined)(container) || !drag.isDragging)
                 return;
             container.releasePointerCapture(event.pointerId);
             var translate = drag.translate;
@@ -107,7 +104,7 @@ function useSliderDraggable(_a) {
          * - Smoothly reverts the slider back to the current active slid.
          */
         function handlePointerCancel(event) {
-            if ((0, helpers_1.isNullOrUndefined)(container) || !drag.isDragging)
+            if ((0, helper_1.isNullOrUndefined)(container) || !drag.isDragging)
                 return;
             container.releasePointerCapture(event.pointerId);
             Object.assign(drag, { isDragging: false });
@@ -132,7 +129,7 @@ function useSliderDraggable(_a) {
         var touchActionAxis = 'pan-y';
         Object.assign(container.style, { touchAction: touchActionAxis });
         return function () {
-            if ((0, helpers_1.isNullOrUndefined)(container))
+            if ((0, helper_1.isNullOrUndefined)(container))
                 return;
             container.removeEventListener('pointerdown', handlePointerDown);
             container.removeEventListener('pointermove', handlePointerMove);