@uxf/ui 1.0.0-beta.11 → 1.0.0-beta.12

package/image-gallery/image-gallery.js

@@ -1,87 +0,0 @@
-"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 __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 __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 });
-var react_1 = __importStar(require("react"));
-var context_1 = require("./context");
-var gallery_1 = __importDefault(require("./components/gallery"));
-function ImageGallery(props) {
-    var _a = __read((0, react_1.useState)([]), 2), images = _a[0], setImages = _a[1];
-    var _b = __read((0, react_1.useState)(null), 2), imageIndex = _b[0], setImageIndex = _b[1];
-    var registerImage = function (image) {
-        return setImages(function (v) { return __spreadArray(__spreadArray([], __read(v), false), [image], false); });
-    };
-    var unregisterImage = function (image) {
-        return setImages(function (v) { return v.filter(function (u) { return u.src !== image.src; }); });
-    };
-    var openGallery = function (image) {
-        return setImageIndex(images.findIndex(function (i) { return i.src === image.src; }));
-    };
-    var onPrevious = (0, react_1.useCallback)(function () {
-        setImageIndex(function (v) { return (v === null ? null : v - 1); });
-    }, []);
-    var onNext = (0, react_1.useCallback)(function () {
-        setImageIndex(function (v) { return (v === null ? null : v + 1); });
-    }, []);
-    // modulo bug https://stackoverflow.com/a/4467559
-    var moduloImageIndex = imageIndex === null
-        ? null
-        : imageIndex < 0
-            ? ((imageIndex % images.length) + images.length) % images.length
-            : imageIndex % images.length;
-    var contextValue = { registerImage: registerImage, unregisterImage: unregisterImage, openGallery: openGallery };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(context_1.ImageGalleryProvider, { value: contextValue }, props.children),
-        typeof moduloImageIndex === "number" && (react_1.default.createElement(gallery_1.default, { onClose: function () { return setImageIndex(null); }, onNext: onNext, onPrevious: onPrevious, imageIndex: moduloImageIndex, images: images }))));
-}
-exports.default = ImageGallery;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbWFnZS1nYWxsZXJ5L2ltYWdlLWdhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQWdFO0FBQ2hFLHFDQUFpRDtBQUVqRCxpRUFBMkM7QUFNM0MsU0FBUyxZQUFZLENBQUMsS0FBZ0M7SUFDOUMsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBMkIsRUFBRSxDQUFDLElBQUEsRUFBM0QsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUEwQyxDQUFDO0lBQzdELElBQUEsS0FBQSxPQUE4QixJQUFBLGdCQUFRLEVBQWdCLElBQUksQ0FBQyxJQUFBLEVBQTFELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBaUMsQ0FBQztJQUVsRSxJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQTZCO1FBQ2xELE9BQUEsU0FBUyxDQUFDLFVBQUMsQ0FBQyxJQUFLLDhDQUFJLENBQUMsWUFBRSxLQUFLLFdBQVosQ0FBYSxDQUFDO0lBQS9CLENBQStCLENBQUM7SUFFbEMsSUFBTSxlQUFlLEdBQUcsVUFBQyxLQUE2QjtRQUNwRCxPQUFBLFNBQVMsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHLEVBQW5CLENBQW1CLENBQUMsRUFBcEMsQ0FBb0MsQ0FBQztJQUF0RCxDQUFzRCxDQUFDO0lBRXpELElBQU0sV0FBVyxHQUFHLFVBQUMsS0FBNkI7UUFDaEQsT0FBQSxhQUFhLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxHQUFHLEtBQUssS0FBSyxDQUFDLEdBQUcsRUFBbkIsQ0FBbUIsQ0FBQyxDQUFDO0lBQTNELENBQTJELENBQUM7SUFFOUQsSUFBTSxVQUFVLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQzdCLGFBQWEsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQTNCLENBQTJCLENBQUMsQ0FBQztJQUNwRCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxJQUFNLE1BQU0sR0FBRyxJQUFBLG1CQUFXLEVBQUM7UUFDekIsYUFBYSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBM0IsQ0FBMkIsQ0FBQyxDQUFDO0lBQ3BELENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLGlEQUFpRDtJQUNqRCxJQUFNLGdCQUFnQixHQUNwQixVQUFVLEtBQUssSUFBSTtRQUNqQixDQUFDLENBQUMsSUFBSTtRQUNOLENBQUMsQ0FBQyxVQUFVLEdBQUcsQ0FBQztZQUNoQixDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLE1BQU0sQ0FBQyxNQUFNO1lBQ2hFLENBQUMsQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQztJQUVqQyxJQUFNLFlBQVksR0FBRyxFQUFFLGFBQWEsZUFBQSxFQUFFLGVBQWUsaUJBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFDO0lBRXJFLE9BQU8sQ0FDTDtRQUNFLDhCQUFDLDhCQUFvQixJQUFDLEtBQUssRUFBRSxZQUFZLElBQ3RDLEtBQUssQ0FBQyxRQUFRLENBQ007UUFDdEIsT0FBTyxnQkFBZ0IsS0FBSyxRQUFRLElBQUksQ0FDdkMsOEJBQUMsaUJBQU8sSUFDTixPQUFPLEVBQUUsY0FBTSxPQUFBLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBbkIsQ0FBbUIsRUFDbEMsTUFBTSxFQUFFLE1BQU0sRUFDZCxVQUFVLEVBQUUsVUFBVSxFQUN0QixVQUFVLEVBQUUsZ0JBQWdCLEVBQzVCLE1BQU0sRUFBRSxNQUFNLEdBQ2QsQ0FDSCxDQUNBLENBQ0osQ0FBQztBQUNKLENBQUM7QUFFRCxrQkFBZSxZQUFZLENBQUMifQ==

