@uxf/cms 6.0.0-beta.2 → 6.0.0-beta.21

package/ui/CopyToClipboard/CopyToClipboard.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -18,55 +22,69 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyToClipboard = void 0;
+var copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
+var button_1 = require("@uxf/ui/button");
+var icon_1 = require("@uxf/ui/icon");
 var react_1 = __importStar(require("react"));
-var TextField_1 = __importDefault(require("@mui/material/TextField"));
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-var FileCopy_1 = __importDefault(require("@mui/icons-material/FileCopy"));
-var CopyToClipboard = function (props) {
-    var label = props.label, value = props.value, disabled = props.disabled;
-    var inputRef = (0, react_1.useRef)();
-    var _a = __read((0, react_1.useState)(false), 2), tooltipVisible = _a[0], setTooltipVisible = _a[1];
-    var onCopy = (0, react_1.useCallback)(function () {
-        setTooltipVisible(true);
-        inputRef.current.select();
-        inputRef.current.setSelectionRange(0, 99999); // for mobile devices
-        document.execCommand("copy");
-        setTimeout(function () {
-            setTooltipVisible(false);
-        }, 3000);
-    }, []);
-    return (react_1.default.createElement(TextField_1.default, { inputRef: inputRef, variant: "outlined", size: "small", fullWidth: true, value: value, label: label, disabled: disabled, InputLabelProps: {
-            shrink: true,
-        }, InputProps: {
-            readOnly: true,
-            endAdornment: (react_1.default.createElement(Tooltip_1.default, { open: tooltipVisible, title: "Text zkop\u00EDrov\u00E1n", placement: "left" },
-                react_1.default.createElement(InputAdornment_1.default, { position: "end" },
-                    react_1.default.createElement(IconButton_1.default, { disabled: disabled, onClick: onCopy, size: "small", "aria-label": "Kop\u00EDrovat text", edge: "end" },
-                        react_1.default.createElement(FileCopy_1.default, null))))),
-        } }));
+var text_input_1 = require("@uxf/ui/text-input");
+var flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
+var CopyToClipboard = function (_a) {
+    var disabled = _a.disabled, label = _a.label, value = _a.value;
+    var onCopy = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isCopied;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, copy_to_clipboard_1.copyToClipboard)(value)];
+                case 1:
+                    isCopied = _a.sent();
+                    (0, flash_messages_service_1.flashMessage)({
+                        variant: isCopied ? "success" : "error",
+                        message: isCopied ? "Text zkopírován" : "Nepodařilo se zkopírovat text",
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [value]);
+    return (react_1.default.createElement(text_input_1.TextInput, { isDisabled: disabled, label: label, rightAddon: react_1.default.createElement(button_1.Button, { className: "h-full w-full rounded-l-none border-none", disabled: value === "", onClick: onCopy, variant: "white" },
+            react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" })), value: value }));
 };
 exports.CopyToClipboard = CopyToClipboard;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29weVRvQ2xpcGJvYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0NvcHlUb0NsaXBib2FyZC9Db3B5VG9DbGlwYm9hcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTZEO0FBQzdELHNFQUFnRDtBQUNoRCxrRUFBNEM7QUFDNUMsZ0ZBQTBEO0FBQzFELHdFQUFrRDtBQUNsRCwwRUFBb0Q7QUFHN0MsSUFBTSxlQUFlLEdBQW1DLFVBQUMsS0FBSztJQUN6RCxJQUFBLEtBQUssR0FBc0IsS0FBSyxNQUEzQixFQUFFLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBRXpDLElBQU0sUUFBUSxHQUFHLElBQUEsY0FBTSxHQUFPLENBQUM7SUFFekIsSUFBQSxLQUFBLE9BQXNDLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwRCxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBbUIsQ0FBQztJQUU1RCxJQUFNLE1BQU0sR0FBRyxJQUFBLG1CQUFXLEVBQUM7UUFDdkIsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFeEIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUMxQixRQUFRLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLHFCQUFxQjtRQUNuRSxRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRTdCLFVBQVUsQ0FBQztZQUNQLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNiLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDSCw4QkFBQyxtQkFBUyxJQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBQyxVQUFVLEVBQ2xCLElBQUksRUFBQyxPQUFPLEVBQ1osU0FBUyxRQUNULEtBQUssRUFBRSxLQUFLLEVBQ1osS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixlQUFlLEVBQUU7WUFDYixNQUFNLEVBQUUsSUFBSTtTQUNmLEVBQ0QsVUFBVSxFQUFFO1lBQ1IsUUFBUSxFQUFFLElBQUk7WUFDZCxZQUFZLEVBQUUsQ0FDViw4QkFBQyxpQkFBTyxJQUFDLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFDLDJCQUFpQixFQUFDLFNBQVMsRUFBQyxNQUFNO2dCQUNuRSw4QkFBQyx3QkFBYyxJQUFDLFFBQVEsRUFBQyxLQUFLO29CQUMxQiw4QkFBQyxvQkFBVSxJQUNQLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsSUFBSSxFQUFDLE9BQU8sZ0JBQ0QscUJBQWdCLEVBQzNCLElBQUksRUFBQyxLQUFLO3dCQUVWLDhCQUFDLGtCQUFRLE9BQUcsQ0FDSCxDQUNBLENBQ1gsQ0FDYjtTQUNKLEdBQ0gsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBbkRXLFFBQUEsZUFBZSxtQkFtRDFCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29weVRvQ2xpcGJvYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0NvcHlUb0NsaXBib2FyZC9Db3B5VG9DbGlwYm9hcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsdUVBQW9FO0FBQ3BFLHlDQUF3QztBQUN4QyxxQ0FBb0M7QUFDcEMsNkNBQStDO0FBRS9DLGlEQUErQztBQUMvQyx3RkFBNkU7QUFFdEUsSUFBTSxlQUFlLEdBQTZCLFVBQUMsRUFBMEI7UUFBeEIsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBO0lBQzlFLElBQU0sTUFBTSxHQUFHLElBQUEsbUJBQVcsRUFBQzs7Ozt3QkFDTixxQkFBTSxJQUFBLG1DQUFlLEVBQUMsS0FBSyxDQUFDLEVBQUE7O29CQUF2QyxRQUFRLEdBQUcsU0FBNEI7b0JBQzdDLElBQUEscUNBQVksRUFBQzt3QkFDVCxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU87d0JBQ3ZDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQywrQkFBK0I7cUJBQzFFLENBQUMsQ0FBQzs7OztTQUNOLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRVosT0FBTyxDQUNILDhCQUFDLHNCQUFTLElBQ04sVUFBVSxFQUFFLFFBQVEsRUFDcEIsS0FBSyxFQUFFLEtBQUssRUFDWixVQUFVLEVBQ04sOEJBQUMsZUFBTSxJQUNILFNBQVMsRUFBQywwQ0FBMEMsRUFDcEQsUUFBUSxFQUFFLEtBQUssS0FBSyxFQUFFLEVBQ3RCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsT0FBTyxFQUFDLE9BQU87WUFFZiw4QkFBQyxXQUFJLElBQUMsU0FBUyxFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUMsTUFBTSxHQUFHLENBQy9CLEVBRWIsS0FBSyxFQUFFLEtBQUssR0FDZCxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUExQlcsUUFBQSxlQUFlLG1CQTBCMUIifQ==

package/ui/CopyToClipboard/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./CopyToClipboard"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQ29weVRvQ2xpcGJvYXJkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLG9EQUFrQztBQUNsQywwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQ29weVRvQ2xpcGJvYXJkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxvREFBa0M7QUFDbEMsMENBQXdCIn0=

package/ui/CopyToClipboardButton/CopyToClipboardButton.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { FC } from "react";
 import { ClipboardButtonProps } from "./types";
-export declare const CopyToClipboardButton: React.FC<ClipboardButtonProps>;
+export declare const CopyToClipboardButton: FC<ClipboardButtonProps>;

package/ui/CopyToClipboardButton/CopyToClipboardButton.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -18,68 +22,68 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyToClipboardButton = void 0;
+var copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
 var react_1 = __importStar(require("react"));
-var FileCopy_1 = __importDefault(require("@mui/icons-material/FileCopy"));
-var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-function copyTextToClipboard(textToCopy) {
-    if (!!navigator.clipboard) {
-        navigator.clipboard.writeText(textToCopy).then(function () { }, function (err) {
-            throw err;
+var flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
+var button_1 = require("@uxf/ui/button");
+var icon_1 = require("@uxf/ui/icon");
+var CopyToClipboardButton = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, textToCopy = _a.textToCopy;
+    var onCopy = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isCopied;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, copy_to_clipboard_1.copyToClipboard)(textToCopy)];
+                case 1:
+                    isCopied = _a.sent();
+                    (0, flash_messages_service_1.flashMessage)({
+                        message: isCopied ? "Text zkopírován" : "Nepodařilo se zkopírovat text",
+                        variant: isCopied ? "success" : "error",
+                    });
+                    return [2 /*return*/];
+            }
         });
-    }
-    var textArea = document.createElement("textarea");
-    textArea.value = textToCopy;
-    // Avoid scrolling to bottom
-    textArea.style.top = "0";
-    textArea.style.left = "0";
-    textArea.style.position = "fixed";
-    document.body.appendChild(textArea);
-    textArea.focus();
-    textArea.select();
-    textArea.setSelectionRange(0, 99999); // for mobile devices
-    document.execCommand('copy');
-    document.body.removeChild(textArea);
-}
-var CopyToClipboardButton = function (props) {
-    var textToCopy = props.textToCopy, _a = props.size, size = _a === void 0 ? "small" : _a, _b = props.color, color = _b === void 0 ? "primary" : _b;
-    var _c = __read((0, react_1.useState)(false), 2), tooltipVisible = _c[0], setTooltipVisible = _c[1];
-    var copyUrl = (0, react_1.useCallback)(function () {
-        try {
-            copyTextToClipboard(textToCopy);
-            setTooltipVisible(true);
-            setTimeout(function () {
-                setTooltipVisible(false);
-            }, 3000);
-        }
-        catch (err) {
-            console.log(err);
-        }
-    }, [textToCopy]);
-    return (react_1.default.createElement(Tooltip_1.default, { open: tooltipVisible, title: "Text zkop\u00EDrov\u00E1n", placement: "bottom" },
-        react_1.default.createElement(IconButton_1.default, { size: size, color: color, onClick: copyUrl },
-            react_1.default.createElement(FileCopy_1.default, null))));
+    }); }, [textToCopy]);
+    return (react_1.default.createElement(button_1.Button, { color: color, onClick: onCopy, size: size },
+        react_1.default.createElement(icon_1.Icon, { name: "copy" })));
 };
 exports.CopyToClipboardButton = CopyToClipboardButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29weVRvQ2xpcGJvYXJkQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0NvcHlUb0NsaXBib2FyZEJ1dHRvbi9Db3B5VG9DbGlwYm9hcmRCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXFEO0FBRXJELDBFQUF3RDtBQUN4RCx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBRzVDLFNBQVMsbUJBQW1CLENBQUMsVUFBa0I7SUFDM0MsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRTtRQUN2QixTQUFTLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQzFDLGNBQVksQ0FBQyxFQUNiLFVBQVMsR0FBRztZQUNSLE1BQU0sR0FBRyxDQUFDO1FBQ2QsQ0FBQyxDQUNKLENBQUM7S0FDTDtJQUVELElBQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEQsUUFBUSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUM7SUFFNUIsNEJBQTRCO0lBQzVCLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUN6QixRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7SUFDMUIsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO0lBRWxDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQixRQUFRLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDbEIsUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLHFCQUFxQjtJQUUzRCxRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzdCLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3hDLENBQUM7QUFFTSxJQUFNLHFCQUFxQixHQUFtQyxVQUFBLEtBQUs7SUFDOUQsSUFBQSxVQUFVLEdBQXdDLEtBQUssV0FBN0MsRUFBRSxLQUFzQyxLQUFLLEtBQTdCLEVBQWQsSUFBSSxtQkFBRyxPQUFPLEtBQUEsRUFBRSxLQUFzQixLQUFLLE1BQVYsRUFBakIsS0FBSyxtQkFBRyxTQUFTLEtBQUEsQ0FBVztJQUUxRCxJQUFBLEtBQUEsT0FBc0MsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXBELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFtQixDQUFDO0lBRTVELElBQU0sT0FBTyxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUN4QixJQUFJO1lBQ0EsbUJBQW1CLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDaEMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDeEIsVUFBVSxDQUFDO2dCQUNQLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzdCLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztTQUNaO1FBQUMsT0FBTyxHQUFHLEVBQUU7WUFDVixPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0wsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUVqQixPQUFPLENBQ0gsOEJBQUMsaUJBQU8sSUFBQyxJQUFJLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBQywyQkFBaUIsRUFBQyxTQUFTLEVBQUMsUUFBUTtRQUNyRSw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTztZQUNsRCw4QkFBQyxrQkFBWSxPQUFHLENBQ1AsQ0FDUCxDQUNiLENBQUM7QUFDTixDQUFDLENBQUM7QUF4QlcsUUFBQSxxQkFBcUIseUJBd0JoQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29weVRvQ2xpcGJvYXJkQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0NvcHlUb0NsaXBib2FyZEJ1dHRvbi9Db3B5VG9DbGlwYm9hcmRCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsdUVBQW9FO0FBQ3BFLDZDQUErQztBQUUvQyx3RkFBNkU7QUFDN0UseUNBQXdDO0FBQ3hDLHFDQUFvQztBQUU3QixJQUFNLHFCQUFxQixHQUE2QixVQUFDLEVBQThDO1FBQTVDLGFBQWlCLEVBQWpCLEtBQUssbUJBQUcsU0FBUyxLQUFBLEVBQUUsWUFBVyxFQUFYLElBQUksbUJBQUcsSUFBSSxLQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUN4RyxJQUFNLE1BQU0sR0FBRyxJQUFBLG1CQUFXLEVBQUM7Ozs7d0JBQ04scUJBQU0sSUFBQSxtQ0FBZSxFQUFDLFVBQVUsQ0FBQyxFQUFBOztvQkFBNUMsUUFBUSxHQUFHLFNBQWlDO29CQUNsRCxJQUFBLHFDQUFZLEVBQUM7d0JBQ1QsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLCtCQUErQjt3QkFDdkUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPO3FCQUMxQyxDQUFDLENBQUM7Ozs7U0FDTixFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUVqQixPQUFPLENBQ0gsOEJBQUMsZUFBTSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSTtRQUM3Qyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLE1BQU0sR0FBRyxDQUNmLENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQWRXLFFBQUEscUJBQXFCLHlCQWNoQyJ9

