react-miui 0.7.0 → 0.9.2

package/dist/components/ui/modal/Modal.js

@@ -0,0 +1,108 @@
+"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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Modal_module_scss_1 = __importDefault(require("./Modal.module.scss"));
+const makeVariants_1 = require("../../../utils/makeVariants");
+const ModalNoMargin_1 = require("./ModalNoMargin");
+const Modal = ({ children, onClose, isOpen, title, className, onOverlayClick = "close", closeOnEsc = true, variant, }) => {
+    const [isClosing, setIsClosing] = react_1.useState(false);
+    const [isRendered, setIsRendered] = react_1.useState(false);
+    const overlayRef = react_1.useRef(null);
+    const containerRef = react_1.useRef(null);
+    const v = makeVariants_1.makeVariants(variant);
+    react_1.useEffect(() => {
+        if (!isOpen || !closeOnEsc) {
+            return;
+        }
+        const onKeyDown = (e) => {
+            if (e.key === "Escape") {
+                onClose();
+            }
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => {
+            document.removeEventListener("keydown", onKeyDown);
+        };
+    }, [isOpen, closeOnEsc]);
+    react_1.useEffect(() => {
+        if (!isOpen) {
+            setIsClosing(true);
+            return;
+        }
+        setIsRendered(true);
+        setIsClosing(false);
+    }, [isOpen]);
+    react_1.useEffect(() => {
+        if (!isClosing) {
+            return;
+        }
+        if (!overlayRef.current || !containerRef.current) {
+            return;
+        }
+        overlayRef.current.style.animation = "none";
+        containerRef.current.style.animation = "none";
+        overlayRef.current.offsetHeight;
+        overlayRef.current.style.removeProperty("animation");
+        containerRef.current.style.removeProperty("animation");
+    }, [isClosing]);
+    const titleElem = title && react_1.default.createElement("div", { className: Modal_module_scss_1.default.title }, title);
+    const handleOverlayClick = react_1.useCallback((e) => {
+        if (e.target !== e.currentTarget) {
+            return;
+        }
+        if (onOverlayClick === "close") {
+            onClose();
+        }
+        if (typeof onOverlayClick === "function") {
+            onOverlayClick();
+        }
+    }, [onOverlayClick, onClose]);
+    const handleAnimationEnd = react_1.useCallback(() => {
+        if (isOpen) {
+            return;
+        }
+        setIsRendered(false);
+    }, [isOpen]);
+    if (!isRendered) {
+        return null;
+    }
+    const overlayCls = classnames_1.default(Modal_module_scss_1.default.overlay, {
+        [Modal_module_scss_1.default.isClosing]: isClosing,
+        [Modal_module_scss_1.default.overlayOnBottom]: v.includes("bottom"),
+    });
+    const containerCls = classnames_1.default(Modal_module_scss_1.default.container, className, {
+        [Modal_module_scss_1.default.isClosing]: isClosing,
+        [Modal_module_scss_1.default.full]: v.includes("full"),
+    });
+    return (react_1.default.createElement("div", { className: overlayCls, onClick: handleOverlayClick, ref: overlayRef, onAnimationEnd: handleAnimationEnd },
+        react_1.default.createElement("div", { className: containerCls, ref: containerRef },
+            titleElem,
+            children)));
+};
+exports.Modal = Modal;
+Modal.NegateMargin = ModalNoMargin_1.ModalNegateMargin;
+//# sourceMappingURL=Modal.js.map

package/dist/components/ui/modal/Modal.js.map

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

package/dist/components/ui/modal/Modal.module.scss

@@ -0,0 +1,92 @@
+@keyframes overlay {
+    from {
+        background: #00000000;
+    }
+
+    to {
+        background: #0000004c;
+    }
+}
+
+.overlay {
+    position: fixed;
+    z-index: 4;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    animation: overlay 300ms;
+    animation-fill-mode: forwards;
+}
+
+.overlayOnBottom {
+    align-items: flex-end;
+    padding-bottom: calc(24px / var(--ratio-dimensions));
+}
+
+@keyframes container {
+    from {
+        transform: translateY(30px);
+        opacity: 0;
+    }
+
+    to {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+
+.container {
+    background: var(--modal-bg);
+    border-radius: calc(12px / var(--ratio-dimensions));
+    max-width: 333px;
+    width: calc(100% - 30px);
+    padding: 20px;
+    position: relative;
+    box-sizing: border-box;
+    animation: container 300ms;
+    animation-fill-mode: forwards;
+}
+
+.full {
+    width: calc(100vw - 30px);
+    max-width: 1000px;
+}
+
+.isClosing {
+    // keep this after .overlay .container to prevent overwriting
+    animation-direction: reverse;
+}
+
+.close {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+
+    + .title {
+        margin-right: 40px;
+        margin-top: -4px;
+    }
+}
+
+.title {
+    font-size: calc(40px / var(--ratio-font));
+    text-align: center;
+    color: black;
+    margin: calc(90px / var(--ratio-dimensions)) 0;
+}
+
+.negateMargin {
+    margin: 0 -20px -20px;
+}
+
+.removeMargin {
+    margin: 0;
+}

package/dist/components/ui/modal/ModalButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare type Variant = "main";
+interface Props {
+    variant?: Variant | Variant[];
+}
+declare const ModalButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & Props>;
+export { ModalButton };
+//# sourceMappingURL=ModalButton.d.ts.map

package/dist/components/ui/modal/ModalButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,aAAK,OAAO,GAAG,MAAM,CAAC;AAEtB,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAUhF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/modal/ModalButton.js

@@ -0,0 +1,31 @@
+"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 });
+exports.ModalButton = void 0;
+const react_1 = __importDefault(require("react"));
+const ModalButtons_module_scss_1 = __importDefault(require("./ModalButtons.module.scss"));
+const makeVariants_1 = require("../../../utils/makeVariants");
+const classnames_1 = __importDefault(require("classnames"));
+const ModalButton = (_a) => {
+    var { className, children, variant } = _a, props = __rest(_a, ["className", "children", "variant"]);
+    const v = makeVariants_1.makeVariants(variant);
+    const cls = classnames_1.default(ModalButtons_module_scss_1.default.button, {
+        [ModalButtons_module_scss_1.default.buttonMain]: v.includes("main"),
+    }, className);
+    return react_1.default.createElement("button", Object.assign({}, props, { className: cls }), children);
+};
+exports.ModalButton = ModalButton;
+//# sourceMappingURL=ModalButton.js.map

package/dist/components/ui/modal/ModalButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalButton.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,0FAAgD;AAChD,8DAA2D;AAC3D,4DAAoC;AAQpC,MAAM,WAAW,GAAoE,CAAC,EAErF,EAAE,EAAE;QAFiF,EAClF,SAAS,EAAE,QAAQ,EAAE,OAAO,OAC/B,EADoC,KAAK,cAD4C,oCAErF,CADyC;IAEtC,MAAM,CAAC,GAAG,2BAAY,CAAC,OAAO,CAAC,CAAC;IAEhC,MAAM,GAAG,GAAG,oBAAU,CAAC,kCAAM,CAAC,MAAM,EAAE;QAClC,CAAC,kCAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC1C,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,0DAAY,KAAK,IAAE,SAAS,EAAE,GAAG,KAAG,QAAQ,CAAU,CAAC;AAClE,CAAC,CAAC;AAEO,kCAAW"}

package/dist/components/ui/modal/ModalButtons.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ModalButton } from "./ModalButton";
+interface Props {
+}
+interface SubComponents {
+    Button: typeof ModalButton;
+}
+declare const ModalButtons: React.FC<Props> & SubComponents;
+export { ModalButtons };
+//# sourceMappingURL=ModalButtons.d.ts.map

package/dist/components/ui/modal/ModalButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,UAAU,KAAK;CAAG;AAElB,UAAU,aAAa;IACnB,MAAM,EAAE,OAAO,WAAW,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAErC,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/modal/ModalButtons.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalButtons = void 0;
+const react_1 = __importDefault(require("react"));
+const ModalButton_1 = require("./ModalButton");
+const ModalButtons_module_scss_1 = __importDefault(require("./ModalButtons.module.scss"));
+const ModalButtons = (props) => {
+    return react_1.default.createElement("div", { className: ModalButtons_module_scss_1.default.container }, props.children);
+};
+exports.ModalButtons = ModalButtons;
+ModalButtons.Button = ModalButton_1.ModalButton;
+//# sourceMappingURL=ModalButtons.js.map

package/dist/components/ui/modal/ModalButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalButtons.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA4C;AAE5C,0FAAgD;AAQhD,MAAM,YAAY,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC5D,OAAO,uCAAK,SAAS,EAAE,kCAAM,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACpE,CAAC,CAAC;AAGO,oCAAY;AAFrB,YAAY,CAAC,MAAM,GAAG,yBAAW,CAAC"}

package/dist/components/ui/modal/ModalButtons.module.scss

@@ -0,0 +1,32 @@
+.container {
+    display: flex;
+    margin-top: calc(100px / var(--ratio-dimensions));
+    margin-left: -20px;
+    margin-right: -20px;
+    margin-bottom: -20px;
+}
+
+.button {
+    border: none;
+    border-top: 1px solid var(--modal-button-border);
+    background: var(--modal-button-bg);
+    flex: 1;
+    height: calc(156px / var(--ratio-dimensions));
+    font-weight: 500;
+
+    &:not(:first-child) {
+        border-left: 1px solid var(--modal-button-border);
+    }
+
+    &:first-child {
+        border-bottom-left-radius: calc(12px / var(--ratio-dimensions));
+    }
+
+    &:last-child {
+        border-bottom-right-radius: calc(12px / var(--ratio-dimensions));
+    }
+}
+
+.buttonMain {
+    color: var(--main-color);
+}

package/dist/components/ui/modal/ModalNoMargin.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+}
+declare const ModalNegateMargin: React.FC<Props>;
+export { ModalNegateMargin };
+//# sourceMappingURL=ModalNoMargin.d.ts.map

package/dist/components/ui/modal/ModalNoMargin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalNoMargin.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalNoMargin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;CAAG;AAElB,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYtC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/modal/ModalNoMargin.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalNegateMargin = void 0;
+const react_1 = __importDefault(require("react"));
+const Modal_module_scss_1 = __importDefault(require("./Modal.module.scss"));
+const List_1 = require("../../layout/list/List");
+const ModalNegateMargin = (props) => {
+    const chld = react_1.default.Children.map(props.children, (child, index) => {
+        if (child && typeof child === "object" && "type" in child && child.type === List_1.List) {
+            return react_1.default.cloneElement(child, {
+                className: Modal_module_scss_1.default.removeMargin,
+            });
+        }
+        return child;
+    });
+    return react_1.default.createElement("div", { className: Modal_module_scss_1.default.negateMargin }, chld);
+};
+exports.ModalNegateMargin = ModalNegateMargin;
+//# sourceMappingURL=ModalNoMargin.js.map

package/dist/components/ui/modal/ModalNoMargin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalNoMargin.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalNoMargin.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4EAAyC;AACzC,iDAA8C;AAI9C,MAAM,iBAAiB,GAAoB,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC7D,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,WAAI,EAAE;YAC9E,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAE7B,SAAS,EAAE,2BAAM,CAAC,YAAY;aACjC,CAAC,CAAC;SACN;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,uCAAK,SAAS,EAAE,2BAAM,CAAC,YAAY,IAAG,IAAI,CAAO,CAAC;AAC7D,CAAC,CAAC;AAEO,8CAAiB"}

package/dist/components/ui/tabs/Item.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { ObjectValue } from "../../../types/form";
+interface Props {
+    value: ObjectValue;
+    onClick: (value: string) => void;
+    active: boolean;
+}
+declare const Item: React.FC<Props>;
+export { Item };
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/ui/tabs/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,UAAU,KAAK;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/ui/tabs/Item.js

@@ -0,0 +1,39 @@
+"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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
+const Item = (props) => {
+    const handleClick = react_1.useCallback(() => {
+        props.onClick(props.value.value);
+    }, [props.onClick, props.value.value, props.value.label]);
+    const cls = classnames_1.default(Item_module_scss_1.default.button, {
+        [Item_module_scss_1.default.active]: props.active,
+    });
+    return react_1.default.createElement("button", { onClick: handleClick, className: cls, type: "button" }, props.value.label);
+};
+exports.Item = Item;
+//# sourceMappingURL=Item.js.map

package/dist/components/ui/tabs/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAoC;AAIpC,0EAAwC;AAQxC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,WAAW,GAAG,mBAAW,CAAC,GAAG,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1D,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,MAAM,EAAE;QAClC,CAAC,0BAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM;KAChC,CAAC,CAAC;IAEH,OAAO,0CAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,IAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAU,CAAC;AACtG,CAAC,CAAC;AAEO,oBAAI"}

package/dist/components/ui/tabs/Item.module.scss

@@ -0,0 +1,11 @@
+.button {
+    border: none;
+    padding: 0;
+    font-size: calc(29px / var(--ratio-font));
+    color: var(--selector-text);
+    background: none;
+}
+
+.active {
+    color: var(--selector-active);
+}

package/dist/components/ui/tabs/Selector.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { Value } from "../../../types/form";
+interface Props {
+    values: Value[];
+    value?: string;
+    onChange?: (value: string) => void;
+}
+declare const Selector: React.FC<Props>;
+export { Selector };
+//# sourceMappingURL=Selector.d.ts.map

package/dist/components/ui/tabs/Selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,UAAU,KAAK;IACX,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/tabs/Selector.js

@@ -0,0 +1,46 @@
+"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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Selector = void 0;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const Item_1 = require("./Item");
+const Selector_module_scss_1 = __importDefault(require("./Selector.module.scss"));
+const Selector = (props) => {
+    var _a;
+    const [current, setCurrent] = react_1.useState(props.value);
+    const handleCurrent = react_1.useCallback((value) => {
+        var _a;
+        setCurrent(value);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value);
+    }, [props.onChange]);
+    const crr = (_a = props.value) !== null && _a !== void 0 ? _a : current;
+    const vals = props.values.map(v => {
+        const ov = utils_1.toObjectValue(v);
+        return react_1.default.createElement(Item_1.Item, { key: ov.value, value: ov, onClick: handleCurrent, active: crr === ov.value });
+    });
+    return react_1.default.createElement("div", { className: Selector_module_scss_1.default.selector }, vals);
+};
+exports.Selector = Selector;
+//# sourceMappingURL=Selector.js.map

package/dist/components/ui/tabs/Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAGrD,0CAA+C;AAC/C,iCAA8B;AAC9B,kFAA4C;AAQ5C,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,mBAAW,CAAC,CAAC,KAAa,EAAE,EAAE;;QAChD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,GAAG,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,OAAO,CAAC;IAEnC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,GAAG,qBAAa,CAAC,CAAC,CAAC,CAAC;QAC5B,OAAO,8BAAC,WAAI,IAAC,GAAG,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,KAAK,GAAI,CAAC;IAChG,CAAC,CAAC,CAAC;IACH,OAAO,uCAAK,SAAS,EAAE,8BAAM,CAAC,QAAQ,IAAG,IAAI,CAAO,CAAC;AACzD,CAAC,CAAC;AAEO,4BAAQ"}

package/dist/components/ui/tabs/Selector.module.scss

@@ -0,0 +1,6 @@
+.selector {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    gap: calc(114px / var(--ratio-dimensions));
+}

package/dist/components/ui/toaster/Notification.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { Toast } from "./types";
+interface Props {
+    toast: Toast;
+    onRemove: (id: Toast["id"]) => void;
+}
+declare const Notification: React.FC<Props>;
+export { Notification };
+//# sourceMappingURL=Notification.d.ts.map

package/dist/components/ui/toaster/Notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGrC,UAAU,KAAK;IACX,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CACvC;AAGD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgBjC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/toaster/Notification.js

