react-gldn-kit 0.0.1

package/dist/lib/components/ui/AccordionGroup/Accordion.js

@@ -0,0 +1,70 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./Accordion.module.css"));
+var ArrowSvg_1 = require("../Icons/ArrowSvg");
+var Text_1 = require("components/Text");
+var Accordion = function (props) {
+    var _a, _b, _c;
+    var title = props.title, startIcon = props.startIcon, data = props.data, classes = props.classes, titleClasses = props.titleClasses, _d = props.isGroup, isGroup = _d === void 0 ? false : _d, _e = props.isOpenedByGroup, isOpenedByGroup = _e === void 0 ? false : _e, callbackOpenState = props.callbackOpenState, handleClick = props.handleClick;
+    var _f = (0, react_1.useState)(false), isOpened = _f[0], setOpenState = _f[1];
+    var handleClickItem = function (inx) { return function () { return handleClick === null || handleClick === void 0 ? void 0 : handleClick(inx); }; };
+    var toggleOpenState = function () {
+        if (isGroup && callbackOpenState) {
+            callbackOpenState();
+            return;
+        }
+        setOpenState(!isOpened);
+    };
+    var isOpenedState = isGroup ? isOpenedByGroup : isOpened;
+    if (!data.length) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperAccordion, classes, (_a = {},
+            _a[styles.paddingB] = isOpenedState,
+            _a)), onClick: toggleOpenState }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.titleWrapper }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.leftBlock }, { children: [startIcon, (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.title, (_b = {},
+                                    _b[styles.starIcon] = startIcon,
+                                    _b), titleClasses) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: title }) }))] })), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: (0, classnames_1.default)(styles.icon, (_c = {},
+                            _c[styles.rotate] = isOpenedState,
+                            _c)), width: "16", height: "9" })] })), isOpenedState && ((0, jsx_runtime_1.jsx)("div", __assign({ className: styles.accordionList }, { children: data.map(function (text, inx) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: handleClickItem(inx), className: styles.itemRow }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }), inx)); }) })))] })));
+};
+exports.default = Accordion;

package/dist/lib/components/ui/AccordionGroup/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    children: React.ReactElement;
+};
+declare const AccordionGroup: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default AccordionGroup;

package/dist/lib/components/ui/AccordionGroup/index.js

@@ -0,0 +1,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var AccordionGroup = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(null), activeStateInx = _b[0], setActiveStateInx = _b[1];
+    var toggleState = function (inx) { return function () {
+        if (activeStateInx === inx) {
+            setActiveStateInx(null);
+            return;
+        }
+        setActiveStateInx(inx);
+    }; };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children.props.children.map(function (c, inx) {
+            return react_1.default.cloneElement(c, __assign(__assign({}, c.props), { isGroup: true, callbackOpenState: toggleState(inx), isOpenedByGroup: activeStateInx === inx }));
+        }) }));
+};
+exports.default = AccordionGroup;

package/dist/lib/components/ui/Bonuses/AvailableBonusesSlider/index.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    freeSpins: [];
+    bonusOnDeposit: [];
+    callbackBonusId: (id: number | null) => void;
+    withoutBonusesText: string;
+};
+export declare const AvailableBonusesSlider: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/Bonuses/AvailableBonusesSlider/index.js

@@ -0,0 +1,80 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvailableBonusesSlider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./AvailableBonusesSlider.module.css"));
+var AvailableBonusesSlider = function (props) {
+    var freeSpins = props.freeSpins, bonusOnDeposit = props.bonusOnDeposit, callbackBonusId = props.callbackBonusId, withoutBonusesText = props.withoutBonusesText;
+    var _a = (0, react_1.useState)(false), hideBonuses = _a[0], setBonusesState = _a[1];
+    var _b = (0, react_1.useState)(0), activeInx = _b[0], setActiveInx = _b[1];
+    var withoutBonuses = !freeSpins.length && !bonusOnDeposit.length;
+    var toggleState = function () {
+        var newState = !hideBonuses;
+        if (newState) {
+            callbackBonusId(null);
+        }
+        setBonusesState(newState);
+    };
+    var changeIndx = function (factor) { return function () {
+        setActiveInx(activeInx + factor);
+    }; };
+    if (withoutBonuses) {
+        return null;
+    }
+    var operations = __spreadArray(__spreadArray([], bonusOnDeposit, true), freeSpins, true);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperBonusSection }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperAvailableBonuses, {
+                // [animation.animationSelectorReducing]: hideBonuses,
+                // [animation.animationSelectorGrowing]: !hideBonuses,
+                }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.bonusWrapper }, { children: (0, jsx_runtime_1.jsx)("div", { className: styles.visibleWrapper, style: {
+                            transform: "translateX(-".concat(activeInx * 100, "%)"),
+                        } }) })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.wrapperCheckbox }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.bonusCheckboxText }, { children: withoutBonusesText })) }))] })));
+};
+exports.AvailableBonusesSlider = AvailableBonusesSlider;