package/ui/CopyToClipboardButton/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./CopyToClipboardButton"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQ29weVRvQ2xpcGJvYXJkQnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDBEQUF3QztBQUN4QywwQ0FBd0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvQ29weVRvQ2xpcGJvYXJkQnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwREFBd0M7QUFDeEMsMENBQXdCIn0=

package/ui/CopyToClipboardButton/types.d.ts

@@ -1,6 +1,6 @@
-import { IconButtonTypeMap } from "@mui/material";
+import { ButtonProps } from "@uxf/ui/button";
 export interface ClipboardButtonProps {
     textToCopy: string;
-    size?: IconButtonTypeMap["props"]["size"];
-    color?: IconButtonTypeMap["props"]["color"];
+    size?: ButtonProps["size"];
+    color?: ButtonProps["color"];
 }

package/ui/ListItem/ListItem.js

@@ -4,19 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItem = void 0;
-var ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
-var ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
-var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 var react_1 = __importDefault(require("react"));
 var config_1 = require("../../config");
+var icon_1 = require("@uxf/ui/icon");
 var link_1 = __importDefault(require("next/link"));
 var ListItem = function (props) {
-    var children = props.children, icon = props.icon, label = props.label, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, route = props.route, params = props.params, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href;
-    var MenuIcon = icon !== null && icon !== void 0 ? icon : null; // TODO
-    var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement(ListItemButton_1.default, { dense: true, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, selected: selected, sx: { py: 0, minHeight: 32, px: 1 } },
-        !!icon && level !== 1 && (react_1.default.createElement(ListItemIcon_1.default, { sx: { pl: level * 2, pr: 0, minWidth: 32 } },
-            react_1.default.createElement(MenuIcon, null))),
-        react_1.default.createElement(ListItemText_1.default, { primary: label, sx: { ml: level > 0 ? 4 : undefined }, primaryTypographyProps: { fontSize: 14 } })));
+    var children = props.children, icon = props.icon, label = props.label, route = props.route, params = props.params, _a = props.level, level = _a === void 0 ? 0 : _a, selected = props.selected, href = props.href, hasSubItems = props.hasSubItems, isOpen = props.isOpen;
+    var Content = children !== null && children !== void 0 ? children : (react_1.default.createElement("div", { className: "mb-1 flex cursor-pointer items-center rounded-lg p-2.5 hover:bg-sidebar-hover ".concat(selected ? "bg-sidebar-highlight font-bold text-darkHigh" : "bg-sidebar-background text-darkMedium") },
+        react_1.default.createElement("div", { className: "w-10" }, !!icon && level !== 1 && react_1.default.createElement(icon_1.Icon, { name: icon, size: 20 })),
+        react_1.default.createElement("div", { className: "uxf-typo-body" }, label),
+        hasSubItems && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 20, className: "ml-auto mr-2 ".concat(!isOpen ? "-rotate-90" : "") }))));
     if (route) {
         return react_1.default.createElement(link_1.default, { href: config_1.container.get("route")(route, params) }, Content);
     }
