farm-react 1.0.7 → 1.0.9

package/dist/cjs/components/RadioButtonGroup.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/**
+ * -----------------------------------------------------------------------------
+ * @component RadioButtonGroup
+ * -----------------------------------------------------------------------------
+ *
+ * @description This component is responsible for rendering group of radio buttons, radio buttons can be rendered using the radioBtns prop.
+ * The radioBtns is an array which consists of objects, each object representing a radio button with respective properties.
+ * React-Hook-Form can be bind to this component.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+var react_1 = tslib_1.__importStar(require("react"));
+var clsx_1 = require("clsx");
+var FormText_1 = tslib_1.__importDefault(require("react-bootstrap/FormText"));
+var react_hook_form_1 = require("react-hook-form");
+var react_bootstrap_1 = require("react-bootstrap");
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+var helpers_1 = require("../helpers");
+var ToggleBtn_1 = tslib_1.__importDefault(require("../subComponent/toggleBtnGroup/ToggleBtn"));
+var ToggleBtnGroup_1 = tslib_1.__importDefault(require("../subComponent/toggleBtnGroup/ToggleBtnGroup"));
+/** Component to add wrapper on the children based on the presence of the label and description. */
+function Wrapper(_a) {
+    var show = _a.show, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.attributes, attributes = _c === void 0 ? {} : _c, children = _a.children;
+    return show ? (react_1.default.createElement("div", tslib_1.__assign({}, attributes, { className: className }), children)) : (children);
+}
+function RadioButtonGroup(_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.isSpaced, isSpaced = _c === void 0 ? false : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d, _e = _a.description, description = _e === void 0 ? '' : _e, _f = _a.gap, gap = _f === void 0 ? '1rem' : _f, _g = _a.name, name = _g === void 0 ? 'radio-btn' : _g, _h = _a.size, size = _h === void 0 ? undefined : _h, _j = _a.variant, variant = _j === void 0 ? 'outline-light' : _j, _k = _a.value, value = _k === void 0 ? '' : _k, _l = _a.attributes, attributes = _l === void 0 ? undefined : _l, _m = _a.classnames, classnames = _m === void 0 ? undefined : _m, _o = _a.labelProps, labelProps = _o === void 0 ? {} : _o, _p = _a.methods, methods = _p === void 0 ? undefined : _p, _q = _a.radioBtns, radioBtns = _q === void 0 ? [] : _q, _r = _a.onChange, onChange = _r === void 0 ? undefined : _r, _s = _a.renderOptions, renderOptions = _s === void 0 ? undefined : _s;
+    var control = (0, helpers_1.destructObj)(methods).control;
+    // Stateless variables.
+    var hasDesc = (0, helpers_1.isStrNotEmpty)(description);
+    var hasLabel = (0, helpers_1.isStrNotEmpty)(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label);
+    var hasRadioBtns = (0, helpers_1.isArrayNotEmpty)(radioBtns);
+    var hasHookFormBind = (0, helpers_1.isObjectNotEmpty)(methods);
+    // Destruct classes and attributes.
+    var _t = (0, helpers_1.destructObj)(classnames), wrapperClass = _t.wrapper, btnGroupClass = _t.btnGroup, btnClass = _t.button, iconClass = _t.icon, descClass = _t.description;
+    var _u = (0, helpers_1.destructObj)(attributes), wrapperAttr = _u.wrapper, btnGroupAttr = _u.btnGroup, btnAttr = _u.button, descAttr = _u.description;
+    // This state variable 'radioBtnVal' is used to manage the selected radio button value internally.
+    var _v = (0, react_1.useState)(value), radioBtnVal = _v[0], setRadioBtnVal = _v[1];
+    /** Lifecycle method to update the value incase user has changed the value programmatically(dynamically). */
+    (0, react_1.useEffect)(function () {
+        if (!hasHookFormBind) {
+            setRadioBtnVal(value);
+        }
+    }, [value]);
+    function isWrapperPresent() {
+        return hasLabel || hasDesc;
+    }
+    function renderLabel() {
+        return hasLabel ? react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps)) : null;
+    }
+    function getToggleBtnGrpCommonProps() {
+        var toggleBtnGrpCommonProps = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, btnGroupAttr), { vertical: vertical, name: name, size: size, type: 'radio', className: (0, clsx_1.clsx)(isSpaced ? 'spaced-btn-group flex-wrap' : 'd-flex', btnGroupClass) }), (isSpaced ? { style: { '--radio-btns-gap': gap } } : {}));
+        return toggleBtnGrpCommonProps;
+    }
+    function getIcon(isLabelPresent, iconProps, tooltip) {
+        var _a;
+        var _b = (0, helpers_1.destructObj)(iconProps), icon = _b.icon, position = _b.position;
+        var iconMargin = position === 'start' ? 'me-5' : 'ms-5';
+        var iconElement = react_1.default.createElement("i", { className: (0, clsx_1.clsx)(icon, (_a = {}, _a[iconMargin] = isLabelPresent, _a), iconClass) });
+        return isSpaced ? react_1.default.createElement(react_bootstrap_1.Tooltip, tslib_1.__assign({}, tooltip), iconElement) : iconElement;
+    }
+    function getRadioBtnContent(radioBtnContentProps) {
+        var _a = (0, helpers_1.destructObj)(radioBtnContentProps), iconProps = _a.iconProps, label = _a.label, className = _a.className, tooltip = _a.tooltip;
+        var isLabelPresent = (0, helpers_1.isStrNotEmpty)(label);
+        var isIconPresent = (0, helpers_1.isStrNotEmpty)(iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon);
+        var isIconPositionStart = (iconProps === null || iconProps === void 0 ? void 0 : iconProps.position) === 'start';
+        var iconElement = getIcon(isLabelPresent, iconProps, tooltip);
+        // Note - Adding button classes to button's content wrapper to fix tooltip issue.
+        return (react_1.default.createElement("div", { className: (0, clsx_1.clsx)(className, 'p-10 px-20') },
+            isIconPresent && isIconPositionStart ? iconElement : null,
+            isLabelPresent ? label : null,
+            isIconPresent && !isIconPositionStart ? iconElement : null));
+    }
+    function handleOnChange(event) {
+        var _a;
+        var selectedVal = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+        onChange === null || onChange === void 0 ? void 0 : onChange(selectedVal, event);
+        setRadioBtnVal(selectedVal);
+    }
+    function renderBtnContent(_a) {
+        var radioBtn = _a.radioBtn, isTooltipPresent = _a.isTooltipPresent, tooltip = _a.tooltip, btnContent = _a.btnContent;
+        if (renderOptions) {
+            return renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions(radioBtn);
+        }
+        if (isTooltipPresent && !isSpaced) {
+            return react_1.default.createElement(react_bootstrap_1.Tooltip, tslib_1.__assign({}, tooltip), btnContent);
+        }
+        return btnContent;
+    }
+    function renderRadioBtns() {
+        return radioBtns.map(function (radioBtn, index) {
+            var _a = (0, helpers_1.destructObj)(radioBtn), radioBtnDescProps = _a.descProps, label = _a.label, _b = _a.value, btnVal = _b === void 0 ? '' : _b, iconProps = _a.iconProps, className = _a.className, tooltip = _a.tooltip, disabledBtn = _a.disabled, restRadioBtnProps = tslib_1.__rest(_a, ["descProps", "label", "value", "iconProps", "className", "tooltip", "disabled"]);
+            if ((0, helpers_1.isStrEmpty)(label) && (0, helpers_1.isStrEmpty)(iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon))
+                return null;
+            var isTooltipPresent = (0, helpers_1.isStrNotEmpty)(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content);
+            var btnContent = getRadioBtnContent({ label: label, iconProps: iconProps, className: className, tooltip: tooltip });
+            var isBtnDisabled = disabled || disabledBtn;
+            var toggleBtnProps = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ isSpaced: isSpaced, descProps: radioBtnDescProps, name: name }, btnAttr), { disabled: isBtnDisabled }), restRadioBtnProps), { type: 'radio', variant: variant, value: btnVal, 'aria-label': label, className: (0, clsx_1.clsx)(btnClass, 'p-0') });
+            return (react_1.default.createElement(ToggleBtn_1.default, tslib_1.__assign({ key: (0, helpers_1.getKeyString)(btnVal.toString(), index) }, toggleBtnProps, { children: renderBtnContent({ radioBtn: radioBtn, isTooltipPresent: isTooltipPresent, tooltip: tooltip, btnContent: btnContent }) })));
+        });
+    }
+    function handleRHFChange(fieldOnChange) {
+        return function (event) {
+            var value = event.target.value;
+            fieldOnChange(value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+        };
+    }
+    function renderToggleBtnGroup(_a) {
+        var _b = _a.field, controllerOnChange = _b.onChange, fieldVal = _b.value;
+        return (react_1.default.createElement(ToggleBtnGroup_1.default, tslib_1.__assign({}, getToggleBtnGrpCommonProps(), { value: fieldVal, onChange: handleRHFChange(controllerOnChange) }), renderRadioBtns()));
+    }
+    function renderRadioBtnGrpWithRhf() {
+        return react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, defaultValue: value, render: renderToggleBtnGroup });
+    }
+    function renderRadioBtnGrpWithoutRfh() {
+        return (react_1.default.createElement(ToggleBtnGroup_1.default, tslib_1.__assign({}, getToggleBtnGrpCommonProps(), { value: radioBtnVal, onChange: handleOnChange }), renderRadioBtns()));
+    }
+    /** This function determines whether radio button group should be rendered with or without react-hook-form. */
+    function renderRadioBtnGrp() {
+        if (!hasRadioBtns) {
+            return null;
+        }
+        return hasHookFormBind ? renderRadioBtnGrpWithRhf() : renderRadioBtnGrpWithoutRfh();
+    }
+    function renderDesc() {
+        return hasDesc ? (react_1.default.createElement(FormText_1.default, tslib_1.__assign({}, descAttr, { className: (0, clsx_1.clsx)(descClass, 'fs-12') }), description)) : null;
+    }
+    return (react_1.default.createElement(Wrapper, { attributes: wrapperAttr, className: (0, clsx_1.clsx)(wrapperClass, isSpaced && 'd-flex flex-column'), show: isWrapperPresent() },
+        react_1.default.createElement(react_1.default.Fragment, null,
+            renderLabel(),
+            renderRadioBtnGrp(),
+            renderDesc())));
+}
+exports.default = RadioButtonGroup;
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist/cjs/components/RadioButtonGroup.js.map

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