package/image-gallery/image-gallery.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var react_1 = __importDefault(require("react"));
-var image_gallery_1 = __importDefault(require("./image-gallery"));
-var image_1 = __importDefault(require("./image"));
-exports.default = {
-    title: "Lab/ImageGallery",
-    component: image_gallery_1.default,
-    parameters: { actions: { argTypesRegex: "^on.*" } },
-};
-var images = [
-    "https://opentopo.app/hero_image.jpeg",
-    "https://opentopo.app/generated/area-18/d/9/d9033d93-ea48-4f66-b0c1-6045c091b326_1024_1024_c.jpg",
-    "https://opentopo.app/generated/area-16/f/4/f4a4ca79-ea9e-44d1-a4ec-3c8ccfbcc218_1024_1024_c.jpg",
-    "https://opentopo.app/generated/area-1/8/b/8b84e378-1f55-4ce7-b750-b504091cb833_1024_1024_c.jpg",
-    "https://opentopo.app/generated/area-2/e/7/e7ec532b-20c2-407e-9305-fa7cfb71f01f_1024_1024_c.jpg",
-];
-function Default() {
-    return (react_1.default.createElement(image_gallery_1.default, null,
-        react_1.default.createElement("div", { className: "flex-direction flex gap-2" }, images.map(function (src) { return (react_1.default.createElement(image_1.default, { key: src, src: src, className: "h-56 w-56 cursor-pointer object-cover transition-transform hover:scale-105" })); }))));
-}
-exports.Default = Default;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZ2FsbGVyeS5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ltYWdlLWdhbGxlcnkvaW1hZ2UtZ2FsbGVyeS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsa0VBQTJDO0FBQzNDLGtEQUE0QjtBQUU1QixrQkFBZTtJQUNiLEtBQUssRUFBRSxrQkFBa0I7SUFDekIsU0FBUyxFQUFFLHVCQUFZO0lBQ3ZCLFVBQVUsRUFBRSxFQUFFLE9BQU8sRUFBRSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsRUFBRTtDQUNwRCxDQUFDO0FBRUYsSUFBTSxNQUFNLEdBQUc7SUFDYixzQ0FBc0M7SUFDdEMsaUdBQWlHO0lBQ2pHLGlHQUFpRztJQUNqRyxnR0FBZ0c7SUFDaEcsZ0dBQWdHO0NBQ2pHLENBQUM7QUFFRixTQUFnQixPQUFPO0lBQ3JCLE9BQU8sQ0FDTCw4QkFBQyx1QkFBWTtRQUNYLHVDQUFLLFNBQVMsRUFBQywyQkFBMkIsSUFDdkMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEdBQUcsSUFBSyxPQUFBLENBQ25CLDhCQUFDLGVBQUssSUFDSixHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFDLDRFQUE0RSxHQUN0RixDQUNILEVBTm9CLENBTXBCLENBQUMsQ0FDRSxDQUNPLENBQ2hCLENBQUM7QUFDSixDQUFDO0FBZEQsMEJBY0MifQ==