@@ -26,4 +23,4 @@ var ListItem = function (props) {
     return Content;
 };
 exports.ListItem = ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDRFQUFzRDtBQUN0RCxnRkFBMEQ7QUFDMUQsNEVBQXNEO0FBQ3RELGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFFekMsbURBQTZCO0FBRXRCLElBQU0sUUFBUSxHQUFHLFVBQWdCLEtBQXVCO0lBRXZELElBQUEsUUFBUSxHQVdSLEtBQUssU0FYRyxFQUNSLElBQUksR0FVSixLQUFLLEtBVkQsRUFDSixLQUFLLEdBU0wsS0FBSyxNQVRBLEVBQ0wsT0FBTyxHQVFQLEtBQUssUUFSRSxFQUNQLFlBQVksR0FPWixLQUFLLGFBUE8sRUFDWixZQUFZLEdBTVosS0FBSyxhQU5PLEVBQ1osS0FBSyxHQUtMLEtBQUssTUFMQSxFQUNMLE1BQU0sR0FJTixLQUFLLE9BSkMsRUFDTixLQUdBLEtBQUssTUFISSxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLElBQUksR0FDSixLQUFLLEtBREQsQ0FDRTtJQUNWLElBQU0sUUFBUSxHQUFRLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLElBQUksQ0FBQyxDQUFDLE9BQU87SUFFM0MsSUFBTSxPQUFPLEdBQUcsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksQ0FDeEIsOEJBQUMsd0JBQWMsSUFDWCxLQUFLLFFBQ0wsT0FBTyxFQUFFLE9BQU8sRUFDaEIsWUFBWSxFQUFFLFlBQVksRUFDMUIsWUFBWSxFQUFFLFlBQVksRUFDMUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7UUFFbEMsQ0FBQyxDQUFDLElBQUksSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQ3RCLDhCQUFDLHNCQUFZLElBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO1lBQ3BELDhCQUFDLFFBQVEsT0FBRyxDQUNELENBQ2xCO1FBQ0QsOEJBQUMsc0JBQVksSUFDVCxPQUFPLEVBQUUsS0FBSyxFQUNkLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUNyQyxzQkFBc0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FDMUMsQ0FDVyxDQUNwQixDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLDhCQUFDLGNBQUksSUFBQyxJQUFJLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0tBQ3JGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLENBQ0gscUNBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxZQUFZLElBQzFDLE9BQU8sQ0FDUixDQUNQLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQW5EVyxRQUFBLFFBQVEsWUFtRG5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vTGlzdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUE0QztBQUM1Qyx1Q0FBeUM7QUFFekMscUNBQW9DO0FBQ3BDLG1EQUE2QjtBQUV0QixJQUFNLFFBQVEsR0FBRyxVQUFnQixLQUF1QjtJQUNuRCxJQUFBLFFBQVEsR0FBaUYsS0FBSyxTQUF0RixFQUFFLElBQUksR0FBMkUsS0FBSyxLQUFoRixFQUFFLEtBQUssR0FBb0UsS0FBSyxNQUF6RSxFQUFFLEtBQUssR0FBNkQsS0FBSyxNQUFsRSxFQUFFLE1BQU0sR0FBcUQsS0FBSyxPQUExRCxFQUFFLEtBQW1ELEtBQUssTUFBL0MsRUFBVCxLQUFLLG1CQUFHLENBQUMsS0FBQSxFQUFFLFFBQVEsR0FBZ0MsS0FBSyxTQUFyQyxFQUFFLElBQUksR0FBMEIsS0FBSyxLQUEvQixFQUFFLFdBQVcsR0FBYSxLQUFLLFlBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXZHLElBQU0sT0FBTyxHQUFHLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQ3hCLHVDQUNJLFNBQVMsRUFBRSx3RkFDUCxRQUFRLENBQUMsQ0FBQyxDQUFDLDhDQUE4QyxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FDckc7UUFFRix1Q0FBSyxTQUFTLEVBQUMsTUFBTSxJQUFFLENBQUMsQ0FBQyxJQUFJLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQU87UUFDckYsdUNBQUssU0FBUyxFQUFDLGVBQWUsSUFBRSxLQUFLLENBQU87UUFDM0MsV0FBVyxJQUFJLENBQ1osOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsdUJBQWdCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxHQUFJLENBQ2hHLENBQ0MsQ0FDVCxDQUFDO0lBRUYsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLDhCQUFDLGNBQUksSUFBQyxJQUFJLEVBQUUsa0JBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBWSxFQUFFLE1BQU0sQ0FBQyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0tBQ3JGO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLENBQ0gscUNBQUcsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxZQUFZLElBQzFDLE9BQU8sQ0FDUixDQUNQLENBQUM7S0FDTDtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQTlCVyxRQUFBLFFBQVEsWUE4Qm5CIn0=

