@onesy/ui-react 1.0.59 → 1.0.63

package/ColorTextField/ColorTextField.js

@@ -1,180 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const Line_1 = __importDefault(require("../Line"));
-const TextField_1 = __importDefault(require("../TextField"));
-const FormRow_1 = __importDefault(require("../FormRow"));
-const Slider_1 = __importDefault(require("../Slider"));
-const Type_1 = __importDefault(require("../Type"));
-const utils_2 = require("../utils");
-const SliderInput = react_1.default.forwardRef((props, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const FormRow = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.FormRow) || FormRow_1.default; }, [theme]);
-    const Slider = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Slider) || Slider_1.default; }, [theme]);
-    const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const { name, value, onChange, min, max, children, className } = props, other = __rest(props, ["name", "value", "onChange", "min", "max", "children", "className"]);
-    return ((0, jsx_runtime_1.jsx)(FormRow, Object.assign({ gap: 1, description: `${name} ${(value || 100).toFixed(0)}`, fullWidth: true, className: (0, style_react_1.classNames)([
-            className
-        ]) }, { children: (0, jsx_runtime_1.jsx)(Slider, Object.assign({ value: value, onChange: onChange, valueDefault: 100, min: min, max: max, size: 'small', tooltip: true, marks: [
-                {
-                    label: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: min }))),
-                    value: min
-                },
-                {
-                    label: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: 'b3' }, { children: max }))),
-                    value: max
-                },
-            ], labels: true }, other, { style: Object.assign({ maxWidth: 'unset', width: 'calc(100% - 8px)', margin: '4px 4px 16px' }, other.style) })) })));
-});
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        margin: '0',
-        padding: '0',
-        border: '0',
-        outline: 'none',
-        fontSize: '100%',
-        background: 'transparent',
-        boxSizing: 'border-box',
-        touchAction: 'manipulation',
-    },
-    inputColor: {
-        // Reset
-        margin: '0',
-        padding: '0',
-        border: '0',
-        fontFamily: 'inherit',
-        fontSize: '100%',
-        lineHeight: '1.15',
-        borderRadius: theme.methods.shape.radius.value(40, 'px'),
-        overflow: 'hidden',
-        width: '17px',
-        height: '17px',
-        cursor: 'pointer',
-        boxShadow: theme.methods.shadow(theme.palette.text.default.primary, theme.palette.light ? [7, 4, 11] : [27, 24, 31])[1],
-        '&::-webkit-color-swatch-wrapper': {
-            padding: '0'
-        },
-        '&::-webkit-color-swatch': {
-            border: 'none'
-        }
-    }
-}), { name: 'onesy-ColorTextField' });
-const ColorTextField = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyColorTextField) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const TextField = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.TextField) || TextField_1.default; }, [theme]);
-    const { name, version = 'outlined', size = 'regular', valueDefault, value: value_, valueColor: valueColor_, valueOpacity: valueOpacity_, onChange: onChange_, onChangeColor: onChangeColor_, onChangeOpacity: onChangeOpacity_, opacity, className } = props, other = __rest(props, ["name", "version", "size", "valueDefault", "value", "valueColor", "valueOpacity", "onChange", "onChangeColor", "onChangeOpacity", "opacity", "className"]);
-    const { classes } = useStyle();
-    const [value, setValue] = react_1.default.useState((valueDefault !== undefined ? valueDefault : value_) || '');
-    const [valueColor, setValueColor] = react_1.default.useState(valueColor_ !== undefined ? valueColor_ : '');
-    const [valueOpacity, setValueOpacity] = react_1.default.useState(valueOpacity_ !== undefined ? valueOpacity_ : 100);
-    const refs = {
-        value: react_1.default.useRef(undefined),
-        valueColor: react_1.default.useRef(valueColor),
-        valueOpacity: react_1.default.useRef(valueOpacity)
-    };
-    refs.value.current = value;
-    refs.valueColor.current = valueColor;
-    refs.valueOpacity.current = valueOpacity;
-    react_1.default.useEffect(() => {
-        if (opacity) {
-            if (!value_ || ((0, utils_1.is)('string', value_) && (value_ === null || value_ === void 0 ? void 0 : value_.startsWith('theme'))))
-                return;
-            const valuePrevious = (0, utils_1.colorToRgb)(refs.valueColor.current, refs.valueOpacity.current);
-            if (value_ && value_ !== valuePrevious) {
-                const [r, g, b, a = 1] = (0, utils_1.colorToRgb)(value_, undefined, true) || [];
-                setValueOpacity((0, utils_1.clamp)(+(a * 100).toFixed(2), 0, 100));
-                setValueColor((0, utils_1.rgbToHex)(`rgb(${r}, ${g}, ${b})`));
-            }
-            else {
-                setValueColor('');
-                setValueOpacity(100);
-            }
-        }
-        else {
-            if (value_ !== refs.value.current)
-                setValue(value_);
-        }
-    }, [value_]);
-    react_1.default.useEffect(() => {
-        if (valueColor_ !== undefined && valueColor !== valueColor_)
-            setValueColor(valueColor_);
-    }, [valueColor_]);
-    react_1.default.useEffect(() => {
-        if (valueOpacity_ !== undefined && valueOpacity !== valueOpacity_)
-            setValueOpacity(valueOpacity_);
-    }, [valueOpacity_]);
-    const onChange = react_1.default.useCallback((valueNew) => {
-        if (opacity) {
-            const opacity_ = (0, utils_1.clamp)(+refs.valueOpacity.current / 100, 0.0001, 1);
-            if ((0, utils_1.is)('function', onChange_))
-                onChange_((0, utils_1.colorToRgb)(refs.valueColor.current, +opacity_.toFixed(2)) || '');
-        }
-        else {
-            // Update inner or controlled
-            if (!props.hasOwnProperty('value'))
-                setValue(valueNew);
-            if ((0, utils_1.is)('function', onChange_))
-                onChange_(valueNew);
-        }
-    }, [onChange_]);
-    const onChangeColor = react_1.default.useCallback((valueNew) => {
-        if (!props.hasOwnProperty('valueColor'))
-            setValueColor(valueNew);
-        if ((0, utils_1.is)('function', onChangeColor_))
-            onChangeColor_(valueNew);
-        setTimeout(() => {
-            onChange();
-        }, 14);
-    }, [onChangeColor_]);
-    const onChangeOpacity = react_1.default.useCallback((valueNew_) => {
-        const valueNew = +(valueNew_ === null || valueNew_ === void 0 ? void 0 : valueNew_.toFixed(2));
-        if (!props.hasOwnProperty('valueOpacity'))
-            setValueOpacity(valueNew);
-        if ((0, utils_1.is)('function', onChangeOpacity_))
-            onChangeOpacity_(valueNew);
-        setTimeout(() => {
-            onChange();
-        }, 14);
-    }, [onChangeOpacity_]);
-    const root = ((0, jsx_runtime_1.jsx)(TextField, Object.assign({ name: name, value: opacity ? valueColor : value, onChange: opacity ? onChangeColor : onChange, version: version, size: size, endVerticalAlign: 'center', end: ((0, jsx_runtime_1.jsx)("input", { type: 'color', value: opacity ? valueColor : value, onChange: (event) => opacity ? onChangeColor(event.target.value) : onChange(event.target.value), className: (0, style_react_1.classNames)([
-                (0, utils_2.staticClassName)('ColorTextField', theme) && [
-                    'onesy-ColorTextField-input-color'
-                ],
-                classes.inputColor
-            ]) })), className: (0, style_react_1.classNames)([
-            (0, utils_2.staticClassName)('ColorTextField', theme) && [
-                'onesy-ColorTextField-root',
-                `onesy-ColorTextField-version-${version}`,
-                `onesy-ColorTextField-size-${size}`
-            ],
-            classes.root
-        ]), fullWidth: opacity }, (!opacity && other))));
-    if (opacity) {
-        return ((0, jsx_runtime_1.jsxs)(Line, Object.assign({ ref: ref, gap: 1, fullWidth: true, className: (0, style_react_1.classNames)([
-                className,
-                classes.root
-            ]) }, other, { children: [root, (0, jsx_runtime_1.jsx)(SliderInput, { name: 'Opacity', value: valueOpacity, onChange: onChangeOpacity, min: 0, max: 100 })] })));
-    }
-    return root;
-});
-ColorTextField.displayName = 'onesy-ColorTextField';
-exports.default = ColorTextField;