package/image-gallery/image.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var use_image_1 = require("./use-image");
-function Image(props) {
-    var openGallery = (0, use_image_1.useImage)(props);
-    return (react_1.default.createElement("img", { src: props.src, alt: props.alt, title: props.title, className: props.className, onClick: function () { return openGallery(props); } }));
-}
-exports.default = Image;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW1hZ2UtZ2FsbGVyeS9pbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxnREFBMEI7QUFDMUIseUNBQXVDO0FBR3ZDLFNBQVMsS0FBSyxDQUFDLEtBQTZCO0lBQzFDLElBQU0sV0FBVyxHQUFHLElBQUEsb0JBQVEsRUFBQyxLQUFLLENBQUMsQ0FBQztJQUVwQyxPQUFPLENBQ0wsdUNBQ0UsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsR0FBRyxFQUFFLEtBQUssQ0FBQyxHQUFHLEVBQ2QsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixPQUFPLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxLQUFLLENBQUMsRUFBbEIsQ0FBa0IsR0FDakMsQ0FDSCxDQUFDO0FBQ0osQ0FBQztBQUVELGtCQUFlLEtBQUssQ0FBQyJ9

package/input/input-group.js

@@ -1,78 +0,0 @@
-"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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var cx_1 = require("@uxf/ui/utils/cx");
-function getChildrenById(children, componentName) {
-    return react_1.default.Children.toArray(children)
-        .filter(react_1.default.isValidElement)
-        .find(function (ch) { return ch.type.displayName === componentName; });
-}
-function InputGroup(props) {
-    var inputWrapperRef = (0, react_1.useRef)(null);
-    var inputRef = (0, react_1.useRef)(null);
-    var _a = __read((0, react_1.useState)(false), 2), focused = _a[0], setFocused = _a[1];
-    var mainInput = getChildrenById(props.children, "Input");
-    var leftAddon = getChildrenById(props.children, "InputLeftAddon");
-    var rightAddon = getChildrenById(props.children, "InputRightAddon");
-    var leftElement = getChildrenById(props.children, "InputLeftElement");
-    var rightElement = getChildrenById(props.children, "InputRightElement");
-    var inputGroupClasses = (0, cx_1.cx)("uxf-input-group", leftAddon && "uxf-input-group--has-left-addon", leftElement && "uxf-input-group--has-left-element", rightElement && "uxf-input-group--has-right-element", rightAddon && "uxf-input-group--has-right-addon", focused && "uxf-input-group--focused", (mainInput === null || mainInput === void 0 ? void 0 : mainInput.props.isInvalid) && "uxf-input-group--invalid");
-    var onFocus = function (e) {
-        setFocused(true);
-        mainInput === null || mainInput === void 0 ? void 0 : mainInput.props.onFocus(e);
-    };
-    var onBlur = function (e) {
-        setFocused(false);
-        mainInput === null || mainInput === void 0 ? void 0 : mainInput.props.onBlur(e);
-    };
-    return (react_1.default.createElement("div", { className: inputGroupClasses },
-        leftAddon,
-        react_1.default.createElement("div", { className: "uxf-input-wrapper", ref: inputWrapperRef, onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } },
-            leftElement,
-            mainInput
-                ? react_1.default.cloneElement(mainInput, { ref: inputRef, onFocus: onFocus, onBlur: onBlur })
-                : null,
-            rightElement),
-        rightAddon));
-}
-exports.default = InputGroup;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5wdXQvaW5wdXQtZ3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQXlFO0FBQ3pFLHVDQUFzQztBQVN0QyxTQUFTLGVBQWUsQ0FDdEIsUUFBbUIsRUFDbkIsYUFBcUI7SUFFckIsT0FBTyxlQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDcEMsTUFBTSxDQUFDLGVBQUssQ0FBQyxjQUFjLENBQUM7U0FDNUIsSUFBSSxDQUFDLFVBQUMsRUFBRSxJQUFLLE9BQUMsRUFBRSxDQUFDLElBQVksQ0FBQyxXQUFXLEtBQUssYUFBYSxFQUE5QyxDQUE4QyxDQUFDLENBQUM7QUFDbEUsQ0FBQztBQUVELFNBQVMsVUFBVSxDQUFDLEtBQXNCO0lBQ3hDLElBQU0sZUFBZSxHQUFHLElBQUEsY0FBTSxFQUFpQixJQUFJLENBQUMsQ0FBQztJQUNyRCxJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sRUFBbUIsSUFBSSxDQUFDLENBQUM7SUFDMUMsSUFBQSxLQUFBLE9BQXdCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUF0QyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQW1CLENBQUM7SUFFOUMsSUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDM0QsSUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUNwRSxJQUFNLFVBQVUsR0FBRyxlQUFlLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3RFLElBQU0sV0FBVyxHQUFHLGVBQWUsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLGtCQUFrQixDQUFDLENBQUM7SUFDeEUsSUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUUxRSxJQUFNLGlCQUFpQixHQUFHLElBQUEsT0FBRSxFQUMxQixpQkFBaUIsRUFDakIsU0FBUyxJQUFJLGlDQUFpQyxFQUM5QyxXQUFXLElBQUksbUNBQW1DLEVBQ2xELFlBQVksSUFBSSxvQ0FBb0MsRUFDcEQsVUFBVSxJQUFJLGtDQUFrQyxFQUNoRCxPQUFPLElBQUksMEJBQTBCLEVBQ3JDLENBQUEsU0FBUyxhQUFULFNBQVMsdUJBQVQsU0FBUyxDQUFFLEtBQUssQ0FBQyxTQUFTLEtBQUksMEJBQTBCLENBQ3pELENBQUM7SUFFRixJQUFNLE9BQU8sR0FBRyxVQUFDLENBQU07UUFDckIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pCLFNBQVMsYUFBVCxTQUFTLHVCQUFULFNBQVMsQ0FBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlCLENBQUMsQ0FBQztJQUVGLElBQU0sTUFBTSxHQUFHLFVBQUMsQ0FBTTtRQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEIsU0FBUyxhQUFULFNBQVMsdUJBQVQsU0FBUyxDQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDN0IsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHVDQUFLLFNBQVMsRUFBRSxpQkFBaUI7UUFDOUIsU0FBUztRQUNWLHVDQUNFLFNBQVMsRUFBQyxtQkFBbUIsRUFDN0IsR0FBRyxFQUFFLGVBQWUsRUFDcEIsT0FBTyxFQUFFLHNCQUFNLE9BQUEsTUFBQSxRQUFRLENBQUMsT0FBTywwQ0FBRSxLQUFLLEVBQUUsQ0FBQSxFQUFBO1lBRXZDLFdBQVc7WUFDWCxTQUFTO2dCQUNSLENBQUMsQ0FBQyxlQUFLLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsT0FBTyxTQUFBLEVBQUUsTUFBTSxRQUFBLEVBQUUsQ0FBQztnQkFDbkUsQ0FBQyxDQUFDLElBQUk7WUFDUCxZQUFZLENBQ1Q7UUFDTCxVQUFVLENBQ1AsQ0FDUCxDQUFDO0FBQ0osQ0FBQztBQUVELGtCQUFlLFVBQVUsQ0FBQyJ9

