@homefile/components-v2 1.0.2 → 1.0.4

package/dist/components/icons/Link.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Link = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M87.5,151.52l64-64a12,12,0,0,1,17,17l-64,64a12,12,0,0,1-17-17Zm131-114a60.08,60.08,0,0,0-84.87,0L103.51,67.61a12,12,0,0,0,17,17l30.07-30.06a36,36,0,0,1,50.93,50.92L171.4,135.52a12,12,0,1,0,17,17l30.08-30.06A60.09,60.09,0,0,0,218.45,37.55ZM135.52,171.4l-30.07,30.08a36,36,0,0,1-50.92-50.93l30.06-30.07a12,12,0,0,0-17-17L37.55,133.58a60,60,0,0,0,84.88,84.87l30.06-30.07a12,12,0,0,0-17-17Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Link = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M87.5,151.52l64-64a12,12,0,0,1,17,17l-64,64a12,12,0,0,1-17-17Zm131-114a60.08,60.08,0,0,0-84.87,0L103.51,67.61a12,12,0,0,0,17,17l30.07-30.06a36,36,0,0,1,50.93,50.92L171.4,135.52a12,12,0,1,0,17,17l30.08-30.06A60.09,60.09,0,0,0,218.45,37.55ZM135.52,171.4l-30.07,30.08a36,36,0,0,1-50.92-50.93l30.06-30.07a12,12,0,0,0-17-17L37.55,133.58a60,60,0,0,0,84.88,84.87l30.06-30.07a12,12,0,0,0-17-17Z" }) }));
 };
-exports.Link = Link;