package/dist/lib/components/ui/Buttons/AppSwitcher/index.d.ts

@@ -0,0 +1,12 @@
+type DataProps = {
+    type: 'casino' | 'betting' | 'lottery';
+    text: string;
+    isActive: boolean;
+};
+type Props = {
+    handleClick: (t: DataProps) => () => void;
+    isFullView?: boolean;
+    data: DataProps[];
+};
+export declare const AppSwitcher: ({ handleClick, isFullView, data }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/Buttons/AppSwitcher/index.js

@@ -0,0 +1,74 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppSwitcher = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var betting_svg_1 = require("./assets/betting.svg");
+var casino_svg_1 = require("./assets/casino.svg");
+var lottery_svg_1 = require("./assets/lottery.svg");
+var styles = __importStar(require("./AppSwitcher.module.css"));
+var AppSwitcher = function (_a) {
+    var _b;
+    var handleClick = _a.handleClick, isFullView = _a.isFullView, data = _a.data;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)((_b = {},
+            _b[styles.shortView] = !isFullView,
+            _b[styles.wrapperAppSwitcher] = isFullView,
+            _b)) }, { children: data.map(function (t) {
+            var _a;
+            var type = t.type, text = t.text, isActive = t.isActive;
+            var Icon = function (d) { return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); };
+            if (type === 'casino') {
+                Icon = casino_svg_1.ReactComponent;
+            }
+            if (type === 'betting') {
+                Icon = betting_svg_1.ReactComponent;
+            }
+            if (type === 'lottery') {
+                Icon = lottery_svg_1.ReactComponent;
+            }
+            if (!isFullView) {
+                return ((0, jsx_runtime_1.jsx)(Icon, { className: styles.icon, onClick: handleClick(t) }, type));
+            }
+            return ((0, jsx_runtime_1.jsxs)("div", __assign({ onClick: handleClick(t), className: (0, classnames_1.default)(styles.navigationButton, (_a = {},
+                    _a[styles.activeNav] = isActive,
+                    _a)) }, { children: [(0, jsx_runtime_1.jsx)(Icon, { className: styles.icon }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.text }, { children: text }))] }), type));
+        }) })));
+};
+exports.AppSwitcher = AppSwitcher;

package/dist/lib/components/ui/Buttons/ArrowButton/index.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    isOpened?: boolean;
+    toggleState?: (e: any) => void;
+    classes?: string;
+};
+export declare const ArrowButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/ui/Buttons/ArrowButton/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
+var styles = __importStar(require("./ArrowButton.module.css"));
+var ArrowButton = function (props) {
+    var _a;
+    var isOpened = props.isOpened, toggleState = props.toggleState, _b = props.classes, classes = _b === void 0 ? '' : _b;
+    return ((0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: (0, classnames_1.default)(styles.default, classes, (_a = {},
+            _a[styles.openedColor] = isOpened,
+            _a)), handleClick: toggleState }));
+};
+exports.ArrowButton = ArrowButton;

package/dist/lib/components/ui/Buttons/BaseButton/index.d.ts