package/dist/cjs/components/RangeSlider.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { type LabelProps } from './Label';
+interface Classnames {
+    wrapper?: string;
+    range?: string;
+    value?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    range?: object;
+    value?: object;
+}
+export interface RangeSliderProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    defaultValue?: number;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    disabled?: boolean;
+    showValue?: boolean;
+    showTooltip?: boolean;
+    labelProps?: LabelProps;
+    onChange?: (value: number) => void;
+    onSlideStart?: () => void;
+    onSlideEnd?: () => void;
+}
+declare function RangeSlider({ min, max, step, value, classnames, attributes, defaultValue, disabled, showValue, showTooltip, labelProps, onChange, onSlideStart, onSlideEnd, }: RangeSliderProps): React.JSX.Element;
+export default RangeSlider;

package/dist/cjs/components/RangeSlider.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var helpers_1 = require("../helpers");
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+function RangeSlider(_a) {
+    var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, value = _a.value, _e = _a.classnames, classnames = _e === void 0 ? undefined : _e, _f = _a.attributes, attributes = _f === void 0 ? undefined : _f, _g = _a.defaultValue, defaultValue = _g === void 0 ? min : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.showValue, showValue = _j === void 0 ? true : _j, _k = _a.showTooltip, showTooltip = _k === void 0 ? true : _k, _l = _a.labelProps, labelProps = _l === void 0 ? undefined : _l, onChange = _a.onChange, onSlideStart = _a.onSlideStart, onSlideEnd = _a.onSlideEnd;
+    var _m = (0, helpers_1.destructObj)(classnames), wrapperClass = _m.wrapper, rangeClass = _m.range, valueClass = _m.value;
+    var _o = (0, helpers_1.destructObj)(attributes), wrapperAttr = _o.wrapper, rangeAttr = _o.range, valueAttr = _o.value;
+    var isControlled = value !== undefined;
+    var _p = (0, react_1.useState)(defaultValue), internalValue = _p[0], setInternalValue = _p[1];
+    var _q = (0, react_1.useState)(false), dragging = _q[0], setDragging = _q[1];
+    var target = (0, react_1.useRef)(null);
+    var currentValue = isControlled ? value : internalValue;
+    function handleChange(e) {
+        var val = Number(e.target.value);
+        if (!isControlled)
+            setInternalValue(val);
+        onChange === null || onChange === void 0 ? void 0 : onChange(val);
+    }
+    function handleMouseDown() {
+        setDragging(true);
+        onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart();
+    }
+    function handleMouseUp() {
+        setDragging(false);
+        onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd();
+    }
+    function renderLabel() {
+        if ((0, helpers_1.isObjEmpty)(labelProps))
+            return null;
+        return react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps));
+    }
+    function renderTooltip(props) {
+        return react_1.default.createElement(react_bootstrap_1.Tooltip, tslib_1.__assign({}, props), currentValue);
+    }
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)('range-slider', wrapperClass) }, wrapperAttr),
+        renderLabel(),
+        react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+            react_1.default.createElement(react_bootstrap_1.Form.Range, tslib_1.__assign({ ref: target, min: min, max: max, step: step, value: currentValue, disabled: disabled, onChange: handleChange, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, role: 'slider', className: (0, clsx_1.default)(' w-100', rangeClass) }, rangeAttr)),
+            showValue && (react_1.default.createElement("p", tslib_1.__assign({ className: (0, clsx_1.default)('mb-2 ms-5', valueClass) }, valueAttr), currentValue)),
+            showTooltip && (react_1.default.createElement(react_bootstrap_1.Overlay, { target: target.current, show: dragging, placement: 'top' }, renderTooltip)))));
+}
+exports.default = RangeSlider;
+//# sourceMappingURL=RangeSlider.js.map