package/dist/components/icons/Linkedin.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Linkedin = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Linkedin = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: (0, jsx_runtime_1.jsxs)("g", { transform: "translate(-358.12 -528.25)", children: [(0, jsx_runtime_1.jsx)("g", { transform: "translate(358.87 529)", children: (0, jsx_runtime_1.jsx)("path", { d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), (0, jsx_runtime_1.jsx)("path", { d: "M2.524,11.278H.186V3.749H2.524ZM1.354,2.722A1.36,1.36,0,1,1,2.708,1.355,1.365,1.365,0,0,1,1.354,2.722Zm9.921,8.556H8.942V7.613c0-.873-.018-1.994-1.216-1.994-1.216,0-1.4.949-1.4,1.931v3.728H3.989V3.749H6.231V4.776h.033A2.457,2.457,0,0,1,8.476,3.56c2.366,0,2.8,1.558,2.8,3.582v4.136Z", transform: "translate(363.349 532.999)", fill: stroke })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Linkedin = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: _jsxs("g", { transform: "translate(-358.12 -528.25)", children: [_jsx("g", { transform: "translate(358.87 529)", children: _jsx("path", { d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), _jsx("path", { d: "M2.524,11.278H.186V3.749H2.524ZM1.354,2.722A1.36,1.36,0,1,1,2.708,1.355,1.365,1.365,0,0,1,1.354,2.722Zm9.921,8.556H8.942V7.613c0-.873-.018-1.994-1.216-1.994-1.216,0-1.4.949-1.4,1.931v3.728H3.989V3.749H6.231V4.776h.033A2.457,2.457,0,0,1,8.476,3.56c2.366,0,2.8,1.558,2.8,3.582v4.136Z", transform: "translate(363.349 532.999)", fill: stroke })] }) }));
 };
-exports.Linkedin = Linkedin;

package/dist/components/icons/Menu.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Menu = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Menu = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z" }) }));
 };
-exports.Menu = Menu;

package/dist/components/icons/MetaLogo.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MetaLogo = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var MetaLogo = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: (0, jsx_runtime_1.jsxs)("g", { id: "Group_19606", "data-name": "Group 19606", transform: "translate(-385.12 -528.25)", children: [(0, jsx_runtime_1.jsx)("g", { id: "Icon_feather-instagram", "data-name": "Icon feather-instagram", transform: "translate(385.87 529)", children: (0, jsx_runtime_1.jsx)("path", { id: "Path_8969", "data-name": "Path 8969", d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), (0, jsx_runtime_1.jsx)("path", { id: "Icon_awesome-facebook-f", "data-name": "Icon awesome-facebook-f", d: "M6.87,5.912l.292-1.9H5.336V2.775A.951.951,0,0,1,6.409,1.748h.83V.129A10.118,10.118,0,0,0,5.766,0,2.322,2.322,0,0,0,3.28,2.56V4.01H1.609v1.9H3.28v4.6H5.336v-4.6Z", transform: "translate(391.564 533.767)", fill: stroke })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const MetaLogo = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: _jsxs("g", { id: "Group_19606", "data-name": "Group 19606", transform: "translate(-385.12 -528.25)", children: [_jsx("g", { id: "Icon_feather-instagram", "data-name": "Icon feather-instagram", transform: "translate(385.87 529)", children: _jsx("path", { id: "Path_8969", "data-name": "Path 8969", d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), _jsx("path", { id: "Icon_awesome-facebook-f", "data-name": "Icon awesome-facebook-f", d: "M6.87,5.912l.292-1.9H5.336V2.775A.951.951,0,0,1,6.409,1.748h.83V.129A10.118,10.118,0,0,0,5.766,0,2.322,2.322,0,0,0,3.28,2.56V4.01H1.609v1.9H3.28v4.6H5.336v-4.6Z", transform: "translate(391.564 533.767)", fill: stroke })] }) }));
 };
-exports.MetaLogo = MetaLogo;

package/dist/components/icons/Minus.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Minus = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Minus = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Minus = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z" }) }));
 };
-exports.Minus = Minus;

package/dist/components/icons/MoreHorizontal.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MoreHorizontal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var MoreHorizontal = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const MoreHorizontal = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M144,128a16,16,0,1,1-16-16A16,16,0,0,1,144,128ZM60,112a16,16,0,1,0,16,16A16,16,0,0,0,60,112Zm136,0a16,16,0,1,0,16,16A16,16,0,0,0,196,112Z" }) }));
 };
-exports.MoreHorizontal = MoreHorizontal;

package/dist/components/icons/OpenVideo.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenVideo = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var OpenVideo = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", children: (0, jsx_runtime_1.jsx)("g", { id: "Group_20622", "data-name": "Group 20622", transform: "translate(2556.332 -521.567)", children: (0, jsx_runtime_1.jsxs)("g", { id: "Group_20621", "data-name": "Group 20621", transform: "translate(-2556 522)", children: [(0, jsx_runtime_1.jsxs)("g", { id: "Rectangle_24563", "data-name": "Rectangle 24563", transform: "translate(-0.332 3.567)", fill: "none", stroke: stroke, strokeWidth: "1", children: [(0, jsx_runtime_1.jsx)("rect", { width: "16", height: "16", rx: "3", stroke: "none" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "2.5", fill: "none" })] }), (0, jsx_runtime_1.jsx)("rect", { id: "Rectangle_24565", "data-name": "Rectangle 24565", width: "13", height: "9", rx: "2", transform: "translate(5.668 -0.433)", fill: stroke }), (0, jsx_runtime_1.jsxs)("g", { id: "Group_20620", "data-name": "Group 20620", transform: "translate(2.749 16.344) rotate(-90)", children: [(0, jsx_runtime_1.jsx)("line", { id: "Line_2836", "data-name": "Line 2836", x2: "4.784", y2: "4.784", transform: "translate(0 0)", fill: "none", stroke: stroke, strokeWidth: "1" }), (0, jsx_runtime_1.jsx)("path", { id: "Path_10673", "data-name": "Path 10673", d: "M4.5,0V4.506H0", transform: "translate(0.681 0.759)", fill: "none", stroke: stroke, strokeWidth: "1" })] })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const OpenVideo = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", children: _jsx("g", { id: "Group_20622", "data-name": "Group 20622", transform: "translate(2556.332 -521.567)", children: _jsxs("g", { id: "Group_20621", "data-name": "Group 20621", transform: "translate(-2556 522)", children: [_jsxs("g", { id: "Rectangle_24563", "data-name": "Rectangle 24563", transform: "translate(-0.332 3.567)", fill: "none", stroke: stroke, strokeWidth: "1", children: [_jsx("rect", { width: "16", height: "16", rx: "3", stroke: "none" }), _jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "2.5", fill: "none" })] }), _jsx("rect", { id: "Rectangle_24565", "data-name": "Rectangle 24565", width: "13", height: "9", rx: "2", transform: "translate(5.668 -0.433)", fill: stroke }), _jsxs("g", { id: "Group_20620", "data-name": "Group 20620", transform: "translate(2.749 16.344) rotate(-90)", children: [_jsx("line", { id: "Line_2836", "data-name": "Line 2836", x2: "4.784", y2: "4.784", transform: "translate(0 0)", fill: "none", stroke: stroke, strokeWidth: "1" }), _jsx("path", { id: "Path_10673", "data-name": "Path 10673", d: "M4.5,0V4.506H0", transform: "translate(0.681 0.759)", fill: "none", stroke: stroke, strokeWidth: "1" })] })] }) }) }));
 };
-exports.OpenVideo = OpenVideo;

package/dist/components/icons/Plus.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Plus = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Plus = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.neutral.white : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Plus = ({ stroke = colors.neutral.white, size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }) }));
 };
