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

package/dist/hooks/useRoomBuilder/validators.js

@@ -0,0 +1,362 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runValidators = exports.isVertexLandingOnFeature = exports.areWallsDuplicated = exports.areWallsOrphaningFeatures = exports.areWallsIntersecting = exports.areWallsTooShort = exports.isFeatureCollidingWithExistingFeature = exports.isFeatureOutsideWallBounds = exports.isWallEndingOnFeature = exports.isWallOverlappingExisitingWalls = exports.isWallIntersectingFeature = exports.isWallTooShort = void 0;
+var types_1 = require("./types");
+var geometry_1 = require("./geometry");
+var messaging_1 = require("./messaging");
+var constants_1 = require("./constants");
+function isLineTooShort(wallOrLine) {
+    var minLength = constants_1.MIN_WALL_LENGTH;
+    var line = Array.isArray(wallOrLine) ? wallOrLine : wallOrLine.line;
+    var tooClose = geometry_1.arePointsWithinProximity.apply(void 0, __spreadArray(__spreadArray([], line, false), [minLength], false));
+    if (tooClose)
+        return {
+            message: messaging_1.errorMessages.wallTooShort(),
+            type: types_1.IErrorTypes.HARD,
+        };
+    return false;
+}
+function isWallTooShort(input) {
+    return isLineTooShort(input.newWall.line);
+}
+exports.isWallTooShort = isWallTooShort;
+function isWallIntersectingFeature(input) {
+    var _a;
+    var newWall = input.newWall, walls = input.walls, features = input.features;
+    if (!walls.length || !Object.values(features).flat().length)
+        return false;
+    var intersectingFeature;
+    for (var i = 0; i < walls.length && !intersectingFeature; i++) {
+        if (!walls[i].connections)
+            continue;
+        var intersectionPoint = (0, geometry_1.getLineSegmentsIntersection)(newWall.line, walls[i].line);
+        if (!intersectionPoint)
+            continue;
+        var intersectionOffset = (0, geometry_1.getLengthOfLineSegment)([
+            walls[i].line[0],
+            intersectionPoint,
+        ]);
+        for (var j = 0; j < walls[i].connections.length && !intersectingFeature; j++) {
+            var _b = walls[i].connections[j], type = _b[0], index = _b[1];
+            var feature = (_a = features[type]) === null || _a === void 0 ? void 0 : _a[index];
+            if (!feature)
+                continue;
+            if (feature.offset < intersectionOffset &&
+                intersectionOffset < feature.offset + feature.length)
+                intersectingFeature = { type: type, index: index };
+        }
+    }
+    if (!intersectingFeature)
+        return false;
+    return ({
+        address: intersectingFeature,
+        message: messaging_1.errorMessages.addWallCollidingWithFeature(intersectingFeature.type),
+        type: types_1.IErrorTypes.SOFT,
+    } || false);
+}
+exports.isWallIntersectingFeature = isWallIntersectingFeature;
+function isWallOverlappingExisitingWalls(input) {
+    var newWall = input.newWall, walls = input.walls;
+    var snapStartTo = newWall.snapStartTo, snapEndTo = newWall.snapEndTo;
+    if ((snapStartTo === null || snapStartTo === void 0 ? void 0 : snapStartTo.type) === types_1.IElements.WALL &&
+        (snapEndTo === null || snapEndTo === void 0 ? void 0 : snapEndTo.type) === types_1.IElements.WALL &&
+        snapStartTo.index === snapEndTo.index) {
+        return {
+            address: {
+                type: types_1.IElements.WALL,
+                index: snapStartTo.index,
+            },
+            type: types_1.IErrorTypes.SOFT,
+            message: messaging_1.errorMessages.wallsNotUnique(),
+        };
+    }
+    var overlappingIndex = walls.findIndex(function (wall, i) {
+        var line = wall.line;
+        if ((0, geometry_1.areLinesEqual)(line, newWall.line))
+            return true;
+        if ((snapStartTo === null || snapStartTo === void 0 ? void 0 : snapStartTo.type) === types_1.IElements.VERTEX &&
+            ((0, geometry_1.arePointsEqual)(snapStartTo.point, line[0]) ||
+                (0, geometry_1.arePointsEqual)(snapStartTo.point, line[1])) &&
+            (snapEndTo === null || snapEndTo === void 0 ? void 0 : snapEndTo.type) === types_1.IElements.WALL &&
+            snapEndTo.index === i) {
+            return true;
+        }
+        if ((snapEndTo === null || snapEndTo === void 0 ? void 0 : snapEndTo.type) === types_1.IElements.VERTEX &&
+            ((0, geometry_1.arePointsEqual)(snapEndTo.point, line[0]) ||
+                (0, geometry_1.arePointsEqual)(snapEndTo.point, line[1])) &&
+            (snapStartTo === null || snapStartTo === void 0 ? void 0 : snapStartTo.type) === types_1.IElements.WALL &&
+            snapStartTo.index === i) {
+            return true;
+        }
+        return false;
+    });
+    if (overlappingIndex !== -1) {
+        return {
+            address: {
+                type: types_1.IElements.WALL,
+                index: overlappingIndex,
+            },
+            type: types_1.IErrorTypes.SOFT,
+            message: messaging_1.errorMessages.wallsNotUnique(),
+        };
+    }
+    return false;
+}
+exports.isWallOverlappingExisitingWalls = isWallOverlappingExisitingWalls;
+function isWallEndingOnFeature(input) {
+    var snapPoint = input.newWall.snapEndTo;
+    if (!snapPoint)
+        return false;
+    if (snapPoint.type === types_1.IElements.WINDOW ||
+        snapPoint.type === types_1.IElements.DOOR ||
+        snapPoint.type === types_1.IElements.OPENING)
+        return {
+            address: snapPoint,
+            message: messaging_1.errorMessages.addWallCollidingWithFeature(snapPoint.type),
+            type: types_1.IErrorTypes.SOFT,
+        };
+    return false;
+}
+exports.isWallEndingOnFeature = isWallEndingOnFeature;
+function isFeatureOutsideWallBounds(input) {
+    var wall = input.wall, updatedFeature = input.updatedFeature;
+    var padding = constants_1.WALL_PADDING_FOR_FEATURE;
+    var wallLength = (0, geometry_1.getLengthOfLineSegment)(wall.line);
+    if (updatedFeature.offset < padding ||
+        updatedFeature.offset + updatedFeature.length > wallLength - padding)
+        return {
+            address: updatedFeature.address,
+            type: types_1.IErrorTypes.HARD,
+            message: messaging_1.errorMessages.featureOutsideWallBounds(),
+        };
+    return false;
+}
+exports.isFeatureOutsideWallBounds = isFeatureOutsideWallBounds;
+function isFeatureCollidingWithExistingFeature(input) {
+    var _a, _b;
+    var features = input.features, wall = input.wall, updatedFeature = input.updatedFeature;
+    if (!features || !((_a = wall.connections) === null || _a === void 0 ? void 0 : _a.length))
+        return false;
+    if (!Object.values(updatedFeature).flat().length)
+        return false;
+    for (var i = 0; i < wall.connections.length; i++) {
+        var _c = wall.connections[i], type = _c[0], index = _c[1];
+        if (updatedFeature.address.type === type &&
+            updatedFeature.address.index === index)
+            continue;
+        var existingFeature = (_b = features[type]) === null || _b === void 0 ? void 0 : _b[index];
+        if (!existingFeature)
+            continue;
+        if ((0, geometry_1.doLinesOverlap)([updatedFeature.offset, updatedFeature.length], [existingFeature.offset, existingFeature.length]))
+            return {
+                address: { type: type, index: index },
+                type: types_1.IErrorTypes.SOFT,
+                message: messaging_1.errorMessages.featuresColliding(type),
+            };
+    }
+    return false;
+}
+exports.isFeatureCollidingWithExistingFeature = isFeatureCollidingWithExistingFeature;
+function areWallsTooShort(input) {
+    var walls = input.walls, vertex = input.vertex, updatedPosition = input.updatedPosition;
+    var _a = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.push(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: [],
+        updatedVerticesMap: {},
+    }), wallIndexes = _a.wallIndexes, updatedVerticesMap = _a.updatedVerticesMap;
+    for (var _i = 0, wallIndexes_1 = wallIndexes; _i < wallIndexes_1.length; _i++) {
+        var index = wallIndexes_1[_i];
+        var line = walls[index].line;
+        line[updatedVerticesMap[index]] = updatedPosition.point;
+        if (isLineTooShort(line))
+            return {
+                address: { type: types_1.IElements.WALL, index: index },
+                message: messaging_1.errorMessages.wallTooShort(),
+                type: types_1.IErrorTypes.HARD,
+            };
+    }
+    return false;
+}
+exports.areWallsTooShort = areWallsTooShort;
+function areWallsIntersecting(input) {
+    var walls = input.walls, vertex = input.vertex, updatedPosition = input.updatedPosition;
+    var _a = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.add(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: new Set([]),
+        updatedVerticesMap: {},
+    }), wallIndexes = _a.wallIndexes, updatedVerticesMap = _a.updatedVerticesMap;
+    for (var _i = 0, _b = Array.from(wallIndexes); _i < _b.length; _i++) {
+        var validateWallIndex = _b[_i];
+        var line = walls[validateWallIndex].line;
+        line[updatedVerticesMap[validateWallIndex]] = updatedPosition.point;
+        for (var i = 0; i < walls.length; i++) {
+            if (wallIndexes.has(i))
+                continue;
+            var wall = walls[i];
+            if (!wall)
+                continue;
+            var intersectionPoint = (0, geometry_1.getLineSegmentsIntersection)(line, wall.line);
+            if (intersectionPoint)
+                return {
+                    address: { type: types_1.IElements.WALL, index: i },
+                    message: messaging_1.errorMessages.addWallCollidingWithWall(),
+                    type: types_1.IErrorTypes.SOFT,
+                };
+        }
+    }
+    return false;
+}
+exports.areWallsIntersecting = areWallsIntersecting;
+function areWallsOrphaningFeatures(input) {
+    var _a;
+    var walls = input.walls, vertex = input.vertex, features = input.features, updatedPosition = input.updatedPosition;
+    var _b = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.add(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: new Set([]),
+        updatedVerticesMap: {},
+    }), wallIndexes = _b.wallIndexes, updatedVerticesMap = _b.updatedVerticesMap;
+    for (var _i = 0, _c = Array.from(wallIndexes); _i < _c.length; _i++) {
+        var wallIdx = _c[_i];
+        var wall = walls[wallIdx];
+        if (!wall.connections.length)
+            continue;
+        var updatedLine = JSON.parse(JSON.stringify(wall.line));
+        updatedLine[updatedVerticesMap[wallIdx]] = updatedPosition.point;
+        var currentWallLength = (0, geometry_1.getLengthOfLineSegment)(wall.line);
+        var updatedWallLength = (0, geometry_1.getLengthOfLineSegment)(updatedLine);
+        var wallLengthDelta = updatedWallLength - currentWallLength;
+        for (var i = 0; i < wall.connections.length; i++) {
+            var _d = wall.connections[i], type = _d[0], index = _d[1];
+            var feat = (_a = features[type]) === null || _a === void 0 ? void 0 : _a[index];
+            if (!feat)
+                continue;
+            var error = {
+                address: { type: type, index: index },
+                message: 'feature collision',
+                type: types_1.IErrorTypes.HARD,
+            };
+            if (updatedVerticesMap[wallIdx] === 0 &&
+                feat.offset - wallLengthDelta < constants_1.WALL_PADDING_FOR_FEATURE)
+                return error;
+            else if (feat.offset + feat.length >
+                updatedWallLength - constants_1.WALL_PADDING_FOR_FEATURE) {
+                return error;
+            }
+        }
+    }
+    return false;
+}
+exports.areWallsOrphaningFeatures = areWallsOrphaningFeatures;
+function areWallsDuplicated(input) {
+    var _a, _b, _c;
+    var walls = input.walls, vertex = input.vertex, updatedPosition = input.updatedPosition;
+    var point = (_b = (_a = updatedPosition.snapTo) === null || _a === void 0 ? void 0 : _a.point) !== null && _b !== void 0 ? _b : updatedPosition.point;
+    var _d = vertex.connections.reduce(function (output, connection) {
+        var _a;
+        var wallIndex = connection[0], vertexIndex = connection[1];
+        output.wallIndexes.add(wallIndex);
+        output.updatedVerticesMap = Object.assign(output.updatedVerticesMap, (_a = {},
+            _a[wallIndex] = vertexIndex,
+            _a));
+        return output;
+    }, {
+        wallIndexes: new Set([]),
+        updatedVerticesMap: {},
+    }), wallIndexes = _d.wallIndexes, updatedVerticesMap = _d.updatedVerticesMap;
+    for (var _i = 0, _e = Array.from(wallIndexes); _i < _e.length; _i++) {
+        var wallIdx = _e[_i];
+        var wall = walls[wallIdx];
+        var updatedLine = JSON.parse(JSON.stringify(wall.line));
+        updatedLine[updatedVerticesMap[wallIdx]] = point;
+        if (((_c = updatedPosition.snapTo) === null || _c === void 0 ? void 0 : _c.type) === types_1.IElements.WALL &&
+            updatedPosition.snapTo.index !== wallIdx) {
+            var _f = walls[updatedPosition.snapTo.index].line, xTest = _f[0], yTest = _f[1];
+            var unmovedPoint = updatedLine[updatedVerticesMap[wallIdx] === 1 ? 0 : 1];
+            if ((0, geometry_1.arePointsEqual)(unmovedPoint, xTest) ||
+                (0, geometry_1.arePointsEqual)(unmovedPoint, yTest))
+                return {
+                    address: {
+                        type: types_1.IElements.WALL,
+                        index: updatedPosition.snapTo.index,
+                    },
+                    type: types_1.IErrorTypes.SOFT,
+                    message: messaging_1.errorMessages.wallsNotUnique(),
+                };
+        }
+        for (var i = 0; i < walls.length; i++) {
+            if (wallIdx === i)
+                continue;
+            var existingWall = walls[i];
+            var error = {
+                address: { type: types_1.IElements.WALL, index: i },
+                type: types_1.IErrorTypes.SOFT,
+                message: messaging_1.errorMessages.wallsNotUnique(),
+            };
+            if (((0, geometry_1.arePointsEqual)(existingWall[0], wall.line[0]) &&
+                (0, geometry_1.arePointsEqual)(existingWall[1], wall.line[1])) ||
+                ((0, geometry_1.arePointsEqual)(existingWall[0], wall.line[1]) &&
+                    (0, geometry_1.arePointsEqual)(existingWall[1], wall.line[0]))) {
+                return error;
+            }
+        }
+    }
+    return false;
+}
+exports.areWallsDuplicated = areWallsDuplicated;
+function isVertexLandingOnFeature(input) {
+    var snapPoint = input.updatedPosition.snapTo;
+    if (!snapPoint)
+        return false;
+    if (snapPoint.type === types_1.IElements.WINDOW ||
+        snapPoint.type === types_1.IElements.DOOR ||
+        snapPoint.type === types_1.IElements.OPENING)
+        return {
+            address: snapPoint,
+            message: messaging_1.errorMessages.addWallCollidingWithFeature(snapPoint.type),
+            type: types_1.IErrorTypes.SOFT,
+        };
+    return false;
+}
+exports.isVertexLandingOnFeature = isVertexLandingOnFeature;
+function runValidators(validators, input) {
+    var errors = validators.reduce(function (output, validate) {
+        var error = validate(input);
+        if (error)
+            output.push(error);
+        return output;
+    }, []);
+    if (errors.length)
+        return errors;
+    return null;
+}
+exports.runValidators = runValidators;

package/dist/icons/Add.d.ts

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

package/dist/icons/Add.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Add = 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 Add = 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 Add = 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: "M10 2V18M18 10H2", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Add = Add;

package/dist/icons/Angle.d.ts

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

package/dist/icons/Angle.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.Angle = 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 Angle = 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: "M12.0029 10.9668C10.9125 11.2917 10.039 11.9454 9.5216 12.8766C8.97049 13.8686 8.90036 15.0374 9.27465 16.2072L0.97078 16.1273C0.439764 16.1222 0.00515131 16.5486 4.53878e-05 17.0796C-0.00506054 17.6106 0.421274 18.0452 0.95229 18.0503L19.0292 18.2241C19.5602 18.2292 19.9948 17.8029 20 17.2719C20.0007 17.1974 19.9929 17.1248 19.9775 17.0551C19.9823 16.813 19.8962 16.5689 19.7174 16.3783L6.41793 2.20388C6.05457 1.81662 5.44606 1.79724 5.0588 2.1606C4.67154 2.52396 4.65216 3.13246 5.01552 3.51973L12.0029 10.9668ZM13.5876 12.6557L16.9894 16.2814L11.3602 16.2272C10.8318 15.2171 10.8908 14.3718 11.2027 13.8105C11.5367 13.2092 12.3007 12.6821 13.5876 12.6557Z", className: "tk-icon" })));
+};
+exports.Angle = Angle;
+exports.Angle.iconName = 'angle';
+exports.default = exports.Angle;
+var templateObject_1;

package/dist/icons/ArrowLeft.d.ts

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

package/dist/icons/ArrowLeft.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowLeft = 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 ArrowLeft = 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 ArrowLeft = 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 4L3 10M3 10L9 16M3 10L18.5 10", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.ArrowLeft = ArrowLeft;

package/dist/icons/ArrowRight.d.ts

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

package/dist/icons/ArrowRight.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowRight = 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 ArrowRight = 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 ArrowRight = 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: "M11.5 16L17.5 10M17.5 10L11.5 4M17.5 10L2 10", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.ArrowRight = ArrowRight;

package/dist/icons/Camera.d.ts

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

package/dist/icons/Camera.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Camera = 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 Camera = 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 Camera = 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: "M13.5 4H6.5L5.5 6H2V17H18V6H14.5L13.5 4Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("circle", { cx: "10", cy: "11", r: "3", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/CaretDown.d.ts

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

package/dist/icons/CaretDown.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretDown = 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 CaretDown = 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 CaretDown = 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 7L10 14L17 7", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.CaretDown = CaretDown;

package/dist/icons/CaretLeft.d.ts

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

package/dist/icons/CaretLeft.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretLeft = 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 CaretLeft = 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 CaretLeft = 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: "M13.5 3L6.5 10L13.5 17", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.CaretLeft = CaretLeft;

