@gamepark/react-game 6.0.0-alpha.0

package/dist/components/GamePoints/GamePointIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const GamePointIcon: (props: SVGProps<SVGSVGElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/GamePoints/GamePointIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GamePointIcon = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var GamePointIcon = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "210 150 420 300", css: style }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#002448", d: "M493.7,138.3v55.4h-79.1c0,0-28-5.6-28.5,39c-0.6,44.3,0,152.2,0,152.2H433l0.6-74.3h-20.1l-0.6-57.9h80.8\r\n\t\tv191.2H374.2c0,0-57.3-10.4-48.9-73.1l-0.8-159.6c0,0,8.2-68.9,78.8-75.4L493.7,138.3z" }), (0, jsx_runtime_1.jsx)("circle", { fill: "#002448", cx: "259.7", cy: "317.4", r: "20.7" }), (0, jsx_runtime_1.jsx)("circle", { fill: "#002448", cx: "547.8", cy: "317.4", r: "20.7" }), (0, jsx_runtime_1.jsx)("path", { fill: "#28B8CE", d: "M479.6,146.7V202h-79.1c0,0-28-5.6-28.5,39c-0.6,44.3,0,152.2,0,152.2h46.9l0.6-74.3h-20.1l-0.6-57.9h80.8\r\n\t\tv191.2H360.1c0,0-57.3-10.4-48.9-73.1l-0.8-159.6c0,0,8.2-68.9,78.8-75.4L479.6,146.7z" })] }))); };
+exports.GamePointIcon = GamePointIcon;
+var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 1em;\n  width: 1.3em;\n"], ["\n  height: 1em;\n  width: 1.3em;\n"])));
+var templateObject_1;
+//# sourceMappingURL=GamePointIcon.js.map

package/dist/components/GamePoints/GamePointIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GamePointIcon.js","sourceRoot":"","sources":["../../../src/components/GamePoints/GamePointIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAG7B,IAAM,aAAa,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC/D,0CAAK,OAAO,EAAC,iBAAiB,EAAC,GAAG,EAAE,KAAK,IAAM,KAAK,eAClD,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,mMAC2D,GAAE,EACpF,mCAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAE,EACvD,mCAAQ,IAAI,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,MAAM,GAAE,EACvD,iCAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,mMAC2D,GAAE,KAChF,CACP,EATgE,CAShE,CAAA;AATY,QAAA,aAAa,iBASzB;AAED,IAAM,KAAK,OAAG,WAAG,yGAAA,qCAGhB,IAAA,CAAA"}

