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

package/dist/icons/Redo.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Redo = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Redo = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Redo = 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", { d: "M17.5 6L12.5 2M17.5 6L12.5 10M17.5 6H7C5.33333 6 2 7 2 11C2 15 5.33333 16 7 16H11.5", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Redo = Redo;

package/dist/icons/Remove.d.ts

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

package/dist/icons/Remove.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Remove = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Remove = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Remove = 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", { d: "M3 3L17 17M17 3L3 17", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Remove = Remove;

package/dist/icons/Ruler.d.ts

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

package/dist/icons/Ruler.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Ruler = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Ruler = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Ruler = 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("rect", { x: "5.75735", y: "1.51472", width: "18", height: "6", transform: "rotate(45 5.75735 1.51472)", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M8.93934 4.6967L6.11091 7.52513M11.0607 6.81802L8.93934 8.93934M13.182 8.93934L11.0607 11.0607M15.3033 11.0607L12.4749 13.8891", className: "tk-icon", strokeWidth: "1" })));
 };

package/dist/icons/Search.d.ts

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

package/dist/icons/Search.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Search = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Search = 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", { d: "M7.75737 12.2427C10.1005 14.5858 13.8995 14.5858 16.2427 12.2427C18.5858 9.89951 18.5858 6.10052 16.2427 3.75737C13.8995 1.41423 10.1005 1.41423 7.75737 3.75737C5.41422 6.10052 5.41422 9.89951 7.75737 12.2427ZM7.75737 12.2427L5.9896 14.0104M5.9896 14.0104C6.34316 14.364 6.34316 14.364 5.9896 14.7175C5.63605 15.0711 3.51473 17.1924 3.16118 17.546C2.80762 17.8995 2.80762 17.8995 2.45407 17.546C2.10052 17.1924 2.10052 17.1924 2.45407 16.8389C2.80762 16.4853 4.92894 14.364 5.2825 14.0104C5.63605 13.6569 5.63605 13.6569 5.9896 14.0104Z", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Search = Search;

package/dist/icons/Settings.d.ts

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

package/dist/icons/Settings.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Settings = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Settings = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Settings = 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", { d: "M8 2H12V3.11282C12 4.65242 13.6667 5.61467 15 4.84487L15.9993 4.26794L17.9993 7.73205L17.0355 8.28847C15.7022 9.05827 15.7022 10.9828 17.0355 11.7526L17.9282 12.268L15.9282 15.7321L15 15.1962C13.6667 14.4264 12 15.3886 12 16.9282V18H8V16.9692C8 15.4296 6.33333 14.4674 5 15.2372L4.14286 15.732L2.14286 12.2679L3.03551 11.7526C4.36885 10.9828 4.36885 9.05827 3.03551 8.28847L2.07178 7.73206L4.07178 4.26795L5 4.80386C6.33333 5.57366 8 4.61141 8 3.07181V2Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("circle", { cx: "10", cy: "10", r: "2", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/Share.d.ts

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

package/dist/icons/Share.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Share = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Share = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Share = 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", { d: "M9.88487 2L18 7.92105L9.88487 13.8421V10.6842C4.99998 10.6842 3.50001 12.5 2 16C1.50001 12.5 0.146679 5.15789 9.88486 5.15789L9.88487 2Z", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Share = Share;

package/dist/icons/Switch.d.ts

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

package/dist/icons/Switch.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Switch = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Switch = 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", { d: "M12.4497 7.55025V3.44063V2.55025M12.4497 2.55025H17.4497M12.4497 2.55025L14.9497 5.05025C16.2165 6.317 17 8.067 17 9.99999C17 13.5265 14.3923 16.4439 11 16.9291M7.55025 12.4497V16.5594V17.4497M7.55025 17.4497H2.55025M7.55025 17.4497L5.05025 14.9497C3.7835 13.683 3 11.933 3 9.99999C3 6.47352 5.60771 3.55611 9 3.07088", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Switch = Switch;

package/dist/icons/Tag.d.ts

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

package/dist/icons/Tag.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Tag = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Tag = 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", { d: "M1.5 11.5L8.5 18.5L18.5 8.5V2.5C18.5 1.94772 18.0523 1.5 17.5 1.5H11.5L1.5 11.5Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("ellipse", { cx: "14.5026", cy: "5.50262", rx: "0.497391", ry: "0.502594", transform: "rotate(0.596652 14.5026 5.50262)", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/TrashCan.d.ts

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

package/dist/icons/TrashCan.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.TrashCan = 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 TrashCan = function (props) {
+    return (react_1.default.createElement(SVG, { width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("path", { d: "M6.61513 2.7182L6.43656 2.71876C6.53478 2.71845 6.61488 2.63785 6.61458 2.53963L6.61513 2.7182L13.4008 2.69707L13.4003 2.5185C13.4006 2.61671 13.4812 2.69682 13.5794 2.69651L13.4008 2.69707L13.4058 4.30421L15.013 4.2992L15.0074 2.51349C15.0049 1.72555 14.3623 1.08692 13.5744 1.08938L6.43156 1.11163C5.64361 1.11408 5.00499 1.7567 5.00744 2.54464L5.013 4.33034L6.62014 4.32534L6.61513 2.7182ZM17.8701 4.2903L2.15587 4.33924C1.76079 4.34047 1.44258 4.66066 1.44381 5.05575L1.44604 5.77003C1.44635 5.86825 1.52695 5.94835 1.62517 5.94805L2.97337 5.94385L3.56107 17.6162C3.59915 18.3772 4.23049 18.9757 4.99164 18.9733L15.1255 18.9418C15.8889 18.9394 16.5143 18.3392 16.5476 17.5757L17.0626 5.89997L18.4108 5.89577C18.509 5.89546 18.5891 5.81486 18.5888 5.71664L18.5866 5.00236C18.5854 4.60727 18.2652 4.28907 17.8701 4.2903ZM14.9486 17.3352L5.15851 17.3657L4.58274 5.93884L15.4532 5.90498L14.9486 17.3352Z", className: "tk-icon" })));
+};
+exports.TrashCan = TrashCan;
+exports.TrashCan.iconName = 'trash-can';
+exports.default = exports.TrashCan;
+var templateObject_1;

package/dist/icons/TrashCanAlt.d.ts

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

package/dist/icons/TrashCanAlt.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.TrashCanAlt = 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 TrashCanAlt = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.3313 9.34565C16.184 9.34565 16.8752 10.0368 16.8752 10.8895L16.8743 11.6808L17.9014 11.6815C18.7541 11.6815 19.4453 12.3727 19.4453 13.2253V18.5184C19.4453 19.3711 18.7541 20.0623 17.9014 20.0623H12.6083C11.7557 20.0623 11.0645 19.3711 11.0645 18.5184L11.0642 17.7264H10.0382C9.18558 17.7264 8.49438 17.0352 8.49438 16.1826V10.8895C8.49438 10.0368 9.18558 9.34565 10.0382 9.34565H15.3313ZM17.9014 13.0048L13.8731 13.0041L12.6039 13.0146C12.5024 13.0154 12.4173 13.0846 12.3924 13.1783C12.3895 13.1933 12.3878 13.2091 12.3878 13.2253V18.5184C12.3878 18.6402 12.4865 18.739 12.6083 18.739H17.9014C18.0233 18.739 18.122 18.6402 18.122 18.5184V13.2253C18.122 13.1035 18.0233 13.0048 17.9014 13.0048ZM13.2688 4.03328C13.7148 4.03328 14.068 4.41021 14.0391 4.8553L13.9433 6.32853C13.9156 6.75395 13.5483 7.07639 13.1229 7.04872C12.6974 7.02104 12.375 6.65374 12.4027 6.22832L12.445 5.57711H3.03964L3.62672 16.585H6.11546C6.54178 16.585 6.88737 16.9306 6.88737 17.3569C6.88737 17.7832 6.54178 18.1288 6.11546 18.1288H2.89488C2.48454 18.1288 2.14592 17.8077 2.12406 17.398L1.45464 4.84631C1.43107 4.40447 1.78299 4.03328 2.22546 4.03328H13.2688ZM15.3313 10.6689H10.0382C9.91641 10.6689 9.81767 10.7677 9.81767 10.8895V16.1826C9.81767 16.3044 9.91641 16.4032 10.0382 16.4032H11.0618V13.2351C11.0618 13.0789 11.085 12.9281 11.1281 12.786C11.317 12.1474 11.9083 11.6815 12.6083 11.6815L13.8449 11.6808L15.5519 11.6682V10.8895C15.5519 10.7677 15.4531 10.6689 15.3313 10.6689ZM13.7222 2.03175C14.1122 2.03175 14.4289 2.34757 14.4289 2.7375C14.4289 3.12743 14.1122 3.44325 13.7222 3.44325H1.26044C0.870511 3.44325 0.554688 3.12743 0.554688 2.7375C0.554688 2.34757 0.870511 2.03175 1.26044 2.03175H13.7222ZM10.2782 0.0622559C10.6681 0.0622559 10.9839 0.378079 10.9839 0.768007C10.9839 1.15793 10.6681 1.47376 10.2782 1.47376H4.78831C4.39838 1.47376 4.08344 1.15793 4.08344 0.768007C4.08344 0.378079 4.39838 0.0622559 4.78831 0.0622559H10.2782Z", className: "tk-icon" })));
+};
+exports.TrashCanAlt = TrashCanAlt;
+exports.TrashCanAlt.iconName = 'trash-can-alt';
+exports.default = exports.TrashCanAlt;
+var templateObject_1;

package/dist/icons/Undo.d.ts

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

package/dist/icons/Undo.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Undo = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Undo = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Undo = 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", { d: "M2 6L7 2M2 6L7 10M2 6H12.5C14.1667 6 17.5 7 17.5 11C17.5 15 14.1667 16 12.5 16H8", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Undo = Undo;

package/dist/icons/Wall.d.ts

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

package/dist/icons/Wall.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.Wall = 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 Wall = 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: "M20 17C20 17.1578 19.8721 17.2857 19.7143 17.2857H0.285714C0.127919 17.2857 0 17.1578 0 17V3.00001C0 2.84221 0.127919 2.71429 0.285714 2.71429H19.7143C19.8721 2.71429 20 2.84221 20 3.00001V17ZM0.714286 6.14287V3.42858H6.85714V6.14287H0.714286ZM3.42857 6.85715H9.57143V9.57144H3.42857V6.85715ZM6.85714 10.2857H0.714286V13H6.85714V10.2857ZM19.2857 10.2857H13.1429V13H19.2857V10.2857ZM19.2857 9.57144V6.85715H17.2857V9.57144H19.2857ZM16.4286 9.57144H10.2857V6.85715H16.4286V9.57144ZM12.4286 10.2857H7.57143V13H12.4286V10.2857ZM7.57143 3.42858H12.4286V6.14287H7.57143V3.42858ZM19.2857 3.42858V6.14287H13.1429V3.42858H19.2857ZM9.57143 13.8572H3.42857V16.5714H9.57143V13.8572ZM10.2857 16.5714H16.4286V13.8572H10.2857V16.5714ZM2.71429 13.8572H0.714286V16.5714H2.71429V13.8572ZM0.714286 9.57144V6.85715H2.71429V9.57144H0.714286ZM17.2857 13.8572H19.2857V16.5714H17.2857V13.8572Z", className: "tk-icon" })));
+};
+exports.Wall = Wall;
+exports.Wall.iconName = 'wall';
+exports.default = exports.Wall;
+var templateObject_1;

