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

package/dist/hooks/useAttribute/index.js

@@ -35,14 +35,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
 var attributes_1 = require("../../store/attributes");
 var utils_1 = require("../../utils");
-var api_1 = __importDefault(require("../../api"));
 var utils_2 = require("../../utils");
 var useAttribute = function (attributeName) {
     var _a;
@@ -66,7 +62,7 @@ var useAttribute = function (attributeName) {
                     if (!!value) return [3, 1];
                     preppedValue = (0, utils_1.selectionToConfiguration)('', attribute.type);
                     return [3, 3];
-                case 1: return [4, api_1.default.catalog.uploadAsset(value)];
+                case 1: return [4, window.threekit.player.uploadImage(value)];
                 case 2:
                     assetId = _b.sent();
                     if (assetId)

package/dist/hooks/useSpaces/Canvas.d.ts

@@ -0,0 +1,37 @@
+import { ICoordinate2D, ICoordinatesLine, IGridToDraw, IUnits } from './types';
+declare class Canvas {
+    private _scale;
+    private _dimensions;
+    private _zoom;
+    private _zoomLimits;
+    private _translate;
+    private _translateLimits;
+    private _unit;
+    constructor(scale: number, dimensions: ICoordinate2D, zoom: number, translate: ICoordinate2D, unit: IUnits);
+    get dimensions(): ICoordinate2D;
+    set dimensions(dimensions: ICoordinate2D);
+    get width(): number;
+    get height(): number;
+    get zoom(): number;
+    set zoom(delta: number);
+    get zoomFactor(): number;
+    set zoomFactor(val: number);
+    get zoomMin(): number;
+    get zoomMax(): number;
+    get translate(): ICoordinate2D;
+    get translateMin(): ICoordinate2D;
+    get translateMax(): ICoordinate2D;
+    set translate(position: ICoordinate2D);
+    get unit(): IUnits;
+    set unit(unit: IUnits);
+    get gridUnitLength(): number;
+    get gridUnitLengthToDraw(): number;
+    get gridOffset(): ICoordinate2D;
+    get gridToDraw(): IGridToDraw;
+    transformLengthFromCanvas(length: number): number;
+    transformLengthToCanvas(length: number): number;
+    transformPointToCanvas(point: ICoordinate2D): ICoordinate2D;
+    transformPointFromCanvas(point: ICoordinate2D): ICoordinate2D;
+    transformLineToCanvas(line: ICoordinatesLine): ICoordinatesLine;
+}
+export default Canvas;

package/dist/hooks/useSpaces/Canvas.js

@@ -0,0 +1,199 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("./constants");
+var dataHandlers_1 = require("./dataHandlers");
+var types_1 = require("./types");
+var Canvas = (function () {
+    function Canvas(scale, dimensions, zoom, translate, unit) {
+        this._scale = scale;
+        this._dimensions = dimensions;
+        this._zoom = zoom;
+        this._zoomLimits = [constants_1.ZOOM_MIN, constants_1.ZOOM_MAX];
+        this._translate = translate;
+        this._translateLimits = [constants_1.TRANSLATE_MIN, constants_1.TRANSLATE_MAX];
+        this._unit = unit;
+    }
+    Object.defineProperty(Canvas.prototype, "dimensions", {
+        get: function () {
+            return this._dimensions;
+        },
+        set: function (dimensions) {
+            this._dimensions = dimensions;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "width", {
+        get: function () {
+            return this._dimensions[0];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "height", {
+        get: function () {
+            return this._dimensions[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoom", {
+        get: function () {
+            return this._zoom;
+        },
+        set: function (delta) {
+            var newZoom = this.zoom + delta;
+            var preppedZoom = newZoom < this.zoomMin
+                ? this.zoomMin
+                : newZoom > this.zoomMax
+                    ? this.zoomMax
+                    : newZoom;
+            if (preppedZoom === this.zoom)
+                return;
+            this._zoom = preppedZoom;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoomFactor", {
+        get: function () {
+            return this._zoom / this.zoomMin;
+        },
+        set: function (val) {
+            var updatedZoom = val * this.zoomMin;
+            if (updatedZoom < this.zoomMin)
+                this._zoom = this.zoomMin;
+            else if (updatedZoom > this.zoomMax)
+                this._zoom = this.zoomMax;
+            else
+                this._zoom = updatedZoom;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoomMin", {
+        get: function () {
+            return this._zoomLimits[0];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "zoomMax", {
+        get: function () {
+            return this._zoomLimits[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "translate", {
+        get: function () {
+            return this._translate;
+        },
+        set: function (position) {
+            var zoomFactor = this._zoom / this.zoomMin;
+            var delta = [
+                (position[0] - this._translate[0]) / zoomFactor,
+                (position[1] - this._translate[1]) / zoomFactor,
+            ];
+            this._translate = [
+                this._translate[0] + delta[0],
+                this._translate[1] + delta[1],
+            ];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "translateMin", {
+        get: function () {
+            return this._translateLimits[0];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "translateMax", {
+        get: function () {
+            return this._translateLimits[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "unit", {
+        get: function () {
+            return this._unit;
+        },
+        set: function (unit) {
+            this._unit = unit;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridUnitLength", {
+        get: function () {
+            var length = [types_1.IUnits.FEET, types_1.IUnits.INCH].includes(this.unit)
+                ? (0, dataHandlers_1.convertLengthUnit)(1, types_1.IUnits.FEET, types_1.IUnits.METER)
+                : 1;
+            return length / this._scale;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridUnitLengthToDraw", {
+        get: function () {
+            return this.transformLengthToCanvas(this.gridUnitLength);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridOffset", {
+        get: function () {
+            var gridLength = this.gridUnitLengthToDraw;
+            var translate = this.transformPointToCanvas([0, 0]);
+            return [translate[0] % gridLength, translate[1] % gridLength];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Canvas.prototype, "gridToDraw", {
+        get: function () {
+            return {
+                unitLength: this.gridUnitLengthToDraw,
+                offset: this.gridOffset,
+                subdivisions: [types_1.IUnits.FEET, types_1.IUnits.INCH].includes(this.unit) ? 4 : 5,
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Canvas.prototype.transformLengthFromCanvas = function (length) {
+        return length / this.zoomFactor;
+    };
+    Canvas.prototype.transformLengthToCanvas = function (length) {
+        return length * this.zoomFactor;
+    };
+    Canvas.prototype.transformPointToCanvas = function (point) {
+        var widthOffset = this.width / 2;
+        var heightOffset = this.height / 2;
+        return [
+            this.transformLengthToCanvas(point[0] + this.translate[0]) -
+                widthOffset * (this.zoomFactor - 1),
+            this.transformLengthToCanvas(point[1] + this.translate[1]) -
+                heightOffset * (this.zoomFactor - 1),
+        ];
+    };
+    Canvas.prototype.transformPointFromCanvas = function (point) {
+        var widthOffset = this.width / 2;
+        var heightOffset = this.height / 2;
+        return [
+            this.transformLengthFromCanvas(point[0] + widthOffset * (this.zoomFactor - 1)) - this.translate[0],
+            this.transformLengthFromCanvas(point[1] + heightOffset * (this.zoomFactor - 1)) - this.translate[1],
+        ];
+    };
+    Canvas.prototype.transformLineToCanvas = function (line) {
+        return [
+            this.transformPointToCanvas(line[0]),
+            this.transformPointToCanvas(line[1]),
+        ];
+    };
+    return Canvas;
+}());
+exports.default = Canvas;

package/dist/hooks/useSpaces/SpacesState.d.ts

@@ -144,7 +144,7 @@ export declare class SpacesState {
     private resetInternalState;
     highlightElementIfInProximity(canvas: HTMLCanvasElement, cursorPoint: ICoordinate2D): void;
     centerSpace(canvas: HTMLCanvasElement | null, zoomToFit?: boolean): void;
-    showGuideAtPoint(canvas: HTMLCanvasElement, cursorPoint: ICoordinate2D): void;
+    showNewWallAnchor(canvas: HTMLCanvasElement, cursorPoint: ICoordinate2D): void;
     startDrawNewWall(startPoint: ICoordinate2D): void;
     drawNewWall(canvas: HTMLCanvasElement, endPoint: ICoordinate2D): void;
     cancelDrawNewWall(canvas: HTMLCanvasElement): void;

package/dist/hooks/useSpaces/SpacesState.js

@@ -139,7 +139,14 @@ var SpacesState = (function () {
             var intersection = (0, geometry_1.getTangetIntersectionAndOffset)(wall.line, moveToPoint);
             if (!intersection)
                 return;
+            var padding = _this.validationConfig.padding;
+            var minOffset = padding;
+            var maxOffset = (0, geometry_1.getLengthOfLineSegment)(wall.line) - (padding + feature.length);
             var newOffset = intersection.offset - feature.length / 2;
+            if (newOffset < minOffset)
+                newOffset = minOffset;
+            else if (newOffset > maxOffset)
+                newOffset = maxOffset;
             var validationData = {
                 wall: wall,
                 updatedFeature: {
@@ -148,7 +155,7 @@ var SpacesState = (function () {
                     address: { type: type, index: index },
                 },
             };
-            _this._errorElement = _this.runValidators([validators_1.isFeatureOutsideWallBounds, validators_1.isFeatureCollidingWithExistingFeature], validationData);
+            _this._errorElement = _this.runValidators([validators_1.isFeatureCollidingWithExistingFeature], validationData);
             var errorType = ((_b = _this._errorElement) === null || _b === void 0 ? void 0 : _b[0].type) || null;
             switch (errorType) {
                 case types_1.IErrorTypes.HARD:
@@ -257,10 +264,14 @@ var SpacesState = (function () {
     });
     Object.defineProperty(SpacesState.prototype, "gridToDraw", {
         get: function () {
+            var unitLength = this.gridUnitLengthToDraw;
+            var subdivisions = [types_1.IUnits.FEET, types_1.IUnits.INCH].includes(this.unit) ? 4 : 5;
             return {
-                unitLength: this.gridUnitLengthToDraw,
+                unitLength: unitLength,
                 offset: this.gridOffset,
-                subdivisions: [types_1.IUnits.FEET, types_1.IUnits.INCH].includes(this.unit) ? 4 : 5,
+                subdivisions: subdivisions,
+                showSubdivisions: this.styles.grid.showSubdivisions &&
+                    unitLength / subdivisions > this.styles.grid.subdivisionThreshold,
             };
         },
         enumerable: false,
@@ -529,7 +540,13 @@ var SpacesState = (function () {
             return this._zoom / this.zoomMin;
         },
         set: function (val) {
-            this._zoom = val * this.zoomMin;
+            var newZoom = val * this.zoomMin;
+            var validatedZoom = newZoom < this.zoomMin
+                ? this.zoomMin
+                : newZoom > this.zoomMax
+                    ? this.zoomMax
+                    : newZoom;
+            this._zoom = validatedZoom;
         },
         enumerable: false,
         configurable: true
@@ -1276,11 +1293,15 @@ var SpacesState = (function () {
         if (locked[0] && locked[1])
             return snapPoint;
         var x = point[0], y = point[1];
+        var _a = this.gridToDraw, showSubdivisions = _a.showSubdivisions, subdivisions = _a.subdivisions;
+        var gridUnitLength = showSubdivisions
+            ? this.gridUnitLength / subdivisions
+            : this.gridUnitLength;
         var floor = function (val) {
-            return Math.floor(val / _this.gridUnitLength) * _this.gridUnitLength;
+            return Math.floor(val / gridUnitLength) * gridUnitLength;
         };
         var ceil = function (val) {
-            return Math.ceil(val / _this.gridUnitLength) * _this.gridUnitLength;
+            return Math.ceil(val / gridUnitLength) * gridUnitLength;
         };
         var gridProximityPoint = [
             [floor(x), floor(y)],
@@ -1446,6 +1467,8 @@ var SpacesState = (function () {
         if (zoomToFit === void 0) { zoomToFit = true; }
         if (!canvas)
             return;
+        if (!this.verticesList.length)
+            return;
         var _a = this.verticesList.reduce(function (output, _a, i) {
             var point = _a.point;
             if (!i)
@@ -1474,7 +1497,7 @@ var SpacesState = (function () {
             this.zoomFactor = Math.min((canvas.width - 80) / (xMax - xMin), (canvas.height - 80) / (yMax - yMin));
         this.drawSpaces(canvas);
     };
-    SpacesState.prototype.showGuideAtPoint = function (canvas, cursorPoint) {
+    SpacesState.prototype.showNewWallAnchor = function (canvas, cursorPoint) {
         var _this = this;
         if (!this.guideSnappingEnabled)
             return;
@@ -1488,8 +1511,17 @@ var SpacesState = (function () {
         var elementAtPoint = this.getElementAddressAtPoint(point);
         if (elementAtPoint) {
             clearGuides();
+            if (elementAtPoint.type === types_1.IElements.WALL ||
+                elementAtPoint.type === types_1.IElements.VERTEX) {
+                this._highlightedElement = elementAtPoint;
+                this.drawSpaces(canvas);
+            }
             return;
         }
+        else if (this._highlightedElement) {
+            this._highlightedElement = null;
+            this.drawSpaces(canvas);
+        }
         var snapPoint = this.getSnapVertexToGuideInProximity({
             type: types_1.SNAPPING_TYPES.NONE,
             point: point,

package/dist/hooks/useSpaces/dataHandlers.js

@@ -237,8 +237,8 @@ exports.convertAreaUnit = convertAreaUnit;
 function prepLengthForUser(value, unit) {
     if (unit === types_1.IUnits.FEET) {
         var feet = Math.floor(value);
-        var inches = 1.2 * (value % 1);
-        return "".concat(feet).concat(constants_1.UNIT_LABELS[types_1.IUnits.FEET], " ").concat(inches.toFixed(2)).concat(constants_1.UNIT_LABELS[types_1.IUnits.INCH]);
+        var inches = 12 * (value % 1);
+        return "".concat(feet).concat(constants_1.UNIT_LABELS[types_1.IUnits.FEET], " ").concat(inches.toFixed(1)).concat(constants_1.UNIT_LABELS[types_1.IUnits.INCH]);
     }
     return "".concat(value.toFixed(2), " ").concat(constants_1.UNIT_LABELS[unit]);
 }

package/dist/hooks/useSpaces/draw/drawGrid.js

@@ -4,9 +4,7 @@ function drawGrid(canvas, grid, styles) {
     var ctx = canvas.getContext('2d');
     if (!ctx)
         return;
-    var unitLength = grid.unitLength, offset = grid.offset, subdivisions = grid.subdivisions;
-    var showSubdivisions = styles.showSubdivisions &&
-        unitLength / subdivisions > styles.subdivisionThreshold;
+    var unitLength = grid.unitLength, offset = grid.offset, subdivisions = grid.subdivisions, showSubdivisions = grid.showSubdivisions;
     var length = showSubdivisions ? unitLength / subdivisions : unitLength;
     ctx.strokeStyle = styles.lineColor;
     var numHorizontalLines = Math.ceil(canvas.height / length) +

package/dist/hooks/useSpaces/index.js

@@ -259,7 +259,7 @@ var useSpaces = function (props) {
     var handleDrawModeHover = function (canvas, cursorPoint) {
         if (spacesRef.current.isDrawWallActive)
             return;
-        spacesRef.current.showGuideAtPoint(canvas, cursorPoint);
+        spacesRef.current.showNewWallAnchor(canvas, cursorPoint);
     };
     var handleDrawWallStart = function (e) {
         if (modeValue !== types_1.IModes.DRAW)
@@ -293,7 +293,8 @@ var useSpaces = function (props) {
         if (!canvasRef.current)
             return;
         var zoomSensitivity = ((_a = props.config) === null || _a === void 0 ? void 0 : _a.zoomSensitivity) || constants_1.ZOOM_SENSITIVITY;
-        updateZoom(e.deltaY * zoomSensitivity);
+        updateZoom(-1 * e.deltaY * zoomSensitivity);
+        e.preventDefault();
     };
     var handleHover = function (e) {
         if (!canvasRef.current)

package/dist/hooks/useSpaces/types.d.ts

@@ -176,6 +176,7 @@ export interface IGridToDraw {
     unitLength: number;
     offset: ICoordinate2D;
     subdivisions: number;
+    showSubdivisions: boolean;
 }
 export interface IWallsValidationConfig {
     minLength: number;

package/dist/icons/AngleSnapping.d.ts

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

package/dist/icons/AngleSnapping.js

@@ -0,0 +1,28 @@
+"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.AngleSnapping = 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 AngleSnapping = 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, fillRule: "evenodd", clipRule: "evenodd", d: "M7.45664 2.10874C7.58614 1.9779 7.78102 1.99096 7.89191 2.13791L18.7612 16.5419C18.8196 16.6192 18.8431 16.7182 18.8333 16.8137C18.8515 16.855 18.8616 16.9007 18.8615 16.9488C18.8611 17.1329 18.7116 17.2816 18.5275 17.2809L9.33325 17.2483V16.5817L12.7405 16.5937C12.7363 16.453 12.7372 16.2902 12.7486 16.1119C12.7862 15.5202 12.9395 14.743 13.409 14.0338C13.9153 13.2692 14.4387 12.8542 14.8471 12.6305C14.8805 12.6122 14.913 12.5953 14.9447 12.5795L7.42294 2.61173C7.31205 2.46478 7.32714 2.23959 7.45664 2.10874ZM15.3807 13.1573C15.3115 13.1845 15.231 13.221 15.1418 13.2698C14.8153 13.4486 14.3648 13.7971 13.9152 14.4761C13.5326 15.0539 13.4031 15.6943 13.371 16.1987C13.3617 16.3457 13.3607 16.4799 13.3639 16.596L17.9879 16.6124L15.3807 13.1573Z" }),
+        react_1.default.createElement(Path, { color: props.color, "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.66468 16.5545L1.60623 16.5543C1.42214 16.5536 1.2726 16.7023 1.27222 16.8864C1.27184 17.0705 1.42078 17.2203 1.60487 17.2209L1.93253 17.2221C2.09272 17.5251 2.29725 17.805 2.53549 18.0511C3.10732 18.6419 3.8835 19.0488 4.73024 19.1115C5.57476 19.1741 6.46997 18.8928 7.27794 18.1457L7.27956 18.1473L9.76024 15.6895C9.8647 15.586 9.8647 15.4182 9.76024 15.3147L9.61838 15.1742L9.61601 15.1765L8.81017 14.3782L8.81254 14.3758L8.67069 14.2353C8.56622 14.1318 8.39686 14.1318 8.2924 14.2353L5.91771 16.588C5.35754 17.0597 4.64816 16.9369 4.19905 16.5135C3.97593 16.3031 3.82824 16.0264 3.80058 15.7276C3.77376 15.4377 3.858 15.1085 4.12828 14.7765L6.48347 12.4431C6.58793 12.3396 6.58793 12.1718 6.48347 12.0683L6.34161 11.9277L6.33924 11.9301L5.53341 11.1317L5.53578 11.1293L5.39392 10.9888C5.28946 10.8853 5.1201 10.8853 5.01563 10.9888L2.59608 13.386L2.5952 13.3851C1.82198 14.1335 1.51256 15.0044 1.54953 15.8427C1.56022 16.0852 1.59981 16.3237 1.66468 16.5545ZM2.01719 15.8225C1.98628 15.1215 2.2403 14.3785 2.91927 13.7198L2.92021 13.7207L4.18812 12.4645L4.99396 13.2629L3.78537 14.4603L3.81872 14.4934L3.78202 14.4633C3.42861 14.8872 3.29485 15.3423 3.33442 15.7699C3.37364 16.1937 3.58121 16.5712 3.87635 16.8495C4.46377 17.4033 5.44326 17.5956 6.22055 16.941L6.20546 16.9234L6.22332 16.9411L7.39801 15.7773L8.20385 16.5756L6.97892 17.7892L6.97811 17.7884C6.25369 18.4671 5.47724 18.7018 4.76516 18.6491C4.04771 18.5959 3.37567 18.2491 2.87336 17.7301C2.37094 17.211 2.04839 16.53 2.01719 15.8225ZM5.31013 12.9497L6.02307 12.2433L5.21724 11.4449L4.50429 12.1513L5.31013 12.9497ZM9.29984 15.4898L8.52002 16.2624L7.71418 15.464L8.494 14.6914L9.29984 15.4898Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M5.86834 8.88C5.73908 8.88 5.63429 8.98382 5.63429 9.11189V10.2382C5.63429 10.3663 5.73908 10.4701 5.86834 10.4701C5.99761 10.4701 6.1024 10.3663 6.1024 10.2382V9.11189C6.1024 8.98382 5.99761 8.88 5.86834 8.88Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M9.21198 12.1927C9.08272 12.1927 8.97793 12.2966 8.97793 12.4246V13.5509C8.97793 13.679 9.08272 13.7828 9.21198 13.7828C9.34125 13.7828 9.44604 13.679 9.44604 13.5509V12.4246C9.44604 12.2966 9.34125 12.1927 9.21198 12.1927Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M6.838 11.6958C6.838 11.8239 6.94279 11.9277 7.07205 11.9277H8.20889C8.33816 11.9277 8.44295 11.8239 8.44295 11.6958C8.44295 11.5678 8.33816 11.4639 8.20889 11.4639H7.07205C6.94279 11.4639 6.838 11.5678 6.838 11.6958Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M10.1816 15.0085C10.1816 15.1366 10.2864 15.2404 10.4157 15.2404H11.5525C11.6818 15.2404 11.7866 15.1366 11.7866 15.0085C11.7866 14.8805 11.6818 14.7767 11.5525 14.7767H10.4157C10.2864 14.7767 10.1816 14.8805 10.1816 15.0085Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M7.80401 9.57401C7.7126 9.48345 7.56441 9.48345 7.473 9.57401L6.66914 10.3704C6.57773 10.461 6.57773 10.6078 6.66914 10.6984C6.76054 10.7889 6.90874 10.7889 7.00014 10.6984L7.80401 9.90195C7.89541 9.81139 7.89541 9.66457 7.80401 9.57401Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M11.1476 12.8867C11.0562 12.7962 10.908 12.7962 10.8166 12.8867L10.0128 13.6832C9.92137 13.7737 9.92137 13.9206 10.0128 14.0111C10.1042 14.1017 10.2524 14.1017 10.3438 14.0111L11.1476 13.2147C11.239 13.1241 11.239 12.9773 11.1476 12.8867Z" })));
+};
+exports.AngleSnapping = AngleSnapping;
+exports.AngleSnapping.iconName = 'angle-snapping';
+exports.default = exports.AngleSnapping;
+var templateObject_1;

package/dist/icons/Center.d.ts

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

package/dist/icons/Center.js

@@ -0,0 +1,24 @@
+"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.Center = 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 || 'white'; });
+var Center = 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: "M1.52851 2.47141L5.72377 6.66666H3.99992C3.63173 6.66666 3.33325 6.96513 3.33325 7.33332C3.33325 7.70151 3.63173 7.99999 3.99992 7.99999H7.33325C7.70144 7.99999 7.99992 7.70151 7.99992 7.33332V3.99999C7.99992 3.6318 7.70144 3.33332 7.33325 3.33332C6.96506 3.33332 6.66659 3.6318 6.66659 3.99999V5.72386L2.47132 1.5286C2.21097 1.26825 1.78886 1.26825 1.52851 1.5286C1.26816 1.78895 1.26816 2.21106 1.52851 2.47141Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M18.4713 2.47141L14.2761 6.66666H15.9999C16.3681 6.66666 16.6666 6.96513 16.6666 7.33332C16.6666 7.70151 16.3681 7.99999 15.9999 7.99999H12.6666C12.2984 7.99999 11.9999 7.70151 11.9999 7.33332V3.99999C11.9999 3.6318 12.2984 3.33332 12.6666 3.33332C13.0348 3.33332 13.3333 3.6318 13.3333 3.99999V5.72386L17.5285 1.5286C17.7889 1.26825 18.211 1.26825 18.4713 1.5286C18.7317 1.78895 18.7317 2.21106 18.4713 2.47141Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M14.2761 13.3334L18.4713 17.5286C18.7317 17.7889 18.7317 18.2111 18.4713 18.4714C18.211 18.7318 17.7889 18.7318 17.5285 18.4714L13.3333 14.2761V16C13.3333 16.3682 13.0348 16.6667 12.6666 16.6667C12.2984 16.6667 11.9999 16.3682 11.9999 16V12.6667C11.9999 12.2985 12.2984 12 12.6666 12H15.9999C16.3681 12 16.6666 12.2985 16.6666 12.6667C16.6666 13.0349 16.3681 13.3334 15.9999 13.3334H14.2761Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M1.52851 17.5286L5.72377 13.3334H3.99992C3.63173 13.3334 3.33325 13.0349 3.33325 12.6667C3.33325 12.2985 3.63173 12 3.99992 12H7.33325C7.70144 12 7.99992 12.2985 7.99992 12.6667V16C7.99992 16.3682 7.70144 16.6667 7.33325 16.6667C6.96506 16.6667 6.66659 16.3682 6.66659 16V14.2761L2.47132 18.4714C2.21097 18.7318 1.78886 18.7318 1.52851 18.4714C1.26816 18.2111 1.26816 17.7889 1.52851 17.5286Z" })));
+};
+exports.Center = Center;
+exports.Center.iconName = 'center';
+exports.default = exports.Center;
+var templateObject_1;

package/dist/icons/GridSnapping.d.ts

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

package/dist/icons/GridSnapping.js

@@ -0,0 +1,28 @@
+"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.GridSnapping = 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 GridSnapping = 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.99992 1.33333V5.99999H12.6666V1.33333H13.3333V5.99999H17.9999V6.66666H13.3333V12.6667H17.9999V13.3333H13.3333V18H12.6666V6.66666H5.99992V8.66666H5.33325V6.66666H1.33325V5.99999H5.33325V1.33333H5.99992Z" }),
+        react_1.default.createElement(Path, { color: props.color, fillRule: "evenodd", clipRule: "evenodd", d: "M5.99992 17.097C6.65804 17.0159 7.32682 16.7169 7.94461 16.1457L7.94623 16.1473L10.4269 13.6895C10.5314 13.586 10.5314 13.4182 10.4269 13.3147L10.285 13.1742L10.2827 13.1765L9.47684 12.3781L9.47921 12.3758L9.33735 12.2352C9.23289 12.1318 9.06352 12.1318 8.95906 12.2352L6.58437 14.588C6.02421 15.0597 5.31483 14.9369 4.86572 14.5135C4.6426 14.3031 4.4949 14.0264 4.46724 13.7276C4.44042 13.4377 4.52466 13.1085 4.79494 12.7765L7.15014 10.443C7.2546 10.3396 7.2546 10.1718 7.15014 10.0683L7.00828 9.92771L7.00591 9.93006L6.20007 9.13168L6.20245 9.12932L6.06059 8.98878C5.95613 8.88528 5.78676 8.88528 5.6823 8.98878L3.26274 11.386L3.26186 11.3851C2.84852 11.7852 2.56771 12.2203 2.40152 12.6667H1.33325V13.3333H2.23699C2.21536 13.5036 2.20875 13.6738 2.21619 13.8427C2.25291 14.6756 2.63043 15.4604 3.20216 16.0511C3.75963 16.6271 4.51131 17.0282 5.33325 17.1062V18H5.99992V17.097ZM2.68386 13.8225C2.65295 13.1214 2.90696 12.3785 3.58593 11.7198L3.58688 11.7207L4.85479 10.4645L5.66062 11.2629L4.45203 12.4603L4.48538 12.4934L4.44869 12.4633C4.09527 12.8872 3.96152 13.3423 4.00109 13.7699C4.04031 14.1936 4.24787 14.5712 4.54302 14.8495C5.13044 15.4033 6.10992 15.5956 6.88722 14.941L6.87213 14.9234L6.88999 14.9411L8.06468 13.7772L8.87052 14.5756L7.64559 15.7892L7.64478 15.7884C6.92035 16.4671 6.1439 16.7018 5.43183 16.6491C4.71437 16.5959 4.04234 16.2491 3.54002 15.7301C3.03761 15.211 2.71505 14.53 2.68386 13.8225ZM5.97679 10.9497L6.68974 10.2433L5.8839 9.44492L5.17096 10.1513L5.97679 10.9497ZM9.9665 13.4898L9.18669 14.2624L8.38085 13.464L9.16067 12.6914L9.9665 13.4898Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M6.53501 6.87999C6.40574 6.87999 6.30095 6.98382 6.30095 7.11189V8.23821C6.30095 8.36628 6.40574 8.4701 6.53501 8.4701C6.66427 8.4701 6.76906 8.36628 6.76906 8.23821V7.11189C6.76906 6.98382 6.66427 6.87999 6.53501 6.87999Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M9.87865 10.1927C9.74938 10.1927 9.64459 10.2965 9.64459 10.4246V11.5509C9.64459 11.679 9.74938 11.7828 9.87865 11.7828C10.0079 11.7828 10.1127 11.679 10.1127 11.5509V10.4246C10.1127 10.2965 10.0079 10.1927 9.87865 10.1927Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M7.50466 9.69581C7.50466 9.82388 7.60945 9.92771 7.73872 9.92771H8.87556C9.00482 9.92771 9.10961 9.82388 9.10961 9.69581C9.10961 9.56774 9.00482 9.46392 8.87556 9.46392H7.73872C7.60945 9.46392 7.50466 9.56774 7.50466 9.69581Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M10.8483 13.0085C10.8483 13.1366 10.9531 13.2404 11.0824 13.2404H12.2192C12.3485 13.2404 12.4533 13.1366 12.4533 13.0085C12.4533 12.8805 12.3485 12.7767 12.2192 12.7767H11.0824C10.9531 12.7767 10.8483 12.8805 10.8483 13.0085Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M8.47067 7.574C8.37927 7.48344 8.23107 7.48344 8.13967 7.574L7.3358 8.37044C7.2444 8.461 7.2444 8.60782 7.3358 8.69838C7.42721 8.78894 7.5754 8.78894 7.66681 8.69838L8.47067 7.90195C8.56208 7.81139 8.56208 7.66456 8.47067 7.574Z" }),
+        react_1.default.createElement(Path, { color: props.color, d: "M11.8143 10.8867C11.7229 10.7962 11.5747 10.7962 11.4833 10.8867L10.6794 11.6832C10.588 11.7737 10.588 11.9205 10.6794 12.0111C10.7708 12.1017 10.919 12.1017 11.0104 12.0111L11.8143 11.2147C11.9057 11.1241 11.9057 10.9773 11.8143 10.8867Z" })));
+};
+exports.GridSnapping = GridSnapping;
+exports.GridSnapping.iconName = 'grid-snapping';
+exports.default = exports.GridSnapping;
+var templateObject_1;

package/dist/icons/LayoutAlt.d.ts

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

package/dist/icons/LayoutAlt.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.LayoutAlt = 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.color || props.theme.textColor; });
+var LayoutAlt = 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 19V1H9V9.6C9 10.3732 9.62681 11 10.4 11H19V19H1Z", className: "tk-icon", strokeWidth: "2" })));
+};
+exports.LayoutAlt = LayoutAlt;
+exports.LayoutAlt.iconName = 'layout-alt';
+exports.default = exports.LayoutAlt;
+var templateObject_1;

package/dist/icons/Magnet.d.ts

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

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/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/index.js

@@ -57,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,
@@ -111,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/index.d.ts

@@ -111,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, 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, };
+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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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.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;
+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"));
@@ -232,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/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];
             }
         });

package/dist/store/treble.d.ts

@@ -64,6 +64,6 @@ export declare const getLoadingProgress: (state: RootState) => undefined | numbe
 export declare const getPlayerInteraction: (state: RootState) => undefined | boolean;
 export declare const initPlayer: (config: IPlayerInit) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export declare const launch: (launchConfig?: Partial<ILaunchConfig>) => (dispatch: ThreekitDispatch) => Promise<void>;
-export declare const unloadPlayer: () => (dispatch: ThreekitDispatch) => Promise<void>;
+export declare const unloadPlayer: (dispatch: ThreekitDispatch) => Promise<string>;
 export declare const reloadPlayer: (config: undefined | string | Pick<IReloadConfig, 'assetId' | 'stageId' | 'configurationId' | 'configuration'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => Promise<void>;
 export default reducer;

package/dist/store/treble.js

@@ -398,22 +398,14 @@ var launch = function (launchConfig) {
     }); };
 };
 exports.launch = launch;
-var unloadPlayer = function () { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                dispatch((0, exports.setThreekitInitialized)(false));
-                dispatch((0, exports.setPlayerLoading)(true));
-                dispatch((0, attributes_1.setAttributes)([]));
-                dispatch((0, product_1.setName)(''));
-                dispatch((0, product_1.setMetadata)({}));
-                return [4, window.threekit.player.unload()];
-            case 1:
-                _a.sent();
-                return [2];
-        }
-    });
-}); }; };
+var unloadPlayer = function (dispatch) {
+    dispatch((0, exports.setThreekitInitialized)(false));
+    dispatch((0, exports.setPlayerLoading)(true));
+    dispatch((0, attributes_1.setAttributes)([]));
+    dispatch((0, product_1.setName)(''));
+    dispatch((0, product_1.setMetadata)({}));
+    return window.threekit.player.unload();
+};
 exports.unloadPlayer = unloadPlayer;
 var reloadPlayer = function (config) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
@@ -450,7 +442,7 @@ var reloadPlayer = function (config) {
                     playerConfig = Object.assign({}, constants_1.DEFAULT_PLAYER_CONFIG, trebleConfig.player);
                     el = document.getElementById(state.treble.playerElId);
                     if (!state.treble.isThreekitInitialized) return [3, 6];
-                    return [4, dispatch((0, exports.unloadPlayer)())];
+                    return [4, dispatch(exports.unloadPlayer)];
                 case 5:
                     _a.sent();
                     _a.label = 6;

package/dist/types.d.ts

@@ -322,6 +322,7 @@ export interface IThreekitPlayer {
     enableApi: <T extends PRIVATE_APIS>(api: T) => T extends PRIVATE_APIS.PLAYER ? IThreekitPrivatePlayer : any;
     snapshotAsync: (snapshotConfig: ISnapshotConfig) => Promise<string>;
     unload: () => Promise<string>;
+    uploadImage: (image: File) => Promise<string>;
     cacheParameters: ICacheParameters;
 }
 export interface IThreekitPrivateConfigurator extends IThreekitConfigurator {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.90-next-09",
+  "version": "0.0.91-next-01",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [