@threekit-tools/treble 0.0.88 → 0.0.89-next-002

package/dist/icons/Image.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Image = 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: black;\n    stroke-width: 2;\n  }\n\n  .thin {\n    stroke-width: 1;\n  }\n"], ["\n  .tk-icon {\n    stroke: black;\n    stroke-width: 2;\n  }\n\n  .thin {\n    stroke-width: 1;\n  }\n"])));
-var Image = 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    stroke-width: 2;\n  }\n\n  .thin {\n    stroke-width: 1;\n  }\n"], ["\n  .tk-icon {\n    stroke: ", ";\n    stroke-width: 2;\n  }\n\n  .thin {\n    stroke-width: 1;\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Image = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
         react_1.default.createElement("rect", { x: "3", y: "3", width: "14", height: "14", className: "tk-icon" }),
         react_1.default.createElement("path", { d: "M3 14.5L8.5 9L12.5 13L14.5 11L17 13.5", className: "tk-icon thin" }),
         react_1.default.createElement("circle", { cx: "13", cy: "7", r: "1.5", className: "tk-icon thin" })));

package/dist/icons/Info.d.ts

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

package/dist/icons/Info.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Info = 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 Info = 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 Info = 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("circle", { cx: "10", cy: "10", r: "8", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("circle", { cx: "10", cy: "6", r: "0.5", className: "tk-icon", strokeWidth: "1" }),
         react_1.default.createElement("path", { d: "M8 8.5H9.5M10.5 14.5V8.5H9.5M10.5 14.5H9.5M10.5 14.5H12M9.5 14.5V8.5M9.5 14.5H8", className: "tk-icon", strokeWidth: "1" })));

package/dist/icons/Layout.d.ts

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

package/dist/icons/Layout.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.Layout = 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 Layout = 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.Layout = Layout;
+exports.Layout.iconName = 'layout';
+exports.default = exports.Layout;
+var templateObject_1;

package/dist/icons/Mail.d.ts

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

package/dist/icons/Mail.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Mail = 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 Mail = 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 Mail = 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 17V3H19V17H1Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M1 5L10 11L19 5", className: "tk-icon", strokeWidth: "1" })));
 };

package/dist/icons/Menu.d.ts

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

package/dist/icons/Menu.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = 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 Menu = 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 Menu = 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 4H18M2 10H18M2 16H18", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Menu = Menu;

package/dist/icons/More.d.ts

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

package/dist/icons/More.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.More = 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 More = 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 More = 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.5 10C10.5 10.2761 10.2761 10.5 10 10.5C9.72386 10.5 9.5 10.2761 9.5 10C9.5 9.72386 9.72386 9.5 10 9.5C10.2761 9.5 10.5 9.72386 10.5 10Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M5 10C5 10.2761 4.77614 10.5 4.5 10.5C4.22386 10.5 4 10.2761 4 10C4 9.72386 4.22386 9.5 4.5 9.5C4.77614 9.5 5 9.72386 5 10Z", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("path", { d: "M16 10C16 10.2761 15.7761 10.5 15.5 10.5C15.2239 10.5 15 10.2761 15 10C15 9.72386 15.2239 9.5 15.5 9.5C15.7761 9.5 16 9.72386 16 10Z", className: "tk-icon", strokeWidth: "2" })));

package/dist/icons/NewWindow.d.ts

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

package/dist/icons/NewWindow.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NewWindow = 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 NewWindow = 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 NewWindow = 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.5 9.5L17 3M17 3V9M17 3H11M8 3H4C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16V12", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.NewWindow = NewWindow;

package/dist/icons/Opening.d.ts

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

package/dist/icons/Opening.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.Opening = 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 Opening = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.33334 19.4937C3.33334 19.7733 3.55861 20 3.83649 20C4.39225 20 4.84278 19.5495 4.84278 18.9937V1.51899H15.1572V18.9937C15.1572 19.5495 15.6078 20 16.1635 20C16.4414 20 16.6667 19.7733 16.6667 19.4937V0.506329C16.6667 0.226691 16.4414 0 16.1635 0H3.83649C3.55861 0 3.33334 0.226692 3.33334 0.50633V19.4937Z", className: "tk-icon" })));
+};
+exports.Opening = Opening;
+exports.Opening.iconName = 'opening';
+exports.default = exports.Opening;
+var templateObject_1;