package/input/input-left-addon.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function InputLeftAddon(props) {
-    return react_1.default.createElement("div", { className: "uxf-input-left-addon" }, props.children);
-}
-exports.default = InputLeftAddon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbGVmdC1hZGRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbnB1dC9pbnB1dC1sZWZ0LWFkZG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLGdEQUF5QztBQU16QyxTQUFTLGNBQWMsQ0FBQyxLQUEwQjtJQUNoRCxPQUFPLHVDQUFLLFNBQVMsRUFBQyxzQkFBc0IsSUFBRSxLQUFLLENBQUMsUUFBUSxDQUFPLENBQUM7QUFDdEUsQ0FBQztBQUVELGtCQUFlLGNBQWMsQ0FBQyJ9

package/input/input-left-element.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function InputLeftElement(props) {
-    return react_1.default.createElement("div", { className: "uxf-input-left-element" }, props.children);
-}
-exports.default = InputLeftElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbGVmdC1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2lucHV0L2lucHV0LWxlZnQtZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxnREFBeUM7QUFNekMsU0FBUyxnQkFBZ0IsQ0FBQyxLQUE0QjtJQUNwRCxPQUFPLHVDQUFLLFNBQVMsRUFBQyx3QkFBd0IsSUFBRSxLQUFLLENBQUMsUUFBUSxDQUFPLENBQUM7QUFDeEUsQ0FBQztBQUVELGtCQUFlLGdCQUFnQixDQUFDIn0=

package/input/input-right-addon.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function InputRightAddon(props) {
-    return react_1.default.createElement("div", { className: "uxf-input-right-addon" }, props.children);
-}
-exports.default = InputRightAddon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcmlnaHQtYWRkb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5wdXQvaW5wdXQtcmlnaHQtYWRkb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsZ0RBQXlDO0FBTXpDLFNBQVMsZUFBZSxDQUFDLEtBQTJCO0lBQ2xELE9BQU8sdUNBQUssU0FBUyxFQUFDLHVCQUF1QixJQUFFLEtBQUssQ0FBQyxRQUFRLENBQU8sQ0FBQztBQUN2RSxDQUFDO0FBRUQsa0JBQWUsZUFBZSxDQUFDIn0=