-exports.Plus = Plus;

package/dist/components/icons/SearchIcon.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var SearchIcon = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.neutral.white : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const SearchIcon = ({ stroke = colors.neutral.white, size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }) }));
 };
-exports.SearchIcon = SearchIcon;

package/dist/components/icons/Star.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Star = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Star = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 26.096 24.818", children: (0, jsx_runtime_1.jsx)("path", { id: "Path_11062", "data-name": "Path 11062", d: "M13.047,0,9.016,8.17,0,9.48l6.524,6.359-1.54,8.979,8.064-4.239,8.064,4.239-1.54-8.979L26.1,9.48,17.079,8.17Z", transform: "translate(0 0)", fill: stroke }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Star = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 26.096 24.818", children: _jsx("path", { id: "Path_11062", "data-name": "Path 11062", d: "M13.047,0,9.016,8.17,0,9.48l6.524,6.359-1.54,8.979,8.064-4.239,8.064,4.239-1.54-8.979L26.1,9.48,17.079,8.17Z", transform: "translate(0 0)", fill: stroke }) }));
 };
-exports.Star = Star;

package/dist/components/icons/TikTok.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TikTok = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var TikTok = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 51 51", children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip-path", children: (0, jsx_runtime_1.jsx)("rect", { width: "51", height: "51", transform: "translate(0 0.31)", fill: "none" }) }) }), (0, jsx_runtime_1.jsx)("g", { transform: "translate(0 -0.31)", children: (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip-path)", children: (0, jsx_runtime_1.jsx)("path", { d: "M45.087,0H6.223A6.223,6.223,0,0,0,0,6.223V45.087A6.223,6.223,0,0,0,6.223,51.31H45.087a6.223,6.223,0,0,0,6.223-6.223V6.223A6.223,6.223,0,0,0,45.087,0M42.1,22.46a15.391,15.391,0,0,1-9.2-3.054V33.273a11.85,11.85,0,1,1-9.855-12.258l-.061,7.028a5.369,5.369,0,1,0,3.526,5.34V6.762h6.184s-.183,8.43,9.407,9.346Z", fill: stroke }) }) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const TikTok = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 51 51", children: [_jsx("defs", { children: _jsx("clipPath", { id: "clip-path", children: _jsx("rect", { width: "51", height: "51", transform: "translate(0 0.31)", fill: "none" }) }) }), _jsx("g", { transform: "translate(0 -0.31)", children: _jsx("g", { clipPath: "url(#clip-path)", children: _jsx("path", { d: "M45.087,0H6.223A6.223,6.223,0,0,0,0,6.223V45.087A6.223,6.223,0,0,0,6.223,51.31H45.087a6.223,6.223,0,0,0,6.223-6.223V6.223A6.223,6.223,0,0,0,45.087,0M42.1,22.46a15.391,15.391,0,0,1-9.2-3.054V33.273a11.85,11.85,0,1,1-9.855-12.258l-.061,7.028a5.369,5.369,0,1,0,3.526,5.34V6.762h6.184s-.183,8.43,9.407,9.346Z", fill: stroke }) }) })] }));
 };
-exports.TikTok = TikTok;