package/dist/icons/Pause.d.ts

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

package/dist/icons/Pause.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pause = 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 Pause = 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 Pause = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
         react_1.default.createElement("rect", { x: "3", y: "3", width: "4", height: "14", className: "tk-icon", strokeWidth: "2" }),
         react_1.default.createElement("rect", { x: "13", y: "3", width: "4", height: "14", className: "tk-icon", strokeWidth: "2" })));
 };

package/dist/icons/Play.d.ts

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

package/dist/icons/Play.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Play = 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 Play = 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 Play = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
         react_1.default.createElement("path", { d: "M16 10L5 17L5 3L16 10Z", className: "tk-icon", strokeWidth: "2" })));
 };
 exports.Play = Play;

package/dist/icons/Redo.d.ts

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

package/dist/icons/Redo.js

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

package/dist/icons/Remove.d.ts

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

package/dist/icons/Remove.js

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

package/dist/icons/Ruler.d.ts

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

package/dist/icons/Ruler.js

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

package/dist/icons/Search.d.ts

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

package/dist/icons/Search.js

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

package/dist/icons/Settings.d.ts

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

package/dist/icons/Settings.js

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

package/dist/icons/Share.d.ts

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

package/dist/icons/Share.js

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

package/dist/icons/Switch.d.ts

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

package/dist/icons/Switch.js

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

package/dist/icons/Tag.d.ts

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

package/dist/icons/Tag.js

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

package/dist/icons/TrashCan.d.ts

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

package/dist/icons/TrashCan.js

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

package/dist/icons/TrashCanAlt.d.ts

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

package/dist/icons/TrashCanAlt.js

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

package/dist/icons/Undo.d.ts

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

package/dist/icons/Undo.js

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

package/dist/icons/Wall.d.ts

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

package/dist/icons/Wall.js

@@ -0,0 +1,21 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wall = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var SVG = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .tk-icon {\n    fill: ", ";\n  }\n"], ["\n  .tk-icon {\n    fill: ", ";\n  }\n"])), function (props) { return props.color || props.theme.textColor; });
+var Wall = function (props) {
+    return (react_1.default.createElement(SVG, { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: props.color },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 17C20 17.1578 19.8721 17.2857 19.7143 17.2857H0.285714C0.127919 17.2857 0 17.1578 0 17V3.00001C0 2.84221 0.127919 2.71429 0.285714 2.71429H19.7143C19.8721 2.71429 20 2.84221 20 3.00001V17ZM0.714286 6.14287V3.42858H6.85714V6.14287H0.714286ZM3.42857 6.85715H9.57143V9.57144H3.42857V6.85715ZM6.85714 10.2857H0.714286V13H6.85714V10.2857ZM19.2857 10.2857H13.1429V13H19.2857V10.2857ZM19.2857 9.57144V6.85715H17.2857V9.57144H19.2857ZM16.4286 9.57144H10.2857V6.85715H16.4286V9.57144ZM12.4286 10.2857H7.57143V13H12.4286V10.2857ZM7.57143 3.42858H12.4286V6.14287H7.57143V3.42858ZM19.2857 3.42858V6.14287H13.1429V3.42858H19.2857ZM9.57143 13.8572H3.42857V16.5714H9.57143V13.8572ZM10.2857 16.5714H16.4286V13.8572H10.2857V16.5714ZM2.71429 13.8572H0.714286V16.5714H2.71429V13.8572ZM0.714286 9.57144V6.85715H2.71429V9.57144H0.714286ZM17.2857 13.8572H19.2857V16.5714H17.2857V13.8572Z", className: "tk-icon" })));
+};
+exports.Wall = Wall;
+exports.Wall.iconName = 'wall';
+exports.default = exports.Wall;
+var templateObject_1;

package/dist/icons/Window.d.ts

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

package/dist/icons/Window.js

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

package/dist/icons/Wishlist.d.ts

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

package/dist/icons/Wishlist.js

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

package/dist/icons/ZoomIn.d.ts

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

package/dist/icons/ZoomIn.js

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