package/dist/cjs/components/RangeSlider.js.map

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

package/dist/cjs/components/RatingDisplay.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
 var app_1 = require("../helpers/app");
 function RatingDisplay(_a) {
@@ -30,10 +30,13 @@ function RatingDisplay(_a) {
             .toString();
     }
     function renderLabelText() {
-        return ((0, jsx_runtime_1.jsx)("span", tslib_1.__assign({}, labelAttr, { className: (0, clsx_1.default)(labelClass), children: getFormattedVal() })));
+        return (react_1.default.createElement("span", tslib_1.__assign({}, labelAttr, { className: (0, clsx_1.default)(labelClass) }), getFormattedVal()));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({}, wrapperAttr, { className: (0, clsx_1.default)('d-flex align-items-center gap-2', wrapperClass), children: [(0, app_1.isArrayNotEmpty)(createRatingsArr()) &&
-                createRatingsArr().map(function (star) { return ((0, jsx_runtime_1.jsx)("span", { className: "d-flex align-items-center ".concat(isInteractive ? 'rating-hover' : 'disabled-rating'), onClick: function () { return (isInteractive ? onClick(star) : undefined); }, children: (0, jsx_runtime_1.jsx)("i", tslib_1.__assign({}, iconAttr, { className: (0, clsx_1.default)(icon, iconClass, star <= activeIcons ? 'text-warning' : 'text-secondary', isInteractive ? 'cursor-pointer' : 'cursor-default pe-none') })) }, star)); }), !hideLabel ? renderLabelText() : null] })));
+    return (react_1.default.createElement("div", tslib_1.__assign({}, wrapperAttr, { className: (0, clsx_1.default)('d-flex align-items-center gap-2', wrapperClass) }),
+        (0, app_1.isArrayNotEmpty)(createRatingsArr()) &&
+            createRatingsArr().map(function (star) { return (react_1.default.createElement("span", { key: star, className: "d-flex align-items-center ".concat(isInteractive ? 'rating-hover' : 'disabled-rating'), onClick: function () { return (isInteractive ? onClick(star) : undefined); } },
+                react_1.default.createElement("i", tslib_1.__assign({}, iconAttr, { className: (0, clsx_1.default)(icon, iconClass, star <= activeIcons ? 'text-warning' : 'text-secondary', isInteractive ? 'cursor-pointer' : 'cursor-default pe-none') })))); }),
+        !hideLabel ? renderLabelText() : null));
 }
 exports.default = RatingDisplay;
 //# sourceMappingURL=RatingDisplay.js.map