@@ -0,0 +1,2 @@
+import { BaseButtonProps } from './types';
+export declare const BaseButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Buttons/BaseButton/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./ButtonBase.module.css"));
+var Text_1 = require("components/Text");
+var BaseButton = function (props) {
+    var _a, _b, _c;
+    var text = props.text, startIcon = props.startIcon, children = props.children, size = props.size, color = props.color, isResized = props.isResized, _d = props.classes, classes = _d === void 0 ? '' : _d, _e = props.marginL, marginL = _e === void 0 ? '' : _e, _f = props.fontSize, fontSize = _f === void 0 ? '' : _f, _g = props.borderR, borderR = _g === void 0 ? '' : _g, classesText = props.classesText, centreText = props.centreText, handleClick = props.handleClick, buttonHeight = props.buttonHeight, marginB = props.marginB, disabled = props.disabled;
+    var marginLKey = "marginLeft-".concat(marginL);
+    var marginBKey = "marginBottom-".concat(marginB);
+    var sizeKey = "size".concat(size);
+    var fontSizeKey = "fontSize".concat(fontSize);
+    var bgKey = "buttonBackground-".concat(color);
+    var borderRKey = "borderRadius".concat(borderR);
+    var buttonHeightKey = "buttonHeight".concat(buttonHeight);
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ onClick: handleClick, className: (0, classnames_1.default)(styles.wrapperButtonBase, styles[sizeKey], styles[marginLKey], styles[marginBKey], styles[fontSizeKey], styles[bgKey], styles[borderRKey], (_a = {},
+            _a[styles.resizedButton] = isResized,
+            _a[styles[buttonHeightKey]] = buttonHeight,
+            _a[styles.disabled] = disabled,
+            _a), classes) }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.textContainer, classesText, (_b = {},
+                _b[styles.center] = centreText,
+                _b)) }, { children: [startIcon, text && ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)(styles.text, (_c = {},
+                        _c[styles['marginLeft-base']] = startIcon,
+                        _c)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: text }) }))), children && (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.endIcon }, { children: children }))] })) })));
+};
+exports.BaseButton = BaseButton;

package/dist/lib/components/ui/Buttons/BaseButton/types.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export type BaseButtonProps = BaseButton & ({
+    text: string;
+    startIcon?: React.ReactElement;
+} | {
+    startIcon: React.ReactElement;
+    text?: string;
+});
+type BaseButton = {
+    handleClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+    size: '--button-xs' | '--button-s' | '--button-m' | '--button-l' | '--button-xl' | '--button-xxl' | '--button-full';
+    fontSize?: '--font-size-xs' | '--font-size-s' | '--font-size-m' | '--font-size-l' | '--font-size-xl' | '--font-size-xxl';
+    borderR?: '--border-xs' | '--border-s' | '--border-m' | '--border-l' | '--border-xl' | '--border-xxl' | '--border-round';
+    color: 'primary' | 'secondary' | 'dark' | 'green' | 'transparent' | 'blue';
+    centreText?: boolean;
+    classes?: string;
+    classesText?: string;
+    children?: React.ReactElement;
+    marginL?: 'base' | 'base-double' | 'base-half';
+    marginB?: 'base' | 'base-double' | 'base-half';
+    disabled?: boolean;
+    isResized?: boolean;
+} & ({
+    size: '--button-xs' | '--button-s';
+    buttonHeight?: undefined;
+} | {
+    size: '--button-m' | '--button-l' | '--button-xl' | '--button-xxl' | '--button-full';
+    buttonHeight: '--button-height-xs' | '--button-height-s' | '--button-height-m' | '--button-height-l' | '--button-height-xl' | '--button-height-xxl' | '--button-height-full';
+});
+export {};

package/dist/lib/components/ui/Buttons/BaseButton/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/Buttons/CasinoCategoryButton/index.d.ts