package/input/input-right-element.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function InputRightElement(props) {
-    return react_1.default.createElement("div", { className: "uxf-input-right-element" }, props.children);
-}
-exports.default = InputRightElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcmlnaHQtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbnB1dC9pbnB1dC1yaWdodC1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLGdEQUF5QztBQU16QyxTQUFTLGlCQUFpQixDQUFDLEtBQTZCO0lBQ3RELE9BQU8sdUNBQUssU0FBUyxFQUFDLHlCQUF5QixJQUFFLEtBQUssQ0FBQyxRQUFRLENBQU8sQ0FBQztBQUN6RSxDQUFDO0FBRUQsa0JBQWUsaUJBQWlCLENBQUMifQ==

package/input/input.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var forwardRef_1 = require("@uxf/ui/utils/forwardRef");
-function Input(props, ref) {
-    return (react_1.default.createElement("input", { id: props.id, ref: ref, className: "uxf-input", value: props.value, onFocus: props.onFocus, onBlur: props.onBlur, onChange: function (event) { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, event.target.value, event); }, placeholder: props.placeholder }));
-}
-exports.default = (0, forwardRef_1.forwardRef)("Input", Input);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5wdXQvaW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLHVEQUFzRDtBQVV0RCxTQUFTLEtBQUssQ0FBQyxLQUFpQixFQUFFLEdBQXFDO0lBQ3JFLE9BQU8sQ0FDTCx5Q0FDRSxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFDWixHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBQyxXQUFXLEVBQ3JCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNsQixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sRUFDdEIsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3BCLFFBQVEsRUFBRSxVQUFDLEtBQUssWUFBSyxPQUFBLE1BQUEsS0FBSyxDQUFDLFFBQVEsc0RBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUEsRUFBQSxFQUNoRSxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsR0FDOUIsQ0FDSCxDQUFDO0FBQ0osQ0FBQztBQUVELGtCQUFlLElBQUEsdUJBQVUsRUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMifQ==

package/input/input.stories.js

@@ -1,105 +0,0 @@
-"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = exports.ComponentStructure = void 0;
-var react_1 = __importStar(require("react"));
-var input_1 = __importDefault(require("@uxf/ui/input/input"));
-var input_left_addon_1 = __importDefault(require("@uxf/ui/input/input-left-addon"));
-var input_right_addon_1 = __importDefault(require("@uxf/ui/input/input-right-addon"));
-var input_group_1 = __importDefault(require("@uxf/ui/input/input-group"));
-var component_structure_analyzer_1 = __importDefault(require("@uxf/ui/utils/component-structure-analyzer"));
-var input_left_element_1 = __importDefault(require("@uxf/ui/input/input-left-element"));
-var input_right_element_1 = __importDefault(require("@uxf/ui/input/input-right-element"));
-var action_1 = require("@uxf/ui/storybook/action");
-exports.default = {
-    title: "UI/Input",
-    component: input_group_1.default,
-};
-function ComponentStructure() {
-    var _a = __read((0, react_1.useState)(""), 2), value = _a[0], onChange = _a[1];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h2", null, "Full example"),
-        react_1.default.createElement(component_structure_analyzer_1.default, null,
-            react_1.default.createElement(input_group_1.default, null,
-                react_1.default.createElement(input_left_addon_1.default, null, "Left addon"),
-                react_1.default.createElement(input_left_element_1.default, null, "Left element"),
-                react_1.default.createElement(input_1.default, { value: value, onChange: onChange }),
-                react_1.default.createElement(input_right_element_1.default, null, "Right element"),
-                react_1.default.createElement(input_right_addon_1.default, null, "Right addon"))),
-        react_1.default.createElement("h2", null, "Only input elements"),
-        react_1.default.createElement(component_structure_analyzer_1.default, null,
-            react_1.default.createElement(input_group_1.default, null,
-                react_1.default.createElement(input_left_element_1.default, null, "Left element"),
-                react_1.default.createElement(input_1.default, { value: value, onChange: onChange }),
-                react_1.default.createElement(input_right_element_1.default, null, "Right element"))),
-        react_1.default.createElement("h2", null, "Only addons"),
-        react_1.default.createElement(component_structure_analyzer_1.default, null,
-            react_1.default.createElement(input_group_1.default, null,
-                react_1.default.createElement(input_1.default, { value: value, onChange: onChange })))));
-}
-exports.ComponentStructure = ComponentStructure;
-function Default() {
-    var _a = __read((0, react_1.useState)(""), 2), value = _a[0], onChange = _a[1];
-    var _b = __read((0, react_1.useState)(false), 2), isInvalid = _b[0], setInvalid = _b[1];
-    return (react_1.default.createElement("div", { className: "space-y-2" },
-        react_1.default.createElement("input", { type: "checkbox", checked: isInvalid, onChange: function (e) { return setInvalid(e.target.checked); } }),
-        react_1.default.createElement(input_group_1.default, null,
-            react_1.default.createElement(input_left_addon_1.default, null, "InputLeftAddon"),
-            react_1.default.createElement(input_left_element_1.default, null, "InputLeftElement"),
-            react_1.default.createElement(input_1.default, { value: value, onChange: (0, action_1.action)("onChange", onChange), placeholder: "Placeholder", isInvalid: isInvalid }),
-            react_1.default.createElement(input_right_element_1.default, null, "InputRightElement"),
-            react_1.default.createElement(input_right_addon_1.default, null, "InputRightAddon")),
-        react_1.default.createElement(input_group_1.default, null,
-            react_1.default.createElement(input_left_addon_1.default, null, "https://"),
-            react_1.default.createElement(input_1.default, { value: value, onChange: (0, action_1.action)("onChange", onChange), placeholder: "Placeholder", isInvalid: isInvalid }),
-            react_1.default.createElement(input_right_addon_1.default, null, ".uxf.cz")),
-        react_1.default.createElement(input_group_1.default, null,
-            react_1.default.createElement(input_left_element_1.default, null, "\uD83C\uDF37"),
-            react_1.default.createElement(input_1.default, { value: value, onChange: (0, action_1.action)("onChange", onChange), placeholder: "Placeholder", isInvalid: isInvalid }),
-            react_1.default.createElement(input_right_element_1.default, null, "\uD83D\uDD14")),
-        react_1.default.createElement(input_group_1.default, null,
-            react_1.default.createElement(input_1.default, { value: value, onChange: (0, action_1.action)("onChange", onChange), placeholder: "Placeholder", isInvalid: isInvalid }))));
-}
-exports.Default = Default;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbnB1dC9pbnB1dC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBd0M7QUFDeEMsOERBQXdDO0FBQ3hDLG9GQUE0RDtBQUM1RCxzRkFBOEQ7QUFDOUQsMEVBQW1EO0FBQ25ELDRHQUFvRjtBQUNwRix3RkFBZ0U7QUFDaEUsMEZBQWtFO0FBQ2xFLG1EQUFrRDtBQUVsRCxrQkFBZTtJQUNiLEtBQUssRUFBRSxVQUFVO0lBQ2pCLFNBQVMsRUFBRSxxQkFBVTtDQUN0QixDQUFDO0FBRUYsU0FBZ0Isa0JBQWtCO0lBQzFCLElBQUEsS0FBQSxPQUFvQixJQUFBLGdCQUFRLEVBQUMsRUFBRSxDQUFDLElBQUEsRUFBL0IsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFnQixDQUFDO0lBQ3ZDLE9BQU8sQ0FDTDtRQUNFLHlEQUFxQjtRQUNyQiw4QkFBQyxzQ0FBMEI7WUFDekIsOEJBQUMscUJBQVU7Z0JBQ1QsOEJBQUMsMEJBQWMscUJBQTRCO2dCQUMzQyw4QkFBQyw0QkFBZ0IsdUJBQWdDO2dCQUNqRCw4QkFBQyxlQUFLLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO2dCQUMzQyw4QkFBQyw2QkFBaUIsd0JBQWtDO2dCQUNwRCw4QkFBQywyQkFBZSxzQkFBOEIsQ0FDbkMsQ0FDYztRQUM3QixnRUFBNEI7UUFDNUIsOEJBQUMsc0NBQTBCO1lBQ3pCLDhCQUFDLHFCQUFVO2dCQUNULDhCQUFDLDRCQUFnQix1QkFBZ0M7Z0JBQ2pELDhCQUFDLGVBQUssSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7Z0JBQzNDLDhCQUFDLDZCQUFpQix3QkFBa0MsQ0FDekMsQ0FDYztRQUM3Qix3REFBb0I7UUFDcEIsOEJBQUMsc0NBQTBCO1lBQ3pCLDhCQUFDLHFCQUFVO2dCQUNULDhCQUFDLGVBQUssSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUksQ0FDaEMsQ0FDYyxDQUM1QixDQUNKLENBQUM7QUFDSixDQUFDO0FBOUJELGdEQThCQztBQUVELFNBQWdCLE9BQU87SUFDZixJQUFBLEtBQUEsT0FBb0IsSUFBQSxnQkFBUSxFQUFDLEVBQUUsQ0FBQyxJQUFBLEVBQS9CLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZ0IsQ0FBQztJQUNqQyxJQUFBLEtBQUEsT0FBMEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFNBQVMsUUFBQSxFQUFFLFVBQVUsUUFBbUIsQ0FBQztJQUVoRCxPQUFPLENBQ0wsdUNBQUssU0FBUyxFQUFDLFdBQVc7UUFDeEIseUNBQ0UsSUFBSSxFQUFDLFVBQVUsRUFDZixPQUFPLEVBQUUsU0FBUyxFQUNsQixRQUFRLEVBQUUsVUFBQyxDQUFDLElBQUssT0FBQSxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBNUIsQ0FBNEIsR0FDN0M7UUFDRiw4QkFBQyxxQkFBVTtZQUNULDhCQUFDLDBCQUFjLHlCQUFnQztZQUMvQyw4QkFBQyw0QkFBZ0IsMkJBQW9DO1lBQ3JELDhCQUFDLGVBQUssSUFDSixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxJQUFBLGVBQU0sRUFBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLEVBQ3RDLFdBQVcsRUFBQyxhQUFhLEVBQ3pCLFNBQVMsRUFBRSxTQUFTLEdBQ3BCO1lBQ0YsOEJBQUMsNkJBQWlCLDRCQUFzQztZQUN4RCw4QkFBQywyQkFBZSwwQkFBa0MsQ0FDdkM7UUFDYiw4QkFBQyxxQkFBVTtZQUNULDhCQUFDLDBCQUFjLG1CQUEwQjtZQUN6Qyw4QkFBQyxlQUFLLElBQ0osS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsSUFBQSxlQUFNLEVBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxFQUN0QyxXQUFXLEVBQUMsYUFBYSxFQUN6QixTQUFTLEVBQUUsU0FBUyxHQUNwQjtZQUNGLDhCQUFDLDJCQUFlLGtCQUEwQixDQUMvQjtRQUNiLDhCQUFDLHFCQUFVO1lBQ1QsOEJBQUMsNEJBQWdCLHVCQUFzQjtZQUN2Qyw4QkFBQyxlQUFLLElBQ0osS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsSUFBQSxlQUFNLEVBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxFQUN0QyxXQUFXLEVBQUMsYUFBYSxFQUN6QixTQUFTLEVBQUUsU0FBUyxHQUNwQjtZQUNGLDhCQUFDLDZCQUFpQix1QkFBdUIsQ0FDOUI7UUFDYiw4QkFBQyxxQkFBVTtZQUNULDhCQUFDLGVBQUssSUFDSixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxJQUFBLGVBQU0sRUFBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLEVBQ3RDLFdBQVcsRUFBQyxhQUFhLEVBQ3pCLFNBQVMsRUFBRSxTQUFTLEdBQ3BCLENBQ1MsQ0FDVCxDQUNQLENBQUM7QUFDSixDQUFDO0FBckRELDBCQXFEQyJ9

package/stories/button.stories.tsx

@@ -1,98 +0,0 @@
-import React from "react";
-import { Button } from "@uxf/ui/button";
-import { useStorybookConfig } from "@uxf/ui/storybook";
-import { Fragment } from "react";
-
-export default {
-  title: "UI/Button",
-  component: Button,
-};
-
-export function Default() {
-  const config = useStorybookConfig("Button");
-
-  return (
-    <div className="space-y-2">
-      {config.variants.map((variant) => (
-        <Fragment key={variant}>
-          {config.colors.map((color) => (
-            <Fragment key={color}>
-              {config.sizes.map((size) => (
-                <div>
-                  <Button
-                    key={size}
-                    variant={variant}
-                    color={color}
-                    size={size}
-                  >
-                    Button
-                  </Button>
-                </div>
-              ))}
-            </Fragment>
-          ))}
-        </Fragment>
-      ))}
-    </div>
-  );
-}
-
-export function Disabled() {
-  const config = useStorybookConfig("Button");
-
-  return (
-    <div className="space-y-2">
-      {config.variants.map((variant) => (
-        <Fragment key={variant}>
-          {config.colors.map((color) => (
-            <Fragment key={color}>
-              {config.sizes.map((size) => (
-                <div>
-                  <Button
-                    key={size}
-                    variant={variant}
-                    color={color}
-                    size={size}
-                    disabled
-                  >
-                    Button
-                  </Button>
-                </div>
-              ))}
-            </Fragment>
-          ))}
-        </Fragment>
-      ))}
-    </div>
-  );
-}
-
-export function Loading() {
-  const config = useStorybookConfig("Button");
-
-  return (
-    <div className="space-y-2">
-      {config.variants.map((variant) => (
-        <Fragment key={variant}>
-          {config.colors.map((color) => (
-            <Fragment key={color}>
-              {config.sizes.map((size) => (
-                <div>
-                  <Button
-                    key={size}
-                    variant={variant}
-                    color={color}
-                    size={size}
-                    loading
-                  >
-                    Button
-                  </Button>
-                </div>
-              ))}
-            </Fragment>
-          ))}
-        </Fragment>
-      ))}
-    </div>
-  );
-}