package/dist/cjs/components/RatingDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingDisplay.js","sourceRoot":"","sources":["../../../src/components/RatingDisplay.tsx"],"names":[],"mappings":";;;;AACA,sDAAuB;AACvB,sCAA6D;AA6B7D,SAAS,aAAa,CAAC,EAWF;QAVnB,YAAwB,EAAxB,IAAI,mBAAG,iBAAiB,KAAA,EACxB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,oBAAgB,EAAhB,YAAY,mBAAG,CAAC,KAAA,EAChB,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,WAAW,iBAAA,EACX,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,OAAO,aAAA;IAEP,sEAAsE;IACtE,IAAM,aAAa,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAA;IAE5C,uBAAuB;IACjB,IAAA,KAIgC,IAAA,iBAAW,EAAC,UAAU,CAAC,EAHlD,YAAY,aAAA,EACf,SAAS,UAAA,EACR,UAAU,WAC0C,CAAA;IAEvD,IAAA,KAIgC,IAAA,iBAAW,EAAC,UAAU,CAAC,EAHlD,WAAW,aAAA,EACd,QAAQ,UAAA,EACP,SAAS,WAC2C,CAAA;IAE7D,oGAAoG;IACpG,SAAS,gBAAgB;QACvB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC,CAAA;IACpE,CAAC;IAED;;;;OAIG;IACH,SAAS,eAAe;QACtB,IAAM,MAAM,GAAW,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACxE,IAAM,KAAK,GAAW,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,CAAA;QAC/C,OAAO,MAAM;aACV,OAAO,CAAC,KAAK,CAAC;aACd,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC;aAC5B,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;aAClB,QAAQ,EAAE,CAAA;IACf,CAAC;IAED,SAAS,eAAe;QACtB,OAAO,CACL,oDAAU,SAAS,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,CAAC,YAC7C,eAAe,EAAE,IACb,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,oDAAS,WAAW,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,iCAAiC,EAAE,YAAY,CAAC,aACnF,IAAA,qBAAe,EAAC,gBAAgB,EAAE,CAAC;gBAClC,gBAAgB,EAAE,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC/B,iCAEE,SAAS,EAAE,oCAA6B,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAE,EAC5F,OAAO,EAAE,cAAM,OAAA,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAA3C,CAA2C,YAE1D,iDACM,QAAQ,IACZ,SAAS,EAAE,IAAA,cAAI,EACb,IAAI,EACJ,SAAS,EACT,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EACvD,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,wBAAwB,CAC5D,IACD,IAZG,IAAI,CAaJ,CACR,EAhBgC,CAgBhC,CAAC,EACH,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,KAClC,CACP,CAAA;AACH,CAAC;AAED,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"RatingDisplay.js","sourceRoot":"","sources":["../../../src/components/RatingDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Search.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface SearchProps {
+    value?: string;
+}
+declare function Search({ value }: SearchProps): ReactElement;
+export default Search;

