@threekit-tools/treble 0.0.90 → 0.0.91-next-01

package/dist/icons/Magnet.js

@@ -0,0 +1,27 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Magnet = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var Magnet = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M7.1101 0.666667C7.1101 0.298477 7.40858 0 7.77677 0C8.14496 0 8.44343 0.298477 8.44343 0.666667V2C8.44343 2.36819 8.14496 2.66667 7.77677 2.66667C7.40858 2.66667 7.1101 2.36819 7.1101 2V0.666667Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M13.7768 7.33333C13.7768 6.96514 14.0752 6.66667 14.4434 6.66667C14.8116 6.66667 15.1101 6.96514 15.1101 7.33333V8.66667C15.1101 9.03486 14.8116 9.33333 14.4434 9.33333C14.0752 9.33333 13.7768 9.03486 13.7768 8.66667V7.33333Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M11.9386 1.13807C11.6782 0.877722 11.2561 0.877722 10.9958 1.13807L10.053 2.08088C9.79263 2.34123 9.79263 2.76334 10.053 3.02369C10.3133 3.28404 10.7354 3.28404 10.9958 3.02369L11.9386 2.08088C12.1989 1.82053 12.1989 1.39842 11.9386 1.13807Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M17.6625 7.80474C17.9228 7.54439 18.3449 7.54439 18.6053 7.80474C18.8656 8.06509 18.8656 8.4872 18.6053 8.74755L17.6625 9.69036C17.4021 9.9507 16.98 9.9507 16.7196 9.69036C16.4593 9.43001 16.4593 9.0079 16.7196 8.74755L17.6625 7.80474Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M13.1101 5.33333C13.1101 4.96514 12.8116 4.66667 12.4434 4.66667H11.1101C10.7419 4.66667 10.4434 4.96514 10.4434 5.33333C10.4434 5.70152 10.7419 6 11.1101 6H12.4434C12.8116 6 13.1101 5.70152 13.1101 5.33333Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M19.1101 11.3333C19.4783 11.3333 19.7768 11.6318 19.7768 12C19.7768 12.3682 19.4783 12.6667 19.1101 12.6667H17.7768C17.4086 12.6667 17.1101 12.3682 17.1101 12C17.1101 11.6318 17.4086 11.3333 17.7768 11.3333H19.1101Z" }),
+        react_1.default.createElement(Path, { color: props.color, fillRule: "evenodd", clipRule: "evenodd", d: "M8.18798 4.08077C7.63176 3.52455 6.75875 3.49576 6.23805 4.01646L2.17219 8.08232C-0.398765 10.6533 -0.2566 14.9638 2.48972 17.7101C5.23604 20.4564 9.54655 20.5986 12.1175 18.0276L16.1834 13.9618C16.7041 13.4411 16.6753 12.5681 16.1191 12.0118L14.8602 10.7529C14.3039 10.1967 13.4309 10.1679 12.9102 10.6886L11.9674 11.6314L11.9847 11.6487L10.7453 12.8881C10.6773 12.9334 10.6129 12.9859 10.5532 13.0457L10.5705 13.0629L9.05676 14.5766C8.20616 15.4272 6.78003 15.3802 5.87141 14.4716C4.96279 13.563 4.91576 12.1368 5.76636 11.2862L9.63708 7.41549C10.1578 6.89479 10.129 6.02178 9.57277 5.46556L8.18798 4.08077ZM3.17931 9.08944L4.88815 7.3806L6.27295 8.7654L4.75923 10.2791C3.38794 11.6504 3.46376 13.9495 4.9286 15.4144C6.39344 16.8792 8.69258 16.9551 10.0639 15.5838L11.5776 14.07L12.8192 15.3117L11.1104 17.0205C9.06013 19.0708 5.62264 18.9574 3.43253 16.7673C1.24243 14.5772 1.12905 11.1397 3.17931 9.08944ZM7.21575 7.82258L5.83096 6.43779L7.24517 5.02358L8.62997 6.40837L7.21575 7.82258ZM15.1762 12.9546L13.762 14.3689L12.5204 13.1272L13.9346 11.713L15.1762 12.9546Z" })));
+};
+exports.Magnet = Magnet;
+exports.Magnet.iconName = 'magnet';
+exports.default = exports.Magnet;
+var templateObject_1;

package/dist/icons/Player3D.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const Player3D: IIcon;
+export default Player3D;

package/dist/icons/Player3D.js