package/ui/ListItem/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -12,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ListItem"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTJCO0FBQzNCLDBDQUF3QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTGlzdEl0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0IifQ==

package/ui/ListItem/types.d.ts

@@ -1,16 +1,14 @@
-import { ListItemButtonProps } from "@mui/material";
-import { SvgIconProps } from "@mui/material/SvgIcon";
-import { ComponentType, ReactElement } from "react";
+import { ReactElement } from "react";
+import { IconName } from "@uxf/ui/icon/types";
 export interface ListItemProps<RouteList> {
     children?: ReactElement;
-    icon?: ComponentType<SvgIconProps>;
+    icon?: IconName;
     label: string;
     level?: number;
-    onClick?: (event?: any) => void;
-    onMouseEnter?: ListItemButtonProps["onMouseEnter"];
-    onMouseLeave?: ListItemButtonProps["onMouseLeave"];
     params?: any;
     route?: keyof RouteList;
     selected?: boolean;
     href?: string;
+    hasSubItems?: boolean;
+    isOpen?: boolean;
 }

package/ui/Widget/Widget.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+import { WidgetProps } from "./types";
+export declare const Widget: FC<PropsWithChildren<WidgetProps>>;

package/ui/Widget/Widget.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Widget = void 0;
+var paper_1 = require("@uxf/ui/paper/paper");
+var react_1 = __importDefault(require("react"));
+var Widget = function (props) {
+    var _a;
+    return (react_1.default.createElement(paper_1.Paper, { className: "".concat(props.footer ? "rounded-b-none" : "", " ").concat(props.withDividers ? "divide-y divide-lightBorder" : "", " ").concat((_a = props.className) !== null && _a !== void 0 ? _a : "") },
+        props.children,
+        props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3" }, props.footer)));
+};
+exports.Widget = Widget;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL1dpZGdldC9XaWRnZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDZDQUE0QztBQUM1QyxnREFBcUQ7QUFHOUMsSUFBTSxNQUFNLEdBQXVDLFVBQUMsS0FBSzs7SUFDNUQsT0FBTyxDQUNILDhCQUFDLGFBQUssSUFDRixTQUFTLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUM5QyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUN2RCxNQUFBLEtBQUssQ0FBQyxTQUFTLG1DQUFJLEVBQUUsQ0FBRTtRQUUxQixLQUFLLENBQUMsUUFBUTtRQUNkLEtBQUssQ0FBQyxNQUFNLElBQUksdUNBQUssU0FBUyxFQUFDLHNCQUFzQixJQUFFLEtBQUssQ0FBQyxNQUFNLENBQU8sQ0FDdkUsQ0FDWCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWFcsUUFBQSxNQUFNLFVBV2pCIn0=

package/ui/Widget/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Widget";
+export * from "./types";

package/{forms/components/Autocomplete → ui/Widget}/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -10,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Autocomplete"), exports);
+__exportStar(require("./Widget"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9BdXRvY29tcGxldGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsaURBQStCO0FBQy9CLDBDQUF3QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvV2lkZ2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsMENBQXdCIn0=

package/ui/Widget/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { PaperProps } from "@uxf/ui/paper/paper";
+export interface WidgetProps extends PaperProps {
+    footer?: ReactNode;
+    withDividers?: boolean;
+}

package/ui/{MenuItem → Widget}/types.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvTWVudUl0ZW0vdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvV2lkZ2V0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/ui/index.d.ts

@@ -0,0 +1 @@
+export { UiContextProvider, useComponentContext } from "@uxf/ui/context";

package/ui/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentContext = exports.UiContextProvider = void 0;
+var context_1 = require("@uxf/ui/context");
+Object.defineProperty(exports, "UiContextProvider", { enumerable: true, get: function () { return context_1.UiContextProvider; } });
+Object.defineProperty(exports, "useComponentContext", { enumerable: true, get: function () { return context_1.useComponentContext; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsMkNBQXlFO0FBQWhFLDRHQUFBLGlCQUFpQixPQUFBO0FBQUUsOEdBQUEsbUJBQW1CLE9BQUEifQ==

package/ui/tw-tokens/tw-box-shadow.d.ts

@@ -0,0 +1,12 @@
+export declare const twBoxShadow: {
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    inner: string;
+    none: string;
+    paper: string;
+};
+export type TwBoxShadow = typeof twBoxShadow;

package/ui/tw-tokens/tw-box-shadow.js

@@ -0,0 +1,16 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twBoxShadow = void 0;
+exports.twBoxShadow = {
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    none: "none",
+    paper: "0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)",
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHctYm94LXNoYWRvdy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS90dy10b2tlbnMvdHctYm94LXNoYWRvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEscUdBQXFHOzs7QUFFeEYsUUFBQSxXQUFXLEdBQUc7SUFDdkIsRUFBRSxFQUFFLCtCQUErQjtJQUNuQyxPQUFPLEVBQUUsK0RBQStEO0lBQ3hFLEVBQUUsRUFBRSxrRUFBa0U7SUFDdEUsRUFBRSxFQUFFLG9FQUFvRTtJQUN4RSxFQUFFLEVBQUUscUVBQXFFO0lBQ3pFLEtBQUssRUFBRSxxQ0FBcUM7SUFDNUMsS0FBSyxFQUFFLHFDQUFxQztJQUM1QyxJQUFJLEVBQUUsTUFBTTtJQUNaLEtBQUssRUFBRSw2REFBNkQ7Q0FDdkUsQ0FBQyJ9