package/dist/cjs/components/Search.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Search(_a) {
+    var value = _a.value;
+    console.log(value);
+    return react_1.default.createElement("div", null, "Search");
+}
+exports.default = Search;
+//# sourceMappingURL=Search.js.map

package/dist/cjs/components/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search.tsx"],"names":[],"mappings":";;;AAAA,wDAA2C;AAM3C,SAAS,MAAM,CAAC,EAAsB;QAApB,KAAK,WAAA;IACrB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAClB,OAAO,oDAAiB,CAAA;AAC1B,CAAC;AAED,kBAAe,MAAM,CAAA"}

package/dist/cjs/components/Select.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { type LabelProps } from './Label';
+type SelectVariant = 'normal' | 'floating';
+type SelectSize = 'sm' | 'lg';
+interface SelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface SelectClassNames {
+    wrapper?: string;
+    select?: string;
+    option?: string;
+    description: string;
+}
+interface Attributes {
+    wrapper?: object;
+    select?: object;
+    option?: object;
+    description: object;
+}
+export interface SelectProps {
+    options?: SelectOption[];
+    labelProps?: LabelProps;
+    id?: string;
+    size?: SelectSize;
+    description?: string;
+    attributes?: Attributes;
+    classnames?: SelectClassNames;
+    isValid?: boolean;
+    onChange?: (value?: string | number | SelectOption | null) => void;
+    returnType?: 'value' | 'object';
+    name?: string;
+    isInvalid?: boolean;
+    value?: string | number;
+    disabled?: boolean;
+    variant?: SelectVariant;
+}
+declare function Select({ labelProps, classnames, options, description, attributes, size, id, isValid, returnType, name, value, isInvalid, disabled, variant, onChange, ...rest }: SelectProps): React.JSX.Element;
+export default Select;

package/dist/cjs/components/Select.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var app_1 = require("../helpers/app");
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+function Select(_a) {
+    var _b = _a.labelProps, labelProps = _b === void 0 ? undefined : _b, _c = _a.classnames, classnames = _c === void 0 ? undefined : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.description, description = _e === void 0 ? undefined : _e, _f = _a.attributes, attributes = _f === void 0 ? undefined : _f, _g = _a.size, size = _g === void 0 ? undefined : _g, _h = _a.id, id = _h === void 0 ? '' : _h, _j = _a.isValid, isValid = _j === void 0 ? false : _j, _k = _a.returnType, returnType = _k === void 0 ? 'value' : _k, _l = _a.name, name = _l === void 0 ? '' : _l, _m = _a.value, value = _m === void 0 ? undefined : _m, _o = _a.isInvalid, isInvalid = _o === void 0 ? false : _o, _p = _a.disabled, disabled = _p === void 0 ? false : _p, _q = _a.variant, variant = _q === void 0 ? 'normal' : _q, _r = _a.onChange, onChange = _r === void 0 ? undefined : _r, rest = tslib_1.__rest(_a, ["labelProps", "classnames", "options", "description", "attributes", "size", "id", "isValid", "returnType", "name", "value", "isInvalid", "disabled", "variant", "onChange"]);
+    var _s = (0, app_1.destructObj)(classnames), wrapperClass = _s.wrapper, selectClass = _s.select, optionClass = _s.option, descClass = _s.description;
+    var _t = (0, app_1.destructObj)(attributes), wrapperAttr = _t.wrapper, selectAttr = _t.select, optionAttr = _t.option, descAttr = _t.description;
+    var isFloatingVariantEnable = variant === 'floating';
+    /** Label */
+    function renderSelectLabel() {
+        if ((0, app_1.isStrEmpty)(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
+            return null;
+        return react_1.default.createElement(Label_1.default, tslib_1.__assign({ id: id }, labelProps));
+    }
+    /** Description */
+    function renderSelectDesc() {
+        if ((0, app_1.isStrEmpty)(description))
+            return null;
+        return (react_1.default.createElement("small", tslib_1.__assign({ className: descClass }, descAttr), description));
+    }
+    function renderOptionItem(item) {
+        var _a = (0, app_1.destructObj)(item), label = _a.label, value = _a.value, disabled = _a.disabled;
+        return (react_1.default.createElement("option", tslib_1.__assign({ key: value, value: value, disabled: disabled, className: (0, clsx_1.default)(optionClass) }, optionAttr), label));
+    }
+    function handleSelectOnchange(event) {
+        var selectedValue = event.target.value;
+        var selectedOption = options.find(function (opt) { return String(opt.value) === selectedValue; }) || null;
+        if (returnType === 'object') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(selectedValue);
+    }
+    function renderSelect() {
+        return (react_1.default.createElement(react_bootstrap_1.Form.Select, tslib_1.__assign({ className: (0, clsx_1.default)(selectClass), size: size, isValid: isValid, id: id, disabled: disabled, value: value, isInvalid: isInvalid, name: name, onChange: handleSelectOnchange }, selectAttr, rest), (0, app_1.isArrayNotEmpty)(options) && options.map(function (option) { return renderOptionItem(option); })));
+    }
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass, { 'form-floating': isFloatingVariantEnable }) }, wrapperAttr),
+        !isFloatingVariantEnable && renderSelectLabel(),
+        renderSelect(),
+        isFloatingVariantEnable && renderSelectLabel(),
+        renderSelectDesc()));
+}
+exports.default = Select;
+//# sourceMappingURL=Select.js.map