@@ -0,0 +1,21 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Player3D = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    fill: ", ";\n  }\n"], ["\n  .tk-icon {\n    fill: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Player3D = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.1678 1.05955L10.0003 1L9.83285 1.05955L3.5161 3.30527L3.18359 3.42348V3.77638V11.6364V11.9893L3.5161 12.1075L9.83285 14.3533L10.0003 14.4128L10.1678 14.3533L16.4845 12.1075L16.817 11.9893V11.6364V3.77638V3.42348L16.4845 3.30527L10.1678 1.05955ZM9.50034 6.375L4.18359 4.4848V11.2835L9.50034 13.1738V6.375ZM15.817 11.2835L10.5003 13.1737V6.375L15.817 4.4848V11.2835ZM14.8244 3.77638L10.0003 5.49144L5.17622 3.77638L10.0003 2.06132L14.8244 3.77638ZM2.21438 8.32289C0.919876 9.24063 0 10.4827 0 11.9723C0 13.8117 1.40245 15.2735 3.1809 16.2135C4.71477 17.0242 6.6857 17.5461 8.83542 17.6854L8.17982 18.126C7.95064 18.28 7.88972 18.5907 8.04376 18.8199C8.1978 19.0491 8.50847 19.11 8.73766 18.956L10.7929 17.5746L11.4103 17.1596L10.7929 16.7447L10.5744 16.5978V16.579L10.5477 16.5799L8.73767 15.3632C8.50849 15.2091 8.19782 15.2701 8.04377 15.4992C7.88972 15.7284 7.95063 16.0391 8.17981 16.1931L8.69201 16.5374C4.48846 16.2038 1.26536 14.287 1.26536 11.9723C1.26536 11.2181 1.60756 10.5062 2.21438 9.87745V8.32289ZM18.3477 10.6094C18.5992 11.0402 18.7346 11.4979 18.7346 11.9723C18.7346 13.9903 16.2848 15.7059 12.8714 16.3336V17.489C14.3526 17.2412 15.7018 16.804 16.8191 16.2135C18.5975 15.2735 20 13.8117 20 11.9723C20 10.709 19.3383 9.6237 18.3477 8.76332V10.6094Z", className: "tk-icon" })));
+};
+exports.Player3D = Player3D;
+exports.Player3D.iconName = 'player-3d';
+exports.default = exports.Player3D;
+var templateObject_1;

package/dist/icons/Save.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const Save: IIcon;
+export default Save;

package/dist/icons/Save.js

@@ -0,0 +1,21 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Save = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var Save = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M18.5115 5.12102L14.882 1.49155C14.7146 1.32414 14.5093 1.20137 14.2861 1.13441V1.07414H1.78606C1.39097 1.07414 1.07178 1.39334 1.07178 1.78843V18.217C1.07178 18.6121 1.39097 18.9313 1.78606 18.9313H18.2146C18.6097 18.9313 18.9289 18.6121 18.9289 18.217V6.12994C18.9289 5.75048 18.7794 5.38887 18.5115 5.12102ZM7.14321 2.68128H12.8575V5.00271H7.14321V2.68128ZM17.3218 17.3241H2.67892V2.68128H5.71463V5.717C5.71463 6.11209 6.03383 6.43128 6.42892 6.43128H13.5718C13.9669 6.43128 14.2861 6.11209 14.2861 5.717V3.16789L17.3218 6.20361V17.3241ZM10.0003 8.44021C8.2258 8.44021 6.78606 9.87995 6.78606 11.6545C6.78606 13.4291 8.2258 14.8688 10.0003 14.8688C11.7749 14.8688 13.2146 13.4291 13.2146 11.6545C13.2146 9.87995 11.7749 8.44021 10.0003 8.44021ZM10.0003 13.4402C9.01374 13.4402 8.21464 12.6411 8.21464 11.6545C8.21464 10.6679 9.01374 9.86878 10.0003 9.86878C10.987 9.86878 11.7861 10.6679 11.7861 11.6545C11.7861 12.6411 10.987 13.4402 10.0003 13.4402Z" })));
+};
+exports.Save = Save;
+exports.Save.iconName = 'save';
+exports.default = exports.Save;
+var templateObject_1;

package/dist/icons/UnitCm.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const UnitCm: IIcon;
+export default UnitCm;

package/dist/icons/UnitCm.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnitCm = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var UnitCm = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M5.11184 15.9C4.45212 15.9 3.88976 15.7464 3.42477 15.4393C2.95978 15.127 2.60607 14.6458 2.36364 13.9956C2.12121 13.3454 2 12.5135 2 11.4999C2 10.4504 2.13711 9.59551 2.41134 8.93512C2.68953 8.2696 3.07305 7.7807 3.56188 7.46842C4.05469 7.15614 4.625 7 5.2728 7C5.73382 7 6.13124 7.05887 6.46508 7.17662C6.80289 7.28924 7.09699 7.42491 7.34736 7.58361L6.81084 9.39586C6.52469 9.2474 6.25842 9.12709 6.01201 9.03494C5.76561 8.93768 5.51921 8.88904 5.2728 8.88904C4.95486 8.88904 4.69057 8.98631 4.47994 9.18085C4.2693 9.37026 4.11232 9.65695 4.00899 10.0409C3.90566 10.4248 3.85399 10.9061 3.85399 11.4846C3.85399 12.0528 3.90963 12.5238 4.02091 12.8975C4.13219 13.2712 4.29315 13.5502 4.50378 13.7345C4.71442 13.9137 4.97076 14.0033 5.2728 14.0033C5.65036 14.0033 5.98618 13.9393 6.28028 13.8113C6.57437 13.6782 6.86052 13.4939 7.13872 13.2584V15.2626C6.86052 15.4879 6.56841 15.6492 6.26239 15.7464C5.96035 15.8488 5.57683 15.9 5.11184 15.9Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M16.516 7C17.2711 7 17.8414 7.25085 18.2269 7.75255C18.6164 8.24912 18.8111 9.04774 18.8111 10.1484V15.7464H16.9869V10.732C16.9869 10.1177 16.9055 9.65439 16.7425 9.34211C16.5796 9.02982 16.3272 8.87368 15.9854 8.87368C15.5045 8.87368 15.1627 9.09638 14.9601 9.54176C14.7574 9.98202 14.656 10.6143 14.656 11.4385V15.7464H12.8378V10.732C12.8378 10.3225 12.802 9.97946 12.7305 9.70302C12.659 9.42657 12.5497 9.21924 12.4026 9.08102C12.2556 8.9428 12.0668 8.87368 11.8363 8.87368C11.4985 8.87368 11.2322 8.98375 11.0375 9.20388C10.8467 9.4189 10.7096 9.73886 10.6261 10.1638C10.5466 10.5835 10.5069 11.098 10.5069 11.7072V15.7464H8.68868V7.16126H10.0777L10.3221 8.25936H10.4234C10.5586 7.96244 10.7275 7.72183 10.9302 7.53753C11.1368 7.35324 11.3634 7.21757 11.6098 7.13054C11.8562 7.04351 12.1065 7 12.3609 7C12.8497 7 13.263 7.10239 13.6009 7.30716C13.9426 7.51194 14.2049 7.82934 14.3878 8.25936H14.5487C14.7474 7.8191 15.0276 7.49914 15.3893 7.29948C15.7549 7.09983 16.1305 7 16.516 7Z" })));
+};
+exports.UnitCm = UnitCm;
+exports.UnitCm.iconName = 'unit-cm';
+exports.default = exports.UnitCm;
+var templateObject_1;

package/dist/icons/UnitFeet.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const UnitFeet: IIcon;
+export default UnitFeet;

package/dist/icons/UnitFeet.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnitFeet = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var UnitFeet = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M9.75781 9.29688H7.69531V16.2422H5.3125V9.29688H4V8.14844L5.3125 7.50781V6.86719C5.3125 6.1224 5.4375 5.54427 5.6875 5.13281C5.94271 4.71615 6.29948 4.42448 6.75781 4.25781C7.22135 4.08594 7.76823 4 8.39844 4C8.86198 4 9.28385 4.03906 9.66406 4.11719C10.0443 4.1901 10.3542 4.27344 10.5938 4.36719L9.98438 6.11719C9.80208 6.0599 9.60417 6.00781 9.39062 5.96094C9.17708 5.91406 8.93229 5.89062 8.65625 5.89062C8.32292 5.89062 8.07812 5.99219 7.92188 6.19531C7.77083 6.39323 7.69531 6.64844 7.69531 6.96094V7.50781H9.75781V9.29688Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M14.8125 14.5C15.0729 14.5 15.3255 14.474 15.5703 14.4219C15.8203 14.3698 16.0677 14.3047 16.3125 14.2266V16C16.0573 16.1146 15.7396 16.2083 15.3594 16.2812C14.9844 16.3594 14.5729 16.3984 14.125 16.3984C13.6042 16.3984 13.1354 16.3151 12.7188 16.1484C12.3073 15.9766 11.9818 15.6823 11.7422 15.2656C11.5078 14.8438 11.3906 14.2578 11.3906 13.5078V9.29688H10.25V8.28906L11.5625 7.49219L12.25 5.64844H13.7734V7.50781H16.2188V9.29688H13.7734V13.5078C13.7734 13.8411 13.8672 14.0911 14.0547 14.2578C14.2474 14.4193 14.5 14.5 14.8125 14.5Z" })));
+};
+exports.UnitFeet = UnitFeet;
+exports.UnitFeet.iconName = 'unit-feet';
+exports.default = exports.UnitFeet;
+var templateObject_1;

package/dist/icons/UnitInch.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const UnitInch: IIcon;
+export default UnitInch;