package/Confirm/Confirm.js

@@ -1,133 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const Button_1 = __importDefault(require("../Button"));
-const Context_1 = __importDefault(require("./Context"));
-const ModalHeader_1 = __importDefault(require("../ModalHeader"));
-const ModalFooter_1 = __importDefault(require("../ModalFooter"));
-const ModalTitle_1 = __importDefault(require("../ModalTitle"));
-const ModalMain_1 = __importDefault(require("../ModalMain"));
-const ModalText_1 = __importDefault(require("../ModalText"));
-const Modal_1 = __importDefault(require("../Modal"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        '& .onesy-ModalMain-root': {
-            padding: `6px 0 10px`
-        },
-        '& .onesy-ModalFooter-root': {
-            padding: `12px 0 12px`
-        },
-        '& .onesy-Modal-background:not(.onesy-Modal-background-invisible)': {
-            background: theme.methods.palette.color.colorToRgb(theme.methods.palette.color.value('default', 10), theme.palette.light ? 20 : 40)
-        }
-    },
-    surface: {
-        '&.onesy-Surface-root': {
-            background: theme.palette.color.primary[theme.palette.light ? 99 : 5],
-            paddingBottom: '8px'
-        }
-    }
-}), { name: 'onesy-Confirm' });
-const Confirm = react_1.default.forwardRef((props_, ref) => {
-    var _a, _b, _c, _d;
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyConfirm) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const ModalHeader = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalHeader) || ModalHeader_1.default; }, [theme]);
-    const ModalFooter = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalFooter) || ModalFooter_1.default; }, [theme]);
-    const ModalTitle = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalTitle) || ModalTitle_1.default; }, [theme]);
-    const ModalMain = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalMain) || ModalMain_1.default; }, [theme]);
-    const ModalText = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.ModalText) || ModalText_1.default; }, [theme]);
-    const Modal = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Modal) || Modal_1.default; }, [theme]);
-    const Button = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Button) || Button_1.default; }, [theme]);
-    const { throwError, onOpen, onClose, className, children } = props, other = __rest(props, ["throwError", "onOpen", "onClose", "className", "children"]);
-    const { classes } = useStyle();
-    const [openModal, setOpenModal] = react_1.default.useState(false);
-    const refs = {
-        value: react_1.default.useRef({}),
-        modal: react_1.default.useRef(null),
-        props: react_1.default.useRef(null),
-        promise: {
-            resolve: react_1.default.useRef(null),
-            reject: react_1.default.useRef(null)
-        }
-    };
-    refs.props.current = props;
-    const open = react_1.default.useCallback((value) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        if (!openModal) {
-            refs.modal.current = Object.assign({}, value);
-            // Defaults
-            refs.modal.current.name = (value === null || value === void 0 ? void 0 : value.name) !== undefined ? value === null || value === void 0 ? void 0 : value.name : 'Confirmation';
-            refs.modal.current.description = (value === null || value === void 0 ? void 0 : value.description) !== undefined ? value === null || value === void 0 ? void 0 : value.description : 'Are you sure you want to proceed?';
-            if (((_b = (_a = refs.modal.current.buttons) === null || _a === void 0 ? void 0 : _a.negative) === null || _b === void 0 ? void 0 : _b.text) === undefined)
-                (0, utils_1.setObjectValue)(refs.modal.current, 'buttons.negative.text', '');
-            if (((_d = (_c = refs.modal.current.buttons) === null || _c === void 0 ? void 0 : _c.positive) === null || _d === void 0 ? void 0 : _d.text) === undefined)
-                (0, utils_1.setObjectValue)(refs.modal.current, 'buttons.positive.text', '');
-            refs.modal.current.buttons.negative.text = ((_f = (_e = value === null || value === void 0 ? void 0 : value.buttons) === null || _e === void 0 ? void 0 : _e.negative) === null || _f === void 0 ? void 0 : _f.text) !== undefined ? (_h = (_g = value === null || value === void 0 ? void 0 : value.buttons) === null || _g === void 0 ? void 0 : _g.negative) === null || _h === void 0 ? void 0 : _h.text : 'Cancel';
-            refs.modal.current.buttons.positive.text = ((_k = (_j = value === null || value === void 0 ? void 0 : value.buttons) === null || _j === void 0 ? void 0 : _j.positive) === null || _k === void 0 ? void 0 : _k.text) !== undefined ? (_m = (_l = value === null || value === void 0 ? void 0 : value.buttons) === null || _l === void 0 ? void 0 : _l.positive) === null || _m === void 0 ? void 0 : _m.text : 'Confirm';
-            refs.modal.current.throwError = (value === null || value === void 0 ? void 0 : value.throwError) !== undefined ? value.throwError : refs.props.current.throwError;
-            const promise = new Promise((resolve, reject) => {
-                refs.promise.resolve.current = resolve;
-                refs.promise.reject.current = reject;
-            });
-            setOpenModal(true);
-            if ((0, utils_1.is)('function', onOpen))
-                onOpen();
-            return promise;
-        }
-    }, [openModal, onOpen]);
-    const close = react_1.default.useCallback((confirm = false) => {
-        var _a, _b, _c, _d, _e, _f;
-        if (openModal) {
-            setOpenModal(false);
-            if ((0, utils_1.is)('function', onClose))
-                onClose();
-            // Resolve or reject
-            if (confirm)
-                (_b = (_a = refs.promise.resolve).current) === null || _b === void 0 ? void 0 : _b.call(_a, confirm);
-            else
-                !refs.modal.current.throwError ? (_d = (_c = refs.promise.resolve).current) === null || _d === void 0 ? void 0 : _d.call(_c, false) : (_f = (_e = refs.promise.reject).current) === null || _f === void 0 ? void 0 : _f.call(_e);
-            refs.promise.resolve.current = undefined;
-            refs.promise.reject.current = undefined;
-        }
-    }, [openModal, onClose]);
-    const _e = (refs.modal.current || {}), { name, description, buttons, throwError: throwError_, ButtonNegativeProps, ButtonPositiveProps, modal } = _e, otherModal = __rest(_e, ["name", "description", "buttons", "throwError", "ButtonNegativeProps", "ButtonPositiveProps", "modal"]);
-    // Add to the value
-    refs.value.current.open = open;
-    refs.value.current.close = close;
-    return ((0, jsx_runtime_1.jsxs)(Context_1.default.Provider, Object.assign({ value: refs.value.current }, { children: [children, (0, jsx_runtime_1.jsx)(Modal, Object.assign({ ref: ref, open: openModal, onClose: close, SurfaceProps: {
-                    tonal: true,
-                    color: 'primary',
-                    className: (0, style_react_1.classNames)([
-                        classes.surface
-                    ])
-                }, className: (0, style_react_1.classNames)([
-                    (0, utils_2.staticClassName)('Confirm', theme) && [
-                        `onesy-Confirm-root`
-                    ],
-                    className,
-                    classes.root
-                ]) }, other, otherModal, { children: (0, utils_1.is)('function', modal) ?
-                    modal({ resolve: refs.promise.resolve.current, reject: refs.promise.reject.current }) :
-                    ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [name !== false && ((0, jsx_runtime_1.jsx)(ModalHeader, { children: (0, jsx_runtime_1.jsx)(ModalTitle, Object.assign({ version: 't1', weight: 500 }, { children: name || 'Confirmation' })) })), (0, jsx_runtime_1.jsx)(ModalMain, { children: (0, jsx_runtime_1.jsx)(ModalText, Object.assign({ version: 'b1', weight: 200 }, { children: description !== undefined ? description : 'Are you sure you want to proceed?' })) }), (0, jsx_runtime_1.jsxs)(ModalFooter, { children: [(0, jsx_runtime_1.jsx)(Button, Object.assign({ version: 'text', color: 'inherit', tonal: true, onClick: () => close(false) }, ButtonNegativeProps, { children: ((_a = buttons === null || buttons === void 0 ? void 0 : buttons.negative) === null || _a === void 0 ? void 0 : _a.text) !== undefined ? (_b = buttons === null || buttons === void 0 ? void 0 : buttons.negative) === null || _b === void 0 ? void 0 : _b.text : 'Cancel' })), (0, jsx_runtime_1.jsx)(Button, Object.assign({ version: 'text', color: 'inherit', tonal: true, onClick: () => close(true) }, ButtonPositiveProps, { children: ((_c = buttons === null || buttons === void 0 ? void 0 : buttons.positive) === null || _c === void 0 ? void 0 : _c.text) !== undefined ? (_d = buttons === null || buttons === void 0 ? void 0 : buttons.positive) === null || _d === void 0 ? void 0 : _d.text : 'Confirm' }))] })] })) }))] })));
-});
-Confirm.displayName = 'onesy-Confirm';
-exports.default = Confirm;