@@ -0,0 +1,2 @@
+import { CasinoCategoryProps } from './types';
+export declare const CasinoCategoryButton: (props: CasinoCategoryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Buttons/CasinoCategoryButton/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CasinoCategoryButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styles = __importStar(require("./CasinoCategoryButton.module.css"));
+var Text_1 = require("components/Text");
+var CasinoCategoryButton = function (props) {
+    var _a, _b;
+    var name = props.name, _c = props.id, id = _c === void 0 ? null : _c, handleClick = props.handleClick, type = props.type, classes = props.classes, isActive = props.isActive, Icon = props.Icon, isInHouse = props.isInHouse, _d = props.isWager, isWager = _d === void 0 ? false : _d;
+    var onClick = function (id) { return function () {
+        handleClick(id);
+    }; };
+    if (isWager) {
+        return null;
+    }
+    if (type === 'buttons') {
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ onClick: onClick(id), className: (0, classnames_1.default)(styles.wrapperCasinoCategoryButton, classes, (_a = {},
+                _a[styles.active] = isActive,
+                _a[styles.inHouse] = isInHouse,
+                _a)) }, { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, { classes: styles.categoryIcon }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.casinoCategoryText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) }))] })));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ onClick: onClick(id), 
+        // animation.animationFadeIn,
+        className: (0, classnames_1.default)(styles.wrapperCasinoCategory, (_b = {},
+            _b[styles.inHouse] = isInHouse,
+            _b)) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.casinoCategoryText }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), isActive && ((0, jsx_runtime_1.jsx)("div", { 
+                //  animation.animationFadeIn
+                className: styles.activeCategory }))] })));
+};
+exports.CasinoCategoryButton = CasinoCategoryButton;

package/dist/lib/components/ui/Buttons/CasinoCategoryButton/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconProps } from 'components/ui/Icons/types';
+export type CasinoCategoryProps = {
+    id: number | null;
+    name: string;
+    classes?: string;
+    handleClick: (id: number | null) => void;
+    type?: 'buttons';
+    isActive: boolean;
+    Icon?: Icon;
+    isWager?: boolean;
+    isInHouse: boolean;
+} & ({
+    type: 'button';
+    Icon: Icon;
+} | {
+    type?: 'button';
+    Icon?: Icon;
+});
+type Icon = React.FunctionComponent<IconProps>;
+export {};

package/dist/lib/components/ui/Buttons/CasinoCategoryButton/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/Buttons/CasinoSubCategoriesButton/index.d.ts

@@ -0,0 +1,2 @@
+import { CasinoSubCategoryButtonProps } from './types';
+export declare const CasinoSubCategoriesButton: (props: CasinoSubCategoryButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/ui/Buttons/CasinoSubCategoriesButton/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CasinoSubCategoriesButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var BaseButton_1 = require("../BaseButton");
+var styles = __importStar(require("./CasinoSubCategories.module.css"));
+var CasinoSubCategoriesButton = function (props) {
+    var handleItemClick = props.handleItemClick, data = props.data, _a = props.withAll, withAll = _a === void 0 ? true : _a, activeId = props.activeId;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.subCategoriesWrapper, styles.scroll) }, { children: [withAll && ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: "all", handleClick: handleItemClick(null), isResized: true, size: "--button-xs", 
+                // type={ 'primary' : }
+                color: activeId === null ? 'primary' : 'secondary', classes: styles.subCategoryButton })), data.map(function (i) { return ((0, jsx_runtime_1.jsx)(BaseButton_1.BaseButton, { text: i.name, handleClick: handleItemClick(i.id), isResized: true, size: "--button-xs", color: "".concat(activeId) === "".concat(i.id) ? 'primary' : 'secondary', classes: styles.subCategoryButton }, "".concat(i.name, "_").concat(i.id))); })] })));
+};
+exports.CasinoSubCategoriesButton = CasinoSubCategoriesButton;

package/dist/lib/components/ui/Buttons/CasinoSubCategoriesButton/types.d.ts

@@ -0,0 +1,13 @@
+type Item = {
+    name: string;
+    id: string | number;
+    [key: string]: any;
+};
+export type CasinoSubCategoryButtonProps = {
+    data: Item[];
+    handleItemClick: (d: string | number | null) => () => void;
+    classes?: string;
+    activeId: number | string | null;
+    withAll?: boolean;
+};
+export {};

package/dist/lib/components/ui/Buttons/CasinoSubCategoriesButton/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/components/ui/Buttons/CloseButton/index.d.ts

@@ -0,0 +1,2 @@
+import { CloseButtonProps } from './types';
+export declare const CloseButton: ({ handleClick, classes }: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;