package/dist/cjs/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":";;;AAAA,wDAAwD;AACxD,sDAAuB;AACvB,mDAAsC;AACtC,sCAAyE;AACzE,0DAAgD;AA8ChD,SAAS,MAAM,CAAC,EAiBF;IAhBZ,IAAA,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EACP,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACjB,IAAI,sBAhBO,4KAiBf,CADQ;IAED,IAAA,KAKF,IAAA,iBAAW,EAAC,UAAU,CAAC,EAJhB,YAAY,aAAA,EACb,WAAW,YAAA,EACX,WAAW,YAAA,EACN,SAAS,iBACG,CAAA;IAErB,IAAA,KAKF,IAAA,iBAAW,EAAC,UAAU,CAAC,EAJhB,WAAW,aAAA,EACZ,UAAU,YAAA,EACV,UAAU,YAAA,EACL,QAAQ,iBACI,CAAA;IAE3B,IAAM,uBAAuB,GAAY,OAAO,KAAK,UAAU,CAAA;IAE/D,YAAY;IACZ,SAAS,iBAAiB;QACxB,IAAI,IAAA,gBAAU,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,8BAAC,eAAK,qBAAC,EAAE,EAAE,EAAE,IAAM,UAAU,EAAI,CAAA;IAC1C,CAAC;IAED,kBAAkB;IAClB,SAAS,gBAAgB;QACvB,IAAI,IAAA,gBAAU,EAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QACxC,OAAO,CACL,0DAAO,SAAS,EAAE,SAAS,IAAM,QAAQ,GACtC,WAAW,CACN,CACT,CAAA;IACH,CAAC;IAED,SAAS,gBAAgB,CAAC,IAAkB;QACpC,IAAA,KAA6B,IAAA,iBAAW,EAAC,IAAI,CAAC,EAA5C,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAsB,CAAA;QAEpD,OAAO,CACL,2DAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,WAAW,CAAC,IAAM,UAAU,GAC/F,KAAK,CACC,CACV,CAAA;IACH,CAAC;IAED,SAAS,oBAAoB,CAAC,KAAqC;QACjE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QACxC,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,aAAa,EAAnC,CAAmC,CAAC,IAAI,IAAI,CAAA;QACzF,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,cAAc,CAAC,CAAA;QAC5B,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,aAAa,CAAC,CAAA;IAC3B,CAAC;IAED,SAAS,YAAY;QACnB,OAAO,CACL,8BAAC,sBAAI,CAAC,MAAM,qBACV,SAAS,EAAE,IAAA,cAAI,EAAC,WAAW,CAAC,EAC5B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,oBAAoB,IAC1B,UAAU,EACV,IAAI,GAEP,IAAA,qBAAe,EAAC,OAAO,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAC,MAAoB,IAAK,OAAA,gBAAgB,CAAC,MAAM,CAAC,EAAxB,CAAwB,CAAC,CAChF,CACf,CAAA;IACH,CAAC;IAED,OAAO,CACL,wDAAK,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC,IAAM,WAAW;QAC9F,CAAC,uBAAuB,IAAI,iBAAiB,EAAE;QAC/C,YAAY,EAAE;QACd,uBAAuB,IAAI,iBAAiB,EAAE;QAC9C,gBAAgB,EAAE,CACf,CACP,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}