package/CookieBanner/CookieBanner.js

@@ -1,78 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const style_react_1 = require("@onesy/style-react");
-const Button_1 = __importDefault(require("../Button"));
-const Type_1 = __importDefault(require("../Type"));
-const Surface_1 = __importDefault(require("../Surface"));
-const Slide_1 = __importDefault(require("../Slide"));
-const Line_1 = __importDefault(require("../Line"));
-const utils_2 = require("../utils");
-const useStyle = (0, style_react_1.style)(theme => ({
-    root: {
-        position: 'fixed',
-        left: '0',
-        bottom: '0',
-        zIndex: theme.z_index.modal,
-        boxShadow: '0px 4px 32px 0px rgba(0,0,0,0.014)'
-    },
-    size_small: {
-        padding: '12px 16px'
-    },
-    size_regular: {
-        padding: '20px 18px'
-    },
-    size_large: {
-        padding: '28px 20px'
-    },
-    main: {
-        maxWidth: '1100px'
-    }
-}), { name: 'onesy-CookieBanner' });
-const CookieBanner = react_1.default.forwardRef((props_, ref) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyBanner) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const Slide = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Slide) || Slide_1.default; }, [theme]);
-    const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
-    const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const Button = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Button) || Button_1.default; }, [theme]);
-    const { name, description, size = 'regular', startActions, endActions, onReject, onAllow, in: inProp, TransitionElement: TransitionElementProps = Slide, noTransition, MainProps, NameProps, DescriptionProps, ButtonProps, RejectButtonProps, AllowButtonProps, TransitionProps, className, children } = props, other = __rest(props, ["name", "description", "size", "startActions", "endActions", "onReject", "onAllow", "in", "TransitionElement", "noTransition", "MainProps", "NameProps", "DescriptionProps", "ButtonProps", "RejectButtonProps", "AllowButtonProps", "TransitionProps", "className", "children"]);
-    const { classes } = useStyle();
-    const TransitionElement = noTransition ? react_1.default.Fragment : TransitionElementProps;
-    const WrapperProps = noTransition ? undefined : Object.assign(Object.assign({}, TransitionProps), { in: inProp });
-    const buttonProps = Object.assign({ size }, ButtonProps);
-    return ((0, jsx_runtime_1.jsx)(TransitionElement, Object.assign({}, WrapperProps, { children: (0, jsx_runtime_1.jsx)(Line, Object.assign({ ref: ref, gap: 1.5, align: 'center', fullWidth: true, Component: Surface, color: 'default', role: 'region', "aria-label": 'Cookie Banner', className: (0, style_react_1.classNames)([
-                (0, utils_2.staticClassName)('CookieBanner', theme) && [
-                    'onesy-CookieBanner-root',
-                    `onesy-CookieBanner-size-${size}`
-                ],
-                className,
-                classes.root,
-                classes[`size_${size}`]
-            ]) }, other, { children: (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1.5, direction: 'row', wrap: 'wrap', align: 'center', justify: 'space-between', fullWidth: true }, MainProps, { className: (0, style_react_1.classNames)([
-                    (0, utils_2.staticClassName)('CookieBanner', theme) && [
-                        'onesy-CookieBanner-main'
-                    ],
-                    MainProps === null || MainProps === void 0 ? void 0 : MainProps.className,
-                    classes.main
-                ]) }, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 0.25 }, { children: [(0, utils_1.is)('string', name) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: size === 'large' ? 't1' : size === 'regular' ? 't2' : 't3', weight: 500 }, NameProps, { children: name }))) : name, (0, utils_1.is)('string', description) ? ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: size === 'large' ? 'b1' : size === 'regular' ? 'b2' : 'b3' }, DescriptionProps, { children: description }))) : description] })), (0, jsx_runtime_1.jsxs)(Line, Object.assign({ gap: 1, direction: 'row', align: 'center' }, { children: [startActions, (0, jsx_runtime_1.jsx)(Button, Object.assign({ onClick: onReject, color: 'default' }, buttonProps, RejectButtonProps, { children: "Reject All" })), (0, jsx_runtime_1.jsx)(Button, Object.assign({ onClick: onAllow, color: 'primary', version: 'filled' }, buttonProps, AllowButtonProps, { children: "Accept All" })), endActions] }))] })) })) })));
-});
-CookieBanner.displayName = 'onesy-CookieBanner';
-exports.default = CookieBanner;