@@ -0,0 +1,39 @@
+"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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Toaster_module_scss_1 = __importDefault(require("./Toaster.module.scss"));
+const Notification = (props) => {
+    const handleRemove = react_1.useCallback(() => {
+        props.onRemove(props.toast.id);
+    }, [props.toast.id]);
+    return (react_1.default.createElement("div", { className: classnames_1.default(Toaster_module_scss_1.default.toast, {
+            [Toaster_module_scss_1.default.hide]: props.toast.hide,
+        }), key: props.toast.id, onTransitionEnd: handleRemove },
+        react_1.default.createElement("span", null, props.toast.text)));
+};
+exports.Notification = Notification;
+//# sourceMappingURL=Notification.js.map

package/dist/components/ui/toaster/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAoC;AAGpC,gFAA2C;AAQ3C,MAAM,YAAY,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,YAAY,GAAG,mBAAW,CAAC,GAAG,EAAE;QAClC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,uCACI,SAAS,EAAE,oBAAU,CAAC,6BAAM,CAAC,KAAK,EAAE;YAChC,CAAC,6BAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;SAClC,CAAC,EACF,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EACnB,eAAe,EAAE,YAAY;QAE7B,4CAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAQ,CAC7B,CACT,CAAC;AACN,CAAC,CAAC;AAEO,oCAAY"}

package/dist/components/ui/toaster/Toaster.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { Toast } from "./types";
+declare type ToasterFn = (text: string) => void;
+interface Props {
+}
+interface State {
+    list: Toast[];
+}
+declare class ToasterProvider extends React.Component<Props, State> {
+    constructor(props: Props, context: unknown);
+    private readonly _add;
+    private readonly _handleRemove;
+    private readonly _removeAllToasts;
+    render(): JSX.Element;
+}
+declare const useToaster: () => ToasterFn;
+export { ToasterProvider, useToaster };
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/components/ui/toaster/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC,aAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AASxC,UAAU,KAAK;CAAG;AAClB,UAAU,KAAK;IACX,IAAI,EAAE,KAAK,EAAE,CAAC;CACjB;AAID,cAAM,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACpC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO;IAQjD,OAAO,CAAC,QAAQ,CAAC,IAAI,CA6BnB;IAEF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAK5B;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAa/B;IAEK,MAAM;CAYhB;AAED,QAAA,MAAM,UAAU,iBAAmC,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}