package/dist/cjs/components/SkeletonLoader.d.ts

@@ -0,0 +1,39 @@
+import React, { type ReactElement } from 'react';
+import { type SpinnerProps } from 'react-bootstrap';
+interface Classnames {
+    wrapper?: string;
+    text?: string;
+    circle?: string;
+    square?: string;
+    table?: string;
+    list?: string;
+    spinnerWrapper?: string;
+    textWrapper?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    text?: object;
+    circle?: object;
+    square?: object;
+    table?: object;
+    list?: object;
+    spinnerWrapper?: object;
+    textWrapper?: object;
+}
+export interface SkeletonLoaderProps {
+    loading: boolean;
+    variant: 'text' | 'circle' | 'square' | 'table' | 'list' | 'spinner';
+    spinnerProps?: SpinnerProps;
+    xs?: number;
+    as?: keyof React.JSX.IntrinsicElements;
+    animation?: 'glow' | 'wave';
+    width?: number | string | null;
+    height?: number | string | null;
+    rows?: number;
+    cols?: number;
+    size?: 'xs' | 'sm' | 'lg';
+    classnames?: Classnames;
+    attributes?: Attributes;
+}
+declare function SkeletonLoader({ loading, variant, spinnerProps, xs, as: Component, animation, width, height, rows, cols, size, classnames, attributes, }: SkeletonLoaderProps): ReactElement | null;
+export default SkeletonLoader;

package/dist/cjs/components/SkeletonLoader.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var helpers_1 = require("../helpers");
+var sizeHeightMap = {
+    xs: 8,
+    sm: 16,
+    lg: 24,
+};
+function getComputedHeight(height, size) {
+    return height !== null && height !== void 0 ? height : (size ? sizeHeightMap[size] : undefined);
+}
+function getCommonStyle(width, height) {
+    return {
+        width: width !== null && width !== void 0 ? width : undefined,
+        height: height,
+    };
+}
+function SkeletonLoader(_a) {
+    var loading = _a.loading, variant = _a.variant, _b = _a.spinnerProps, spinnerProps = _b === void 0 ? {} : _b, _c = _a.xs, xs = _c === void 0 ? 12 : _c, _d = _a.as, Component = _d === void 0 ? 'span' : _d, _e = _a.animation, animation = _e === void 0 ? 'glow' : _e, _f = _a.width, width = _f === void 0 ? null : _f, _g = _a.height, height = _g === void 0 ? null : _g, _h = _a.rows, rows = _h === void 0 ? 1 : _h, _j = _a.cols, cols = _j === void 0 ? 1 : _j, size = _a.size, _k = _a.classnames, classnames = _k === void 0 ? {} : _k, _l = _a.attributes, attributes = _l === void 0 ? {} : _l;
+    if (!loading)
+        return null;
+    var computedHeight = getComputedHeight(height, size);
+    var commonStyle = getCommonStyle(width, computedHeight);
+    var baseAnimationClass = "placeholder-".concat(animation);
+    var _m = (0, helpers_1.destructObj)(classnames), wrapperClass = _m.wrapper, textClass = _m.text, circleClass = _m.circle, squareClass = _m.square, tableClass = _m.table, listClass = _m.list, spinnerWrapperClass = _m.spinnerWrapper, textWrapperClass = _m.textWrapper;
+    var _o = (0, helpers_1.destructObj)(attributes), wrapperAttr = _o.wrapper, textAttr = _o.text, circleAttr = _o.circle, squareAttr = _o.square, tableAttr = _o.table, listAttr = _o.list, spinnerWrapperAttr = _o.spinnerWrapper, textWrapperAttr = _o.textWrapper;
+    function renderText() {
+        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(baseAnimationClass, textWrapperClass) }, textWrapperAttr),
+            react_1.default.createElement(Component, tslib_1.__assign({ className: (0, clsx_1.default)("placeholder rounded col-".concat(xs), textClass), style: commonStyle }, textAttr))));
+    }
+    function renderCircle() {
+        var _a;
+        return (react_1.default.createElement("div", { className: baseAnimationClass },
+            react_1.default.createElement(Component, tslib_1.__assign({ className: (0, clsx_1.default)('placeholder rounded-circle', circleClass), style: {
+                    width: width !== null && width !== void 0 ? width : 40,
+                    height: (_a = computedHeight !== null && computedHeight !== void 0 ? computedHeight : width) !== null && _a !== void 0 ? _a : 40,
+                } }, circleAttr))));
+    }
+    function renderSquare() {
+        return (react_1.default.createElement("div", { className: baseAnimationClass },
+            react_1.default.createElement(Component, tslib_1.__assign({ className: (0, clsx_1.default)('placeholder rounded', squareClass), style: commonStyle }, squareAttr))));
+    }
+    function renderTable() {
+        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(tableClass) }, tableAttr), Array.from({ length: rows }).map(function (_, rowIndex) { return (react_1.default.createElement("div", { key: rowIndex, className: 'd-flex gap-50 mb-2' }, Array.from({ length: cols }).map(function (_, colIndex) { return (react_1.default.createElement(Component, { key: colIndex, className: 'placeholder rounded col mb-10', style: { height: computedHeight !== null && computedHeight !== void 0 ? computedHeight : 16 } })); }))); })));
+    }
+    function renderList() {
+        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(listClass) }, listAttr), Array.from({ length: rows }).map(function (_, index) {
+            var _a;
+            return (react_1.default.createElement("div", { key: index, className: 'd-flex align-items-center gap-3 mb-2' },
+                react_1.default.createElement(Component, tslib_1.__assign({ className: (0, clsx_1.default)('placeholder rounded-circle flex-shrink-0', circleClass), style: {
+                        width: width !== null && width !== void 0 ? width : 40,
+                        height: (_a = computedHeight !== null && computedHeight !== void 0 ? computedHeight : width) !== null && _a !== void 0 ? _a : 40,
+                    } }, circleAttr)),
+                react_1.default.createElement(Component, { className: 'placeholder rounded col-12', style: { height: computedHeight !== null && computedHeight !== void 0 ? computedHeight : 16 } })));
+        })));
+    }
+    function renderSpinner() {
+        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(spinnerWrapperClass) }, spinnerWrapperAttr),
+            react_1.default.createElement(react_bootstrap_1.Spinner, tslib_1.__assign({ animation: 'border' }, spinnerProps))));
+    }
+    var renderMap = {
+        text: renderText,
+        circle: renderCircle,
+        square: renderSquare,
+        table: renderTable,
+        list: renderList,
+        spinner: renderSpinner,
+    };
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass) }, wrapperAttr), renderMap[variant]()));
+}
+exports.default = SkeletonLoader;
+//# sourceMappingURL=SkeletonLoader.js.map

