@tolokoban/ui 0.19.3 → 0.20.0

package/lib/dist/grammar/tsx.d.ts

@@ -0,0 +1,4 @@
+import { TypeGrammar } from "../view/CodeHighlighter/types.js";
+declare const TsxGrammar: TypeGrammar;
+export default TsxGrammar;
+//# sourceMappingURL=tsx.d.ts.map

package/lib/dist/grammar/tsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tsx.d.ts","sourceRoot":"","sources":["../../src/grammar/tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,QAAA,MAAM,UAAU,EAAE,WAKjB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/dist/grammar/tsx.js

@@ -0,0 +1,8 @@
+const TsxGrammar = {
+    lexer: {
+        blocCommentOpen: ["/*"],
+    },
+    scanner: [],
+};
+export default TsxGrammar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHN4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2dyYW1tYXIvdHN4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sVUFBVSxHQUFnQjtJQUM1QixLQUFLLEVBQUU7UUFDSCxlQUFlLEVBQUUsQ0FBQyxJQUFJLENBQUM7S0FDMUI7SUFDRCxPQUFPLEVBQUUsRUFBRTtDQUNkLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/dist/hooks/index.d.ts

@@ -2,7 +2,6 @@ export * from "./debounced-effect";
 export * from "./hotkey";
 export * from "./local-storage-state";
 export * from "./resize-observer";
-export * from "./session-storage-state";
 export * from "./state-updater";
 export * from "./throwable";
 export * from "./undoable-state";

package/lib/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}

package/lib/dist/hooks/index.js

@@ -2,8 +2,7 @@ export * from "./debounced-effect.js";
 export * from "./hotkey.js";
 export * from "./local-storage-state.js";
 export * from "./resize-observer.js";
-export * from "./session-storage-state.js";
 export * from "./state-updater.js";
 export * from "./throwable.js";
 export * from "./undoable-state.js";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyx5QkFBeUIsQ0FBQTtBQUN2QyxjQUFjLGlCQUFpQixDQUFBO0FBQy9CLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsa0JBQWtCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGtCQUFrQixDQUFBIn0=

package/lib/dist/info.d.ts

@@ -1,5 +1,5 @@
 export declare const name = "@tolokoban/ui";
-export declare const version = "0.19.3";
+export declare const version = "0.20.0";
 export declare const description = "React components with theme";
 export declare const homepage = "https://tolokoban.github.io/ui";
 //# sourceMappingURL=info.d.ts.map

package/lib/dist/info.js

@@ -1,5 +1,5 @@
 export const name = "@tolokoban/ui";
-export const version = "0.19.3";
+export const version = "0.20.0";
 export const description = "React components with theme";
 export const homepage = "https://tolokoban.github.io/ui";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmZvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxlQUFlLENBQUE7QUFDbkMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQTtBQUMvQixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsNkJBQTZCLENBQUE7QUFDeEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLGdDQUFnQyxDQUFBIn0=

package/lib/dist/modal/manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../src/modal/manager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAKnC,OAAO,EACH,aAAa,EACb,KAAK,EACL,qBAAqB,EACrB,WAAW,EACd,MAAM,SAAS,CAAA;AAShB,MAAM,CAAC,OAAO,OAAO,YAAa,YAAW,qBAAqB;IAC9D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqB;IACvD,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,OAAO,CAAI;IAEnB,SAAS,IAAI,KAAK,EAAE;IAUpB,IAAI,CAAC,KAAK,EAAE,KAAK;IAcjB,IAAI,CAAC,MAAM,EAAE,WAAW;IAoBlB,IAAI,CAAC,CAAC,EACR,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IAsBP,QAAQ,CAAC,CAAC,EACZ,OAAO,EAAE,CACL,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,KAC9C,OAAO,CAAC,CAAC,CAAC,EACf,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IA2BP,KAAK,CACP,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,OAAO,CAAC,IAAI,CAAC;IAuBV,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IA0CtD,IAAI,CACA,OAAO,EAAE,QAAQ,EACjB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAC3D,OAAO,CAAC,IAAI,CAAC;IAuBhB,OAAO,CAAC,IAAI;CAOf;AAED,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAa1E"}
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../src/modal/manager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAKnC,OAAO,EACH,aAAa,EACb,KAAK,EACL,qBAAqB,EACrB,WAAW,EACd,MAAM,SAAS,CAAA;AAShB,MAAM,CAAC,OAAO,OAAO,YAAa,YAAW,qBAAqB;IAC9D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqB;IACvD,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,OAAO,CAAI;IAEnB,SAAS,IAAI,KAAK,EAAE;IAUpB,IAAI,CAAC,KAAK,EAAE,KAAK;IAcjB,IAAI,CAAC,MAAM,EAAE,WAAW;IAoBlB,IAAI,CAAC,CAAC,EACR,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IAsBP,QAAQ,CAAC,CAAC,EACZ,OAAO,EAAE,CACL,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,KAC9C,OAAO,CAAC,CAAC,CAAC,EACf,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IAiBP,KAAK,CACP,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,OAAO,CAAC,IAAI,CAAC;IAuBV,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IA0CtD,IAAI,CACA,OAAO,EAAE,QAAQ,EACjB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAC3D,OAAO,CAAC,IAAI,CAAC;IAuBhB,OAAO,CAAC,IAAI;CAOf;AAED,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAa1E"}

package/lib/dist/modal/manager.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import JSON5 from "json5";
 import React from "react";
 import IconGear from "../view/icons/IconGear.js";
@@ -7,7 +7,7 @@ import { ViewDialog } from "../view/Dialog/index.js";
 import { ViewPanel } from "../view/Panel/index.js";
 import { ViewSpinner } from "../view/Spinner/index.js";
 import { GenericEvent } from "../util/event.js";
-import Styles from "./manager.module.css";
+import styles from "./manager.module.css";
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const EMPTY_FUNCTION = () => { };
 export default class ModalManager {
@@ -51,7 +51,7 @@ export default class ModalManager {
     wait(content, promise, params) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: Styles.wait, children: _jsx(ViewSpinner, { children: content }) })) }));