package/dist/icons/UnitInch.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnitInch = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var UnitInch = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M5.98438 7.42188V16.1562H3.60156V7.42188H5.98438ZM4.79688 4C5.15104 4 5.45573 4.08333 5.71094 4.25C5.96615 4.41146 6.09375 4.71615 6.09375 5.16406C6.09375 5.60677 5.96615 5.91406 5.71094 6.08594C5.45573 6.2526 5.15104 6.33594 4.79688 6.33594C4.4375 6.33594 4.13021 6.2526 3.875 6.08594C3.625 5.91406 3.5 5.60677 3.5 5.16406C3.5 4.71615 3.625 4.41146 3.875 4.25C4.13021 4.08333 4.4375 4 4.79688 4Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M13.4531 7.25781C14.3854 7.25781 15.1354 7.51302 15.7031 8.02344C16.2708 8.52865 16.5547 9.34115 16.5547 10.4609V16.1562H14.1719V11.0547C14.1719 10.4297 14.0573 9.95833 13.8281 9.64062C13.6042 9.32292 13.25 9.16406 12.7656 9.16406C12.0365 9.16406 11.5391 9.41146 11.2734 9.90625C11.0078 10.401 10.875 11.1146 10.875 12.0469V16.1562H8.49219V7.42188H10.3125L10.6328 8.53906H10.7656C10.9531 8.23698 11.1849 7.99219 11.4609 7.80469C11.7422 7.61719 12.0521 7.47917 12.3906 7.39062C12.7344 7.30208 13.0885 7.25781 13.4531 7.25781Z" })));
+};
+exports.UnitInch = UnitInch;
+exports.UnitInch.iconName = 'unit-inch';
+exports.default = exports.UnitInch;
+var templateObject_1;

package/dist/icons/UnitMeter.d.ts

@@ -0,0 +1,3 @@
+import { IIcon } from './types';
+export declare const UnitMeter: IIcon;
+export default UnitMeter;

package/dist/icons/UnitMeter.js

@@ -0,0 +1,21 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnitMeter = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
+var UnitMeter = function (props) {
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { color: props.color, d: "M14.2578 7C15.2474 7 15.9948 7.25521 16.5 7.76562C17.0104 8.27083 17.2656 9.08333 17.2656 10.2031V15.8984H14.875V10.7969C14.875 10.1719 14.7682 9.70052 14.5547 9.38281C14.3411 9.0651 14.0104 8.90625 13.5625 8.90625C12.9323 8.90625 12.4844 9.13281 12.2188 9.58594C11.9531 10.0339 11.8203 10.6771 11.8203 11.5156V15.8984H9.4375V10.7969C9.4375 10.3802 9.39062 10.0312 9.29688 9.75C9.20312 9.46875 9.0599 9.25781 8.86719 9.11719C8.67448 8.97656 8.42708 8.90625 8.125 8.90625C7.68229 8.90625 7.33333 9.01823 7.07812 9.24219C6.82812 9.46094 6.64844 9.78646 6.53906 10.2188C6.4349 10.6458 6.38281 11.1693 6.38281 11.7891V15.8984H4V7.16406H5.82031L6.14062 8.28125H6.27344C6.45052 7.97917 6.67188 7.73438 6.9375 7.54688C7.20833 7.35938 7.50521 7.22135 7.82812 7.13281C8.15104 7.04427 8.47917 7 8.8125 7C9.45312 7 9.99479 7.10417 10.4375 7.3125C10.8854 7.52083 11.2292 7.84375 11.4688 8.28125H11.6797C11.9401 7.83333 12.3073 7.50781 12.7812 7.30469C13.2604 7.10156 13.7526 7 14.2578 7Z" })));
+};
+exports.UnitMeter = UnitMeter;
+exports.UnitMeter.iconName = 'unit-meter';
+exports.default = exports.UnitMeter;
+var templateObject_1;

package/dist/icons/Window.js