package/dist/cjs/components/SkeletonLoader.js.map

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

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

@@ -0,0 +1,74 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @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.
+ * -----------------------------------------------------------------------------
+ */
+import { type MouseEvent, type ReactElement } from 'react';
+import { SlickSliderConfig } from './useSliderBreakpoint';
+export interface SlickSliderDataProps {
+    id: number;
+    label: string;
+    url: string;
+}
+export interface SlickSliderAutoPlayConfig {
+    enable?: boolean;
+    interval?: number;
+    pauseOnHover?: boolean;
+}
+export interface SlickSliderAnimationConfig {
+    easing?: string;
+    speed?: number;
+}
+export interface SlickSliderProps {
+    activeSlide?: number;
+    animationConfig?: SlickSliderAnimationConfig;
+    autoPlayConfig?: SlickSliderAutoPlayConfig;
+    breakpoints?: SlickSliderConfig[];
+    btnsLabel?: {
+        next?: string;
+        prev?: string;
+    };
+    data: SlickSliderDataProps[];
+    draggable?: {
+        dragThreshold?: number;
+        enableDrag?: boolean;
+    };
+    gap?: number;
+    icons?: {
+        activeDot?: string;
+        dots?: string;
+        next?: string;
+        prev?: string;
+    };
+    loop?: boolean;
+    onSlideClick?: (item: SlickSliderDataProps, index: number, event: MouseEvent<HTMLButtonElement>) => void;
+    renderNextBtn?: (handleNextSlide: () => void, hasNextBtnDisabled: () => boolean) => ReactElement;
+    renderPrevBtn?: (handlePrevSlide: () => void, hasPrevBtnDisabled: () => boolean) => ReactElement;
+    renderSlide?: (slideItem: SlickSliderDataProps, index?: number) => null | ReactElement;
+    showCtrlBtns?: boolean;
+    showIndicator?: boolean;
+    slideToScroll?: number;
+    slideToShow?: number;
+    variant?: 'horizontal' | 'vertical';
+}
+declare function SlickSlider({ activeSlide, animationConfig, autoPlayConfig, breakpoints, btnsLabel, data, draggable, gap, icons, loop, onSlideClick, renderNextBtn, renderPrevBtn, renderSlide, showCtrlBtns, showIndicator, slideToScroll, slideToShow, variant, }: Readonly<SlickSliderProps>): ReactElement;
+export default SlickSlider;