+                const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: styles.wait, children: _jsx(ViewSpinner, { children: content }) })) }));
                 promise
                     .then((arg) => {
                     hide();
@@ -67,15 +67,7 @@ export default class ModalManager {
     progress(promise, params) {
         return __awaiter(this, void 0, void 0, function* () {
             const event = new GenericEvent();
-            const View = () => {
-                const [body, setBody] = React.useState(_jsx(IconGear, { animate: true }));
-                React.useEffect(() => {
-                    event.addListener(setBody);
-                    return () => event.removeListener(setBody);
-                }, []);
-                return body;
-            };
-            const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: Styles.wait, children: _jsx(View, {}) })) }));
+            const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: styles.wait, children: _jsx(ProgressBody, { event: event }) })) }));
             try {
                 return yield promise((body) => event.dispatch(body));
             }
@@ -92,7 +84,7 @@ export default class ModalManager {
                                 hide();
                                 resolve();
                             },
-                        }, children: _jsx("div", { className: Styles.error, children: renderHumanFriendlyErrorContent(content) }) })) }));
+                        }, children: _jsx("div", { className: styles.error, children: renderHumanFriendlyErrorContent(content) }) })) }));
             });
         });
     }
@@ -149,4 +141,12 @@ export function renderHumanFriendlyErrorContent(content) {
         return content;
     return _jsx("pre", { children: JSON5.stringify(content, null, "  ") });
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxRQUFRLE1BQU0sd0JBQXdCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBUTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFNUMsT0FBTyxNQUFNLE1BQU0sc0JBQXNCLENBQUE7QUFFekMsZ0VBQWdFO0FBQ2hFLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQTtBQUUvQixNQUFNLENBQUMsT0FBTyxPQUFPLFlBQVk7SUFBakM7UUFDcUIsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUMvQyxXQUFNLEdBQVksRUFBRSxDQUFBO1FBQ3BCLFlBQU8sR0FBRyxDQUFDLENBQUE7SUE2TXZCLENBQUM7SUEzTUcsU0FBUztRQUNMLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFDNUQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDakIsTUFBTSxNQUFNLEdBQUcsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtZQUNoRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQzFD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
+function ProgressBody({ event }) {
+    const [body, setBody] = React.useState(_jsxs(_Fragment, { children: [_jsx(IconGear, { animate: true }), _jsx("div", { children: "Please wait..." })] }));
+    React.useEffect(() => {
+        event.addListener(setBody);
+        return () => event.removeListener(setBody);
+    }, [event]);
+    return body;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxRQUFRLE1BQU0sd0JBQXdCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBUTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFNUMsT0FBTyxNQUFNLE1BQU0sc0JBQXNCLENBQUE7QUFFekMsZ0VBQWdFO0FBQ2hFLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQTtBQUUvQixNQUFNLENBQUMsT0FBTyxPQUFPLFlBQVk7SUFBakM7UUFDcUIsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUMvQyxXQUFNLEdBQVksRUFBRSxDQUFBO1FBQ3BCLFlBQU8sR0FBRyxDQUFDLENBQUE7SUFtTXZCLENBQUM7SUFqTUcsU0FBUztRQUNMLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFDNUQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDakIsTUFBTSxNQUFNLEdBQUcsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtZQUNoRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQzFD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

package/lib/dist/theme/styles/common.d.ts

@@ -9,6 +9,7 @@ export type CommonProps = {
     className?: string;
 } & ChildStyleProps & DimensionStyleProps & PositionStyleProps & SpaceStyleProps;
 export declare function styleCommon(props: CommonProps): React.CSSProperties;
+export declare function classnameCommon(props: CommonProps): string;
 export type Unit = "%" | "cm" | "mm" | "Q" | "in" | "pc" | "pt" | "px" | "em" | "ex" | "ch" | "rem" | "lh" | "rlh" | "vw" | "vh" | "vmin" | "vmax" | "vb" | "vi" | "svw" | "svh" | "lvw" | "lvh" | "dvw" | "dvh";
 export type NumberWithUnit = "0" | "auto" | "max-content" | "min-content" | `fit-content(${number}${Unit})` | `${number}${Unit}`;
 //# sourceMappingURL=common.d.ts.map

package/lib/dist/theme/styles/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAkB,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAiB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,eAAe,GACf,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,CAAA;AAEnB,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,aAAa,CAOnE;AAED,MAAM,MAAM,IAAI,GACV,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAA;AAEX,MAAM,MAAM,cAAc,GACpB,GAAG,GACH,MAAM,GACN,aAAa,GACb,aAAa,GACb,eAAe,MAAM,GAAG,IAAI,GAAG,GAC/B,GAAG,MAAM,GAAG,IAAI,EAAE,CAAA"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AACxD,OAAO,EAEH,mBAAmB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,kBAAkB,EAAiB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,eAAe,GACf,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,CAAA;AAEnB,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,aAAa,CAOnE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAG1D;AAED,MAAM,MAAM,IAAI,GACV,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAA;AAEX,MAAM,MAAM,cAAc,GACpB,GAAG,GACH,MAAM,GACN,aAAa,GACb,aAAa,GACb,eAAe,MAAM,GAAG,IAAI,GAAG,GAC/B,GAAG,MAAM,GAAG,IAAI,EAAE,CAAA"}

package/lib/dist/theme/styles/common.js

@@ -1,8 +1,12 @@
 import { styleChild } from "./child.js";
-import { styleDimension } from "./dimension.js";
+import { classnameDimension, styleDimension, } from "./dimension.js";
 import { stylePosition } from "./position.js";
 import { styleSpace } from "./space.js";
 export function styleCommon(props) {
     return Object.assign(Object.assign(Object.assign(Object.assign({}, styleChild(props)), styleDimension(props)), stylePosition(props)), styleSpace(props));
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9jb21tb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDeEQsT0FBTyxFQUF1QixjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNwRSxPQUFPLEVBQXNCLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQVl4RCxNQUFNLFVBQVUsV0FBVyxDQUFDLEtBQWtCO0lBQzFDLG1FQUNPLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsY0FBYyxDQUFDLEtBQUssQ0FBQyxHQUNyQixhQUFhLENBQUMsS0FBSyxDQUFDLEdBQ3BCLFVBQVUsQ0FBQyxLQUFLLENBQUMsRUFDdkI7QUFDTCxDQUFDIn0=
+export function classnameCommon(props) {
+    const classes = [classnameDimension(props)];
+    return classes.join(" ");
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9jb21tb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDeEQsT0FBTyxFQUNILGtCQUFrQixFQUVsQixjQUFjLEdBQ2pCLE1BQU0sZ0JBQWdCLENBQUE7QUFDdkIsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakUsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFZeEQsTUFBTSxVQUFVLFdBQVcsQ0FBQyxLQUFrQjtJQUMxQyxtRUFDTyxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQ2pCLGNBQWMsQ0FBQyxLQUFLLENBQUMsR0FDckIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLEVBQ3ZCO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxlQUFlLENBQUMsS0FBa0I7SUFDOUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQzNDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtBQUM1QixDQUFDIn0=

package/lib/dist/theme/styles/dimension.js

@@ -26,4 +26,4 @@ export function classnameDimension({ fullsize = false, fullwidth = false, fullhe
         classes.push(Style.fullnarrow);
     return classes.join(" ");
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltZW5zaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9kaW1lbnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxLQUFLLE1BQU0sNkJBQTZCLENBQUE7QUE2Qi9DLE1BQU0sVUFBVSxjQUFjLENBQUMsRUFDM0IsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEdBQUcsT0FBTyxFQUNsQixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxXQUFXLEdBQUcsQ0FBQyxHQUNHO0lBQ2xCLE1BQU0sS0FBSyxHQUF3QjtRQUMvQixLQUFLO1FBQ0wsTUFBTTtRQUNOLFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUTtRQUNSLFNBQVM7S0FDWixDQUFBO0lBQ0QsSUFBSSxXQUFXLEdBQUcsQ0FBQztRQUFFLEtBQUssQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO0lBQ3BELE9BQU8sS0FBSyxDQUFBO0FBQ2hCLENBQUM7QUFFRCxNQUFNLFVBQVUsa0JBQWtCLENBQUMsRUFDL0IsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxHQUFHLEtBQUssRUFDakIsVUFBVSxHQUFHLEtBQUssRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsVUFBVSxHQUFHLEtBQUssR0FDQTtJQUNsQixJQUFJLFFBQVE7UUFBRSxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUE7SUFFbkMsTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFBO0lBQzVCLElBQUksU0FBUztRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQzVDLElBQUksVUFBVTtRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzlDLElBQUksUUFBUTtRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQzFDLElBQUksVUFBVTtRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzlDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtBQUM1QixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltZW5zaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9kaW1lbnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxLQUFLLE1BQU0sNkJBQTZCLENBQUE7QUE2Qi9DLE1BQU0sVUFBVSxjQUFjLENBQUMsRUFDM0IsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEdBQUcsT0FBTyxFQUNsQixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxXQUFXLEdBQUcsQ0FBQyxHQUNHO0lBQ2xCLE1BQU0sS0FBSyxHQUF3QjtRQUMvQixLQUFLO1FBQ0wsTUFBTTtRQUNOLFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUTtRQUNSLFNBQVM7S0FDWixDQUFBO0lBQ0QsSUFBSSxXQUFXLEdBQUcsQ0FBQztRQUFFLEtBQUssQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO0lBQ3BELE9BQU8sS0FBSyxDQUFBO0FBQ2hCLENBQUM7QUFFRCxNQUFNLFVBQVUsa0JBQWtCLENBQUMsRUFDL0IsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxHQUFHLEtBQUssRUFDakIsVUFBVSxHQUFHLEtBQUssRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsVUFBVSxHQUFHLEtBQUssR0FDQTtJQUNsQixJQUFJLFFBQVE7UUFBRSxPQUFPLEtBQUssQ0FBQyxRQUFrQixDQUFBO0lBRTdDLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQTtJQUM1QixJQUFJLFNBQVM7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUM1QyxJQUFJLFVBQVU7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM5QyxJQUFJLFFBQVE7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUMxQyxJQUFJLFVBQVU7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM5QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUE7QUFDNUIsQ0FBQyJ9

package/lib/dist/view/Button/Button.d.ts

@@ -29,6 +29,11 @@ export type ViewButtonProps = {
      * a link to an URL. But the style will remain the same.
      */
     onClick?: string | ((this: void) => void);
+    /**
+     * If the button is a link (onClick is a string),
+     * then `target` is used to open in a new tab.
+     */
+    target?: string;
     /**
      * Default to `true`.
      *

package/lib/dist/view/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/view/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAe,MAAM,2BAA2B,CAAA;AAMpE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAMnD,MAAM,MAAM,eAAe,GAAG;IAC1B;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAA;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,GAAG,WAAW,CAAA;AAEf,wBAAgB,UAAU,CAAC,YAAY,EAAE,eAAe,2CAmEvD;AAED,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,GACvC,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAMzC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/view/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEH,WAAW,EAEd,MAAM,2BAA2B,CAAA;AAMlC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAMnD,MAAM,MAAM,eAAe,GAAG;IAC1B;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAA;IACzC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,GAAG,WAAW,CAAA;AAEf,wBAAgB,UAAU,CAAC,YAAY,EAAE,eAAe,2CA8EvD;AAED,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,GACvC,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAMzC"}

package/lib/dist/view/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Theme } from "../../theme/index.js";
-import { styleCommon } from "../../theme/styles/common.js";
+import { classnameCommon, styleCommon, } from "../../theme/styles/common.js";
 import { cssForColor, cssForColorOn, cssForGaps, } from "../../theme/styles/styles.js";
 import { setDefaults } from "../../util/set-defaults.js";
 import IconGear from "../icons/IconGear.js";
@@ -19,7 +19,7 @@ export function ViewButton(partialProps) {
         variant: "elevated",
         thickness: 0.125,
     });
-    const { className, children, label, enabled, variant, onClick, waiting } = props;
+    const { className, children, label, enabled, variant, onClick, waiting, target, } = props;
     const { color } = partialProps;
     const thickness = cssForGaps(props.thickness);
     const style = Object.assign({ "--custom-color-main-alpha": getMainAlphaColor(color, variant), "--custom-color-main": getMainColor(color, variant), "--custom-color-text": getTextColor(color, variant), "--custom-thickness": thickness }, styleCommon(props));
@@ -27,9 +27,9 @@ export function ViewButton(partialProps) {
     const IconRight = props.iconRight;
     const body = (_jsxs(_Fragment, { children: [" ", waiting && _jsx(IconGear, { animate: true }), !waiting && Icon && _jsx(Icon, {}), _jsx("div", { className: Styles.label, children: (_a = children !== null && children !== void 0 ? children : label) !== null && _a !== void 0 ? _a : "Button" }), IconRight && _jsx(IconRight, {})] }));
     if (typeof onClick === "string") {
-        return (_jsx("a", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon, !enabled && !waiting && Styles.disabled), href: onClick, children: body }));
+        return (_jsx("a", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon, !enabled && !waiting && Styles.disabled, classnameCommon(props)), target: target, href: onClick, children: body }));
     }
-    return (_jsx("button", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon), disabled: !enabled || waiting, type: "button", onClick: onClick, children: body }));
+    return (_jsx("button", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon, classnameCommon(props)), disabled: !enabled || waiting, type: "button", onClick: onClick, children: body }));
 }
 export function makeCustomButton(defaultProps) {
     return (props) => ViewButton(Object.assign(Object.assign({}, defaultProps), props));
@@ -65,4 +65,4 @@ function getTextColor(color, variant) {
             return cssForColorOn(color !== null && color !== void 0 ? color : "primary-5");
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxFQUFlLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3BFLE9BQU8sRUFDSCxXQUFXLEVBQ1gsYUFBYSxFQUNiLFVBQVUsR0FDYixNQUFNLDhCQUE4QixDQUFBO0FBRXJDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLFFBQVEsTUFBTSxtQkFBbUIsQ0FBQTtBQUd4QyxPQUFPLE1BQU0sTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBMkQxQixNQUFNLFVBQVUsVUFBVSxDQUFDLFlBQTZCOztJQUNwRCxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsWUFBWSxFQUFFO1FBQ3BDLE9BQU8sRUFBRSxJQUFJO1FBQ2IsWUFBWSxFQUFFLFFBQVE7UUFDdEIsTUFBTSxFQUFFLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQztRQUNuQixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDO1FBQ2pCLE9BQU8sRUFBRSxxQkFBcUI7UUFDOUIsS0FBSyxFQUFFLE1BQU07UUFDYixNQUFNLEVBQUUsS0FBSztRQUNiLE9BQU8sRUFBRSxVQUFVO1FBQ25CLFNBQVMsRUFBRSxLQUFLO0tBQ25CLENBQUMsQ0FBQTtJQUNGLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FDcEUsS0FBSyxDQUFBO0lBQ1QsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksQ0FBQTtJQUM5QixNQUFNLFNBQVMsR0FBRyxV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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxFQUNILGVBQWUsRUFFZixXQUFXLEdBQ2QsTUFBTSwyQkFBMkIsQ0FBQTtBQUNsQyxPQUFPLEVBQ0gsV0FBVyxFQUNYLGFBQWEsRUFDYixVQUFVLEdBQ2IsTUFBTSw4QkFBOEIsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDckQsT0FBTyxRQUFRLE1BQU0sbUJBQW1CLENBQUE7QUFHeEMsT0FBTyxNQUFNLE1BQU0scUJBQXFCLENBQUE7QUFFeEMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQWdFMUIsTUFBTSxVQUFVLFVBQVUsQ0FBQyxZQUE2Qjs7SUFDcEQsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLFlBQVksRUFBRTtRQUNwQyxPQUFPLEVBQUUsSUFBSTtRQUNiLFlBQVksRUFBRSxRQUFRO1FBQ3RCLE1BQU0sRUFBRSxDQUFDLElBQUksRUFBRSxHQUFHLENBQUM7UUFDbkIsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztRQUNqQixPQUFPLEVBQUUscUJBQXFCO1FBQzlCLEtBQUssRUFBRSxNQUFNO1FBQ2IsTUFBTSxFQUFFLEtBQUs7UUFDYixPQUFPLEVBQUUsVUFBVTtRQUNuQixTQUFTLEVBQUUsS0FBSztLQUNuQixDQUFDLENBQUE7SUFDRixNQUFNLEVBQ0YsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEVBQ0wsT0FBTyxFQUNQLE9BQU8sRUFDUCxPQUFPLEVBQ1AsT0FBTyxFQUNQLE1BQU0sR0FDVCxHQUFHLEtBQUssQ0FBQTtJQUNULE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLENBQUE7SUFD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

package/lib/dist/view/Button/Button.module.css

@@ -50,23 +50,23 @@
     outline-color: var(--custom-color-main);
 }
 
-.elevated,
-.filled {
+.Button.elevated,
+.Button.filled {
     background: var(--custom-color-main);
     color: var(--custom-color-text);
 }
 
-.elevated {
+.Button.elevated {
     box-shadow: 0 0.125em 0.25em #0007;
 }
 
-.outlined {
+.Button.outlined {
     border: var(--custom-thickness) solid var(--custom-color-main);
     color: var(--custom-color-main);
     background: transparent;
 }
 
-.text {
+.Button.text {
     color: var(--custom-color-text);
     background: transparent;
 }

package/lib/dist/view/CodeHighlighter/CodeHighlighter.d.ts

@@ -0,0 +1,19 @@
+import { TypeGrammar } from "./types.js";
+export interface ViewCodeHighlighterProps {
+    className?: string;
+    /**
+     * The grammar to use to highlight the code.
+     *
+     * The library provides few ones:
+     * ```
+     * import { grammarTsx } from "@tolokoban/ui"
+     * ```
+     */
+    grammar: TypeGrammar;
+    /**
+     * The code we want to highlight as a plain string.
+     */
+    children: string;
+}
+export declare function ViewCodeHighlighter({ className, children, grammar, }: ViewCodeHighlighterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeHighlighter.d.ts.map

package/lib/dist/view/CodeHighlighter/CodeHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlighter.d.ts","sourceRoot":"","sources":["../../../src/view/CodeHighlighter/CodeHighlighter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,WAAW,EAAE,MAAM,YAAY,CAAA;AAOrD,MAAM,WAAW,wBAAwB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,OAAO,EAAE,WAAW,CAAA;IACpB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,OAAO,GACV,EAAE,wBAAwB,2CAU1B"}

package/lib/dist/view/CodeHighlighter/CodeHighlighter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Theme } from "../../theme/index.js";
+import Styles from "./CodeHighlighter.module.css";
+const $ = Theme.classNames;
+export function ViewCodeHighlighter({ className, children, grammar, }) {
+    const [code, setCode] = React.useState([children]);
+    React.useEffect(() => {
+        setCode(parseCode(children, grammar));
+    }, [children, grammar]);
+    return (_jsx("div", { className: $.join(className, Styles.CodeHighlighter), children: code.map(buildCode) }));
+}
+function buildCode(code, index) {
+    if (typeof code === "string")
+        return code;
+    return (_jsx("span", { className: code.className, children: code.children.map(buildCode) }, `Code.${index}`));
+}
+function parseCode(text, _grammar) {
+    return [text];
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29kZUhpZ2hsaWdodGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvQ29kZUhpZ2hsaWdodGVyL0NvZGVIaWdobGlnaHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUk1QyxPQUFPLE1BQU0sTUFBTSw4QkFBOEIsQ0FBQTtBQUVqRCxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBbUIxQixNQUFNLFVBQVUsbUJBQW1CLENBQUMsRUFDaEMsU0FBUyxFQUNULFFBQVEsRUFDUixPQUFPLEdBQ2dCO0lBQ3ZCLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBZ0IsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBQ2pFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2pCLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFDekMsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFDdkIsT0FBTyxDQUNILGNBQUssU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxlQUFlLENBQUMsWUFDcEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsR0FDbEIsQ0FDVCxDQUFBO0FBQ0wsQ0FBQztBQUVELFNBQVMsU0FBUyxDQUFDLElBQWlCLEVBQUUsS0FBYTtJQUMvQyxJQUFJLE9BQU8sSUFBSSxLQUFLLFFBQVE7UUFBRSxPQUFPLElBQUksQ0FBQTtJQUV6QyxPQUFPLENBQ0gsZUFBNEIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLFlBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxJQUR0QixRQUFRLEtBQUssRUFBRSxDQUVuQixDQUNWLENBQUE7QUFDTCxDQUFDO0FBRUQsU0FBUyxTQUFTLENBQ2QsSUFBWSxFQUNaLFFBQXFCO0lBRXJCLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNqQixDQUFDIn0=

package/lib/dist/view/CodeHighlighter/CodeHighlighter.module.css

@@ -0,0 +1,3 @@
+.CodeHighlighter {
+    
+}

package/lib/dist/view/CodeHighlighter/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CodeHighlighter.js";
+//# sourceMappingURL=index.d.ts.map

package/lib/dist/view/CodeHighlighter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/CodeHighlighter/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/lib/dist/view/CodeHighlighter/index.js

@@ -0,0 +1,2 @@
+export * from "./CodeHighlighter.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9Db2RlSGlnaGxpZ2h0ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQSJ9

package/lib/dist/view/CodeHighlighter/types.d.ts

@@ -0,0 +1,56 @@
+interface Lexer {
+    /**
+     * If `name` starts with a "!", the token will be ignored.
+     * That means that this token is valid, but we don't need it
+     * for the scanner. That can be the case of spaces and new
+     * lines, for instance.
+     *
+     * The array of string represents real strings matching,
+     * without any RegExp rules.
+     * For example, ["/*", "//"] will match every piece of string
+     * strictly equal to "/*" or "//".
+     */
+    [name: string]: RegExp | string[];
+}
+export interface TypeGrammar {
+    lexer: Lexer;
+    scanner: ScannerRule[];
+}
+type ScannerRule = {
+    /** The class to use if this rules matches. */
+    className?: string;
+    token: string;
+} | {
+    /** The class to use if this rules matches. */
+    className?: string;
+    children: Array<ScannerRule & {
+        /** Occurences. */
+        arity: "?" | "+" | "*";
+    }>;
+} | {
+    /** The class to use if this rules matches. */
+    className?: string;
+    /**
+     * A bloc allows you to opt-out from the current lexer
+     * and use another one.
+     * This is usefull for code of different syntax inside another one,
+     * like embeded HTML of JSX.
+     */
+    bloc: {
+        /** Token that starts the bloc. */
+        open: string;
+        /** Token that ends the bloc. */
+        close: string;
+        lexer: Lexer;
+        children: Array<ScannerRule & {
+            /** Occurences. */
+            arity: "?" | "+" | "*";
+        }>;
+    };
+};
+export type ColoredCode = string | {
+    className: string;
+    children: ColoredCode[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/dist/view/CodeHighlighter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/view/CodeHighlighter/types.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX;;;;;;;;;;OAUG;IACH,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;CACpC;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,WAAW,EAAE,CAAA;CACzB;AAED,KAAK,WAAW,GACV;IACI,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CAChB,GACD;IACI,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CACX,WAAW,GAAG;QACV,kBAAkB;QAClB,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;KACzB,CACJ,CAAA;CACJ,GACD;IACI,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,IAAI,EAAE;QACF,kCAAkC;QAClC,IAAI,EAAE,MAAM,CAAA;QACZ,gCAAgC;QAChC,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,KAAK,CAAA;QACZ,QAAQ,EAAE,KAAK,CACX,WAAW,GAAG;YACV,kBAAkB;YAClB,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;SACzB,CACJ,CAAA;KACJ,CAAA;CACJ,CAAA;AAEP,MAAM,MAAM,WAAW,GACjB,MAAM,GACN;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,WAAW,EAAE,CAAA;CAAE,CAAA"}

package/lib/dist/view/CodeHighlighter/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9Db2RlSGlnaGxpZ2h0ZXIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/dist/view/InputColor/InputColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputColor.d.ts","sourceRoot":"","sources":["../../../src/view/InputColor/InputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EACH,mBAAmB,EAEtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACH,kBAAkB,EAErB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAK9C,QAAA,MAAM,KAAK;;;;;;CAMV,CAAA;AAED,MAAM,WAAW,eACb,SAAQ,aAAa,CAAC,MAAM,CAAC,EACzB,eAAe,EACf,kBAAkB,EAClB,mBAAmB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAsCpD"}
+{"version":3,"file":"InputColor.d.ts","sourceRoot":"","sources":["../../../src/view/InputColor/InputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EACH,mBAAmB,EAEtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACH,kBAAkB,EAErB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAK9C,QAAA,MAAM,KAAK;;;;;;CAMV,CAAA;AAED,MAAM,WAAW,eACb,SAAQ,aAAa,CAAC,MAAM,CAAC,EACzB,eAAe,EACf,kBAAkB,EAClB,mBAAmB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAmDpD"}

package/lib/dist/view/InputColor/InputColor.js

@@ -15,15 +15,25 @@ const SIZES = {
 };
 export function ViewInputColor(props) {
     const ref = React.useRef(null);
+    const refEditorOpen = React.useRef(false);
     const { value, onChange, size = "M" } = props;
+    console.log("<ViewInputColor />", value);
     const style = Object.assign(Object.assign(Object.assign(Object.assign({}, styleDimension(props)), stylePosition(props)), styleChild(props)), { fontSize: SIZES[size], backgroundColor: value });
-    const handleChange = (evt) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.value);
-    };
+    const handleChange = React.useCallback((evt) => {
+        evt.stopPropagation();
+        evt.preventDefault();
+        if (!refEditorOpen.current)
+            return;
+        const newColor = evt.target.value;
+        console.log("🚀 [InputColor] newColor = ", newColor); // @FIXME: Remove this line written on 2024-11-01 at 10:20
+        onChange === null || onChange === void 0 ? void 0 : onChange(newColor);
+        refEditorOpen.current = false;
+    }, [onChange]);
     const handleClick = () => {
         const input = ref.current;
         if (!input)
             return;
+        refEditorOpen.current = true;
         input.click();
     };
     return (_jsx(ViewLabel, { value: props.label, children: _jsx("button", { className: Theme.classNames.join(props.className, Styles.InputColor), style: style, onClick: handleClick, children: _jsx("input", { ref: ref, type: "color", value: sanitizeColor(value), onChange: handleChange }) }) }));
@@ -45,4 +55,4 @@ function sanitizeColor(value) {
     }
     return color;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDb2xvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L0lucHV0Q29sb3IvSW5wdXRDb2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFFSCxjQUFjLEdBQ2pCLE1BQU0saUNBQWlDLENBQUE7QUFDeEMsT0FBTyxFQUVILGFBQWEsR0FDaEIsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUd2QyxPQUFPLE1BQU0sTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRXBDLE1BQU0sS0FBSyxHQUFHO0lBQ1YsRUFBRSxFQUFFLEtBQUs7SUFDVCxDQUFDLEVBQUUsTUFBTTtJQUNULENBQUMsRUFBRSxNQUFNO0lBQ1QsQ0FBQyxFQUFFLE1BQU07SUFDVCxFQUFFLEVBQUUsTUFBTTtDQUNiLENBQUE7QUFhRCxNQUFNLFVBQVUsY0FBYyxDQUFDLEtBQXNCO0lBQ2pELE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQTBCLElBQUksQ0FBQyxDQUFBO0lBQ3ZELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksR0FBRyxHQUFHLEVBQUUsR0FBRyxLQUFLLENBQUE7SUFDN0MsTUFBTSxLQUFLLCtEQUNKLGNBQWMsQ0FBQyxLQUFLLENBQUMsR0FDckIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLEtBQ3BCLFFBQVEsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQ3JCLGVBQWUsRUFBRSxLQUFLLEdBQ3pCLENBQUE7SUFDRCxNQUFNLFlBQVksR0FBRyxDQUFDLEdBQXdDLEVBQUUsRUFBRTtRQUM5RCxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFDRCxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQTtRQUN6QixJQUFJLENBQUMsS0FBSztZQUFFLE9BQU07UUFFbEIsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ2pCLENBQUMsQ0FBQTtJQUNELE9BQU8sQ0FDSCxLQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssWUFDekIsaUJBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM1QixLQUFLLENBQUMsU0FBUyxFQUNmLE1BQU0sQ0FBQyxVQUFVLENBQ3BCLEVBQ0QsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsV0FBVyxZQUVwQixnQkFDSSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxPQUFPLEVBQ1osS0FBSyxFQUFFLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDM0IsUUFBUSxFQUFFLFlBQVksR0FDeEIsR0FDRyxHQUNELENBQ2YsQ0FBQTtBQUNMLENBQUM7QUFFRDs7O0dBR0c7QUFDSCxTQUFTLGFBQWEsQ0FBQyxLQUFhO0lBQ2hDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQztRQUFFLE9BQU8sS0FBSyxDQUFBO0lBQ3hDLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDO1FBQUUsT0FBTyxLQUFLLENBQUE7SUFFcEMsSUFBSSxLQUFLLEdBQUcsR0FBRyxDQUFBO0lBQ2YsS0FBSyxNQUFNLEtBQUssSUFBSSxLQUFLLEVBQUUsQ0FBQztRQUN4QixJQUFJLEtBQUssS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixLQUFLLEdBQUcsR0FBRyxLQUFLLEdBQUcsS0FBSyxHQUFHLEtBQUssRUFBRSxDQUFBO1FBQ3RDLENBQUM7SUFDTCxDQUFDO0lBQ0QsT0FBTyxLQUFLLENBQUE7QUFDaEIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDb2xvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L0lucHV0Q29sb3IvSW5wdXRDb2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFFSCxjQUFjLEdBQ2pCLE1BQU0saUNBQWlDLENBQUE7QUFDeEMsT0FBTyxFQUVILGFBQWEsR0FDaEIsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUd2QyxPQUFPLE1BQU0sTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRXBDLE1BQU0sS0FBSyxHQUFHO0lBQ1YsRUFBRSxFQUFFLEtBQUs7SUFDVCxDQUFDLEVBQUUsTUFBTTtJQUNULENBQUMsRUFBRSxNQUFNO0lBQ1QsQ0FBQyxFQUFFLE1BQU07SUFDVCxFQUFFLEVBQUUsTUFBTTtDQUNiLENBQUE7QUFhRCxNQUFNLFVBQVUsY0FBYyxDQUFDLEtBQXNCO0lBQ2pELE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQTBCLElBQUksQ0FBQyxDQUFBO0lBQ3ZELE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDekMsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxHQUFHLEdBQUcsRUFBRSxHQUFHLEtBQUssQ0FBQTtJQUM3QyxPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxDQUFBO0lBQ3hDLE1BQU0sS0FBSywrREFDSixjQUFjLENBQUMsS0FBSyxDQUFDLEdBQ3JCLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FDcEIsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUNwQixRQUFRLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUNyQixlQUFlLEVBQUUsS0FBSyxHQUN6QixDQUFBO0lBQ0QsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDbEMsQ0FBQyxHQUF3QyxFQUFFLEVBQUU7UUFDekMsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU87WUFBRSxPQUFNO1FBRWxDLE1BQU0sUUFBUSxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFBO1FBQ2pDLE9BQU8sQ0FBQyxHQUFHLENBQUMsNkJBQTZCLEVBQUUsUUFBUSxDQUFDLENBQUEsQ0FBQywwREFBMEQ7UUFDL0csUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLFFBQVEsQ0FBQyxDQUFBO1FBQ3BCLGFBQWEsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLENBQUMsRUFDRCxDQUFDLFFBQVEsQ0FBQyxDQUNiLENBQUE7SUFDRCxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQTtRQUN6QixJQUFJLENBQUMsS0FBSztZQUFFLE9BQU07UUFFbEIsYUFBYSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7UUFDNUIsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ2pCLENBQUMsQ0FBQTtJQUNELE9BQU8sQ0FDSCxLQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssWUFDekIsaUJBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM1QixLQUFLLENBQUMsU0FBUyxFQUNmLE1BQU0sQ0FBQyxVQUFVLENBQ3BCLEVBQ0QsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsV0FBVyxZQUVwQixnQkFDSSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxPQUFPLEVBQ1osS0FBSyxFQUFFLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDM0IsUUFBUSxFQUFFLFlBQVksR0FDeEIsR0FDRyxHQUNELENBQ2YsQ0FBQTtBQUNMLENBQUM7QUFFRDs7O0dBR0c7QUFDSCxTQUFTLGFBQWEsQ0FBQyxLQUFhO0lBQ2hDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQztRQUFFLE9BQU8sS0FBSyxDQUFBO0lBQ3hDLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDO1FBQUUsT0FBTyxLQUFLLENBQUE7SUFFcEMsSUFBSSxLQUFLLEdBQUcsR0FBRyxDQUFBO0lBQ2YsS0FBSyxNQUFNLEtBQUssSUFBSSxLQUFLLEVBQUUsQ0FBQztRQUN4QixJQUFJLEtBQUssS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixLQUFLLEdBQUcsR0FBRyxLQUFLLEdBQUcsS0FBSyxHQUFHLEtBQUssRUFBRSxDQUFBO1FBQ3RDLENBQUM7SUFDTCxDQUFDO0lBQ0QsT0FBTyxLQUFLLENBQUE7QUFDaEIsQ0FBQyJ9

package/lib/dist/view/InputText/InputText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/view/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EACH,mBAAmB,EAGtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAM1D,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC,GAClD,eAAe,GACf,mBAAmB,GACnB,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EACC,QAAQ,GACR,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAA;IACZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAA;IACjD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACtD,CAAA;AAEL,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAsEtD"}
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/view/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EACH,mBAAmB,EAGtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAmB,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAM3E,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC,GAClD,eAAe,GACf,mBAAmB,GACnB,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EACC,QAAQ,GACR,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAA;IACZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAA;IACjD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACtD,CAAA;AAEL,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAsEtD"}

package/lib/dist/view/InputText/InputText.js

@@ -3,7 +3,8 @@ import * as React from "react";
 import { Theme } from "../../theme/index.js";
 import { styleSpace } from "../../theme/styles/space.js";
 import { ViewLabel } from "../Label/index.js";
-import { classnameDimension, styleDimension, } from "../../theme/styles/dimension.js";
+import { styleDimension, } from "../../theme/styles/dimension.js";
+import { classnameCommon } from "../../theme/styles/common.js";
 import Styles from "./InputText.module.css";
 const $ = Theme.classNames;
 export function ViewInputText(props) {
@@ -34,7 +35,7 @@ export function ViewInputText(props) {
     const style = Object.assign(Object.assign({}, styleSpace(props)), styleDimension(props));
     if (maxWidth)
         style.maxWidth = maxWidth;
-    const input = (_jsx("input", { className: $.join(className, Styles.InputText, invalid && Styles.invalid, classnameDimension(props)), id: id, style: style, disabled: !enabled, autoFocus: autofocus, placeholder: placeholder, type: type, value: text, name: name, onChange: handleChange, onKeyDown: handleKeydown }));
+    const input = (_jsx("input", { className: $.join(className, Styles.InputText, invalid && Styles.invalid, classnameCommon(props)), id: id, style: style, disabled: !enabled, autoFocus: autofocus, placeholder: placeholder, type: type, value: text, name: name, onChange: handleChange, onKeyDown: handleKeydown }));
     return label ? (_jsx(ViewLabel, { value: label, fullwidth: props.fullwidth, children: input })) : (input);
 }
 function validate(value, validator) {
@@ -48,4 +49,4 @@ function validate(value, validator) {
         return validator(value);
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvSW5wdXRUZXh0L0lucHV0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU3QyxPQUFPLEVBRUgsa0JBQWtCLEVBQ2xCLGNBQWMsR0FDakIsTUFBTSxpQ0FBaUMsQ0FBQTtBQUd4QyxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQTtBQUUzQyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBc0QxQixNQUFNLFVBQVUsYUFBYSxDQUFDLEtBQXlCO0lBQ25ELE1BQU0sRUFDRixTQUFTLEVBQ1QsRUFBRSxFQUNGLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLE9BQU8sR0FBRyxJQUFJLEVBQ2QsS0FBSyxFQUNMLElBQUksRUFDSixTQUFTLEdBQUcsS0FBSyxFQUNqQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxNQUFNLEVBQ2IsUUFBUSxFQUNSLFNBQVMsR0FDWixHQUFHLEtBQUssQ0FBQTtJQUNULE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNuRCxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDN0MsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvSW5wdXRUZXh0L0lucHV0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU3QyxPQUFPLEVBR0gsY0FBYyxHQUNqQixNQUFNLGlDQUFpQyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQWUsTUFBTSw4QkFBOEIsQ0FBQTtBQUUzRSxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQTtBQUUzQyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBc0QxQixNQUFNLFVBQVUsYUFBYSxDQUFDLEtBQXlCO0lBQ25ELE1BQU0sRUFDRixTQUFTLEVBQ1QsRUFBRSxFQUNGLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLE9BQU8sR0FBRyxJQUFJLEVBQ2QsS0FBSyxFQUNMLElBQUksRUFDSixTQUFTLEdBQUcsS0FBSyxFQUNqQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxNQUFNLEVBQ2IsUUFBUSxFQUNSLFNBQVMsR0FDWixHQUFHLEtBQUssQ0FBQTtJQUNULE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNuRCxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDN0MsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FB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

package/lib/dist/view/Options/Options.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useChangeableValue } from "../../hooks/changeable-value.js";
 import { ViewLabel } from "../Label/index.js";
 import { ViewTouchable } from "../Touchable/index.js";
-import { Theme, classnameDimension, styleColor, styleCommon, } from "./../../theme/index.js";
+import { Theme, classnameCommon, styleColor, styleCommon, } from "./../../theme/index.js";
 import Styles from "./Options.module.css";
 const $ = Theme.classNames;
 export function ViewOptions(props) {
@@ -10,7 +10,7 @@ export function ViewOptions(props) {
     const [value, setValue] = useChangeableValue(props);
     return (_jsx(ViewLabel, { value: label, fullwidth: props.fullwidth, children: _jsx("div", { className: $.join(Styles.Options, props.className, 
             // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-            classnameDimension(props)), style: Object.assign(Object.assign({}, styleCommon(props)), styleColor(props)), children: children.map((child) => {
+            classnameCommon(props)), style: Object.assign(Object.assign({}, styleCommon(props)), styleColor(props)), children: children.map((child) => {
                 var _a;
                 const key = typeof value === "number"
                     ? parseFloat(`${(_a = child.key) !== null && _a !== void 0 ? _a : "0"}`)
@@ -18,4 +18,4 @@ export function ViewOptions(props) {
                 return key === value ? (_jsx("div", { className: $.join(Styles.button, Styles.selected), style: styleColor({ color: props.colorSelection }), children: child }, key)) : (_jsx(ViewTouchable, { className: $.join(Styles.button, Styles.unselected), style: styleColor({ color: props.color }), onClick: () => setValue(key), children: child }, key));
             }) }) }));
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L09wdGlvbnMvT3B0aW9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDckQsT0FBTyxFQUVILEtBQUssRUFDTCxrQkFBa0IsRUFDbEIsVUFBVSxFQUNWLFdBQVcsR0FDZCxNQUFNLFNBQVMsQ0FBQTtBQUVoQixPQUFPLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQTtBQWlCekMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQUUxQixNQUFNLFVBQVUsV0FBVyxDQUFJLEtBQTBCO0lBQ3JELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkQsT0FBTyxDQUNILEtBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLFlBQy9DLGNBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsTUFBTSxDQUFDLE9BQU8sRUFDZCxLQUFLLENBQUMsU0FBUztZQUNmLDZEQUE2RDtZQUM3RCxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FDNUIsRUFDRCxLQUFLLGtDQUFPLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBSyxVQUFVLENBQUMsS0FBSyxDQUFDLGFBRW5ELFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7Z0JBQ3BCLE1BQU0sR0FBRyxHQUNMLE9BQU8sS0FBSyxLQUFLLFFBQVE7b0JBQ3JCLENBQUMsQ0FBQyxVQUFVLENBQUMsR0FBRyxNQUFBLEtBQUssQ0FBQyxHQUFHLG1DQUFJLEdBQUcsRUFBRSxDQUFDO29CQUNuQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQTtnQkFDbkIsT0FBTyxHQUFHLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNuQixjQUNJLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUVqRCxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQyxZQUVqRCxLQUFLLElBSEQsR0FBRyxDQUlOLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQSxLQUFDLGFBQWEsSUFDVixTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxVQUFVLENBQUMsRUFFbkQsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsRUFDekMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFRLENBQUMsWUFFaEMsS0FBSyxJQUpELEdBQUcsQ0FLSSxDQUNuQixDQUFBO1lBQ0wsQ0FBQyxDQUFDLEdBQ0EsR0FDRSxDQUNmLENBQUE7QUFDTCxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L09wdGlvbnMvT3B0aW9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDckQsT0FBTyxFQUVILEtBQUssRUFDTCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFdBQVcsR0FDZCxNQUFNLFNBQVMsQ0FBQTtBQUVoQixPQUFPLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQTtBQWlCekMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQUUxQixNQUFNLFVBQVUsV0FBVyxDQUFJLEtBQTBCO0lBQ3JELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkQsT0FBTyxDQUNILEtBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLFlBQy9DLGNBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsTUFBTSxDQUFDLE9BQU8sRUFDZCxLQUFLLENBQUMsU0FBUztZQUNmLDZEQUE2RDtZQUM3RCxlQUFlLENBQUMsS0FBSyxDQUFDLENBQ3pCLEVBQ0QsS0FBSyxrQ0FBTyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUssVUFBVSxDQUFDLEtBQUssQ0FBQyxhQUVuRCxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7O2dCQUNwQixNQUFNLEdBQUcsR0FDTCxPQUFPLEtBQUssS0FBSyxRQUFRO29CQUNyQixDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsTUFBQSxLQUFLLENBQUMsR0FBRyxtQ0FBSSxHQUFHLEVBQUUsQ0FBQztvQkFDbkMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUE7Z0JBQ25CLE9BQU8sR0FBRyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDbkIsY0FDSSxTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFFakQsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUMsWUFFakQsS0FBSyxJQUhELEdBQUcsQ0FJTixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsS0FBQyxhQUFhLElBQ1YsU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLEVBRW5ELEtBQUssRUFBRSxVQUFVLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQ3pDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsR0FBUSxDQUFDLFlBRWhDLEtBQUssSUFKRCxHQUFHLENBS0ksQ0FDbkIsQ0FBQTtZQUNMLENBQUMsQ0FBQyxHQUNBLEdBQ0UsQ0FDZixDQUFBO0FBQ0wsQ0FBQyJ9