package/dist/components/GamePoints/GamePoints.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+type Props<PlayerId> = {
+    playerId: PlayerId;
+    suspense?: number;
+    test?: number;
+} & HTMLAttributes<HTMLSpanElement>;
+export declare const GamePoints: <PlayerId extends unknown>({ playerId, suspense, test, ...props }: Props<PlayerId>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/GamePoints/GamePoints.js

@@ -0,0 +1,58 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GamePoints = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var react_redux_1 = require("react-redux");
+var index_1 = require("./index");
+var GamePoints = function (_a) {
+    var _b;
+    var playerId = _a.playerId, _c = _a.suspense, suspense = _c === void 0 ? 0.1 : _c, test = _a.test, props = __rest(_a, ["playerId", "suspense", "test"]);
+    var player = (0, react_redux_1.useSelector)(function (state) { return state.players.find(function (p) { return p.id === playerId; }); });
+    var gamePointsDelta = (_b = player === null || player === void 0 ? void 0 : player.gamePointsDelta) !== null && _b !== void 0 ? _b : test;
+    var _d = (0, react_2.useState)(false), hidden = _d[0], setHidden = _d[1];
+    (0, react_2.useEffect)(function () {
+        if (player && gamePointsDelta === undefined) {
+            setHidden(true);
+        }
+        else if (hidden && gamePointsDelta !== undefined) {
+            setTimeout(function () { return setHidden(false); }, suspense * 1000);
+        }
+    }, [player, gamePointsDelta, hidden, suspense, setHidden]);
+    if (gamePointsDelta === undefined)
+        return null;
+    return (0, jsx_runtime_1.jsxs)("span", __assign({ css: [style, hidden && hiddenCss] }, props, { children: [(0, jsx_runtime_1.jsx)(index_1.GamePointIcon, {}), gamePointsDelta > 0 && '+', gamePointsDelta] }));
+};
+exports.GamePoints = GamePoints;
+var style = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: opacity 0.3s;\n"], ["\n  display: flex;\n  align-items: center;\n  transition: opacity 0.3s;\n"])));
+var hiddenCss = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0;\n"], ["\n  opacity: 0;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=GamePoints.js.map

package/dist/components/GamePoints/GamePoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GamePoints.js","sourceRoot":"","sources":["../../../src/components/GamePoints/GamePoints.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAEpC,+BAA2D;AAC3D,2CAAyC;AACzC,iCAAuC;AAQhC,IAAM,UAAU,GAAG,UAAuB,EAA6D;;IAA3D,IAAA,QAAQ,cAAA,EAAE,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1C,gCAA4C,CAAF;IACzF,IAAM,MAAM,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAoB,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,EAAjB,CAAiB,CAAC,EAA1C,CAA0C,CAAC,CAAA;IAChG,IAAM,eAAe,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,mCAAI,IAAI,CAAA;IACjD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAC3C,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,IAAI,eAAe,KAAK,SAAS,EAAE;YAC3C,SAAS,CAAC,IAAI,CAAC,CAAA;SAChB;aAAM,IAAI,MAAM,IAAI,eAAe,KAAK,SAAS,EAAE;YAClD,UAAU,CAAC,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAA;SACpD;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1D,IAAI,eAAe,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAC9C,OAAO,2CAAM,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,SAAS,CAAC,IAAM,KAAK,eAAE,uBAAC,qBAAa,KAAE,EAAC,eAAe,GAAG,CAAC,IAAI,GAAG,EAAE,eAAe,KAAQ,CAAA;AACjI,CAAC,CAAA;AAbY,QAAA,UAAU,cAatB;AAED,IAAM,KAAK,OAAG,WAAG,+IAAA,2EAIhB,IAAA,CAAA;AAED,IAAM,SAAS,OAAG,WAAG,uFAAA,mBAEpB,IAAA,CAAA"}

package/dist/components/GamePoints/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GamePointIcon';
+export * from './GamePoints';

package/dist/components/GamePoints/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./GamePointIcon"), exports);
+__exportStar(require("./GamePoints"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/GamePoints/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GamePoints/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,+CAA4B"}

package/dist/components/GameProvider/GameContext.d.ts

@@ -0,0 +1,20 @@
+import { Animations, TutorialDescription } from '@gamepark/react-client';
+import { RulesCreator } from '@gamepark/rules-api';
+import React from 'react';
+import { MaterialDescription } from '../material';
+import { ItemLocator } from '../../locators';
+export type GameContext<Game = any, Move = any, PlayerId = any, MaterialType extends number = number, LocationType extends number = number> = {
+    game: string;
+    Rules: RulesCreator<Game, Move, PlayerId>;
+    material?: Record<MaterialType, MaterialDescription>;
+    locators?: Record<LocationType, ItemLocator>;
+    optionsSpec?: any;
+    animations?: Animations<Game, Move, PlayerId>;
+    tutorial?: TutorialDescription<Game, Move, PlayerId>;
+    hasSounds?: boolean;
+};
+export type MaterialGameContext<Game = any, Move = any, PlayerId = any, MaterialType extends number = number, LocationType extends number = number> = GameContext<Game, Move, PlayerId, MaterialType, LocationType> & {
+    material: Record<MaterialType, MaterialDescription>;
+    locators: Record<LocationType, ItemLocator>;
+};
+export declare const gameContext: React.Context<GameContext<any, any, any, number, number>>;

package/dist/components/GameProvider/GameContext.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gameContext = void 0;
+var react_1 = __importDefault(require("react"));
+var MissingRules = /** @class */ (function () {
+    function MissingRules() {
+        throw new Error('Missing GameContext');
+    }
+    return MissingRules;
+}());
+// @ts-ignore
+var missingContext = { game: '', Rules: MissingRules };
+exports.gameContext = react_1.default.createContext(missingContext);
+if (process.env.NODE_ENV !== 'production') {
+    exports.gameContext.displayName = 'GameContext';
+}
+//# sourceMappingURL=GameContext.js.map

package/dist/components/GameProvider/GameContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameContext.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameContext.ts"],"names":[],"mappings":";;;;;;AAEA,gDAAyB;AAqBzB;IACE;QACE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;IACxC,CAAC;IACH,mBAAC;AAAD,CAAC,AAJD,IAIC;AAED,aAAa;AACb,IAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA;AAExD,QAAA,WAAW,GAAG,eAAK,CAAC,aAAa,CAAc,cAAc,CAAC,CAAA;AAE3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;CACxC"}

package/dist/components/GameProvider/GameProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { LocalGameProviderProps } from '@gamepark/react-client';
+import { GameContext } from './GameContext';
+export type GameProviderProps<Game = any, GameView = Game, Move = string, MoveView = Move, PlayerId = number> = LocalGameProviderProps<Game, GameView, Move, MoveView, PlayerId> & GameContext<Game, Move, PlayerId>;
+export declare const GameProvider: <Game, GameView = Game, Move = string, MoveView = Move, PlayerId = number>({ material, locators, hasSounds, children, ...props }: PropsWithChildren<GameProviderProps<Game, GameView, Move, MoveView, PlayerId>>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/GameProvider/GameProvider.js

@@ -0,0 +1,113 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __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 };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GameProvider = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var cache_1 = __importDefault(require("@emotion/cache"));
+var react_1 = require("@emotion/react");
+var react_2 = require("react");
+var stylis_1 = require("stylis");
+var browser_logs_1 = require("@datadog/browser-logs");
+var client_1 = require("@apollo/client");
+var hooks_1 = require("../../hooks");
+var react_client_1 = require("@gamepark/react-client");
+var GameContext_1 = require("./GameContext");
+var query = new URLSearchParams(window.location.search);
+var gameId = query.get('game');
+var GameProvider = function (_a) {
+    var material = _a.material, locators = _a.locators, hasSounds = _a.hasSounds, children = _a.children, props = __rest(_a, ["material", "locators", "hasSounds", "children"]);
+    var game = props.game, Rules = props.Rules, RulesView = props.RulesView, optionsSpec = props.optionsSpec, animations = props.animations, tutorial = props.tutorial;
+    var webP = (0, hooks_1.useWebP)();
+    var emotionCache = (0, react_2.useMemo)(function () { return (0, cache_1.default)({
+        key: 'css', stylisPlugins: (webP ? [webPReplace, stylis_1.prefixer] : [stylis_1.prefixer])
+    }); }, [webP]);
+    return ((0, jsx_runtime_1.jsx)(GameContext_1.gameContext.Provider, __assign({ value: { game: game, Rules: RulesView !== null && RulesView !== void 0 ? RulesView : Rules, material: material, locators: locators, optionsSpec: optionsSpec, animations: animations, tutorial: tutorial, hasSounds: hasSounds } }, { children: (0, jsx_runtime_1.jsx)(react_1.CacheProvider, __assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, __assign({ client: (0, react_client_1.getApolloClient)() }, { children: gameId ?
+                    (0, jsx_runtime_1.jsx)(react_client_1.RemoteGameProvider, __assign({ Rules: RulesView !== null && RulesView !== void 0 ? RulesView : Rules, gameId: gameId, animations: props.animations }, { children: children })) :
+                    (0, jsx_runtime_1.jsx)(react_client_1.LocalGameProvider, __assign({}, props, { children: children })) })) })) })));
+};
+exports.GameProvider = GameProvider;
+var webPReplace = function (element, _index, _children, _callback) {
+    if (element.type === stylis_1.DECLARATION) {
+        element.value = element.value.replace(/url\((.*)(?:\.png|\.jpg)("|'?)\)/g, 'url($1.webp$2)');
+    }
+};
+// Init Datadog logs
+if (process.env.NODE_ENV === 'production') {
+    browser_logs_1.datadogLogs.init({
+        clientToken: (_a = process.env.REACT_APP_DATADOG_CLIENT_TOKEN) !== null && _a !== void 0 ? _a : 'pubdb04a43151132f11ed7347e785e3902a',
+        site: 'datadoghq.eu'
+    });
+    browser_logs_1.datadogLogs.logger.setLevel(process.env.REACT_APP_LOGGER_LEVEL || browser_logs_1.StatusType.error);
+    // The following code may be removed later, see: https://github.com/DataDog/browser-sdk/issues/400
+    var buildMessage_1 = function (message) {
+        var optionalParams = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            optionalParams[_i - 1] = arguments[_i];
+        }
+        return __spreadArray([message], optionalParams, true).map(function (param) { return JSON.stringify(param, undefined, 2); }).join(' ');
+    };
+    console.log = function (message) {
+        var optionalParams = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            optionalParams[_i - 1] = arguments[_i];
+        }
+        return browser_logs_1.datadogLogs.logger.log(buildMessage_1(message, optionalParams), { origin: 'console' });
+    };
+    console.debug = function (message) {
+        var optionalParams = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            optionalParams[_i - 1] = arguments[_i];
+        }
+        return browser_logs_1.datadogLogs.logger.debug(buildMessage_1(message, optionalParams), { origin: 'console' });
+    };
+    console.info = function (message) {
+        var optionalParams = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            optionalParams[_i - 1] = arguments[_i];
+        }
+        return browser_logs_1.datadogLogs.logger.info(buildMessage_1(message, optionalParams), { origin: 'console' });
+    };
+    console.warn = function (message) {
+        var optionalParams = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            optionalParams[_i - 1] = arguments[_i];
+        }
+        return browser_logs_1.datadogLogs.logger.warn(buildMessage_1(message, optionalParams), { origin: 'console' });
+    };
+}
+//# sourceMappingURL=GameProvider.js.map