package/dist/icons/Window.d.ts

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

package/dist/icons/Window.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.Window = 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 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" },
+        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';
+exports.default = exports.Window;
+var templateObject_1;

package/dist/icons/Wishlist.d.ts

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

package/dist/icons/Wishlist.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wishlist = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var Wishlist = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Wishlist = 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", { d: "M6.8957 13.7968L7.5 14.2551L8.1043 13.7968C8.25006 13.6862 8.39484 13.5766 8.53838 13.4679C9.91719 12.4242 11.1826 11.4662 12.1195 10.5709C13.1179 9.61672 14 8.5034 14 7.19388C14 6.19651 13.5468 5.39625 12.881 4.85625C12.237 4.33387 11.4148 4.06569 10.6129 4.01081C9.57321 3.93966 8.35876 4.23439 7.49721 5.02706C7.01502 4.58358 6.42482 4.29279 5.82541 4.13958C4.71406 3.85551 3.44327 4.00302 2.47292 4.60486C1.63327 5.12564 1 6.0103 1 7.19385C1 8.23835 1.56102 9.14558 2.25247 9.92375C3.22593 11.0193 4.75751 12.1783 6.44156 13.4528C6.59182 13.5665 6.74329 13.6812 6.8957 13.7968Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M6 15.5H14M14 12.5H9M14 4.5L6 4.5", className: "tk-icon", strokeWidth: "1" })));
 };