package/dist/components/icons/Trash.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrashIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var TrashIcon = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: (0, jsx_runtime_1.jsx)("path", { d: "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const TrashIcon = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: stroke, viewBox: "0 0 256 256", children: _jsx("path", { d: "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" }) }));
 };
-exports.TrashIcon = TrashIcon;

package/dist/components/icons/Twitter.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Twitter = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Twitter = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: (0, jsx_runtime_1.jsxs)("g", { id: "Group_19600", "data-name": "Group 19600", transform: "translate(-304.12 -528.25)", children: [(0, jsx_runtime_1.jsx)("g", { id: "Icon_feather-instagram", "data-name": "Icon feather-instagram", transform: "translate(304.87 529)", children: (0, jsx_runtime_1.jsx)("path", { id: "Path_8969", "data-name": "Path 8969", d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }), (0, jsx_runtime_1.jsx)("path", { id: "Icon_awesome-twitter", "data-name": "Icon awesome-twitter", d: "M9.277,5.474c.007.092.007.184.007.276a5.988,5.988,0,0,1-6.03,6.03A5.989,5.989,0,0,1,0,10.828a4.384,4.384,0,0,0,.512.026,4.244,4.244,0,0,0,2.631-.905,2.123,2.123,0,0,1-1.981-1.47,2.672,2.672,0,0,0,.4.033,2.241,2.241,0,0,0,.558-.072A2.12,2.12,0,0,1,.42,6.36V6.333a2.134,2.134,0,0,0,.958.269A2.122,2.122,0,0,1,.722,3.768a6.024,6.024,0,0,0,4.37,2.218A2.392,2.392,0,0,1,5.039,5.5,2.121,2.121,0,0,1,8.707,4.05a4.172,4.172,0,0,0,1.345-.512A2.114,2.114,0,0,1,9.12,4.706a4.248,4.248,0,0,0,1.22-.328,4.556,4.556,0,0,1-1.063,1.1Z", transform: "translate(310.286 532.498)", fill: stroke })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Twitter = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: _jsxs("g", { id: "Group_19600", "data-name": "Group 19600", transform: "translate(-304.12 -528.25)", children: [_jsx("g", { id: "Icon_feather-instagram", "data-name": "Icon feather-instagram", transform: "translate(304.87 529)", children: _jsx("path", { id: "Path_8969", "data-name": "Path 8969", d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }), _jsx("path", { id: "Icon_awesome-twitter", "data-name": "Icon awesome-twitter", d: "M9.277,5.474c.007.092.007.184.007.276a5.988,5.988,0,0,1-6.03,6.03A5.989,5.989,0,0,1,0,10.828a4.384,4.384,0,0,0,.512.026,4.244,4.244,0,0,0,2.631-.905,2.123,2.123,0,0,1-1.981-1.47,2.672,2.672,0,0,0,.4.033,2.241,2.241,0,0,0,.558-.072A2.12,2.12,0,0,1,.42,6.36V6.333a2.134,2.134,0,0,0,.958.269A2.122,2.122,0,0,1,.722,3.768a6.024,6.024,0,0,0,4.37,2.218A2.392,2.392,0,0,1,5.039,5.5,2.121,2.121,0,0,1,8.707,4.05a4.172,4.172,0,0,0,1.345-.512A2.114,2.114,0,0,1,9.12,4.706a4.248,4.248,0,0,0,1.22-.328,4.556,4.556,0,0,1-1.063,1.1Z", transform: "translate(310.286 532.498)", fill: stroke })] }) }));
 };
-exports.Twitter = Twitter;

package/dist/components/icons/Upload.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Upload = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icon_1 = require("@chakra-ui/icon");
-var colors_1 = require("../../theme/colors");
-var Upload = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[6] : _b;
-    return ((0, jsx_runtime_1.jsx)(icon_1.Icon, { viewBox: "0 0 200 200", color: "red.500", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.878 19.878", children: (0, jsx_runtime_1.jsxs)("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", "data-name": "Icon feather-upload", children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.878 12.919v3.973a1.986 1.986 0 0 1-1.986 1.986H2.986A1.986 1.986 0 0 1 1 16.892v-3.973", "data-name": "Path 10078" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.905 5.966 9.939 1 4.973 5.966", "data-name": "Path 10079" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.939 1v11.919", "data-name": "Path 10080" })] }) }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@chakra-ui/icon';
+import { colors } from '../../theme/colors';
+export const Upload = ({ stroke = colors.blue[6], }) => {
+    return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.878 19.878", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", "data-name": "Icon feather-upload", children: [_jsx("path", { d: "M18.878 12.919v3.973a1.986 1.986 0 0 1-1.986 1.986H2.986A1.986 1.986 0 0 1 1 16.892v-3.973", "data-name": "Path 10078" }), _jsx("path", { d: "M14.905 5.966 9.939 1 4.973 5.966", "data-name": "Path 10079" }), _jsx("path", { d: "M9.939 1v11.919", "data-name": "Path 10080" })] }) }) }));
 };