package/dist/components/GameProvider/GameProvider.js.map

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

package/dist/components/GameProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GameContext';
+export * from './GameProvider';

package/dist/components/GameProvider/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./GameContext"), exports);
+__exportStar(require("./GameProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/GameProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GameProvider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,iDAA8B"}

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { Interpolation, Theme } from '@emotion/react';
+import { HTMLAttributes } from 'react';
+export type HeaderProps = {
+    buttonsCss?: Interpolation<Theme>;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Header: ({ buttonsCss, children, ...props }: HeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Header/Header.js

@@ -0,0 +1,46 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var css_1 = require("../../css");
+var Header = function (_a) {
+    var _b = _a.buttonsCss, buttonsCss = _b === void 0 ? defaultButtonsCss : _b, children = _a.children, props = __rest(_a, ["buttonsCss", "children"]);
+    return ((0, jsx_runtime_1.jsx)(react_1.ThemeProvider, __assign({ theme: function (theme) { return (__assign(__assign({}, theme), { buttons: buttonsCss })); } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: headerStyle }, props, { children: (0, jsx_runtime_1.jsx)("h1", __assign({ css: titleStyle }, { children: children })) })) })));
+};
+exports.Header = Header;
+var headerPadding = 10; // em
+var fontSize = 4.5; // em
+var scrollLongTextKeyframe = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0%, 30% {\n    transform: none;\n  }\n  70%, 100% {\n    transform: translateX(calc(100vw - ", "em - 100%));\n  }\n"], ["\n  0%, 30% {\n    transform: none;\n  }\n  70%, 100% {\n    transform: translateX(calc(100vw - ", "em - 100%));\n  }\n"])), headerPadding * 2 / fontSize);
+var headerStyle = (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 7em;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: white;\n  text-align: center;\n  padding: 0 ", "em;\n  overflow: hidden;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 7em;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: white;\n  text-align: center;\n  padding: 0 ", "em;\n  overflow: hidden;\n"])), headerPadding);
+var titleStyle = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  white-space: nowrap;\n  width: fit-content;\n  min-width: 100%;\n  margin: 0.2em 0;\n  font-size: ", "em;\n  animation: 8s ", " infinite linear;\n"], ["\n  white-space: nowrap;\n  width: fit-content;\n  min-width: 100%;\n  margin: 0.2em 0;\n  font-size: ", "em;\n  animation: 8s ", " infinite linear;\n"])), fontSize, scrollLongTextKeyframe);
+var defaultButtonsCss = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  padding: 0 0.5em;\n  font-weight: bold;\n"], ["\n  ", ";\n  padding: 0 0.5em;\n  font-weight: bold;\n"])), (0, css_1.buttonCss)('#ffffff', '#555555', '#888888'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoF;AAEpF,iCAAqC;AAM9B,IAAM,MAAM,GAAG,UAAC,EAAmE;IAAjE,IAAA,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApD,0BAAsD,CAAF;IAAoB,OAAA,CAC7F,uBAAC,qBAAa,aAAC,KAAK,EAAE,UAAA,KAAK,IAAI,OAAA,uBAAM,KAAK,KAAE,OAAO,EAAE,UAAU,IAAG,EAAnC,CAAmC,gBAChE,yCAAK,GAAG,EAAE,WAAW,IAAM,KAAK,cAC9B,wCAAI,GAAG,EAAE,UAAU,gBAAG,QAAQ,IAAM,IAChC,IACQ,CACjB,CAAA;CAAA,CAAA;AANY,QAAA,MAAM,UAMlB;AAED,IAAM,aAAa,GAAG,EAAE,CAAA,CAAC,KAAK;AAC9B,IAAM,QAAQ,GAAG,GAAG,CAAA,CAAC,KAAK;AAE1B,IAAM,sBAAsB,OAAG,iBAAS,6LAAA,kGAKC,EAA4B,qBAEpE,KAFwC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAEpE,CAAA;AAED,IAAM,WAAW,OAAG,WAAG,2PAAA,yJAOR,EAAa,4BAE3B,KAFc,aAAa,CAE3B,CAAA;AAED,IAAM,UAAU,OAAG,WAAG,4NAAA,wGAKP,EAAQ,uBACL,EAAsB,qBACvC,KAFc,QAAQ,EACL,sBAAsB,CACvC,CAAA;AAED,IAAM,iBAAiB,OAAG,WAAG,4HAAA,MACzB,EAA0C,gDAG7C,KAHG,IAAA,eAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAG7C,CAAA"}

package/dist/components/Header/MaterialHeader.d.ts

@@ -0,0 +1,9 @@
+/** @jsxImportSource @emotion/react */
+import { HeaderProps } from './Header';
+import { ComponentType } from 'react';
+export type MaterialHeaderProps<RulesStep extends number = number> = {
+    loading?: boolean;
+    rulesStepsHeaders: Record<RulesStep, ComponentType>;
+    GameOver: ComponentType;
+} & HeaderProps;
+export declare const MaterialHeader: <RulesStep extends number = number>({ loading, rulesStepsHeaders, GameOver, ...props }: MaterialHeaderProps<RulesStep>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Header/MaterialHeader.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MaterialHeader = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Header_1 = require("./Header");
+var react_i18next_1 = require("react-i18next");
+var hooks_1 = require("../../hooks");
+var MaterialHeader = function (_a) {
+    var loading = _a.loading, rulesStepsHeaders = _a.rulesStepsHeaders, GameOver = _a.GameOver, props = __rest(_a, ["loading", "rulesStepsHeaders", "GameOver"]);
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var game = (0, hooks_1.useGame)();
+    var RulesStepsHeader = (game === null || game === void 0 ? void 0 : game.rule) ? rulesStepsHeaders[game.rule.id] : undefined;
+    return ((0, jsx_runtime_1.jsx)(Header_1.Header, __assign({}, props, { children: loading ? t('Game loading...')
+            : RulesStepsHeader ? (0, jsx_runtime_1.jsx)(RulesStepsHeader, {})
+                : (0, jsx_runtime_1.jsx)(GameOver, {}) })));
+};
+exports.MaterialHeader = MaterialHeader;
+//# sourceMappingURL=MaterialHeader.js.map

package/dist/components/Header/MaterialHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialHeader.js","sourceRoot":"","sources":["../../../src/components/Header/MaterialHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mCAA8C;AAC9C,+CAA8C;AAC9C,qCAAqC;AAU9B,IAAM,cAAc,GAAG,UAC5B,EAAkF;IAAhF,IAAA,OAAO,aAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAhD,4CAAkD,CAAF;IAExC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAqB;IAC9B,IAAM,IAAI,GAAG,IAAA,eAAO,GAAgB,CAAA;IACpC,IAAM,gBAAgB,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjF,OAAO,CACL,uBAAC,eAAM,eAAK,KAAK,cAEb,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;YAC5B,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAE;gBACtC,CAAC,CAAC,uBAAC,QAAQ,KAAE,IAEZ,CACV,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,cAAc,kBAe1B"}

package/dist/components/Header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Header';
+export * from './MaterialHeader';

package/dist/components/Header/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Header"), exports);
+__exportStar(require("./MaterialHeader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,mDAAgC"}

package/dist/components/ImagesLoader/ImagesLoader.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    images: string[];
+    onImagesLoad?: () => void;
+};
+export declare const ImagesLoader: ({ images, onImagesLoad }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ImagesLoader/ImagesLoader.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImagesLoader = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("react");
+var Picture_1 = require("../Picture");
+var hooks_1 = require("../../hooks");
+var ImagesLoader = function (_a) {
+    var images = _a.images, onImagesLoad = _a.onImagesLoad;
+    var webp = (0, hooks_1.useWebP)();
+    var loadCount = (0, react_1.useRef)(0);
+    var onLoad = (0, react_1.useCallback)(function () {
+        loadCount.current++;
+        if (onImagesLoad && loadCount.current === images.length) {
+            onImagesLoad();
+        }
+    }, [onImagesLoad]);
+    if (webp === undefined)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: images.map(function (image, index) { return (0, jsx_runtime_1.jsx)(Picture_1.Picture, { src: image, alt: "", style: { display: 'none' }, onLoad: onLoad }, index); }) }));
+};
+exports.ImagesLoader = ImagesLoader;
+//# sourceMappingURL=ImagesLoader.js.map