package/dist/icons/CaretRight.d.ts

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

package/dist/icons/CaretRight.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretRight = 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 CaretRight = 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 CaretRight = 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.5 17L13.5 10L6.5 3", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.CaretRight = CaretRight;

package/dist/icons/CaretUp.d.ts

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

package/dist/icons/CaretUp.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretUp = 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 CaretUp = 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 CaretUp = 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 14L10 7L3 14", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.CaretUp = CaretUp;

package/dist/icons/Cart.d.ts

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

package/dist/icons/Cart.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cart = 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 Cart = 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 Cart = 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: "M14.5 15H5.5L6.5 12M1.5 3H3.5L4.16667 5M6.5 12H14.5L17 5H4.16667M6.5 12L4.16667 5", className: "tk-icon", strokeLinecap: "round", strokeWidth: "2" }),
         react_1.default.createElement("circle", { cx: "5", cy: "16.5", r: "1", className: "tk-icon", strokeWidth: "1" }),
         react_1.default.createElement("circle", { cx: "15", cy: "16.5", r: "1", className: "tk-icon", strokeWidth: "1" })));

package/dist/icons/Checkmate.d.ts

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

package/dist/icons/Checkmate.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkmate = 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 Checkmate = 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 Checkmate = 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 8.5L8 14.5L18 4.5", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Checkmate = Checkmate;

package/dist/icons/Clipboard.d.ts

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

package/dist/icons/Clipboard.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Clipboard = 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 Clipboard = 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 Clipboard = 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 4L8 4V3L12 3V4Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M6 3H4V18H16V3H14", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M11.5 2C11.5 1.17157 10.8284 0.5 10 0.5C9.17157 0.5 8.5 1.17157 8.5 2", className: "tk-icon", strokeWidth: "1" }),

package/dist/icons/ColorPicker.d.ts

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