package/dist/icons/ZoomIn.d.ts

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

package/dist/icons/ZoomIn.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZoomIn = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var ZoomIn = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var ZoomIn = 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", { d: "M16 8.00002L8.00001 8.00002M12 12L12 8.00002L12 4.00002", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M7.75737 12.2427C10.1005 14.5858 13.8995 14.5858 16.2427 12.2427C18.5858 9.89951 18.5858 6.10052 16.2427 3.75737C13.8995 1.41423 10.1005 1.41423 7.75737 3.75737C5.41422 6.10052 5.41422 9.89951 7.75737 12.2427ZM7.75737 12.2427L5.9896 14.0104M5.9896 14.0104C6.34316 14.364 6.34316 14.364 5.9896 14.7175C5.63605 15.0711 3.51473 17.1924 3.16118 17.546C2.80762 17.8995 2.80762 17.8995 2.45407 17.546C2.10052 17.1924 2.10052 17.1924 2.45407 16.8389C2.80762 16.4853 4.92894 14.364 5.2825 14.0104C5.63605 13.6569 5.63605 13.6569 5.9896 14.0104Z", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/ZoomOut.d.ts

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

package/dist/icons/ZoomOut.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZoomOut = 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    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.theme.textColor; });
-var ZoomOut = function () {
-    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    stroke: ", ";\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var ZoomOut = 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", { d: "M16 8.00002L8 8.00002", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M7.75737 12.2427C10.1005 14.5858 13.8995 14.5858 16.2427 12.2427C18.5858 9.89951 18.5858 6.10052 16.2427 3.75737C13.8995 1.41423 10.1005 1.41423 7.75737 3.75737C5.41422 6.10052 5.41422 9.89951 7.75737 12.2427ZM7.75737 12.2427L5.9896 14.0104M5.9896 14.0104C6.34316 14.364 6.34316 14.364 5.9896 14.7175C5.63605 15.0711 3.51473 17.1924 3.16118 17.546C2.80762 17.8995 2.80762 17.8995 2.45407 17.546C2.10052 17.1924 2.10052 17.1924 2.45407 16.8389C2.80762 16.4853 4.92894 14.364 5.2825 14.0104C5.63605 13.6569 5.63605 13.6569 5.9896 14.0104Z", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/index.d.ts

@@ -1,9 +1,5 @@
-import React from 'react';
-import SpinnerIcon from './Spinner';
-export interface IIcon extends React.FC {
-    iconName: string;
-}
+import Spinner from './Spinner';
 declare const _default: {
-    [x: string]: IIcon | typeof SpinnerIcon;
+    [x: string]: import("./types").IIcon | typeof Spinner;
 };
 export default _default;

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"));
@@ -46,6 +47,16 @@ var Wishlist_1 = __importDefault(require("./Wishlist"));
 var ZoomIn_1 = __importDefault(require("./ZoomIn"));
 var ZoomOut_1 = __importDefault(require("./ZoomOut"));
 var Spinner_1 = __importDefault(require("./Spinner"));
+var Angle_1 = __importDefault(require("./Angle"));
+var Cursor_1 = __importDefault(require("./Cursor"));
+var Draw_1 = __importDefault(require("./Draw"));
+var Door_1 = __importDefault(require("./Door"));
+var Layout_1 = __importDefault(require("./Layout"));
+var Opening_1 = __importDefault(require("./Opening"));
+var Window_1 = __importDefault(require("./Window"));
+var Wall_1 = __importDefault(require("./Wall"));
+var TrashCan_1 = __importDefault(require("./TrashCan"));
+var TrashCanAlt_1 = __importDefault(require("./TrashCanAlt"));
 exports.default = (_a = {},
     _a[Add_1.default.iconName] = Add_1.default,
     _a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,
@@ -76,6 +87,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,
@@ -89,4 +101,14 @@ exports.default = (_a = {},
     _a[ZoomIn_1.default.iconName] = ZoomIn_1.default,
     _a[ZoomOut_1.default.iconName] = ZoomOut_1.default,
     _a[Spinner_1.default.iconName] = Spinner_1.default,
+    _a[Angle_1.default.iconName] = Angle_1.default,
+    _a[Cursor_1.default.iconName] = Cursor_1.default,
+    _a[Draw_1.default.iconName] = Draw_1.default,
+    _a[Door_1.default.iconName] = Door_1.default,
+    _a[Layout_1.default.iconName] = Layout_1.default,
+    _a[Opening_1.default.iconName] = Opening_1.default,
+    _a[Window_1.default.iconName] = Window_1.default,
+    _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);

package/dist/icons/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IIconProps {
+    color?: string;
+}
+export interface IIcon extends React.FC<IIconProps> {
+    iconName: string;
+}

package/dist/icons/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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,7 +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 ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -54,6 +57,7 @@ import PlayerLoadingSpinner from './components/PlayerLoadingSpinner';
 import DraggableHint from './components/DraggableHint';
 import TurntableAnimation from './components/TurntableAnimation';
 import BreatheAnimation from './components/BreatheAnimation';
+import RoomBuilderLayoutIcon from './hooks/useRoomBuilder/RoomBuilderLayout';
 import AddIcon from './icons/Add';
 import ArrowLeftIcon from './icons/ArrowLeft';
 import ArrowRightIcon from './icons/ArrowRight';
@@ -83,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';
@@ -96,4 +101,14 @@ import WishlistIcon from './icons/Wishlist';
 import ZoomInIcon from './icons/ZoomIn';
 import ZoomOutIcon from './icons/ZoomOut';
 import SpinnerIcon from './icons/Spinner';
-export { useAttribute, useConfigurator, useConfigurationLoader, useFirstPlayerInteraction, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, 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, };
+import AngleIcon from './icons/Angle';
+import TrashCanIcon from './icons/TrashCan';
+import TrashCanAltIcon from './icons/TrashCanAlt';
+import CursorIcon from './icons/Cursor';
+import WindowIcon from './icons/Window';
+import DrawIcon from './icons/Draw';
+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, useConfigurationChangeStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, useRoomBuilder, 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, RoomBuilderLayoutIcon, 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, };

package/dist/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrebleApp = 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.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.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 = 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.useRoomBuilder = 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.RoomBuilderLayoutIcon = exports.BreatheAnimation = exports.TurntableAnimation = exports.DraggableHint = exports.PlayerLoadingSpinner = exports.PlayerLoadingCircular = exports.ProductLayout = exports.TrebleApp = exports.Share = exports.Wishlist = void 0;
+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"));
@@ -17,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"));
@@ -39,8 +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 ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
 var Player_1 = __importDefault(require("./components/Player"));
@@ -117,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 RoomBuilderLayout_1 = __importDefault(require("./hooks/useRoomBuilder/RoomBuilderLayout"));
+exports.RoomBuilderLayoutIcon = RoomBuilderLayout_1.default;
 var Add_1 = __importDefault(require("./icons/Add"));
 exports.AddIcon = Add_1.default;
 var ArrowLeft_1 = __importDefault(require("./icons/ArrowLeft"));
@@ -175,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"));
@@ -201,3 +212,23 @@ var ZoomOut_1 = __importDefault(require("./icons/ZoomOut"));
 exports.ZoomOutIcon = ZoomOut_1.default;
 var Spinner_1 = __importDefault(require("./icons/Spinner"));
 exports.SpinnerIcon = Spinner_1.default;
+var Angle_1 = __importDefault(require("./icons/Angle"));
+exports.AngleIcon = Angle_1.default;
+var TrashCan_1 = __importDefault(require("./icons/TrashCan"));
+exports.TrashCanIcon = TrashCan_1.default;
+var TrashCanAlt_1 = __importDefault(require("./icons/TrashCanAlt"));
+exports.TrashCanAltIcon = TrashCanAlt_1.default;
+var Cursor_1 = __importDefault(require("./icons/Cursor"));
+exports.CursorIcon = Cursor_1.default;
+var Window_1 = __importDefault(require("./icons/Window"));
+exports.WindowIcon = Window_1.default;
+var Draw_1 = __importDefault(require("./icons/Draw"));
+exports.DrawIcon = Draw_1.default;
+var Door_1 = __importDefault(require("./icons/Door"));
+exports.DoorIcon = Door_1.default;
+var Opening_1 = __importDefault(require("./icons/Opening"));
+exports.OpeningIcon = Opening_1.default;
+var Wall_1 = __importDefault(require("./icons/Wall"));
+exports.WallIcon = Wall_1.default;
+var Layout_1 = __importDefault(require("./icons/Layout"));
+exports.LayoutIcon = Layout_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;
+    roomBuilder: import("./roomBuilder").RoomBuilderState;
 }) => [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;
 }> & {