package/dist/components/ImagesLoader/ImagesLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagesLoader.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/ImagesLoader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,+BAA2C;AAC3C,sCAAoC;AACpC,qCAAqC;AAO9B,IAAM,YAAY,GAAG,UAAC,EAA+B;QAA7B,MAAM,YAAA,EAAE,YAAY,kBAAA;IACjD,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAA;IACtB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAC3B,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,SAAS,CAAC,OAAO,EAAE,CAAA;QACnB,IAAI,YAAY,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE;YACvD,YAAY,EAAE,CAAA;SACf;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,2DACG,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,uBAAC,iBAAO,IAAa,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,IAApE,KAAK,CAAkE,EAArF,CAAqF,CAAC,GACnH,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}

package/dist/components/ImagesLoader/index.d.ts

@@ -0,0 +1 @@
+export * from './ImagesLoader';

package/dist/components/ImagesLoader/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ImagesLoader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/ImagesLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImagesLoader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}

package/dist/components/Letterbox/Letterbox.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export type LetterboxProps = {
+    width?: number;
+    height?: number;
+    left?: number;
+    top?: number;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Letterbox: ({ children, width, height, left, top, ...props }: LetterboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Letterbox/Letterbox.js

@@ -0,0 +1,43 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Letterbox = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var react_1 = require("@emotion/react");
+var Letterbox = function (_a) {
+    var children = _a.children, _b = _a.width, width = _b === void 0 ? 16 : _b, _c = _a.height, height = _c === void 0 ? 9 : _c, _d = _a.left, left = _d === void 0 ? 50 : _d, _e = _a.top, top = _e === void 0 ? 50 : _e, props = __rest(_a, ["children", "width", "height", "left", "top"]);
+    return (0, jsx_runtime_1.jsxs)("div", __assign({ css: [container(left, top), aspectRatio(width, height)] }, props, { children: [(0, jsx_runtime_1.jsx)("canvas", { css: [canvas, aspectRatio(width, height)], width: width, height: height }), (0, jsx_runtime_1.jsx)("div", __assign({ css: content }, { children: children }))] }));
+};
+exports.Letterbox = Letterbox;
+var aspectRatio = function (width, height) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"], ["\n  @media (min-aspect-ratio: ", "/", ") {\n    height: 100%;\n  }\n  @media (max-aspect-ratio: ", "/", ") {\n    width: 100%;\n  }\n"])), width, height, width, height); };
+var container = function (left, top) { return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"], ["\n  position: absolute;\n  display: inline-block;\n  left: ", "%;\n  top: ", "%;\n  transform: translate(-", "%, -", "%);\n"])), left, top, left, top); };
+var canvas = (0, react_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n"], ["\n  padding: 0;\n  margin: 0;\n"])));
+var content = (0, react_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Letterbox.js.map

package/dist/components/Letterbox/Letterbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Letterbox.js","sourceRoot":"","sources":["../../../src/components/Letterbox/Letterbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wCAAoC;AAU7B,IAAM,SAAS,GAAG,UAAC,EAAmF;IAAjF,IAAA,QAAQ,cAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAjE,8CAAmE,CAAF;IAAuB,OAAA,0CAChH,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAM,KAAK,eAClE,mCAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,EAClF,yCAAK,GAAG,EAAE,OAAO,gBACd,QAAQ,IACL,KACF,CAAA;CAAA,CAAA;AANO,QAAA,SAAS,aAMhB;AAEN,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,MAAc,IAAK,WAAA,WAAG,2MAAA,gCAC5B,EAAK,GAAI,EAAM,2DAGf,EAAK,GAAI,EAAM,8BAG5C,KAN6B,KAAK,EAAI,MAAM,EAGf,KAAK,EAAI,MAAM,GAJU,CAOtD,CAAA;AAED,IAAM,SAAS,GAAG,UAAC,IAAY,EAAE,GAAW,IAAK,WAAA,WAAG,iMAAA,6DAG1C,EAAI,aACL,EAAG,8BACc,EAAI,MAAO,EAAG,OACvC,KAHS,IAAI,EACL,GAAG,EACc,IAAI,EAAO,GAAG,GALS,CAMhD,CAAA;AAED,IAAM,MAAM,OAAG,WAAG,qGAAA,iCAGjB,IAAA,CAAA;AAED,IAAM,OAAO,OAAG,WAAG,iJAAA,6EAMlB,IAAA,CAAA"}

package/dist/components/Letterbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Letterbox';