-exports.Upload = Upload;

package/dist/components/icons/Youtube.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Youtube = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../theme/colors");
-var Youtube = function (_a) {
-    var _b = _a.stroke, stroke = _b === void 0 ? colors_1.colors.blue[3] : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: (0, jsx_runtime_1.jsxs)("g", { transform: "translate(-331.12 -528.25)", children: [(0, jsx_runtime_1.jsx)("g", { transform: "translate(331.87 529)", children: (0, jsx_runtime_1.jsx)("path", { d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), (0, jsx_runtime_1.jsx)("path", { d: "M14.625,19.753l6.183-3.516L14.625,12.72Z", transform: "translate(324.783 522.882)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from '../../theme/colors';
+export const Youtube = ({ stroke = colors.blue[3], size = 24 }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21.736 21.736", children: _jsxs("g", { transform: "translate(-331.12 -528.25)", children: [_jsx("g", { transform: "translate(331.87 529)", children: _jsx("path", { d: "M8.059,3H18.177a5.059,5.059,0,0,1,5.059,5.059V18.177a5.059,5.059,0,0,1-5.059,5.059H8.059A5.059,5.059,0,0,1,3,18.177V8.059A5.059,5.059,0,0,1,8.059,3Z", transform: "translate(-3 -3)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }), _jsx("path", { d: "M14.625,19.753l6.183-3.516L14.625,12.72Z", transform: "translate(324.783 522.882)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })] }) }));
 };
-exports.Youtube = Youtube;

package/dist/components/icons/index.js

@@ -1,50 +1,34 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ArrowLeft"), exports);
-__exportStar(require("./Calendar"), exports);
-__exportStar(require("./Camera"), exports);
-__exportStar(require("./ChevronDown"), exports);
-__exportStar(require("./ChevronRight"), exports);
-__exportStar(require("./ChevronUp"), exports);
-__exportStar(require("./Close"), exports);
-__exportStar(require("./CustomIcon"), exports);
-__exportStar(require("./DisplayGrid"), exports);
-__exportStar(require("./ChevronLeft"), exports);
-__exportStar(require("./DisplayItem"), exports);
-__exportStar(require("./DisplayList"), exports);
-__exportStar(require("./Edit"), exports);
-__exportStar(require("./Eye"), exports);
-__exportStar(require("./EyeOff"), exports);
-__exportStar(require("./FacebookLogo"), exports);
-__exportStar(require("./Filter"), exports);
-__exportStar(require("./Funnel"), exports);
-__exportStar(require("./Instagram"), exports);
-__exportStar(require("./Link"), exports);
-__exportStar(require("./Linkedin"), exports);
-__exportStar(require("./Menu"), exports);
-__exportStar(require("./MetaLogo"), exports);
-__exportStar(require("./Minus"), exports);
-__exportStar(require("./MoreHorizontal"), exports);
-__exportStar(require("./OpenVideo"), exports);
-__exportStar(require("./Plus"), exports);
-__exportStar(require("./SearchIcon"), exports);
-__exportStar(require("./Star"), exports);
-__exportStar(require("./TikTok"), exports);
-__exportStar(require("./Trash"), exports);
-__exportStar(require("./Twitter"), exports);
-__exportStar(require("./Upload"), exports);
-__exportStar(require("./Youtube"), exports);
+export * from './ArrowLeft';
+export * from './Calendar';
+export * from './Camera';
+export * from './ChevronDown';
+export * from './ChevronRight';
+export * from './ChevronUp';
+export * from './Close';
+export * from './CustomIcon';
+export * from './DisplayGrid';
+export * from './ChevronLeft';
+export * from './DisplayItem';
+export * from './DisplayList';
+export * from './Edit';
+export * from './Eye';
+export * from './EyeOff';
+export * from './FacebookLogo';
+export * from './Filter';
+export * from './Funnel';
+export * from './Instagram';
+export * from './Link';
+export * from './Linkedin';
+export * from './Menu';
+export * from './MetaLogo';
+export * from './Minus';
+export * from './MoreHorizontal';
+export * from './OpenVideo';
+export * from './Plus';
+export * from './SearchIcon';
+export * from './Star';
+export * from './TikTok';
+export * from './Trash';
+export * from './Twitter';
+export * from './Upload';
+export * from './Youtube';

package/dist/components/index.js

@@ -1,58 +1,42 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./addItemWizard"), exports);
-__exportStar(require("./animations"), exports);
-__exportStar(require("./appBar"), exports);
-__exportStar(require("./badge"), exports);
-__exportStar(require("./buttons"), exports);
-__exportStar(require("./contacts"), exports);
-__exportStar(require("./customToast"), exports);
-__exportStar(require("./display"), exports);
-__exportStar(require("./dragDrop"), exports);
-__exportStar(require("./feedback"), exports);
-__exportStar(require("./folderPanel"), exports);
-__exportStar(require("./folderSharing"), exports);
-__exportStar(require("./footers"), exports);
-__exportStar(require("./forms"), exports);
-__exportStar(require("./headers"), exports);
-__exportStar(require("./help"), exports);
-__exportStar(require("./homeAssistant"), exports);
-__exportStar(require("./homeBoard"), exports);
-__exportStar(require("./homeSummary"), exports);
-__exportStar(require("./icons"), exports);
-__exportStar(require("./inputs"), exports);
-__exportStar(require("./launchpad"), exports);
-__exportStar(require("./loaders"), exports);
-__exportStar(require("./myHomes"), exports);
-__exportStar(require("./myProfile"), exports);
-__exportStar(require("./onboarding"), exports);
-__exportStar(require("./overlay/Overlay"), exports);
-__exportStar(require("./partner"), exports);
-__exportStar(require("./propertyTiles"), exports);
-__exportStar(require("./radioButton"), exports);
-__exportStar(require("./receipts"), exports);
-__exportStar(require("./rooms"), exports);
-__exportStar(require("./sendDocument"), exports);
-__exportStar(require("./sharedHomePanel"), exports);
-__exportStar(require("./shareHome"), exports);
-__exportStar(require("./span"), exports);
-__exportStar(require("./subscription"), exports);
-__exportStar(require("./tileTooltip/TileToolitp"), exports);
-__exportStar(require("./tour"), exports);
-__exportStar(require("./householdItems"), exports);
-__exportStar(require("./valueMonitor"), exports);
-__exportStar(require("./videoPlayer"), exports);
+export * from './addItemWizard';
+export * from './animations';
+export * from './appBar';
+export * from './badge';
+export * from './buttons';
+export * from './contacts';
+export * from './customToast';
+export * from './display';
+export * from './dragDrop';
+export * from './feedback';
+export * from './folderPanel';
+export * from './folderSharing';
+export * from './footers';
+export * from './forms';
+export * from './headers';
+export * from './help';
+export * from './homeAssistant';
+export * from './homeBoard';
+export * from './homeSummary';
+export * from './icons';
+export * from './inputs';
+export * from './launchpad';
+export * from './loaders';
+export * from './myHomes';
+export * from './myProfile';
+export * from './onboarding';
+export * from './overlay/Overlay';
+export * from './partner';
+export * from './propertyTiles';
+export * from './radioButton';
+export * from './receipts';
+export * from './rooms';
+export * from './sendDocument';
+export * from './sharedHomePanel';
+export * from './shareHome';
+export * from './span';
+export * from './subscription';
+export * from './tileTooltip/TileToolitp';
+export * from './tour';
+export * from './householdItems';
+export * from './valueMonitor';
+export * from './videoPlayer';

package/dist/components/inputs/ControlledInput.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,13 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ControlledInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@chakra-ui/react");
-var ControlledInput = function (_a) {
-    var errorMessage = _a.errorMessage, hasError = _a.hasError, value = _a.value, props = __rest(_a, ["errorMessage", "hasError", "value"]);
-    var error = hasError && !props.isDisabled;
-    return ((0, jsx_runtime_1.jsxs)(react_1.FormControl, { isInvalid: error, children: [(0, jsx_runtime_1.jsx)(react_1.Input, __assign({}, props, { value: value })), error && (0, jsx_runtime_1.jsx)(react_1.Text, { variant: "error", children: errorMessage })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, Input, Text } from '@chakra-ui/react';
+export const ControlledInput = (_a) => {
+    var { errorMessage, hasError, value } = _a, props = __rest(_a, ["errorMessage", "hasError", "value"]);
+    const error = hasError && !props.isDisabled;
+    return (_jsxs(FormControl, { isInvalid: error, children: [_jsx(Input, Object.assign({}, props, { value: value })), error && _jsx(Text, { variant: "error", children: errorMessage })] }));
 };
-exports.ControlledInput = ControlledInput;

package/dist/components/inputs/DatePicker.js

@@ -1,34 +1,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_modern_calendar_datepicker_1 = __importDefault(require("@hassanmojab/react-modern-calendar-datepicker"));
-require("../../styles/calendar.css");
-var react_2 = require("@chakra-ui/react");
-var components_1 = require("..");
-var colors_1 = require("../../theme/colors");
-var utils_1 = require("../../utils");
-var DatePicker = function (_a) {
-    var onChange = _a.onChange, placeholder = _a.placeholder, showCalendarIcon = _a.showCalendarIcon, value = _a.value, _b = _a.width, width = _b === void 0 ? '290px' : _b;
-    var formatedValue = (0, utils_1.extractDayMonthYear)(value);
-    var _c = (0, react_1.useState)(formatedValue), day = _c[0], setDay = _c[1];
-    var handleOnChange = function (selectedDay) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Calendar from '@hassanmojab/react-modern-calendar-datepicker';
+import '../../styles/calendar.css';
+import { Flex, IconButton, Input, Tooltip } from '@chakra-ui/react';
+import { Calendar as CalendarIcon } from '..';
+import { colors } from '../../theme/colors';
+import { extractDayMonthYear, joinDayMonthYear } from '../../utils';
+export const DatePicker = ({ onChange, placeholder, showCalendarIcon, value, width = '290px', }) => {
+    const formatedValue = extractDayMonthYear(value);
+    const [day, setDay] = useState(formatedValue);
+    const handleOnChange = (selectedDay) => {
         setDay(selectedDay);
-        var newDay = (0, utils_1.joinDayMonthYear)(selectedDay) || '';
+        const newDay = joinDayMonthYear(selectedDay) || '';
         onChange(newDay);
     };
-    var joinedValue = (0, utils_1.joinDayMonthYear)(day);
-    (0, react_1.useEffect)(function () {
+    const joinedValue = joinDayMonthYear(day);
+    useEffect(() => {
         setDay(formatedValue);
     }, [value]);
-    var renderCustomInput = function (_a) {
-        var ref = _a.ref;
-        return ((0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: "base", minW: width, children: [(0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: placeholder, children: (0, jsx_runtime_1.jsx)(react_2.Input, { placeholder: placeholder, value: joinedValue, readOnly: true, ref: ref, _placeholder: { color: 'gray.2' } }) }), showCalendarIcon && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Calendar icon", variant: "iconOutlined", icon: (0, jsx_runtime_1.jsx)(components_1.Calendar, { size: 28, stroke: colors_1.colors.blue[3] }), maxH: "input.md", flexShrink: 0 }))] }));
+    const renderCustomInput = ({ ref }) => {
+        return (_jsxs(Flex, { gap: "base", minW: width, children: [_jsx(Tooltip, { label: placeholder, children: _jsx(Input, { placeholder: placeholder, value: joinedValue, readOnly: true, ref: ref, _placeholder: { color: 'gray.2' } }) }), showCalendarIcon && (_jsx(IconButton, { "aria-label": "Calendar icon", variant: "iconOutlined", icon: _jsx(CalendarIcon, { size: 28, stroke: colors.blue[3] }), maxH: "input.md", flexShrink: 0 }))] }));
     };
-    return ((0, jsx_runtime_1.jsx)(react_modern_calendar_datepicker_1.default, { value: day, onChange: handleOnChange, renderInput: renderCustomInput, colorPrimary: colors_1.colors.blue['3'] }));
+    return (_jsx(Calendar, { value: day, onChange: handleOnChange, renderInput: renderCustomInput, colorPrimary: colors.blue['3'] }));
 };
-exports.DatePicker = DatePicker;