@@ -10,11 +10,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Window = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    fill: ", ";\n  }\n"], ["\n  .tk-icon {\n    fill: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Path = styled_components_1.default.path(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: ", ";\n"], ["\n  fill: ", ";\n"])), function (props) { return props.color || props.theme.textColor; });
 var Window = function (props) {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.28571 15.4286V4.42858H17.7603V15.4286H2.28571ZM10.4891 10.3947V14.5714H16.9031V10.3947H10.4891ZM16.9031 9.46248V5.28572H10.4891V9.46248H16.9031ZM9.55688 5.28572H3.14286V9.46248H9.55688V5.28572ZM3.14286 14.5714V10.3947H9.55688V14.5714H3.14286Z", className: "tk-icon" }),
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.285714 2.71429C0.127919 2.71429 0 2.84221 0 3.00001V17C0 17.1578 0.127918 17.2857 0.285714 17.2857H19.7143C19.8721 17.2857 20 17.1578 20 17V3.00001C20 2.84221 19.8721 2.71429 19.7143 2.71429H0.285714ZM0.857143 3.57144V16.4286H19.1429V3.57144H0.857143Z", className: "tk-icon" })));
+    return (react_1.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", color: props.color, d: "M2.28571 15.4286V4.42858H17.7603V15.4286H2.28571ZM10.4891 10.3947V14.5714H16.9031V10.3947H10.4891ZM16.9031 9.46248V5.28572H10.4891V9.46248H16.9031ZM9.55688 5.28572H3.14286V9.46248H9.55688V5.28572ZM3.14286 14.5714V10.3947H9.55688V14.5714H3.14286Z" }),
+        react_1.default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", color: props.color, d: "M0.285714 2.71429C0.127919 2.71429 0 2.84221 0 3.00001V17C0 17.1578 0.127918 17.2857 0.285714 17.2857H19.7143C19.8721 17.2857 20 17.1578 20 17V3.00001C20 2.84221 19.8721 2.71429 19.7143 2.71429H0.285714ZM0.857143 3.57144V16.4286H19.1429V3.57144H0.857143Z" })));
 };
 exports.Window = Window;
 exports.Window.iconName = 'window';

package/dist/icons/index.js

@@ -33,6 +33,7 @@ var More_1 = __importDefault(require("./More"));
 var NewWindow_1 = __importDefault(require("./NewWindow"));
 var Pause_1 = __importDefault(require("./Pause"));
 var Play_1 = __importDefault(require("./Play"));
+var Player3D_1 = __importDefault(require("./Player3D"));
 var Redo_1 = __importDefault(require("./Redo"));
 var Remove_1 = __importDefault(require("./Remove"));
 var Ruler_1 = __importDefault(require("./Ruler"));
@@ -56,6 +57,16 @@ var Window_1 = __importDefault(require("./Window"));
 var Wall_1 = __importDefault(require("./Wall"));
 var TrashCan_1 = __importDefault(require("./TrashCan"));
 var TrashCanAlt_1 = __importDefault(require("./TrashCanAlt"));
+var GridSnapping_1 = __importDefault(require("./GridSnapping"));
+var AngleSnapping_1 = __importDefault(require("./AngleSnapping"));
+var Center_1 = __importDefault(require("./Center"));
+var LayoutAlt_1 = __importDefault(require("./LayoutAlt"));
+var Magnet_1 = __importDefault(require("./Magnet"));
+var Save_1 = __importDefault(require("./Save"));
+var UnitCm_1 = __importDefault(require("./UnitCm"));
+var UnitMeter_1 = __importDefault(require("./UnitMeter"));
+var UnitFeet_1 = __importDefault(require("./UnitFeet"));
+var UnitInch_1 = __importDefault(require("./UnitInch"));
 exports.default = (_a = {},
     _a[Add_1.default.iconName] = Add_1.default,
     _a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,
@@ -86,6 +97,7 @@ exports.default = (_a = {},
     _a[NewWindow_1.default.iconName] = NewWindow_1.default,
     _a[Pause_1.default.iconName] = Pause_1.default,
     _a[Play_1.default.iconName] = Play_1.default,
+    _a[Player3D_1.default.iconName] = Player3D_1.default,
     _a[Redo_1.default.iconName] = Redo_1.default,
     _a[Remove_1.default.iconName] = Remove_1.default,
     _a[Ruler_1.default.iconName] = Ruler_1.default,
@@ -109,4 +121,14 @@ exports.default = (_a = {},
     _a[Wall_1.default.iconName] = Wall_1.default,
     _a[TrashCan_1.default.iconName] = TrashCan_1.default,
     _a[TrashCanAlt_1.default.iconName] = TrashCanAlt_1.default,
+    _a[GridSnapping_1.default.iconName] = GridSnapping_1.default,
+    _a[AngleSnapping_1.default.iconName] = AngleSnapping_1.default,
+    _a[Center_1.default.iconName] = Center_1.default,
+    _a[LayoutAlt_1.default.iconName] = LayoutAlt_1.default,
+    _a[Magnet_1.default.iconName] = Magnet_1.default,
+    _a[Save_1.default.iconName] = Save_1.default,
+    _a[UnitCm_1.default.iconName] = UnitCm_1.default,
+    _a[UnitMeter_1.default.iconName] = UnitMeter_1.default,
+    _a[UnitFeet_1.default.iconName] = UnitFeet_1.default,
+    _a[UnitInch_1.default.iconName] = UnitInch_1.default,
     _a);

package/dist/icons/types.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export interface IIconProps {
     color?: string;
 }

package/dist/index.d.ts

@@ -4,7 +4,8 @@ import useConfigurationLoader from './hooks/useConfigurationLoader';
 import useFirstPlayerInteraction from './hooks/useFirstPlayerInteraction';
 import useMetadata from './hooks/useMetadata';
 import useName from './hooks/useName';
-import usePlayerLoadingStatus from './hooks/usePlayerLoadingStatus';
+import usePlayerLoadingStatus from './hooks/useConfigurationChangeStatus';
+import useConfigurationChangeStatus from './hooks/useConfigurationChangeStatus';
 import usePrice from './hooks/usePrice';
 import useThreekitInitStatus from './hooks/useThreekitInitStatus';
 import useZoom from './hooks/useZoom';
@@ -15,8 +16,9 @@ import usePlayerPortal from './hooks/usePlayerPortal';
 import useProductCache from './hooks/useProductCache';
 import useNestedConfigurator from './hooks/useNestedConfigurator';
 import useLoadingProgress from './hooks/useLoadingProgress';
+import usePlayerReady from './hooks/usePlayerReady';
 import usePlayer from './hooks/usePlayer';
-import useRoomBuilder from './hooks/useRoomBuilder';
+import useSpaces from './hooks/useSpaces';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -55,6 +57,7 @@ import PlayerLoadingSpinner from './components/PlayerLoadingSpinner';
 import DraggableHint from './components/DraggableHint';
 import TurntableAnimation from './components/TurntableAnimation';
 import BreatheAnimation from './components/BreatheAnimation';
+import SpacesLayoutIcon from './hooks/useSpaces/SpacesLayout';
 import AddIcon from './icons/Add';
 import ArrowLeftIcon from './icons/ArrowLeft';
 import ArrowRightIcon from './icons/ArrowRight';
@@ -84,6 +87,7 @@ import MoreIcon from './icons/More';
 import NewWindowIcon from './icons/NewWindow';
 import PauseIcon from './icons/Pause';
 import PlayIcon from './icons/Play';
+import Player3DIcon from './icons/Player3D';
 import RedoIcon from './icons/Redo';
 import RemoveIcon from './icons/Remove';
 import RulerIcon from './icons/Ruler';
@@ -107,4 +111,14 @@ import DoorIcon from './icons/Door';
 import OpeningIcon from './icons/Opening';
 import WallIcon from './icons/Wall';
 import LayoutIcon from './icons/Layout';
-export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useRoomBuilder, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, AngleIcon, TrashCanIcon, TrashCanAltIcon, CursorIcon, WindowIcon, DrawIcon, DoorIcon, OpeningIcon, WallIcon, LayoutIcon, };
+import GridSnappingIcon from './icons/GridSnapping';
+import AngleSnappingIcon from './icons/AngleSnapping';
+import CenterIcon from './icons/Center';
+import LayoutAltIcon from './icons/LayoutAlt';
+import MagnetIcon from './icons/Magnet';
+import SaveIcon from './icons/Save';
+import UnitCmIcon from './icons/UnitCm';
+import UnitMeterIcon from './icons/UnitMeter';
+import UnitFeetIcon from './icons/UnitFeet';
+import UnitInchIcon from './icons/UnitInch';
+export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, useConfigurationChangeStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useSpaces, usePlayerReady, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, TextInput, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, Skeleton, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, PlayerLoadingCircular, PlayerLoadingSpinner, DraggableHint, TurntableAnimation, BreatheAnimation, SpacesLayoutIcon, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DraggableIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, Player3DIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, AngleIcon, TrashCanIcon, TrashCanAltIcon, CursorIcon, WindowIcon, DrawIcon, DoorIcon, OpeningIcon, WallIcon, LayoutIcon, GridSnappingIcon, AngleSnappingIcon, CenterIcon, LayoutAltIcon, MagnetIcon, SaveIcon, UnitCmIcon, UnitMeterIcon, UnitFeetIcon, UnitInchIcon, };

package/dist/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.Skeleton = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.TextInput = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useRoomBuilder = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
-exports.AngleIcon = exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DraggableIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = void 0;
-exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = void 0;
+exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.PortalToArOverlay = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.Skeleton = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.TextInput = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.usePlayerReady = exports.useSpaces = exports.usePlayer = exports.useLoadingProgress = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.useConfigurationChangeStatus = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useFirstPlayerInteraction = exports.useConfigurationLoader = exports.useConfigurator = exports.useAttribute = void 0;
+exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.Player3DIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DraggableIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = exports.SpacesLayoutIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = void 0;
+exports.UnitInchIcon = exports.UnitFeetIcon = exports.UnitMeterIcon = exports.UnitCmIcon = exports.SaveIcon = exports.MagnetIcon = exports.LayoutAltIcon = exports.CenterIcon = exports.AngleSnappingIcon = exports.GridSnappingIcon = exports.LayoutIcon = exports.WallIcon = exports.OpeningIcon = exports.DoorIcon = exports.DrawIcon = exports.WindowIcon = exports.CursorIcon = exports.TrashCanAltIcon = exports.TrashCanIcon = exports.AngleIcon = exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = void 0;
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
 var useConfigurator_1 = __importDefault(require("./hooks/useConfigurator"));
@@ -18,8 +18,10 @@ var useMetadata_1 = __importDefault(require("./hooks/useMetadata"));
 exports.useMetadata = useMetadata_1.default;
 var useName_1 = __importDefault(require("./hooks/useName"));
 exports.useName = useName_1.default;
-var usePlayerLoadingStatus_1 = __importDefault(require("./hooks/usePlayerLoadingStatus"));
-exports.usePlayerLoadingStatus = usePlayerLoadingStatus_1.default;
+var useConfigurationChangeStatus_1 = __importDefault(require("./hooks/useConfigurationChangeStatus"));
+exports.usePlayerLoadingStatus = useConfigurationChangeStatus_1.default;
+var useConfigurationChangeStatus_2 = __importDefault(require("./hooks/useConfigurationChangeStatus"));
+exports.useConfigurationChangeStatus = useConfigurationChangeStatus_2.default;
 var usePrice_1 = __importDefault(require("./hooks/usePrice"));
 exports.usePrice = usePrice_1.default;
 var useThreekitInitStatus_1 = __importDefault(require("./hooks/useThreekitInitStatus"));
@@ -40,10 +42,12 @@ var useNestedConfigurator_1 = __importDefault(require("./hooks/useNestedConfigur
 exports.useNestedConfigurator = useNestedConfigurator_1.default;
 var useLoadingProgress_1 = __importDefault(require("./hooks/useLoadingProgress"));
 exports.useLoadingProgress = useLoadingProgress_1.default;
+var usePlayerReady_1 = __importDefault(require("./hooks/usePlayerReady"));
+exports.usePlayerReady = usePlayerReady_1.default;
 var usePlayer_1 = __importDefault(require("./hooks/usePlayer"));
 exports.usePlayer = usePlayer_1.default;
-var useRoomBuilder_1 = __importDefault(require("./hooks/useRoomBuilder"));
-exports.useRoomBuilder = useRoomBuilder_1.default;
+var useSpaces_1 = __importDefault(require("./hooks/useSpaces"));
+exports.useSpaces = useSpaces_1.default;
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
@@ -120,6 +124,8 @@ var TurntableAnimation_1 = __importDefault(require("./components/TurntableAnimat
 exports.TurntableAnimation = TurntableAnimation_1.default;
 var BreatheAnimation_1 = __importDefault(require("./components/BreatheAnimation"));
 exports.BreatheAnimation = BreatheAnimation_1.default;
+var SpacesLayout_1 = __importDefault(require("./hooks/useSpaces/SpacesLayout"));
+exports.SpacesLayoutIcon = SpacesLayout_1.default;
 var Add_1 = __importDefault(require("./icons/Add"));
 exports.AddIcon = Add_1.default;
 var ArrowLeft_1 = __importDefault(require("./icons/ArrowLeft"));
@@ -178,6 +184,8 @@ var Pause_1 = __importDefault(require("./icons/Pause"));
 exports.PauseIcon = Pause_1.default;
 var Play_1 = __importDefault(require("./icons/Play"));
 exports.PlayIcon = Play_1.default;
+var Player3D_1 = __importDefault(require("./icons/Player3D"));
+exports.Player3DIcon = Player3D_1.default;
 var Redo_1 = __importDefault(require("./icons/Redo"));
 exports.RedoIcon = Redo_1.default;
 var Remove_1 = __importDefault(require("./icons/Remove"));
@@ -224,3 +232,23 @@ var Wall_1 = __importDefault(require("./icons/Wall"));
 exports.WallIcon = Wall_1.default;
 var Layout_1 = __importDefault(require("./icons/Layout"));
 exports.LayoutIcon = Layout_1.default;
+var GridSnapping_1 = __importDefault(require("./icons/GridSnapping"));
+exports.GridSnappingIcon = GridSnapping_1.default;
+var AngleSnapping_1 = __importDefault(require("./icons/AngleSnapping"));
+exports.AngleSnappingIcon = AngleSnapping_1.default;
+var Center_1 = __importDefault(require("./icons/Center"));
+exports.CenterIcon = Center_1.default;
+var LayoutAlt_1 = __importDefault(require("./icons/LayoutAlt"));
+exports.LayoutAltIcon = LayoutAlt_1.default;
+var Magnet_1 = __importDefault(require("./icons/Magnet"));
+exports.MagnetIcon = Magnet_1.default;
+var Save_1 = __importDefault(require("./icons/Save"));
+exports.SaveIcon = Save_1.default;
+var UnitCm_1 = __importDefault(require("./icons/UnitCm"));
+exports.UnitCmIcon = UnitCm_1.default;
+var UnitMeter_1 = __importDefault(require("./icons/UnitMeter"));
+exports.UnitMeterIcon = UnitMeter_1.default;
+var UnitFeet_1 = __importDefault(require("./icons/UnitFeet"));
+exports.UnitFeetIcon = UnitFeet_1.default;
+var UnitInch_1 = __importDefault(require("./icons/UnitInch"));
+exports.UnitInchIcon = UnitInch_1.default;

package/dist/store/attributes.d.ts

@@ -12,6 +12,7 @@ export declare const getHydrationData: ((state: {
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
 }) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined]) & import("reselect").OutputSelectorFields<(args_0: AttributesState, args_1: string | undefined) => [Record<string, IThreekitDisplayAttribute>, ITranslationMap | undefined, string | undefined] & {
     clearCache: () => void;
 }> & {

package/dist/store/index.d.ts

@@ -7,21 +7,32 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").Dispatch<import("redux").AnyAction>>>>;
 export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -29,30 +40,50 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
+    spaces: import("./spaces").SpacesState;
+}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
+    spaces: import("./spaces").SpacesState;
+}, import("redux").Dispatch<import("redux").AnyAction>>>>;
 export declare type RootState = ReturnType<typeof store.getState>;
 export declare type ThreekitDispatch = typeof store.dispatch;
-export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<{
+export declare const useThreekitDispatch: () => import("redux").Dispatch<import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
+    treble: import("./treble").TrebleState;
+    product: import("./product").ProductState;
+    attributes: import("./attributes").AttributesState;
+    translations: import("./translations").TranslationsState;
+    wishlist: import("../Treble").WishlistArray;
+    price: import("./price").PriceState;
+    spaces: import("./spaces").SpacesState;
+}, null, import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;
+    spaces: import("./spaces").SpacesState;
+}, undefined, import("redux").AnyAction>;
 export declare const useThreekitSelector: TypedUseSelectorHook<RootState>;
 export default createStore;

package/dist/store/index.js

@@ -25,6 +25,7 @@ var attributes_1 = __importDefault(require("./attributes"));
 var wishlist_1 = __importDefault(require("./wishlist"));
 var translations_1 = __importDefault(require("./translations"));
 var price_1 = __importDefault(require("./price"));
+var spaces_1 = __importDefault(require("./spaces"));
 var store = (0, toolkit_1.configureStore)({
     reducer: {
         treble: treble_1.default,
@@ -33,6 +34,7 @@ var store = (0, toolkit_1.configureStore)({
         translations: translations_1.default,
         wishlist: wishlist_1.default,
         price: price_1.default,
+        spaces: spaces_1.default,
     },
     middleware: function (getDefaultMiddleware) {
         return constants_1.TREBLE_DEBUG
@@ -44,7 +46,7 @@ var createStore = function (reducer) {
     if (!reducer)
         return store;
     return (0, toolkit_1.configureStore)({
-        reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default }),
+        reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default, spaces: spaces_1.default }),
         middleware: function (getDefaultMiddleware) {
             return constants_1.TREBLE_DEBUG
                 ? getDefaultMiddleware().concat(redux_logger_1.default)

package/dist/store/product.js

@@ -52,7 +52,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resetProductConfiguration = exports.removeProductIdx = exports.changeActiveCacheIdx = exports.loadNewProduct = exports.loadProduct = exports.cacheActiveProduct = exports.initProduct = exports.setProducts = exports.getProductCache = exports.getActiveCacheIdx = exports.getMetadata = exports.getName = exports.getProductId = exports.decrementActiveCacheIdx = exports.incrementActiveCacheIdx = exports.setActiveCacheIdx = exports.removeFromCache = exports.updateActiveProductCache = exports.appendToCache = exports.setMetadata = exports.setName = exports.setProductId = exports.PRODUCTS = void 0;
 var toolkit_1 = require("@reduxjs/toolkit");
-var types_1 = require("../types");
 var connection_1 = __importDefault(require("../connection"));
 var treble_1 = require("./treble");
 var attributes_1 = require("./attributes");
@@ -157,8 +156,7 @@ var initProduct = function () { return function (dispatch, getState) {
     var metadata = window.threekit.configurator.getMetadata();
     var productId = state.product.id;
     if (productId && !INITIAL_CONFIGURATIONS[productId]) {
-        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
-        var configuration = player.configurator.getFullConfiguration();
+        var configuration = window.threekit.configurator.getFullConfiguration();
         INITIAL_CONFIGURATIONS[productId] = JSON.stringify(configuration);
     }
     dispatch((0, exports.setName)(name));
@@ -176,8 +174,7 @@ var cacheActiveProduct = function (config) {
         var thumbnail = config === null || config === void 0 ? void 0 : config.thumbnail;
         var connectionObj = connection_1.default.getConnection();
         delete connectionObj.threekitDomain;
-        var player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
-        var configuration = player.configurator.getFullConfiguration();
+        var configuration = window.threekit.configurator.getFullConfiguration();
         var data = { connection: connectionObj, configuration: configuration };
         var product = Object.assign({
             id: state.product.id,
@@ -253,19 +250,19 @@ var changeActiveCacheIdx = function (idx) {
                     state = getState();
                     cache = state.product.cache;
                     if (idx >= cache.length)
-                        return [2, Promise.resolve()];
+                        return [2];
                     dispatch((0, exports.cacheActiveProduct)());
                     cachedProduct = __assign({}, state.product.cache[idx]);
                     data = JSON.parse(cachedProduct.data);
                     connection_1.default.connect(data.connection);
                     dispatch((0, exports.setActiveCacheIdx)(idx));
-                    dispatch((0, exports.setProductId)(cachedProduct.id));
                     return [4, dispatch((0, treble_1.reloadPlayer)({
                             assetId: data.connection.assetId,
                             configuration: data.configuration,
                         }))];
                 case 1:
                     _a.sent();
+                    dispatch((0, exports.setProductId)(cachedProduct.id));
                     return [2];
             }
         });