package/stories/image-gallery.stories.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-import ImageGallery from "./image-gallery";
-import Image from "./image";
-
-export default {
-  title: "Lab/ImageGallery",
-  component: ImageGallery,
-  parameters: { actions: { argTypesRegex: "^on.*" } },
-};
-
-const images = [
-  "https://opentopo.app/hero_image.jpeg",
-  "https://opentopo.app/generated/area-18/d/9/d9033d93-ea48-4f66-b0c1-6045c091b326_1024_1024_c.jpg",
-  "https://opentopo.app/generated/area-16/f/4/f4a4ca79-ea9e-44d1-a4ec-3c8ccfbcc218_1024_1024_c.jpg",
-  "https://opentopo.app/generated/area-1/8/b/8b84e378-1f55-4ce7-b750-b504091cb833_1024_1024_c.jpg",
-  "https://opentopo.app/generated/area-2/e/7/e7ec532b-20c2-407e-9305-fa7cfb71f01f_1024_1024_c.jpg",
-];
-
-export function Default() {
-  return (
-    <ImageGallery>
-      <div className="flex-direction flex gap-2">
-        {images.map((src) => (
-          <Image
-            key={src}
-            src={src}
-            className="h-56 w-56 cursor-pointer object-cover transition-transform hover:scale-105"
-          />
-        ))}
-      </div>
-    </ImageGallery>
-  );
-}

package/stories/input.stories.tsx

@@ -1,101 +0,0 @@
-import React, { useState } from "react";
-import Input from "@uxf/ui/input/input";
-import InputLeftAddon from "@uxf/ui/input/input-left-addon";
-import InputRightAddon from "@uxf/ui/input/input-right-addon";
-import InputGroup from "@uxf/ui/input/input-group";
-import ComponentStructureAnalyzer from "@uxf/ui/utils/component-structure-analyzer";
-import InputLeftElement from "@uxf/ui/input/input-left-element";
-import InputRightElement from "@uxf/ui/input/input-right-element";
-import { action } from "@uxf/ui/storybook/action";
-
-export default {
-  title: "UI/Input",
-  component: InputGroup,
-};
-
-export function ComponentStructure() {
-  const [value, onChange] = useState("");
-  return (
-    <>
-      <h2>Full example</h2>
-      <ComponentStructureAnalyzer>
-        <InputGroup>
-          <InputLeftAddon>Left addon</InputLeftAddon>
-          <InputLeftElement>Left element</InputLeftElement>
-          <Input value={value} onChange={onChange} />
-          <InputRightElement>Right element</InputRightElement>
-          <InputRightAddon>Right addon</InputRightAddon>
-        </InputGroup>
-      </ComponentStructureAnalyzer>
-      <h2>Only input elements</h2>
-      <ComponentStructureAnalyzer>
-        <InputGroup>
-          <InputLeftElement>Left element</InputLeftElement>
-          <Input value={value} onChange={onChange} />
-          <InputRightElement>Right element</InputRightElement>
-        </InputGroup>
-      </ComponentStructureAnalyzer>
-      <h2>Only addons</h2>
-      <ComponentStructureAnalyzer>
-        <InputGroup>
-          <Input value={value} onChange={onChange} />
-        </InputGroup>
-      </ComponentStructureAnalyzer>
-    </>
-  );
-}
-
-export function Default() {
-  const [value, onChange] = useState("");
-  const [isInvalid, setInvalid] = useState(false);
-
-  return (
-    <div className="space-y-2">
-      <input
-        type="checkbox"
-        checked={isInvalid}
-        onChange={(e) => setInvalid(e.target.checked)}
-      />
-      <InputGroup>
-        <InputLeftAddon>InputLeftAddon</InputLeftAddon>
-        <InputLeftElement>InputLeftElement</InputLeftElement>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-        <InputRightElement>InputRightElement</InputRightElement>
-        <InputRightAddon>InputRightAddon</InputRightAddon>
-      </InputGroup>
-      <InputGroup>
-        <InputLeftAddon>https://</InputLeftAddon>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-        <InputRightAddon>.uxf.cz</InputRightAddon>
-      </InputGroup>
-      <InputGroup>
-        <InputLeftElement>🌷</InputLeftElement>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-        <InputRightElement>🔔</InputRightElement>
-      </InputGroup>
-      <InputGroup>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-      </InputGroup>
-    </div>
-  );
-}